Jump to content

Recommended Posts

Does anyone know what the workflow/setup is to design 3d packaging mockups like they're showing off at 1:10 in this official video: https://vimeo.com/185763872 ?


The screencap shows that both windows (the source and the 3d mockup) are Designer files, and both say "embedded". I think Affinity Photo needs to be involved, as "live perspective" filter isn't available in Designer... If that's the case the problem is that this new version of Designer file will not import into Photo – Photo can't handle it (yet).


post-23648-0-29433500-1475794520_thumb.png

Share this post


Link to post
Share on other sites

wow! i have the same question! how i can make this!!!


omarvelazquez [Graphic Designer]

 

· OS X 10.9.5 (13F34),  2.5 GHz Intel Core i5, 16 GB 1333 MHz DDR3, AMD Radeon HD 6750M 512 MB ·Wacom Intuos 3·

www.eslogodesign.com             facebook.com/omarvelazquez.comics       twitter.com/omarvelazquez     facebook.com/eslogodesign

 

Share this post


Link to post
Share on other sites

Live perspective using Photo is required to do this.

 

.... the problem is that this new version of Designer file (from 1.5) will not import into Photo (1.4.3) – Photo can't handle it (yet).

 

 

Photo will be updated soon to 1.4.4 so that it can load and save Affinity Designer 1.5.1 files. If you need file compatibility now, then please go and get the latest Photo 1.5 beta. When the 1.5 Photo beta ends it will also be released in the App store


Patrick Connor
Serif (Europe) Ltd.

Latest releases on each platform 

Share this post


Link to post
Share on other sites

Fantastic. Would you mind sharing the "shoe box" file(s) so that we can learn about how that (multi-facet perspective from a single source – a flattened shoe box – graphic) was setup? 

Share this post


Link to post
Share on other sites

Would be great if this file was included for download in the samples section. In fact some built in templates ala UI kit would be very useful alongside the sample files...

 

The creative team are trying to work out the best way of sharing this sort of thing, but not sure when they will get the chance. They're working hard on new stuff for Photo 1.5 at the moment.


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

 

Does anyone know what the workflow/setup is to design 3d packaging mockups like they're showing off at 1:10 in this official video: https://vimeo.com/185763872 ?

The screencap shows that both windows (the source and the 3d mockup) are Designer files, and both say "embedded". I think Affinity Photo needs to be involved, as "live perspective" filter isn't available in Designer... If that's the case the problem is that this new version of Designer file will not import into Photo – Photo can't handle it (yet).

 

 

You can anyway copy a Live Perspective Layer form AP (even 1.4.x) and paste it to AD 1.5

It seems to work so far...  :)

 

I've been using this trick for months, my suggestion is to apply it embedded documents or rasterised versions.


The white dog, making tools for artists, illustrators and doodlers

Share this post


Link to post
Share on other sites

Seems I have the same question regarding the video and the iPhone mock-up, showing a screen from AD beta with a perspective layer effect - so this is not done in AD? I´m still confused:

 

 

Cheers

P.

post-28670-0-22497600-1476271538_thumb.png

Share this post


Link to post
Share on other sites

Seems I have the same question regarding the video and the iPhone mock-up, showing a screen from AD beta with a perspective layer effect - so this is not done in AD? I´m still confused:

 

 

Cheers

P.

 

 

AD and AP share the same engine and file format too.

To use a Live Perspective filter in AD is perfectly possible but you need AP too.

 

The process is simple.

Create an empty documenti in AP, add a Live Perspective filter.

Copy and Paste this layer in your AD document.

 

Now you are able to edit it within AD too, clone it, apply to other layers etc...

 

:)

 

PS. I don't know if it is an non-orthodox way to use it, but it works.


The white dog, making tools for artists, illustrators and doodlers

Share this post


Link to post
Share on other sites

Thanks for the clarification. To be honest I find these parts of the video a bit "unfair", because it gives the impression of a new AD1.5 feature which it isn´t!

Bummer.

 

Cheers

P.

Share this post


Link to post
Share on other sites

AD and AP share the same engine and file format too.

To use a Live Perspective filter in AD is perfectly possible but you need AP too.

 

The process is simple.

Create an empty documenti in AP, add a Live Perspective filter.

Copy and Paste this layer in your AD document.

 

Now you are able to edit it within AD too, clone it, apply to other layers etc...

 

:)

 

PS. I don't know if it is an non-orthodox way to use it, but it works.

 

Great tip – works! Here's a screencap from Designer 1.5.1:

 

ad223.png

 

Just bear in mind that when you drop (paste) the perspective filter layer into Designer, it will probably end up way off the artboard; you have to drag it into place then start distorting.

I copied the perspective layer from a Photo 1.4 file.

Share this post


Link to post
Share on other sites
How to sync the job between AD and AP as the video?
Now I'm able to copy/paste the perspective tool in AD but I would want to see the distorsion only in AP, exactly as the example.
 

 

can anyone point me in the right direction?
thanks in advance!

Share this post


Link to post
Share on other sites
After some tests I realized that you can do the job in AD only through symbols.. 

probably It is a commercial limitation, planned  to push all Affinity Design customers to buy also Affinity Photo, 39€ to paste a single filter? I'm in error?

Share this post


Link to post
Share on other sites

 

How to sync the job between AD and AP as the video?
Now I'm able to copy/paste the perspective tool in AD but I would want to see the distorsion only in AP, exactly as the example.
 

 

can anyone point me in the right direction?
thanks in advance!

 

 

 

There is no live sync between AP and AD, nobody ever talked about this feature I think...  :huh:

What you see in the video is the embedded document feature, shown in Separated Mode.

No symbols needed, only embedded document editing.

 

To do it:

 

  • Create your document in Designer and save it
  • Open Photo, and using File > Place browse to select that document.
  • Once embedded, use Live Perspective Filter to distort it
  • Now if you select the embedded layer and choose "Edit Document" you'll be able to reproduce the video workflow

 

All this can be done thanks to the shared file format and architecture.

Hope this could help you.


The white dog, making tools for artists, illustrators and doodlers

Share this post


Link to post
Share on other sites
  • Create your document in Designer and save it
  • Open Photo, and using File > Place browse to select that document.
  • Once embedded, use Live Perspective Filter to distort it
  • Now if you select the embedded layer and choose "Edit Document" you'll be able to reproduce the video workflow

 

thanks a lot! it helped me to understand.

 

after some test I've tried also another way ( without AP), take a look

 

I used symbol + crop tool + skew for an isometri view

 

box_symbol_layers.jpg

Share this post


Link to post
Share on other sites

There is no live sync between AP and AD, nobody ever talked about this feature I think...  :huh:

What you see in the video is the embedded document feature, shown in Separated Mode.

No symbols needed, only embedded document editing.

 

To do it:

 

  • Create your document in Designer and save it
  • Open Photo, and using File > Place browse to select that document.
  • Once embedded, use Live Perspective Filter to distort it
  • Now if you select the embedded layer and choose "Edit Document" you'll be able to reproduce the video workflow

 

All this can be done thanks to the shared file format and architecture.

Hope this could help you.

 

Is this trick also work in windows version?

 

i'm also curious with this live mockup on this video

Share this post


Link to post
Share on other sites

I'm not on my Windows machine now... Never checked if Separated Mode is available there too...

I'm otherwise sure that the embedded document is there, so the live editing possible.


The white dog, making tools for artists, illustrators and doodlers

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.