Frame Animation Lesson

1. Open all the images into photoshop and place them all on 1 canvas. The Layers Panel should match what you see below:

Layers Panel

2. Click on the Drop Down and select the Timeline panel, this is the 1st time we have used this panel.

Timeline Panel

3. Set the time in the timeline that you want it to be. I set mine at .2 seconds.

Set time in the Timeline

4. The timeline animation will appear at the bottom of the screen. Click on the Create Frame Animation button in the timeline.

Create Frame Animation

5. In the Timeline Panel, click on the New Frame Button to add a new frame.

New Frame Button

6. As you are adding new frames in the timeline panel, hide the eye in the layers panel. Which ever eye is open in the layers panel, will show in the frame that you added.

Hide the eye in the layers panel

7. Click on the play button to see if the animation is what you want.

Play button

8. Save this file twice, one as a .psd file like we have with all of our work. The other is a .gif file that will actually play when you open it. File-Export-Save for Web Legacy

Hide the eye in the layers panel

Desert Ridge High School

Desert Ridge Jaguar

EST. 2002


Infinite Campus

Find out what your grades are in Infinite Campus! Click below on the button, log in and check your grades!

Infinite Campus »


WHO WE ARE

Desert Ridge High School is located in East Mesa and is in the Gilbert Public Schools District. The doors opened to DRHS in 2002 and we just celebrated our 20th year of educating students in the East Valley.

WHERE IS DRHS?

Desert Ridge High School
10045 East Madero
Mesa, AZ 85209
P: (480) 984-8947