Animation+Photoshop

Animation is the process of creating the illusion of motion by viewing sequential images in succession. Each image is part of a sequence that depicts the various stages of movement required to show the progress of an action, and the images are then displayed at a pace (frame rate) swift enough that the eye no longer sees individual drawings, and instead sees the illusion of a moving image. -about.com In Photoshop, animation can be controlled through a timeline or though frames. In previous versions, PhotoShop only supported frame-by-frame animation. You are required to use both the timeline and frames in this course.
 * ===Background===

Terminology
Animation has its own language. Therefore you will need to know the following terms: Sequencing consecutive images, or "frames", that simulate motion by each image showing the next in a gradual progression of steps. You will create 2D animation. The creation of moving pictures in a three-dimensional digital environment. This is done by sequencing consecutive images, or "frames", that simulate motion by each image showing the next in a gradual progression of steps, filmed by a virtual "camera" and then output to video by a rendering engine. A single complete image out of the sequence of images comprising an animation. Taken alone, the frame is just a drawing - a piece of art. When sequenced with other drawings, it becomes an animation frame The measure of the number of frames displayed sequentially per second of animation in order to create the illusion of motion. The higher the frame rate, the smoother the motion, because there are more frames per second to display the transition from point A to point B. Keyframe Marks a point of change within the animation. May signal a change in the action, opacity, or style. Tween "is actually short for "in-between", and refers to the creation of successive frames of animation between key frames. In computer animation. To convert video content to the required format for display .Types of formats include MPEG-4, Flash, Quicktime, etc. 2D animation that comprises most of the animation on the web. **MUL 125** Interactive Motion Media teaches Adobe Flash.
 * 2D Animation**
 * 3D Animation**
 * Frame**
 * Frame Rate**
 * Tween**
 * Render**
 * Flash Animation**

Frame-by-Frame Animation
Frame-by-frame animation creates animated gif files that can be shown on the Internet without a plugin. In this animation, you will be bouncing objects. Creating a frame-by-frame animation. Complete each of the steps below:

PRACTICE 18 START HERE
**A.** Selects the first frame **B**. Selects the previous frame **C**. Plays animation **D**. Selects the next frame **E**. Tweens animation frames **F**. Duplicates selected frames **G**. Deletes selected frames **H**. Converts to timeline mode **I**. Animation panel menu
 * 1) Open a new canvas 300px x 300px on a transparent background.
 * 2) Open the Animation Panel: **Window, Animation** or view this tutorial.
 * 3) On the first layer, create a circle using the Elliptical Marquee tool - fill it with color.
 * 4) Notice that the image shows up in the frame on the animation panel.
 * 5) **View** this tutorial on animating an object.
 * 6) **View** this tutorial on animating multiple objects.
 * 7) **View** this tutorial on exporting an animation.
 * 8) Export your animation as an animated gif (File, Save for Web and Devices).
 * 9) Export your animation as an AVI video file.

[[image:http://studentlab.puhsd.org/phs/Intro%20to%20Multimedia%20Website/images/ps_render.jpg width="400" height="416" align="right" caption="Rendering"]]Exporting a Video

 * 1) Next, click File, Export, Render Video...
 * 2) Click the dropdown arrow for File Options
 * 3) Choose AVI
 * 4) Navigate to where you want to save the file, Library > Documents.
 * 5) Save the file like this: p5dsanchezPractice18
 * 6) Save the Photoshop file like this: p5dsanchezPractice18
 * 7) Upload both files to your Google Drive Folder

Additional Resources
In this assignment you will create a frame-by-frame animation and export it as a video. You will later import it into the final animation project. Read all of the directions before you begin this assignment.
 * FxF Tutorial
 * Tweening
 * Color Animation (scroll past the ads)
 * Moving Objects
 * Blurring
 * Scale Animation
 * Animate Text
 * More... ||
 * ===Assignment 18: Frame-by-Frame Video===
 * 1) Create a canvas that is 360 x 240, 72 dpi and transparent.
 * 2) Animate a series of letters that spell out something like, "A Movie about Photoshop" or whatever type of intro you would like.
 * 3) Remember to place each letter on a separate layer in order to animate each one.
 * 4) Animate the letters so that they start AND stop in the same place.
 * 5) You must use at least 25 frames.
 * 6) Export it as an **AVI** video file.
 * 7) Files should be saved at **p5dsanchezA18**, both **AVI** and **Photoshop**.
 * 8) Upload your files to your Google Drive Folder ||