Lauren Harmon |
Tuesday, May 28, 2013
If you’ve been following along with the last few installments of Deke’s Techniques, you’ll have all the raw material you need to create an animated movie in Photoshop. Watch this free movie from Adobe guru Deke McClelland to learn how to transform the falcon image and text into a frame-by-frame animation, using the Timeline panel in Photoshop.
Notice all your composition elements have disappeared from the Layers panel. Click the Filter for Smart Objects icon again to reveal them.
Open the Timeline panel. Click Create Frame Animation to generate a single frame in your timeline.
You can change the thumbnail size, if you so desire, by choosing Panel Options from the flyout menu and selecting a different size from the Animation Panel Options dialog.
Scroll to the bottom of the Layers panel and turn on the visibility of the Background layer.
To add a little bit of delay to the first and last frames, go to the Timeline panel, click the bottom right corner of the last frame, and select 0.1 seconds. Then Shift-select Frames 2-18, click in the bottom right corner of any of the selected frames, and choose No delay.
Reverse the order of the new frames by choosing Reverse Frames from the panel flyout menu.
To preview the animation, click the word Once at the bottom of the panel and change it to Forever to loop the animation and then press the spacebar to play it.
To add the text, Shift-select Frames 4-16. Then go to the Layers panel and turn on the visibility of the first squawk layer in the text & shapes group. Select Frame 15 and turn on the modified version of the text, the second squawk layer. Select Frame 16 and turn on the third squawk.
a. Select Frame 24 and turn on the text explosion group and its layers again. Select those layers and change the Opacity to 0%.
b. Shift-select Frames 19-24, Shift-click the text explosion group in the Layers panel, and then choose the Tween option from the Timeline panel flyout menu.
c. Make sure Tween With is set to Selection, change Layers to Selected Layers, deselect the Position and Effects parameters, and click OK.
d. To make the last stage of the fade more subtle, select Frame 24 and Shift-click the squawk, impact, and balloon layers in the text explosion group. Change the Opacity of these layers to 10%.
The final animation.
And those are the steps to create a frame-by-frame animation in Photoshop. Check out the follow-up, member-exclusive tutorial in the lynda.com library and learn how to export your animation as a QuickTime movie or animated GIF. Non-members can check out www.lynda.com/deke for a 1-week free trial.
Check back for more free videos, each week in Deke’s Techniques!
Interested in more?
• Start your 7-day free trial to lynda.com today
• The entire Deke’s Techniques collection
Adobe and Photoshop are registered trademarks of Adobe Systems Incorporated.
Tags: Adobe Photoshop, Animation, Deke McClelland, Deke's Techniques, Photoshop
Check out these popular Design courses.
Thanks for signing up.
We’ll send you a confirmation email shortly.
Sign up and receive emails about lynda.com and our online training library:
Keep up with news, tips, and latest courses with emails from lynda.com.
We've updated our terms and conditions (now called terms of service).Go Review and accept our updated terms of service.