How to create a simple animation in illustrator and photoshop - Part 2

Now that I have finished the animation material in AI we can continue to part 2. If you came here though somewhere else, Part 1 is here.

Part 2:
Animation in Photoshop

Open the exported file made in Part 1 in PS.

Now each movement should be on separate layers in the correct sequence. (If they are not, you can go and check the layers in the AI file and move them around if needed.) Open the Animation options under Window -> Animation. Click on the right corner for Frame sequence- this is so we can edit the frame times in a more visual way that by Timeline sequence.

Then, click the top right corner of the animation window for the menu and choose Make Frames from Layers.

Ta-da! Click Forever by the play options and play to watch it go!

Additional info:

• To edit the timing of the frames, select them all and choose the time you desire in the drop down menu below the frames.
• To add a white background, create a new white-filled layer and drag it under the frame layers. Activate in animation by selecting all the frames and clicking the eye in the layer options. If a text is desired, you can paste or write on a separate layer over the frame layers and then activating it similarly to the background.
• Want your pencil in a different color, but don't want to re-do the tutroial? Add a layer with your desired color, set to screen and activate it by selecting all the frames.

When you're satisfied with your result, click File -> Save to Web & Devices and choose GIF from the drop down menu under file type. You can preview before saving and make necessary changes if needed.

Finished!
Enjoy your new animation.

Any questions?
Comment below!