Tech Integration Project
Lesson Accelerator: Project Launcher

Awesome Animation
Application: Photoshop Elements 5
Platform: PC

Description

The process for creating the example animation using Adobe® Photoshop® Elements 5 is described below. The Completed Project Movie shows what the finished product might look like. The tutorial movies that follow demonstrate, step-by-step, how to construct an animated GIF that can be viewed in a Web browser. This project can be easily modified or adapted for creating any type of animation that is relevant to the subject under study. For a complete project description, including goals, objectives, and materials, see the Project Overview.
The Example Project
The Completed Project movie will show you what the completed example project looks like.
 Completed Project Movie
Key # Length
1. preview What the example project looks like 28515 1:38

Go to: Project Overview (Information for Teachers)

Subscribers have access to download the resource materials for this project, which includes all example files, an assessment rubric, and information about adapting and extending the example project.

Creating Your Own Project
We will begin by creating a new image document in Photoshop Elements. We'll learn how to use the drawing tools as we copy layers and add new parts of the animation to each new layer. The animation will show a seed growing into a flower, clouds moving across the sky, rain falling, and the sun shining. We'll save the file in GIF format so that we can view the animation in a browser. We'll also learn how to adjust the speed of the animation, so that it plays back just the way we want it to.
Key # Length
1. preview Creating a new document 28498 2:39
2. preview Adding a border 28499 2:36
3. preview Adding text 28500 2:01
4. preview Copying the layer 28501 0:27
5. preview Adding to the new layer 28502 1:40
Key # Length
1. preview Creating a background 28503 2:30
2. preview Creating a cloud 28504 2:01
3. preview Adding rain 28505 1:51
4. preview Adding the sunshine 28506 2:37
5. preview Adding roots 28507 1:29
6. preview Making the plant grow 28508 1:25
7. preview Adding the flower 28509 0:46
8. preview Adding a title 28510 0:26
Key # Length
1. preview Saving as a PSD file 28511 0:40
2. preview Saving in GIF format 28512 1:04
Key # Length
1. preview Previewing in a browser 28513 0:46
2. preview Adjusting the speed of the animation 28514 0:55
3. preview Adjusting the rate of a single frame 28516 0:36
Tutorial series by Kyle Pace