Jump to content
Sign in to follow this  
Matthias

Real time embedded document editing?

Recommended Posts

In the AD overview movie you show an embedded AD logo on a photo of a billboard moving around in real time – perspectively distorted (not just skewed as far as I can tell) and with a transparent gradient on top. A great feature but I never stumbled upon it. Did I miss something?

 

See screenshot (uploading doesn’t work): https://www.dropbox.com/s/rwaewx7r3cd429a/true%20perspective.jpg?dl=0

Share this post


Link to post
Share on other sites

I think it's just a skew Matthias, the billboard is just forgiving enough to allow it to be a skew.


Twitter: @Writer_Dale
Work: Intel i7-6700, NVIDIA Quadro K1200 and Intel HD 530, Windows 10   |   Home: Intel Q6600, NVIDIA GTX950, Windows 10

Share this post


Link to post
Share on other sites

It's there now Matthias - simply use the Place tool to place one Affinity Designer document inside another (or PSD, Freehand, PDF, etc.)

 

Double click the placed document to edit it :)

 

It can be quite useful - because you can embed documents in different colour spaces (embed CMYK in RGB, etc. etc.)

 

AndyS

Share this post


Link to post
Share on other sites

Wow, great! I guess I have to dive in quite a bit deeper (by starting to actually use AD on paid projects). Really looking forward to how the Affinity suite thing will work. After all those dark AI-years I hope It will finally change my workflow to a state of creation bliss again.

Share this post


Link to post
Share on other sites

Useful to place PSDs like a logo from other designers, colleagues or agencies into a larger design.

 

And then when someone says that the logo needs a minor change :) just double click.


Twitter: @Writer_Dale
Work: Intel i7-6700, NVIDIA Quadro K1200 and Intel HD 530, Windows 10   |   Home: Intel Q6600, NVIDIA GTX950, Windows 10

Share this post


Link to post
Share on other sites

Funny, i was looking in to this just yesterday. Great feature but you have to be in separated view to see the two files at the same time and see the changes happen.

 

Jack.

Share this post


Link to post
Share on other sites

I have a Photo document that I embedded in a Designer document. When I edit the embedded document, it is opened in another Designer tab. How do I open an embedded document in a different Affinity app than the parent document?

Share this post


Link to post
Share on other sites

Hi bendito33,

You have to switch the whole document to Affinity Photo (menu File ▸ Edit in Photo...) then double-click the embedded document there to open it in a new document tab. There's no way to open an embedded document in another app other than the one where you have the original (main) document opened.

Share this post


Link to post
Share on other sites

Sorry if I hijack this thread but since the question is very related (and to some degree mentioned by OP), I dare to do so:

 

Is it possible to distord an embedded file?

I especially looking for this fancy mockup previews that are displayed on smartphones and tablets from a perspective angle.

Share this post


Link to post
Share on other sites

Hi MEB,

 

Thanks a lot for the quick answer. Sorry if my question wasn't precise, I meant in AD not AP. (I have a mockup in AD and also have it embedded into another AD-file.

Share this post


Link to post
Share on other sites

No, sorry. Currently Affinity Designer doesn't have neither a vector based Perspective Tool nor a Mesh Warp Distortion Tool (this last one is already on Designer's roadmap to be implemented in a future version). Currently your only option is to move the document from Designer to Photo, add the Live Perspective Filter there and move the document back to Designer (where you can still edit the Live Perspective Filter if needed without changing to Photo again) - assuming you also have Affinity Photo...

Share this post


Link to post
Share on other sites

I hope I'm not beating a dead horse but I need some clarification. In the "Affinity Designer: the perfect tool for UI and UX design" video, the speaker talks about (between 13:40 & 14:10) placing his embedded app design in the iPhone mock-up image with "perspective distortion." How do I do this? I've tried using Perspective Filter (source mode) but it hasn't worked for me yet.

Share this post


Link to post
Share on other sites

Hi ShakeamXD,

Welcome to Affinity Forums :)

In the video they have placed a white rectangle over the iPhone image, then applied a Live Perspective filter to this rectangle (in the video the live perspective filter is nested to the rectangle layer - they dragged the filter layer over the thumbnail of the rectangle layer in the Layers panel to achieve this*). Finally they added the embedded document (iphone app layouts), adjusted it's position to match the top left corner of the white rectangle and dragged its layer over the rectangle layer (not over the thumbnail but over the area on the right) and fine tuned the embedded document position again.

 

Here's the steps to get there:

- draw your white rectangle (with the same proportions of an iPhone or the device you are using) over the iphone image aligning the top left corner of the white rectangle with the top left corner of the iphone screen on the image

- apply/add a Live Perspective filter to the white rectangle (drag the Live Perspective filter layer over the thumbnail of the white rectangle layer to nest it if the Live Perspective filter was placed above the white rectangle layer in the Layers panel).

- double click the Perspective Filter to edit it - set it to Destination Mode and drag the corners of the perspective grid on canvas over the iPhone screen to match its position (the white rectangle perspective will be adjusted while you drag the perspective grid corners).

- embed the external iPhone layouts document you created previously dragging the document from Finder (or Windows Explorer if you are using Windows) over the existing mockups document and select the artboard you want to display from the context toolbar as shown in the video.

- position the top left corner of the embedded document over the top left corner of the (now perspective corrected) white rectangle on canvas

- drag the embedded document layer over the white rectangle layer in the Layers panel (over the right part of the layer not over its thumbnail).

- adjust/fine-tune the embedded document position on canvas if needed.

 

Since both the iphone layouts on the embedded document and the white rectangle you have drawn have the same proportions there shouldn't be any distortion to the iphone layouts when placed over the image (other than the perspective distortion itself obviously).

* There's a setting in the Assistant (menu View ▸ Assistant Manager...) to nest the filter layer to the selected layer automatically when you add it too.

 

Let me know if you still have trouble.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. 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.