Mobile app version of vmapp.org
Login or Join
Chiappetta793

: Can I combine photoshop animation of a UI layout with a 3D perspective? I know there are other tools for designing web app layouts, but my favorite is still Photoshop (CS5). One of my favorite

@Chiappetta793

Posted in: #AdobePhotoshop #Animation

I know there are other tools for designing web app layouts, but my favorite is still Photoshop (CS5). One of my favorite things about it is how easy it is to animate an interface in action and export the animation as a Quicktime video.

I'm wondering if it's possible to take this a step further: I'd like to take a picture of an iPhone at an angle:



And an animated interface (front view), and I want to render the animation (as key-frames in PS) of the interface except at the angle of the iPhone, within the iPhone's screen.

I've been trying to figure out how to do this, and I think I probably need to use a smart object, but I'm not sure if animation frames are packaged with a smart object, so maybe a different method needs to be used.

Can I combine Photoshop animation of a UI layout with a 3D perspective view? If so, how is it done? To be clear, my goal is simply to animate elements of my interface in PS as usual, except superimposed with perspective over an angled iPhone model.



In case it can be done with a smart object, the example above is a PSD I downloaded which has the smart object aligned in place, where I only have to replace it.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Chiappetta793

1 Comments

Sorted by latest first Latest Oldest Best

 

@Hamaas979

You can import and skew a mp4 video file that's a previous export of your flat rendering of interactive action.

So work as normal, export as video, and import as video, distort/skew to fit your iPhone models, and export again.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme