Skip to content Skip to navigation Skip to login

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.
expand  Completed Project Movie
Tutorial Number Availability Status Tutorial Title Key # Length
1. preview What the example project looks like 28515 1:38
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.
Tutorial Number Availability Status Tutorial Title Key # Length
1. locked Creating a new document 28498 2:39
2. locked Adding a border 28499 2:36
3. locked Adding text 28500 2:01
4. locked Copying the layer 28501 0:27
5. locked Adding to the new layer 28502 1:40
Tutorial Number Availability Status Tutorial Title Key # Length
1. locked Creating a background 28503 2:30
2. locked Creating a cloud 28504 2:01
3. locked Adding rain 28505 1:51
4. locked Adding the sunshine 28506 2:37
5. locked Adding roots 28507 1:29
6. locked Making the plant grow 28508 1:25
7. locked Adding the flower 28509 0:46
8. locked Adding a title 28510 0:26
Tutorial Number Availability Status Tutorial Title Key # Length
1. locked Saving as a PSD file 28511 0:40
2. locked Saving in GIF format 28512 1:04
Tutorial Number Availability Status Tutorial Title Key # Length
1. locked Previewing in a browser 28513 0:46
2. preview Adjusting the speed of the animation 28514 0:55
3. locked Adjusting the rate of a single frame 28516 0:36
Tutorial series by Kyle Pace
©2012 Atomic Learning, Inc.   All rights reserved.