Tutorial by Alex Grigg

Video description:

This tutorial is an update from my first tutorial. This time around I use Photoshop CC and delve into a few more techniques that I’ve learned while working in production. Adobe Photoshop is a tool that a great number of creative minds are familiar and comfortable with. While it isn’t software package that has been built with animation specifically in mind there it has huge potential as an animation tool. The ability to control an aesthetic within the software gives a very hands on feel to the process and endless possibilities for your end result. I hope that this tutorial will help bridge the gap between designer and animator, beginner and professional.

tutorial structure:

Part 1 Getting Started-

All the key features that you’ll need to know in order to get animation out of Photoshop. These include an introduction to the animation timeline as well as the steps you can follow to export your animation.

Part 2 Clean-up, Colour and Creating Actions.

A step by step walk through for creating some the actions that will help you speed up your animation workflow – including creating colour layers, effective bucket filling and creating your next frame.

Part 3 Extra Tips and Tricks-

A few extra tips and tricks to help you get started animating in Photoshop. These include using preexisting videos in your animation, better manipulating the timeline and how to export gifs from Photoshop.





    1. Hi Anthony,

      I was working on the new site structure,
      I guess I need to look into the video embedding option :-)

      The video is back online, enjoy!

  1. hi Alex, thanks for the tutorial. it’s great

    how do you make an animation from repeat frame. if i want to animate frame 1-2-3 then back again to 1-2-3 couple times.


    1. Hi Helmawan,
      Alex is not associated with this website, so he won’t reply. I’m merely sharing his and other tutorials on the subject of animating in Photoshop.

      In regards to your question; The most efficient way would be to create a smartObject from the animation you would like to loop. Place the smartObject in a video group and duplicate it as many times as you want the animation to repeat.

  2. Thank you so much for this!
    I’ve already tried some of this out and this is Pretty awesome!
    Hope you do more tutorials soon.


Comments are closed.