Mockup with automatic warp adjustment?

[Alexis F.]

Hi All,

The Converting of smart objects from Photoshop would be the last bit from a graphics point of view to finally break with PS.
I also work a lot with PS mockups that have automatic distortions and image adjustments. Unfortunately, these are not sufficiently converted in AF.
For this reason I would like to create my own AF mockups for my own products.

What options does AF offer for this task? Are there solutions to create mockups in AF that apply color and geometry adjustments to new images when I save the layer? See example https://placeit.net/tank-top-mockup-generator?is_list=true&customG_0=qzbm8n4ba3

Thanks
Alexis

 

[Andy05]

1 hour ago, Alexis F. said:

Are there solutions to create mockups in AF that apply color and geometry adjustments to new images when I save the layer?

Simple answer: No. There are countless requests for non-destructive warp functions for several years now, but neither of the Affinity apps provide any.

And also, no, Serif isn't telling us about when or if a feature will get implemented. (The beta versions might be seen as an exception to this as you can test the new features for the upcoming app update, if there will be any.)

[Komatös]

Hi @Alexis F.

Du kannst es mit dem Gitterverzerrungswerkzeug versuchen nachzubauen. Dazu legst Du eine neue Ebene mit dem Form Tool an. Z. B. ein Rechteck. Diese Ebene rastern und dann mit dem Gitterverzerrungswerkzeug entsprechend anpassen. Ändere die Überblendung z. B. auf Multiplizieren. Füge eine Ebenenmaske hinzu um unerwünschte Bereiche zu entfernen.

Nun kannst Du andere Ebenen auf die Ebene mit der Verzerrung ziehen. Die Verzerrung wird nun für die Unterebnen der Verzerrungsebene genutzt.

Ich hoffe ich habe nichts vergessen.

 

You can try to recreate it with the mesh warp tool. To do this, create a new layer with the Form Tool. For example, a rectangle. Rasterise this layer and then adjust it accordingly with the mesh warp tool. Change the blending, e.g. to Multiply. Add a layer mask to remove unwanted areas.

Now you can drag other layers onto the layer with the distortion. The distortion is now used for the sub-layers of the distortion layer.

I hope I have not forgotten anything.

 

Kaffeebecher.afphoto

[deejumpz9m]

8 hours ago, Komatös said:

Hi @Alexis F.

Du kannst es mit dem Gitterverzerrungswerkzeug versuchen nachzubauen. Dazu legst Du eine neue Ebene mit dem Form Tool an. Z. B. ein Rechteck. Diese Ebene rastern und dann mit dem Gitterverzerrungswerkzeug entsprechend anpassen. Ändere die Überblendung z. B. auf Multiplizieren. Füge eine Ebenenmaske hinzu um unerwünschte Bereiche zu entfernen.

Nun kannst Du andere Ebenen auf die Ebene mit der Verzerrung ziehen. Die Verzerrung wird nun für die Unterebnen der Verzerrungsebene genutzt.

Ich hoffe ich habe nichts vergessen.

 

You can try to recreate it with the mesh warp tool. To do this, create a new layer with the Form Tool. For example, a rectangle. Rasterise this layer and then adjust it accordingly with the mesh warp tool. Change the blending, e.g. to Multiply. Add a layer mask to remove unwanted areas.

Now you can drag other layers onto the layer with the distortion. The distortion is now used for the sub-layers of the distortion layer.

I hope I have not forgotten anything.

 

Kaffeebecher.afphotoUnavailable

Are you able to repost that af file? I'm trying to do it with your instructions, but it doesn't seem to work.

[Andy05]

12 hours ago, Komatös said:

You can try to recreate it with the mesh warp tool. To do this, create a new layer with the Form Tool. For example, a rectangle. Rasterise this layer and then adjust it accordingly with the mesh warp tool. Change the blending, e.g. to Multiply. Add a layer mask to remove unwanted areas.

Now you can drag other layers onto the layer with the distortion. The distortion is now used for the sub-layers of the distortion layer.

I hope I have not forgotten anything.

That's not how a mockup works. As you'll have to do this with every single image over and over and over again. You're creating a single image, not a mockup template.

A mockup is a prepared template, which lets you just drop another image/logo/motive into and all effects (inclusive warp distortions) will be applied without fiddling anew with them.

Just as an example: You've sent your "mockup" to a client. He tells you something like this "No, that font is too playful to represent our business. Could you please show me the cup with font XXXX?". And now? Yes, you have to recreate all the steps you did for the image again. Might be not much in this case, but imagine an image to showcase your designed pattern on some fabric, with loads of wavy distortions in it. In a mockup template, you'd just change the font for your image or the pattern for the example below.

It's getting worse, the more objects and distortions you have within the same document or the more complex they are. 

[Komatös]

@Andy05

You're right! It's a faulty solution and not realy an alternative. But I think we have no other choice with APh, atm.

 

@deejumpz9m

The way I described it works, unfortunately only with the upper layer. My thought was not quite finished.

[MEB]

Hi @Alexis F.,
Welcome to Affinity Forums
You can do this using embedded objects in Affinity Photo. Currently distortions are limited to the live perspective filter and regular transforms (scale, skew, rotate etc). I hope things get improved as development continues to support other types of distortions as well (warps etc).
Here's a demo file. If you expand the first layer you can see it has an embedded object with a live perspective distortion nested to it to make the text fit the computer screen. Besides the Perspective live filter you can also apply another live adjustments and filters to the embedded object. If you double-click the embedded object on canvas, it will open the embedded object in a new document tab (as if it was a smart object in Photoshop) where you can change the text/add other elements etc. Closing that document will update the original document where it was placed with the live perspective distortions applied/updated to reflect the changes you made to the embedded document.

To recreate this, create a new document with the objects/data you want to be editable in the final document, then save and close this document. Crate a new document - the template - and place (or drag) the afphoto document you created previously to this one and apply the transforms/live perspective distortions as you see fit to the embedded object/document to fit your template. The user then only has to double click the embedded-document to change its content at will and close it. The changes the user made will then be reflected in the original document the embedded document was in with all adjustments/filters applied to it in place.

demo_2.afphoto

[Ron P.]

1 minute ago, MEB said:

Here's a demo file.

Uh, I think you forgot something?? 😉

[MEB]

Didn't forget it. Just had to rename the file first. It was attached after the post. It should be there now if you refresh the page. Thanks.

[Seneca]

12 minutes ago, MEB said:

It should be there now if you refresh the page.

Hello @MEB.

Just tested the file you've attached above.

Photo crashes as soon as you double-click the first (blue) icon in the Embedded document layer.

It crashes all the time. Sometimes in crashes on the first double-click other times on subsequent double-clicks.

[Ron P.]

Hasn't crashed for me yet.

[MEB]

18 minutes ago, Seneca said:

Hello @MEB.

Just tested the file you've attached above.

Photo crashes as soon as you double-click the first (blue) icon in the Embedded document layer.

It crashes all the time. Sometimes in crashes on the first double-click other times on subsequent double-clicks.

Hi Seneca,
What OS are you using? I'm not getting crashes either. Can you attach the crash report please?

[Seneca]

2 hours ago, MEB said:

Can you attach the crash report please?

Hi @MEB,

I'm on MacOSX Monterey (Version 12 Beta (21A5506j).

iMac (Retina 5K, 27-inch, 2017)

Processor 4.2 GHz Quad-Core Intel Core i7

Memory 64 GB 2400 MHz DDR4

 

Attached screen recording and crash report.

Affinity Photo-2021-09-13-154604.ips

[R C-R]

5 hours ago, Seneca said:

I'm on MacOSX Monterey (Version 12 Beta (21A5506j).

If you are testing with a macOS beta version, it might be a good idea to mention that whenever you post a comment about an Affinity app crashing!

[Seneca]

1 hour ago, R C-R said:

If you are testing with a macOS beta version, it might be a good idea to mention that whenever you post a comment about an Affinity app crashing!

Hi @R C-R,

You are absolutely right.

I should have mentioned that in my post.