Community Expert

Question

3D Mockup Template davescm perhaps you can shed some light for me

Forum|Forum|6 years ago
January 15, 2020
3 replies
1420 views

I found a Free 3D Mockup on the Web so I downloaded it look at it. Its an Animated mockup that easy to use all the was required to do to repopulate it was replacing the contents of top layer smart object. The layer visibility is off but the layers smart object is shared by several layer in lower Layer group layers. Rendering the animation take quite some time on my slow 2GHZ machine the as 2 six core xeon processors Photoshop does not multi-thread may things. Freebie Coffee Cup Animated Mockup

I can still write I have never seen a mockup template that has any Photoshop 3D layers. The template psd has 10 layer groups and 20 Layers. Many of the layers are Smart object layer and some of the layers smart objects contain smart objects that are video animations. There is no Photoshop 3D layer to be found though it is obvious that at some point there were 3D layers that video animations were made form and somehow made onto smart objects. The actual Mockup template's video time line does not seem to have any key frames to animate any layer all animation seems to be within layers smart objects. Here is what the mockup template layers stack looks like.

Dave can you download this template and tell me how you think it was made. It easy to use and changes colors and the cups surface and add logos etc. However I do not think I could create that template PSD file and I would like to reverse the rotation.

Flipping the document reversed the rotation

How to

This topic has been closed for replies.

davescm

Community Expert

JJMack said "I still don't quite get how the Shared Flat Smart Object Associated layers transform shape and warp the object."

It uses nested smart objects

So at the lowest level is the flat image. That is nested inside the SO that has a video timeline with keyframes to transform the layer horizontally.

That in turn is nested inside another smart object that is warped onto the cup

Dave

JJMack

Author

Community Expert

Yes I realize it was processing the nested smart objects. I was amazed that the video time line supported nested smart objects and would be able to transform the shared smart object in the processing. It a very clever template and well done. It was quite a task to create that template IMO. Not somethings I could have come up with. It is also not a template that could be used in a batch process. It would be easy to replace the shared smart object but batch processor do not normally save animated gif or render MP4.

JJMack

davescm

Community Expert

Hi

It is not using 3D rendering to move the parts you change but rather using clever transform keyframes.

So if you drill down through the layers, you get to a flat layer on which you draw your surface ( I scribbled below)

Come one level up and that design layer is shown only in part and the part shown is keyframed with a transform so that it moves across the visible area

Moving up a level again, that flat left to right video has been warped onto the cup. The warping does not need to be keyframed as it is constant. It is also clipped to the cup body layer so that there is no spill

Drilling down on the lid shows the individual frames making up the spinning animation. Whether those frames were originally rendered in 3D or have been drawn it is not possible to say

So, whilst 3D may have been used to produce those spinning lid frames, in the template they are just still images. The changeable elements are put onto the surface by transforming left to right, then warping that transform onto the surface of the cup.

It's clever, as it gives a 3D look whilst avoiding the time involved in 3D rendering for each frame.

To reverse the rotation , you would need to reverse the keyframing on the left to right transform (2nd screenshot above) and also reverse the order of the spinning cap still frames(final screenshot above)

To do that in genuine 3D would be fairly simple but would need an application that allows for fast rendering of each frame on the GPU (such as Blender) rather than CPU rendering in Photoshop (2-3000 cores are faster than 6-12)

Dave

JJMack

Author

Community Expert

Thanks Dave I knew it was not using 3D rendering and saw all the video frames the smart object layers inner smart objects. I still don't quite get how the Shared Flat Smart Object Associated layers transform shape and warp the object. Because of the amount of tine it took my machine to do all the transforming I knew it was not being done using my quadro GPU and task manager showed Photoshop was basically using one core. Its not a Mockup template a user would use to generate many different animations. And for me 3D is complex and more work than I want to do. Particularly after looking a Blender great open source 3D application and very powerful. It has so many palette I get lost.

JJMack

Ussnorway7605025

Legend

nice effect; I would make it in Adobe dimension... exporting out as Psd files i.e, each frame of the cup spinning is another rendor but Dimension could do all the actual rendors at the same time [one after the other]

if you do it this way then the cup is a 3D model, the fr[ee]bie is a background image and the 'EE' on the cup is a fill or decal... 15 degrees for each angle = 24 rendors for a full 360 spin

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded