Video & Animation Youtube Tutorials by Aaron Nace

Please note that some features described below may be unavailable if you have any Photoshop version elder than Photoshop CC. In this case, you should need to use Photoshop Extended.

An animation is a series of pictures (frames), which are displayed successively. Photoshop animation panel includes a set of tools for work with the animation. In a frame mode, it shows a video divided into the frames and provides some tools to edit them, configure frame settings and preview the result. Buttons at the bottom of the panel help you to select and then to add/remove the frame. You can also enable the timeline mode.

When switched in the timeline mode, the panel displays the frame time code and the file parameters. Similarly, control buttons are located in the lower part of the panel. Here you can change frame time units, add/remove frames, select color preferences and start a playback.
While frame mode is commonly used for transforming layers into frames, timeline allows creating a Photoshop animation video. The idea is to set the guiding marks of the animation lengthwise the line. Going through the frames, you will see the defined movement.

Please draw your attention to different types of layers in Photoshop, every type has its own animation features:

  • Pixel layer – carries pixel information;
  • Layer/vector mask – adds additional properties to the current layer connected to the specific mask;
  • Shape layer – contains a shape or line;
  • Text layer – includes a text available for editing;
  • Smart object – can consist of one or several mentioned layers; saves original and adds extra properties;
  • Other layers – video and 3D.