Creating timeline animations – Adobe Photoshop CC 2014 v.14.xx User Manual
Page 740

Creating timeline animations
Timeline animation workflow
Use keyframes to animate layer properties
Create hand-drawn animations
Insert, delete, or duplicate blank video frames
Specify onion skin settings
Open a multilayer animation
Timeline animation workflow
To animate layer content in timeline mode, you set keyframes in the Animation panel (Photoshop Extended CS5) or Timeline panel (CS6), as you
move the current-time indicator to a different time/frame, and then modify the position, opacity, or style of the layer content. Photoshop
automatically adds or modifies a series of frames between two existing frames—varying the layer properties (position, opacity, and styles) evenly
between the new frames to create the appearance of movement or transformation.
For example, if you want to fade out a layer, set the opacity of the layer in the starting frame to 100% and click the Opacity stopwatch for the layer.
Then move the current-time indicator to the time/frame for the ending frame and set the opacity for the same layer to 0%. Photoshop automatically
interpolates frames between the start and end frames, and the opacity of the layer is reduced evenly across the new frames.
In addition to letting Photoshop interpolate frames in an animation, you can also create a hand-drawn frame-by-frame animation by painting on a
blank video layer.
If you want to create a SWF format animation, use Adobe Flash, Adobe After Effects, or Adobe Illustrator.
To create a timeline-based animation, use the following general workflow.
1.Create a new document.
Specify the size and background contents. Make sure the pixel aspect ratio and dimensions are appropriate for the output of your animation. The
color mode should be RGB. Unless you have special reasons for making changes, leave the resolution at 72 pixels/inch, the bit depth at 8 bpc,
and the pixel aspect ratio at square.
(Photoshop Extended CS5) Make sure the Animation panel is open. If the Animation panel is in frame animation mode, click the Convert To
Timeline Animation icon in the lower-right corner of the panel.
(CS6) Make sure the Timeline panel is open. If necessary, click the downpointing arrow in the middle of the panel, choose Create Video
Timeline from the menu, and then, click the button to the left of the arrow. If the Timeline panel is in frame animation mode, click the Convert
To Video Timeline icon in the lower-left corner of the panel.
2.Specify the Document Timeline Settings (Photoshop Extended CS5) or Set Timeline Frame Rate (CS6) in the panel menu.
Specify the duration (Photoshop Extended CS5 only) and frame rate. See Specify timeline duration and frame rate.
3.Add a layer.
Background layers cannot be animated. If you want to animate content, either convert the background layer to a normal layer or add any of the
following:
A new layer for adding content.
733