Presentation is loading. Please wait.

Presentation is loading. Please wait.

Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.

Published byRobyn McCarthy Modified over 9 years ago

Similar presentations

Presentation on theme: "Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the."— Presentation transcript:

1 Tutorial 3 Creating Animations

2 XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the Timeline Work with scenes New Perspectives on Adobe Flash CS32

3 XP Objectives Create Timeline effects Create frame-by-frame animations Create tweened animations Create a graphic symbol animation New Perspectives on Adobe Flash CS33

4 XP The Timeline Timeline – Grid appearing above the Stage in the program window – Used to create, modify, and organize layers and frames A few elements of the Timeline – Layers and layer controls are located on the left – Frames for a layer are shown to the right of the layer – Keyframes: change in content from the previous frame – Playhead: red rectangle with red vertical line below it New Perspectives on Adobe Flash CS34

5 XP Timeline of a Sample Document New Perspectives on Adobe Flash CS35

6 XP Changing the View of the Timeline One method: close panels on right side of window Options available on Frame View pop-up menu – Tiny, Small, Normal, Medium, and Large frame widths Adjust the height of the Timeline window New Perspectives on Adobe Flash CS36

7 XP Timeline Window Resized New Perspectives on Adobe Flash CS37

8 XP Organizing Layers Using the Timeline To select a layer you click it in the Timeline Delete a selected layer by clicking Delete Layer – Click Delete Layer button at the bottom of the Timeline Adding more layers – Click the Insert Layer button on the Timeline Advice: insert new layers as you add new content New Perspectives on Adobe Flash CS38

9 XP Adding Layer Folders Layer folder: Timeline container holding layers Layers placed in a folder are indented to the right Layer folders help organize content Layer folders can be collapsed to reduce clutter Inserting and using layer folders – Click Insert Layer Folder button – Change the name of the layer folder – Click and drag layers into the new folder New Perspectives on Adobe Flash CS39

10 XP Adding Layer Folders New Perspectives on Adobe Flash CS310

11 XP Selecting, Copying, and Moving Frames Actions allowed on one layer or between layers Selecting frames – Individual: click single frame in Timeline – Multiple: click and drag mouse pointer across frames Copying and moving selected frames – Right-click frames and then select Copy Frames – Right-click frames and then select Cut Frames Use Paste Frame on target frame to finish copy/move New Perspectives on Adobe Flash CS311

12 XP Using Scenes and Multiple Timelines Scenes break up a document into smaller sections Each new scene has a separate timeline Using the Scene panel – Path to Scene panel: Window  Other Panels  Scene – Actions: add, delete, duplicate, and move scenes New Perspectives on Adobe Flash CS312

13 XP Multiple Scenes in One Document New Perspectives on Adobe Flash CS313

14 XP Creating Animation Displaying frames in rapid succession Timeline effects: animation created by Flash Frame-by-frame animation – Developer creates content for each frame Tweened animation – Developer creates content for beginning and ending frames – Flash creates content for the in-between frames New Perspectives on Adobe Flash CS314

15 XP Timeline Effects Accessing Timeline effect dialog boxes – Select object to which effect will be applied – Click Insert and then point to Timeline – Submenu items: Assistants, Effects, Transform/Transition – Select submenu item to open dialog box Using a Timeline effect dialog box – Preview effect in the right pane of the dialog box – Change the settings and Update Preview to apply them Timeline effects can be modified or removed New Perspectives on Adobe Flash CS315

16 XP Example of a Timeline Effect Dialog Box New Perspectives on Adobe Flash CS316

17 XP Adding a Timeline Effect to the Flounders Pet Shop Banner Scene 1 will involve a fish moving with a sign Use Transform Timeline effect to animate Scene 1 Overview of tasks – Select, sign, line and fish all at once – Open Transform dialog box – Change settings: frame number, position, motion ease – Click Update Preview – Click OK to close dialog and create effect in Timeline New Perspectives on Adobe Flash CS317

18 XP Settings for Transform Timeline Effect New Perspectives on Adobe Flash CS318

19 XP Creating Frame-by-Frame Animation Requires content be added to all frames in animation – Example: 15 frames must each be supplied with content Graphic object need not change in every frame Creating a frame-by-frame animation – Start with a graphic object in the initial frame – Add a keyframe where you need the object to change – As you add keyframes, you change the object’s position – Test the animation after all keyframes are added New Perspectives on Adobe Flash CS319

20 XP Sample Frame-by-Frame Animation New Perspectives on Adobe Flash CS320

21 XP Testing a Document’s Animation Purpose: ensure that a document works correctly Several techniques for testing animation – Click Play command on the Control menu – Press Enter on the keyboard – Drag playhead back and forth through frames (scrubbing) – Click Test Movie command on the Control menu – Point to File  Publish Preview, click Default (HTML) New Perspectives on Adobe Flash CS321

22 XP Creating Tweened Animation Flash varies content between two keyframes Comparison with frame-by-frame animation – Tweened animation is quicker – Tweened animation does not provide as much control Motion tweening – Object changes position or color, rotates, scales in size Shape tweening – Changes a shape into another shape over time New Perspectives on Adobe Flash CS322

23 XP Creating a Motion Tweening Requirement: animated object must be a symbol – Animated object should be placed on a separate layer Overview of process for creating a motion tween – Place symbol instance in a keyframe – Create a keyframe where the animation will end – Change position or color properties of the object – Go back to first keyframe and create the animation Creating a motion tweened animation New Perspectives on Adobe Flash CS323

24 XP Motion Tweening: Property Inspector with Motion Tweened Options New Perspectives on Adobe Flash CS324

25 XP Creating Shape Tween Object used must not be a symbol or grouped object – Requirement differs from that for motion tweens Creating a shape tween – Insert object into first keyframe – Add keyframe at the end of the animation – Change shape of object at terminal end – Return to first keyframe and create the animation New Perspectives on Adobe Flash CS325

26 XP Creating Graphic Symbol Animations Graphic symbols have their own Timeline – Frames are synchronized with document’s main Timeline – Multiple instances can have different starting frames – Instances display their animation when you scrub playhead Creating graphic symbol animations – Follow procedure for creating a movie clip animation – Property inspector can be used to indicate start frame – Graphic can play continuously, once, or only one frame New Perspectives on Adobe Flash CS326

27 XP Graphic Instance Properties in the Property Inspector New Perspectives on Adobe Flash CS327

28 XP Graphic Symbol Instances New Perspectives on Adobe Flash CS328

Download ppt "Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the."

Similar presentations

INTRODUCTION TO ADOBE FLASH CS4

INTRODUCTION TO ADOBE FLASH CS4
Tutorial 4 Creating Complex Animations. XP Objectives Modify an animation’s motion path Modify motion tweens using the Motion Editor Create an animation.

Tutorial 4 Creating Complex Animations. XP Objectives Modify an animation’s motion path Modify motion tweens using the Motion Editor Create an animation.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.

Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Chapter 8: Speak to Me Recording Audio Vibrating objects generate waves of compressed air that we hear as sound.

Chapter 8: Speak to Me Recording Audio Vibrating objects generate waves of compressed air that we hear as sound.
Tutorial 4 Creating Special Animations. XP Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text.

Tutorial 4 Creating Special Animations. XP Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text.
Create shape-tweened animation Create a mask effect Add sound Add scenes Create a slide show presentation Unit Lessons.

Create shape-tweened animation Create a mask effect Add sound Add scenes Create a slide show presentation Unit Lessons.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.

Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
3.02 Computer Animation Software and Design Guidelines

3.02 Computer Animation Software and Design Guidelines
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.

© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
CIS 205—Web Design & Development Flash Chapter 4 Creating Animations.

CIS 205—Web Design & Development Flash Chapter 4 Creating Animations.
3.02 Computer Animation Software and Design Guidelines

3.02 Computer Animation Software and Design Guidelines
Frame Part of timeline panel You can remove normal frames from a certain layer by (MRC + Remove Frames). You can remove normal frames from a certain layer.

Frame Part of timeline panel You can remove normal frames from a certain layer by (MRC + Remove Frames). You can remove normal frames from a certain layer.
Chapter 3 Working with Symbols and Interactivity.

Chapter 3 Working with Symbols and Interactivity.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.

Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX 2004 2 Buttons Interactive means that the user has some level.

XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.

Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.

Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Adobe Flash Professional CS5 Provides a comprehensive authoring environment for creating digital animation and interactive Web sites. Used to create engaging.

Adobe Flash Professional CS5 Provides a comprehensive authoring environment for creating digital animation and interactive Web sites. Used to create engaging.
Chapter 4 Creating Animations.

Chapter 4 Creating Animations.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.

Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.

Similar presentations

Ads by Google