Jump to content
Michelangelo_

AD (only) Isometric Mock-up with Symbols

Recommended Posts

Hi guys, I've checked this video (at 1:10)

 

and this post about the Mock-up

 

Maybe I'm not the first to try this way but it works and I can edit all contents in real time without AP.
The current version of AD does not support the Perspective Distortion but the isometric view is pretty nice ( you can add the PD through AP).
 
box_symbol.jpg
 
- Mock-up as a symbol.
- duplicate the symbol, add a group (one of each face) 
- add the vector crop tool and crop each face
- add skew and rotate each face.
- add shadows and light reflections to isometric view.
 
box_symbol_layers.jpg
 
in the example you can edit the box and the isometric view reflect your modification.
 
 
Michelangelo
________
BTW, Another project with AD file: Medusa

Share this post


Link to post
Share on other sites

great idea because AP does not work for this at the moment anyway

 

Yes I know. AD and AP share the same engine, I've bought AP only to "paste" the Perspective distortion tool ( I'm a bit surprised for that). I'm in waiting for the next release of AD with perspective transforms as a standard tool.

 

anyway, in my work also the isometric view is good  :rolleyes:
 
happy new year !

Share this post


Link to post
Share on other sites

Nice work and thanks for sharing


2017 15" MacBook Pro 14,3 w/ Intel 4 Core i7 @ 2.8 GHz, 16 GB RAM, AMD 455 @ 2 GB, 512 GB SSD, macOS High Sierra

Share this post


Link to post
Share on other sites

an update on this work. the simulation can be also animate with HypePro, I made a new box based on my AD file. more info here

I made a lot of works with both softwares and I hope that is possible, in future, an option to export a suitable shape to hype with AD for the morphing animation;

thanks!

 

 

hype_template_mockups_simulator_2_.jpg

AD file symbol_isometric_blue_box.zip

Share this post


Link to post
Share on other sites
On 1/4/2019 at 4:48 PM, Michelangelo_ said:

an update on this work. the simulation can be also animate with HypePro, I made a new box based on my AD file. more info here

I made a lot of works with both softwares and I hope that is possible, in future, an option to export a suitable shape to hype with AD for the morphing animation;

thanks!

 

 

hype_template_mockups_simulator_2_.jpg

 

I can't find the AD file on either link, only the HyperDocks template...


2017 15" MacBook Pro 14,3 w/ Intel 4 Core i7 @ 2.8 GHz, 16 GB RAM, AMD 455 @ 2 GB, 512 GB SSD, macOS High Sierra

Share this post


Link to post
Share on other sites
14 hours ago, ronnyb said:

I can't find the AD file on either link, only the HyperDocks template...

@ronnyb sorry, forgot to enclose also the AD file.

AD file symbol_isometric_blue_box.zip

 

BTW: In AD it you can add perspective only through an AP module and for this reason I did not apply it; I hope that the new AD release allows the perspective deformation of the groups of paths (as in HypePro)

Share this post


Link to post
Share on other sites
4 hours ago, Michelangelo_ said:

@ronnyb sorry, forgot to enclose also the AD file.

AD file symbol_isometric_blue_box.zip

 

BTW: In AD it you can add perspective only through an AP module and for this reason I did not apply it; I hope that the new AD release allows the perspective deformation of the groups of paths (as in HypePro)

FYI, If you have AP, you can add the perspective live filter and AD will still support it!


2017 15" MacBook Pro 14,3 w/ Intel 4 Core i7 @ 2.8 GHz, 16 GB RAM, AMD 455 @ 2 GB, 512 GB SSD, macOS High Sierra

Share this post


Link to post
Share on other sites
13 hours ago, ronnyb said:

FYI, If you have AP, you can add the perspective live filter and AD will still support it!

Thanks! yes I know but it is not a native option; I share the files and I'm sure everyone has AP :)

Share this post


Link to post
Share on other sites
16 hours ago, Michelangelo_ said:

Thanks! yes I know but it is not a native option; I share the files and I'm sure everyone has AP :)

But it's it's still usable and editable! This is the power of the Affinity file format... exploit it!!!


2017 15" MacBook Pro 14,3 w/ Intel 4 Core i7 @ 2.8 GHz, 16 GB RAM, AMD 455 @ 2 GB, 512 GB SSD, macOS High Sierra

Share this post


Link to post
Share on other sites
12 hours ago, ronnyb said:

But it's it's still usable and editable! This is the power of the Affinity file format... exploit it!!!

I'm able to manage perspective distortion but AD 1.6x is not able to do it ( and here we are still very far from AI) because the tool through AP is not a vector   distorsion and you can't control it in AD. So I share the file for AD only :)

Share this post


Link to post
Share on other sites
On 2/1/2019 at 12:13 PM, SalfingerAndrew said:

Wow, this is epic!!!! Amazing job. How do you go about achiving this effect? And how well dose it work for none boxed shapes?

Edits: also works great on AD for iPad.

Thanks Andrew

the video was made with HypePro and not AD. My intention is to join both apps in order to produce animated version of the AD file. Now I'm able to import only SVG to hype but I'm not able to apply morphing and the shape distorsion on the SVG, now I can only use the perspective distorsion.

theoretically yes, it is possible to build any shape (made with  inclined planes as in the packaging)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.