What's the best 2023 way to make a 3d wrapped canvas effect?

[bob26198042fq4v]

I sell art and I need to make hundreds of 3d canvases as shown in the below image. The problem is, I can't just buy premade mockups because the sizes are too variable.

Anyone know of a good action to do this in Photoshop? Thanks!

Some methods discussed here

https://community.adobe.com/t5/photoshop-ecosystem-discussions/gallery-wrap-edge-3d-canvas-mockup-he...

[Myra Ferguson]

Instead of Photoshop which has discontinued support for 3D, you might try Dimension (included in a Creative Cloud subscription) or Substance 3D Stager (included in the Substance 3D subscription which is separate from a Creative Cloud subscripoint).

[bob26198042fq4v]

wow never even heard of Dimension.

so that's like a product visualizer..   like boxshot.com  ?

hmm

[Conrad_C]

You might not need to learn any 3D features or applications if all your mockups are the same angle. If so, you can just use standard perspective drawing techniques to create a faux 3D scene using features already in Photoshop. One approach is shown below, created in only a few minutes. If you are new to Photoshop, the steps below might seem complex because they use several different features, but if you invest the time to learn how each step works, you can solve a lot of problems like this.

1. It starts with the bottom document. All this contains is an image layer masked with three rectangular paths as a mask (a vector mask to keep editing easy, but you can also use a pixel layer mask), and a text layer. Using a mask means you do not have to cut up each image, so you can create other mockups (1-panel, 2-panel) simply by applying a different mask to the same image. (Edit: I now realize there is a flaw in how I did it. The mask shown below leaves out the image area between the gaps. But that is solvable by doing it slightly differently.)

2. The image layer is a linked Smart Object. This makes it easy to replace it with another image at any time, as seen in step 6.

3. The top document contains the bottom document imported as a linked Smart Object. This Smart Object is distorted into linear perspective using Edit > Transform > Perspective and Edit > Free Transform. Distorting it as a Smart Object means everything can be distorted at once, and as a linked Smart Object means you can easily edit the 2D version at the bottom and it updates the top document.

4. The canvas edges are drawn as a single shape layer with three vector paths drawn in linear perspective to match the image. They are filled with solid black.

5. A drop shadow effect was added to the Smart Object layer.

6. To change the image, open the nested Smart Object (the bottom document), choose Layer > Smart Object > Relink to Another File, and select a different image. Size it to fit the template canvas, using Edit > Free Transform. When the updated bottom document is saved, it updates the distorted linked Smart Object in the top document.

7. If the text needs to change, edit it in the bototm document and save, and again it updates the linked Smart Object in the top document.

You have a large number of these to do, so instead of replacing the image by hand each time, you can look into using the Photoshop Variables feature to automatically create many versions of a template based on a folder of images, but I didn’t explore that. Variables can also replace the text.

So far, no 3D, scripting, or actions have been needed. If you have additional needs not covered by the existing features, of course you could script those.

[bob26198042fq4v]

Thanks for the vid.

ya unforutnately the height and width and picture count will always be changing. To use this method we would need to make 50 tempaltes or so. Which might be doable. Though it is an option. And variables might help. Thank!

[Conrad_C]

If the height and with are always changing, it might be possible to still use this method, but have a script dynamically change the dimensions of the 2D source mask and canvas to match the incoming image. But then the size of the side panels would also have to be scaled, so maybe it would be better to integrate all of that into a solution using a 3D application.

Where you would definitely need a 3D application is if you want flexibility in which angle and perspective is shown, like rotating the mockup. Because this method is faux 3D, the real trouble is in changing the viewing angle and perspective.