Welcome! This is a website that everyone can build together. It's easy!

Creating Animated Images HomeThis is a featured page

Welcome to our website! This site will walk you through creating an animated GIF image using Adobe Photoshop CS4. What is an animated GIF image? An animated GIF is an image which is composed of many different images on top of each other. In simpler terms, it is a digital flipbook. An example is show below.

Animation

Before you get started, we would like to mention that this site will only show you how to create one specific animated GIF. We hope that by teaching you to create this animated GIF you will learn the process and be able to create your own! good

The test will consist of four tasks, 'Opening Photoshop', 'Opening Images', 'Changing Animation Details', and 'Saving and Viewing'. what about step 5?
  • 'Opening Photoshop' will show how to open Photoshop using a Mac computer.
  • 'Opening Images' show you how to open images on you computer for use in Photoshop.
  • 'Changing Animation Details' will show you how to customize the animation.
  • 'Saving and Viewing' will show you how to save the image and how to view it using Mozilla Firefox.
    • instead of the links below, it would be better to link the words right here in the bullets--then you would see missing 5
Now to get started! Follow the link below titled, "Start the test" to advance to the first task. After you complete each step(,) follow the link at the bottom-right of each page titled, "Next Step" to advance. If at any time you would like to see a step again(,) you can click the step on the left side of you screen.

Page Links:

Step 1: Opening Photoshop
Step 2: Accessing Animation Mode
Step 3: Opening Pictures
Step 4: Creating New Frames
Step 5: Opening New Picture
Step 6: Pasting Photos to First Layer
Step 7: Repeat Steps 8-12 for the Rest of Your Images
Step 8: Hiding Layers
Step 9: Setting Frame Timing and Loop Cycle
Step 10: Saving Your Animation
Step 11: Saving Animation Details
Step 12: Quiting Photoshop
Step 13: Viewing Your Animation
Step 14: Usability Document Complete

Wiki Site Navigation:

Section 1: Opening and Setting up Photoshop
Section 2: Creating the Animated Image
Section 3: Setting Animated Image Details
Section 4: Saving the Animated Image
Section 5: Exiting Photoshop and Viewing Your Work

Start the test you mean tutorial?

Website created by Purdue ENGL 421 Group 5
Contact Info:
Brad Mauser, bmauser@purdue.edu
Aaron Nees, anees@purdue.edu
Lydia Yates, yatesl@purdue.edu
Adam Ledford, atledfor@purdue.edu
12/9/2009






No user avatar
sladow 		Latest page update: made by sladow , Dec 16 2009, 12:04 PM EST (about this update About This Update sladow Edited by sladow

3 words added

view changes
- complete history)
Keyword tags: None
More Info: links to this page

Threads for this page

There are no threads for this page.  Be the first to start a new thread.