Tech Integration Project
Lesson Accelerator: Project Launcher

Awesome Animation
Application: Photoshop Elements 3
Platform: Mac

Description

The process for creating the example animation using Adobe® Photoshop® Elements 3 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 26297 1:28

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 26280 2:18
2. preview Adding a border 26281 2:27
3. preview Adding text 26282 2:16
4. preview Copying the layer 26283 0:29
5. preview Adding to the new layer 26284 1:33
Key # Length
1. preview Creating a background 26285 2:30
2. preview Creating a cloud 26286 1:48
3. preview Adding rain 26287 1:36
4. preview Adding the sunshine 26288 2:31
5. preview Adding roots 26289 1:32
6. preview Making the plant grow 26290 1:23
7. preview Adding the flower 26291 0:36
8. preview Adding a title 26292 0:26
Key # Length
1. preview Saving as a PSD file 26293 0:52
2. preview Saving in GIF format 26294 1:45
Key # Length
1. preview Previewing in a browser 26295 0:37
2. preview Adjusting the speed of the animation 26296 0:45
3. preview Adjusting the rate of a single frame 26298 0:34
Tutorial series by Susan Prabulos