Skip to content Skip to navigation Skip to login

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.
expand  Completed Project Movie
Tutorial Number Availability Status Tutorial Title Key # Length
1. preview What the example project looks like 26297 1:28
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 26280 2:18
2. locked Adding a border 26281 2:27
3. locked Adding text 26282 2:16
4. locked Copying the layer 26283 0:29
5. locked Adding to the new layer 26284 1:33
Tutorial Number Availability Status Tutorial Title Key # Length
1. locked Creating a background 26285 2:30
2. locked Creating a cloud 26286 1:48
3. locked Adding rain 26287 1:36
4. locked Adding the sunshine 26288 2:31
5. locked Adding roots 26289 1:32
6. locked Making the plant grow 26290 1:23
7. locked Adding the flower 26291 0:36
8. locked Adding a title 26292 0:26
Tutorial Number Availability Status Tutorial Title Key # Length
1. locked Saving as a PSD file 26293 0:52
2. locked Saving in GIF format 26294 1:45
Tutorial Number Availability Status Tutorial Title Key # Length
1. locked Previewing in a browser 26295 0:37
2. preview Adjusting the speed of the animation 26296 0:45
3. locked Adjusting the rate of a single frame 26298 0:34
Tutorial series by Susan Prabulos
©2012 Atomic Learning, Inc.   All rights reserved.