Join Richard Harrington for an in-depth discussion in this video Animating 3D text in Photoshop, part of Motion Graphics for Video Editors: Working with Type (2014).
- If you'd like to animate your 3D objects to a certain extent, basic moves, spins, camera repositions Photoshop does have an animation timeline to enable this. Make sure you choose the timeline panel. You can access this under Window, Timeline. And then simply click to create a video timeline. You'll see the two objects appear. I recommend that you click on the panel sub-menu and enable the 3D tracks. Now you'll see key frame-able properties for things like the camera position, the ability to adjust the render settings, to move the lights, and importantly the meshes.
So let's say I just want this arrow to slowly turn. I'll select it and turn on the key frame here for 3D meshes. Now if I go forward in time by default this is five seconds, but if you want the layers to last longer, you can simply drag the handles and pull them out to a new duration. In this case, I've made that six seconds long, and then I need to do the same for this other layer.
And you see Photoshop updates the new duration. So, let's select that arrow layer, there it is, and I've got my first key frame for the 3D mesh, we'll just adjust this work area so we see everything, and then come a little bit later add another key frame, and I can turn that. Let's see everything here, select the arrow, there we go, and I'll choose the properties, and I'm just gonna rotate that slightly along the Y-axis.
And you see it turns. Additionally, as that turns, I might reposition it slightly so it drops. There we go. And if we move between the two key frames, you'll see it's changed position. If you want to watch that play back, just click the menu here and you can adjust the playback resolution, and press play. Now it's going to be a little bit choppy as it builds through, but what it's doing is it's building out a RAM preview of that animation.
If you don't want to do that, choose "Allow frame skipping." Now when you click play, it's gonna drop frames, but quickly show you a preview. Every time it goes through, it'll preview a few more frames, and load that in. Now if you find that jerkiness bothersome, and you'd really like to get a better idea, just turn the frame skipping off. While you're in that menu it's also a good idea to check the timeline frame rate. "Set timeline frame rate" will allow you to use a pop-up preset menu and you can choose frame rates that are adequate for web animation or broadcast frame rates, and that'll fix things.
So now when you preview that it'll build out new frames and it animates the property. You can of course go through and select the other layers, and remember, not only can you animate the 3D mesh to change its position, but you can also work with things like animating the 3D camera, or animating the 3D lights. Let's see that arrow move here. Looks good. And what I'd like to do is select the overall camera.
Now each of these has its own camera position, so you could tweak this and move the 3D camera around per object, or you could take a look and actually make a few other adjustments using the current view. So, there you go, by selecting those properties you can make tweaks and key frame the camera position and this would allow you to further refine different movement within the scene. Once you're satisfied with everything, just choose "File," "Export," "Render video," and then using the standard Photoshop dialogue box you could target a location, select a format, for example, a QuickTime movie or a DPX image sequence, choose a preset, animation works well for embedded transparency, and then target the frame rate and when you're all set click "Render" to write the file.
- Designing lower thirds in Photoshop
- Creating alpha channels in Photoshop
- Designing 3D type in Photoshop
- Distressing text
- Creating a watermark
- Animating text with After Effects
- Using and customizing animation presets
- Extruding 3D text in After Effects
- Creating titles in Premiere Pro
- Adding a logo to a lower third
- Linking text