1 / 29

Chapter Lessons

Chapter Lessons. OVERVIEW. Create frame animations Create motion-tweened animation Work with motion guides Create motion animation effects Animate text. Introduction. INTRODUCTION. Animation can be an important part of a Web site, CD-ROM, Demo, or game

ehren
Download Presentation

Chapter Lessons

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Chapter Lessons OVERVIEW • Create frame animations • Create motion-tweened animation • Work with motion guides • Create motion animation effects • Animate text Getting Started with PhotoShop 7.0

  2. Introduction INTRODUCTION • Animation can be an important part of a Web site, CD-ROM, Demo, or game • The perception of motion is an illusion made up from a series of still images • “Persistence of Vision” is the basis for frame rates in animations • Frames rates of 10-12 fps generally provide smooth computer-based animation Getting Started with PhotoShop 7.0

  3. Intro to Animation INTRODUCTION • Frame rates lower than 10-12 fps often result in jerky images, while higher frame rates result in a blurred image • Flash uses a default frame rate of 12 fps Getting Started with PhotoShop 7.0

  4. Macromedia Flash Animation INTRODUCTION • Animation is one of the most powerful features of Flash • Basic animation is a simple process • Move an object around the stage • Change an object’s size, shape, color • Apply Special Effects, such as zooming, fading, or a combination of effects • Two Animation Methods: Frame Animation, and Tweened Animation Getting Started with PhotoShop 7.0

  5. Understanding Frame Animations LESSON 1 • Also called frame-by-frame animations • Created by specifying an object that is to appear in each frame of a sequence of frames • Useful when you want to change individual parts of an image • Depending on the complexity of the animation, can require a lot of time Getting Started with PhotoShop 7.0

  6. Understanding Frame Animations LESSON 1 Three images used in a Frame Animation Getting Started with PhotoShop 7.0

  7. Understanding Frame Animations LESSON 1 • A greater number of images generally suggests less change needed between each image — creating more realistic animation • Consider the number of frames in which an image will appear • Fewer frames and the animation may appear jerky • Consider the frame rate (10-12 fps) Getting Started with PhotoShop 7.0

  8. Creating a Frame Animation LESSON 1 • Insert a keyframe on the layer • Place your first drawing on the stage • Insert your next keyframe, and change the drawing • “Onion skinning” may help you placing a series of images Getting Started with PhotoShop 7.0

  9. Creating a Frame Animation LESSON 1 In each Frame, the car is in a different position Getting Started with PhotoShop 7.0

  10. Understanding Motion Tweening LESSON 2 • Motion tweening is far less tedious than Frame Animation • Create a Start and End frame • Flash creates the “in-between” frames • Flash only stores the attributes that change from frame to frame, thus creating smaller file sizes than Frame Animation Getting Started with PhotoShop 7.0

  11. Understanding Motion Tweening LESSON 2 • Two types of tweening: • Shape tweening - a “morphing” effect • Motion tweening is used to animate objects which are moved, resized, re-colored, or rotated Getting Started with PhotoShop 7.0

  12. LESSON 2 Motion Tweening requires only a Start and End Frame Light Blue Background represents a Motion Tween Getting Started with PhotoShop 7.0

  13. Creating a Motion Tween LESSON 2 • Insert a starting frame • Insert an ending frame • Make alterations to the ending frame • Go back to the starting frame and choose Insert>Create Motion Tween • Make adjustments through the Properties Panel Getting Started with PhotoShop 7.0

  14. Understanding Motion Guides LESSON 3 • A path that will guide moving objects around the stage in any direction • Without Motion Guides, animations would always travel in straight lines • Animations are placed on their own layer beneath a motion guide layer Getting Started with PhotoShop 7.0

  15. Creating Animation with Motion Guides LESSON 3 • Two ways to create this relationship • Create a guide layer with a path, then create a layer of animation an attach • Or, create an animation. Then create a motion guide layer with a path, and attach • Depending on the type of object you’re animating, you may need to orient the object to the path Getting Started with PhotoShop 7.0

  16. Creating Animation with Motion Guides LESSON 3 Object not oriented to path A motion guide layer and its associated animation Object oriented to path Getting Started with PhotoShop 7.0

  17. Working with Properties LESSON 3 • Tween - specifies Motion, Shape,or none • Scale - tweens the size of an object • Ease - specifies the rate of change between tweened frames • Ease values are between -100(slow) and 100(fast) • Rotate - specifies the number of times an object rotates clockwise(CW) or counter clockwise(CCW) Getting Started with PhotoShop 7.0

  18. Working with Properties LESSON 3 • Orient to path - orients the baseline of the object to the path • Sync - ensures that the object loops properly • Snap - attaches the object to the path by its registration point Orient to Path Feature enabled in the Properties Panel Getting Started with PhotoShop 7.0

  19. Resizing an Object using a Motion Tween LESSON 4 • Select the object in the ending frame and then use the Scale Tool options from the Free Transform tool Getting Started with PhotoShop 7.0

  20. Rotating an Object using a Motion Tween LESSON 4 • Select the object in the start or end frame rotate with different options • Rotate with the Rotate Tool option of the Free Transform tool • Rotate Clockwise or Counter Clockwise a specified number of turns or degrees through the Properties panel • Use Modify > Transform to specify rotation Getting Started with PhotoShop 7.0

  21. Rotating an Object using a Motion Tween LESSON 4 Specifying the rotate settings via the Properties Panel Getting Started with PhotoShop 7.0

  22. Changing an Object’s Color with Motion Tween LESSON 4 • Numerous ways to change an object’s color over an animation’s time • Change the Tint of the object in the last frame • Change the Alpha of the object in the last frame • Change the Brightness of the object in the last frame • Apply Advanced Effects Getting Started with PhotoShop 7.0

  23. LESSON 4 The Advanced Effect Panel Onion Skin Getting Started with PhotoShop 7.0

  24. Onion Skin Feature LESSON 4 • A feature that allows you to view an outline of objects in any number of frames • Helps in positioning animated objects on the stage • Turn Onion Skin feature on via the Icon in the timeline • Use The sliders to determine the range of Onion Skin display Getting Started with PhotoShop 7.0

  25. Timeline Effects LESSON 4 • Macromedia Flash allows you to combine various animation effects and provides several prebuilt Timeline effects • You can apply Timeline effects to the following objects: • Text • Graphics • Bitmap images • Button symbols Getting Started with PhotoShop 7.0

  26. Apply a Timeline Effect LESSON 4 Getting Started with PhotoShop 7.0

  27. Animating Text LESSON 5 • Like other objects, Text can be animated • The entire text block is animated unless “Broken Apart” • Text can be rotated, skewed, scaled, or re-colored • Motion Tweened Text blocks are automatically saved as Symbols Getting Started with PhotoShop 7.0

  28. Chapter D Tasks SUMMARY • Create frame animations • Create motion-tweened animation • Work with motion guides • Create motion animation effects • Animate text Getting Started with PhotoShop 7.0

More Related