Objectives: To create a Flash motion tween using the timeline and keyframes, and using pivot points to define object movement.

Size: px
Start display at page:

Download "Objectives: To create a Flash motion tween using the timeline and keyframes, and using pivot points to define object movement."

Transcription

1 DM20 Assignment 4c Flash motion tween with pivot point adjustments screen shots from CS3 with CS4 differences described Objectives: To create a Flash motion tween using the timeline and keyframes, and using pivot points to define object movement.

2 CS3 or earlier color panel: Button for over 16 million color options in the color picker. Here are a couple valuable buttons to know about and use. CS3 or earlier button to add new layer. CS4 has the same button at the bottom of the Layers panel.

3 1. Open Flash, choose Create New - Flash File. Save the file as LastnameFirstinitial_A4c.fla (Choose ActionScript 2.0 if using CS3 or later although this tutorial does not include any scripting.) 2. Set movie properties to 640x480 px, 12 fps, and background color to sky blue. In CS3 or earlier you can click anywhere in the blank area of the stage to see the movie properties in the bottom properties panel. In CS4 go to Modify>Document for these options. It is also recommended to look at your desktop configuration. Can you arrange windows, tools, and panels for more efficient use? Become familiar with panel options for collapsing and expanding. If you accidently close a panel you can get it back through the Window drop down menu or Window > Other Panels. 3. Name Layer 1 background. Create a new layer, name it tree. keyframe 1 4. Select keyframe 1 in the background layer and use drawing tools to make a land shape for the bottom area of the stage. Experiment with fills (solid or gradient fills) and stroke width (maybe even delete the stroke after the fill). Lock the layer when finished. Flash vector objects typically have a stroke and a fill and sees them as separate objects. You have the option to have no stroke or no fill in your vector objects. You can delete either of these as desired after an object is created - select the stroke or fill and press your delete key on the keyboard. filled land shape in keyframe 1 of the background layer

4 5. On frame 1 of the tree layer create a simple tree. You can adjust the scale and position of the tree after it is created. frame 1 of tree layer CS3 or earlier - slider for adjusting the stroke width. CS4 uses a Stroke slider in the side panel, available when the lines are selected with the Selection Tool arrow (v key) tree trunk with stroke selected for width adjustment

5 gradients can be radial or linear, change them here 5. On frame 1 of the Tree layer create a simple tree. You can adjust the scale and position of the tree after it is created. Be sure the tree is in the right frame in the right layer.

6 6. After adjusting the tree size and location if needed, click keyframe 1 in the Tree layer to select the entire tree on the stage, then use F8 on your keyboard to convert it to a Graphic symbol named g_tree. 7. The movie will be 3 seconds long. The tree starts falling after 1 second and falls for 24 frames. With a frame rate of 12 fps, a 3 second movie is 3x12 = 36 frames. The falling tree action begins in frame 12 of the tree layer. Right click this frame in the tree layer and Insert Keyframe or select the frame and use your F6 key to insert a keyframe. The three keyframes in the tree layer all hold the same content: the instance of the g_tree graphic symbol. 8. The falling tree action ends in frame 36, right click this frame in the tree layer and Insert Keyframe (or F6 key). keyframe at frame 12 This tree is now an instance of the graphic symbol in the library. It will have a rectangular blue outline when selected. (Why don t you see the background here?) keyframe at frame 36

7 9. With frame 36 in the tree layer selected use the Free Transform tool (Q key) to rotate the tree to a fallen position. You need to adjust the tree s pivot point because it is in the center of the tree by default. The pivot point needs to be moved to somewhere on the base of the tree for the movement to look right. Always know what frame you are working on. Using the free transform tool, I moved the pivot point down here so when the tree falls it looks right.

8 10. Right click anywhere between the last two keyframes of the Tree layer and choose Create Motion Tween. CS4 calls it the Classic Tween. 11. Test the animation (Enter key or Ctrl+Enter makes a swf file for testing). When the tween works you will see an unbroken line with a little arrow at the end. When it doesn t work the line will be dashed. Does it look right? Probably not. Make adjustments to keyframe pivot point in frame 12 of the tree layer so it is in the same place as the frame 36 pivot point. Test again and adjust the movement until the tree falls correctly.

9 12. In the Tree layer, right click frame 60 and Insert Keyframe. (The tree lays on the ground for 2 seconds.) Now the movie is how many seconds long? (60/12 =?) 13. Now you need to extend the background layer to frame 60. Right click frame 60 in this layer and insert frame (not keyframe) or select frame and F5 key. Both layers extended to frame 60. The tree layer has a keyframe, the background layer has a regular frame because it is not animated. Frames typically hold the same information as previous frames. Keyframes are special. They can hold new information. Learn to recognize how these look different in the timeline and try to understand from this exercise, how they are different. 14. Save the fla file and create a swf. Submit these two files to the DM20 mycr A4c assignment page.

10 Extra Flash Challenges a. Adjust the timing of the falling tree so it starts falling slowly and accelerates as it gets closer to the ground. One of the 12 Disney Principles of Animation is Ease-in, Ease-out. This means that lifelike movement is usually not a constant speed and to make something speed up or slow down in a movement is more lifelike. Flash has a built-in feature named Ease for making these adjustments to movement. Selecting any frame in the tween (between the keyframes) gives you access to the Ease slider which will made the speed of movement be fast to slow, or slow to fast. Try it. You won t see any change in the timeline but will see change in the movement.

11 This is a different example, same tutorial but done in CS4. Your finished timeline should look similar to the one above.

12 Extra Flash Challenges - worth extra credit points a. Give the tree a shadow. If you do this, the shadow should be on its own layer, also converted to a Graphic symbol and maybe even animated to match the movement of the tree. Shadows are very important, they establish contact with the ground if connected to an object and they establish a floating effect if they are not attached to the object they shadow. b. Make the tree fall from a cut, part way up the trunk. Creative freedom is encouraged on this assignment, the falling tree is just one idea. You are welcome to change the tree object to something else, as long as you demonstrate use of pivot point adjustments and a timeline motion tween. Last year a student made a character with an axe cutting the tree, then the tree fell. c. Give the animation action three parts: anticipation, action, and result (or follow through). This is one of the key lessons in DM24A Animation Principles. Anticipation prepares the audience for what is going to happen, like a pitcher winding up to throw a baseball. The action happens but motion does not all come to a stop at once. Imagine someone running across the stage wearing a long cape. They stop, but the cape continues to move until it settles back into its stationary position. The Disney principle for this is called follow-through. Imagine the same pitcher, winding up to throw the ball, throwing it, then after the ball leaves their hand, their arm continues in the forward and downward motion. This is Action in 3 parts. (Up to 10 points extra credit available for these extra Flash challenges, or your own creative ideas...)

Flash Tutorial. Working With Text, Tween, Layers, Frames & Key Frames

Flash Tutorial. Working With Text, Tween, Layers, Frames & Key Frames Flash Tutorial Working With Text, Tween, Layers, Frames & Key Frames Opening the Software Open Adobe Flash CS3 Create a new Document Action Script 3 In the Property Inspector select the size to change

More information

-Remember to always hit Command + S every time you make a change to your project going forward.

-Remember to always hit Command + S every time you make a change to your project going forward. -Open Animate -Under Create New - Select ActionScript 3.0 -Choose Classic as the Design type located in the upper right corner -Animate workspace shows a toolbar, timeline, stage, and window tabs -From

More information

Using Flash Animation Basics

Using Flash Animation Basics Using Flash Contents Using Flash... 1 Animation Basics... 1 Exercise 1. Creating a Symbol... 2 Exercise 2. Working with Layers... 4 Exercise 3. Using the Timeline... 6 Exercise 4. Previewing an animation...

More information

1. Multimedia authoring is the process of creating a multimedia production:

1. Multimedia authoring is the process of creating a multimedia production: Chapter 8 1. Multimedia authoring is the process of creating a multimedia production: Creating/assembling/sequencing media elements Adding interactivity Testing (Alpha/Beta) Packaging Distributing to end

More information

Animation is the illusion of motion created by the consecutive display of images of static elements. In film and video

Animation is the illusion of motion created by the consecutive display of images of static elements. In film and video Class: Name: Class Number: Date: Computer Animation Basis A. What is Animation? Animation is the illusion of motion created by the consecutive display of images of static elements. In film and video production,

More information

INSRUCTION SHEET. Flash Lab #1

INSRUCTION SHEET. Flash Lab #1 Advanced Web Page Design STANDARD 5 The student will use commercial animation software (for example: Flash, Alice, Anim8, Ulead) to create graphics/web page. Student Learning Objectives: Objective 1: Draw,

More information

Adobe Flash CS4 Part 4: Interactivity

Adobe Flash CS4 Part 4: Interactivity CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 4: Interactivity Fall 2010, Version 1.0 Table of Contents Introduction... 2 Downloading the Data Files... 2

More information

Adobe Flash CS3 Reference Flash CS3 Application Window

Adobe Flash CS3 Reference Flash CS3 Application Window Adobe Flash CS3 Reference Flash CS3 Application Window When you load up Flash CS3 and choose to create a new Flash document, the application window should look something like the screenshot below. Layers

More information

animation, and what interface elements the Flash editor contains to help you create and control your animation.

animation, and what interface elements the Flash editor contains to help you create and control your animation. e r ch02.fm Page 43 Wednesday, November 15, 2000 8:52 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally

More information

FLASH ANIMATION TUTORIAL

FLASH ANIMATION TUTORIAL FLASH ANIMATION TUTORIAL This tutorial will show you how to make a simple flash animation using basic graphic elements and sounds. It will also work as the display page for your Bullet Movie soundtrack

More information

Adobe Flash CS4 Part 3: Animation

Adobe Flash CS4 Part 3: Animation CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 3: Animation Fall 2010, Version 1.0 Table of Contents Introduction...2 Downloading the Data Files...2 Understanding

More information

How to create an animated face

How to create an animated face Adobe Flash CS4 Activity 5.1 guide How to create an animated face This activity walks you step by step through the process of creating a simple animation by using Adobe Flash CS4. You use drawing tools

More information

Adobe Flash CS5. Creating a web banner. Garvin Ling Juan Santa Cruz Bruno Venegas

Adobe Flash CS5. Creating a web banner. Garvin Ling Juan Santa Cruz Bruno Venegas Adobe Flash CS5 Creating a web banner Garvin Ling Juan Santa Cruz Bruno Venegas Introduction In this tutorial, you will be guided through a step-by-step process on how to create your very own animated

More information

Making ecards Can Be Fun!

Making ecards Can Be Fun! Making ecards Can Be Fun! A Macromedia Flash Tutorial By Mike Travis For ETEC 664 University of Hawaii Graduate Program in Educational Technology April 4, 2005 The Goal The goal of this project is to create

More information

Step 6: Create the butterfly body Repeat steps 4 and 5 to trace and create a butterfly body Convert the image into a graphic (F8), call it gr_body

Step 6: Create the butterfly body Repeat steps 4 and 5 to trace and create a butterfly body Convert the image into a graphic (F8), call it gr_body Tutorial 10: Tracing An Image And Animating A Butterfly Learn how to - Trace an image to create a realistic drawing - Create an animated and static butterfly Step 1: Set up the page Open Flash and resize

More information

HO-FL1: INTRODUCTION TO FLASH

HO-FL1: INTRODUCTION TO FLASH HO-FL1: INTRODUCTION TO FLASH Introduction Flash is software authoring package for creating scalable, interactive animations (or movies) for inclusion in web pages. It can be used to create animated graphics,

More information

Intro to Animation. Introduction: Frames and Keyframes. Blender Lesson: Grade Level: Lesson Description: Goals/Objectives: Materials/Tools: 4th and up

Intro to Animation. Introduction: Frames and Keyframes. Blender Lesson: Grade Level: Lesson Description: Goals/Objectives: Materials/Tools: 4th and up Blender Lesson: Intro to Animation Grade Level: 4th and up Lesson Description: This lesson serves as an introduction to animation with Blender. The lesson begins by talking about some core concepts of

More information

Animating the Page IN THIS CHAPTER. Timelines and Frames

Animating the Page IN THIS CHAPTER. Timelines and Frames e r ch02.fm Page 41 Friday, September 17, 1999 10:45 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally

More information

The Macromedia Flash Workspace

The Macromedia Flash Workspace Activity 5.1 Worksheet The Macromedia Flash Workspace Student Name: Date: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector. The Macromedia Flash Workspace 5-35

More information

Introduction to Flash - Creating a Motion Tween

Introduction to Flash - Creating a Motion Tween Introduction to Flash - Creating a Motion Tween This tutorial will show you how to create basic motion with Flash, referred to as a motion tween. Download the files to see working examples or start by

More information

The playhead, shown as a vertical red beam, passes each frame when a movie plays back, much like movie fi lm passing in front of a projector bulb.

The playhead, shown as a vertical red beam, passes each frame when a movie plays back, much like movie fi lm passing in front of a projector bulb. The project: AIRPLANE I will show you a completed version of this project.. Introducing keyframes and the Timeline One of the most important panels in the Flash workspace is the Timeline, which is where

More information

Animatron Tutorial. Ronald Bourret

Animatron Tutorial. Ronald Bourret Animatron Tutorial Ronald Bourret http://www.rpbourret.com Table of Contents License... 2 Lesson 1: Getting Started... 3 1.1 Creating an Animatron account... 3 1.2 Animatron screen... 3 Lesson 2: Drawing...

More information

Learning Flash CS4. Module 1 Contents. Chapter 1: Getting Started With Flash. Chapter 2: Drawing Tools

Learning Flash CS4. Module 1 Contents. Chapter 1: Getting Started With Flash. Chapter 2: Drawing Tools Learning Flash CS4 Module 1 Contents Chapter 1: Getting Started With Flash The Flash Start Page...1-1 The Flash Screen...1-2 The Flash Workspace...1-2 The Properties Panel...1-4 Other Panels...1-5 The

More information

Adobe Animate Basics

Adobe Animate Basics Adobe Animate Basics What is Adobe Animate? Adobe Animate, formerly known as Adobe Flash, is a multimedia authoring and computer animation program. Animate can be used to design vector graphics and animation,

More information

FLASH CS6 DIRECTIONS TO GET YOU STARTED!

FLASH CS6 DIRECTIONS TO GET YOU STARTED! FLASH CS6 DIRECTIONS TO GET YOU STARTED! SYMBOL A symbol is a reusable image, animation or button. You will see a plus sign + in the object once it s been converted to a symbol. Insert>Convert to symbol

More information

Save your project files in a folder called: 3_flash_tweens. Tweens in Flash :: Introduction

Save your project files in a folder called: 3_flash_tweens. Tweens in Flash :: Introduction INF1070: Hypermedia Tools 1 Assignment 3: Tween Animation in Flash Save your project files in a folder called: 3_flash_tweens Tweens in Flash :: Introduction Now that you ve learned to draw in Flash, it

More information

COMP : Practical 8 ActionScript II: The If statement and Variables

COMP : Practical 8 ActionScript II: The If statement and Variables COMP126-2006: Practical 8 ActionScript II: The If statement and Variables The goal of this practical is to introduce the ActionScript if statement and variables. If statements allow us to write scripts

More information

Flash Domain 4: Building Rich Media Elements Using Flash CS5

Flash Domain 4: Building Rich Media Elements Using Flash CS5 Flash Domain 4: Building Rich Media Elements Using Flash CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Make rich media content development

More information

AO3. 1. Load Flash. 2. Under Create New click on Flash document a blank screen should appear:

AO3. 1. Load Flash. 2. Under Create New click on Flash document a blank screen should appear: AO3 This is where you use Flash to create your own Pizzalicious advert. Follow the instructions below to create a basic advert however, you ll need to change this to fit your own design! 1. Load Flash

More information

PUBLISHING 1231 Intermediate New Media Publishing (FLASH) Instructor: Mak (Mahmoud) Abdel-Hai Office: A248 Phone: 604-3

PUBLISHING 1231 Intermediate New Media Publishing (FLASH) Instructor: Mak (Mahmoud) Abdel-Hai   Office: A248 Phone: 604-3 PUBLISHING 1231 Intermediate New Media Publishing (FLASH) Instructor: Mak (Mahmoud) Abdel-Hai Email: mabdelhai@langara.bc.ca Office: A248 Phone: 604-323-5648, ext. 1 Dates and times: s: 1.30 PM 7.25 PM

More information

Adobe Flash CS4 Part 1: Introduction to Flash

Adobe Flash CS4 Part 1: Introduction to Flash CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 1: Introduction to Flash Fall 2010, Version 1.0 Table of Contents Introduction...3 Downloading the Data Files...3

More information

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Animate CC

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Animate CC Course Title Adobe Animate CC Course Description Adobe Animate CC (Creative Clouds) is the world's most powerful graphic design program for adding interactivity and creating animation and multimedia content

More information

In this lesson, you ll learn how to:

In this lesson, you ll learn how to: LESSON 5: ADVANCED DRAWING TECHNIQUES OBJECTIVES In this lesson, you ll learn how to: apply gradient fills modify graphics by smoothing, straightening, and optimizing understand the difference between

More information

How to draw and create shapes

How to draw and create shapes Adobe Flash Professional Guide How to draw and create shapes You can add artwork to your Adobe Flash Professional documents in two ways: You can import images or draw original artwork in Flash by using

More information

Appendix A ACE exam objectives map

Appendix A ACE exam objectives map A 1 Appendix A ACE exam objectives map This appendix provides the following : A ACE exam objectives for Flash CS6 with references to corresponding coverage in ILT Series courseware. A 2 Flash CS6 ACE Edition

More information

Adobe Flash CS4 Part 2: Working with Symbols

Adobe Flash CS4 Part 2: Working with Symbols CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 2: Working with Symbols Fall 2010, Version 1.0 Table of Contents Introduction...2 Downloading the Data Files...2

More information

Working with Symbols and Instances

Working with Symbols and Instances Chapter 3 Working with Symbols and Instances Learning Objectives After completing this chapter, you will be able to: Create new symbols Edit the symbols and instances Create and edit button symbols Import

More information

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! CS 1033 Multimedia and Communications Lab 07: Introduction to Animation using Photoshop REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! LAB #7 - Exercise 1 Objectives: Upon completion of Exercise 1 you

More information

Valuable points from Lesson 6 Adobe Flash CS5 Professional Classroom in a Book

Valuable points from Lesson 6 Adobe Flash CS5 Professional Classroom in a Book Valuable points from Lesson 6 Adobe Flash CS5 Professional Classroom in a Book You are expected to understand and know how to use/do each of these tasks in Flash CS5, unless otherwise noted below. If you

More information

8 th Grade Animation Exam Study Guide

8 th Grade Animation Exam Study Guide Name: Period: What is our class website? What day of the week can you come to class during lunch to make up missed work? What does CPU stand for? What type of files are used for audio? What is hardware?

More information

What will you learn: A better understanding of 3 D space How to use keyframes Designing and planning an animation How to render animations

What will you learn: A better understanding of 3 D space How to use keyframes Designing and planning an animation How to render animations Intro to Blender Introductory Animation Shane Trautsch Crestwood High School Welcome Back! Blender can also be used for animation. In this tutorial, you will learn how to create simple animations using

More information

FLASH 5 PART II USER MANUAL

FLASH 5 PART II USER MANUAL Multimedia Module FLASH 5 PART II USER MANUAL For information and permission to use these training modules, please contact: Limell Lawson - limell@u.arizona.edu - 520.621.6576 or Joe Brabant - jbrabant@u.arizona.edu

More information

Basic Operation of Flash MX Professional 2004

Basic Operation of Flash MX Professional 2004 Basic Operation of Flash MX Professional 2004 (Main Tutorial) This Tutorial provides you Basic Operation for Flash MX Professional 2004. After this training, you will be able to create simple animation.

More information

MotionGraphix. User Guide. Quick Start. Overview

MotionGraphix. User Guide. Quick Start. Overview MotionGraphix User Guide Quick Start Create a Project Add Elements Position, scale and rotate the elements Change the time and reposition, scale and rotate the elements Change the time again, etc. Double

More information

A bouncing ball squashes on its vertical axis and stretches on the horizontal axis as it strikes the ground.

A bouncing ball squashes on its vertical axis and stretches on the horizontal axis as it strikes the ground. Animation Principles The following 12 animation principles are those distilled from the combined wisdom of animators over several decades. Animators developed their own techniques in animating characters,

More information

Macromedia Flash. ( Macromedia Flash) : - - Flash. Flash. 10. ( Frame ) . Motion Tween. . Flash

Macromedia Flash.   ( Macromedia Flash) : - - Flash. Flash. 10. ( Frame ) . Motion Tween. . Flash Macromedia Flash ( Macromedia Flash).... : 233 - Ram - 16 64 600 - - Flash. Flash... Flash... Flash player Flash.. Flash Flash. Flash. Tweening 10. ( Frame ). Flash (10 1 ). Motion Tween :. Flash. Flash

More information

How to work with text

How to work with text How to work with text Adobe Flash Professional lets you add text to a Flash application in two formats: You can add Text Layout Framework (TLF) text. You can add Classic text. Using the Text Layout Framework

More information

General Directions for Creating a Program with Flash

General Directions for Creating a Program with Flash General Directions for Creating a Program with Flash These directions are meant to serve as a starting point for a project in Flash. With them, you will create four screens or sections: 1) Title screen;

More information

GETTING AROUND STAGE:

GETTING AROUND STAGE: ASM FLASH INTRO FLASH CS3 is a 2D software that is used extensively for Internet animation. Its icon appears as a red square with a stylized Fl on it. It requires patience, because (like most computer

More information

Dear Candidate, Thank you, Adobe Education

Dear Candidate, Thank you, Adobe Education Dear Candidate, In preparation for the Rich Media Communication certification exam, we ve put together a set of practice materials and example exam items for you to review. What you ll find in this packet

More information

Unit 6. Multimedia Element: Animation. Introduction to Multimedia Semester 1

Unit 6. Multimedia Element: Animation. Introduction to Multimedia Semester 1 Unit 6 Multimedia Element: Animation 2017-18 Semester 1 Unit Outline In this unit, we will learn Animation Guidelines Flipbook Sampling Rate and Playback Rate Cel Animation Frame-based Animation Path-based

More information

COMP : Practical 1 Getting to know Flash

COMP : Practical 1 Getting to know Flash What is Flash? COMP126-2006: Practical 1 Getting to know Flash Macromedia Flash is system that allows creation, communication and play of animated and interactive computer graphics. Its main application

More information

Digital Ink and Paint Week 5. Animation: Animated Symbols, Graphic Symbols vs Movie Clip Symbols, Bones, 3D Translation

Digital Ink and Paint Week 5. Animation: Animated Symbols, Graphic Symbols vs Movie Clip Symbols, Bones, 3D Translation Digital Ink and Paint Week 5 Animation: Animated Symbols, Graphic Symbols vs Movie Clip Symbols, Bones, 3D Translation Graphic Symbols and Movie Clips have their own Time Line. You can create animation

More information

Scene 2, Flash. STEP THREE: Same with the mouths, if you have it touching the ears or something, move it so there is clearance.

Scene 2, Flash. STEP THREE: Same with the mouths, if you have it touching the ears or something, move it so there is clearance. 1 Scene 2, Flash Export art from Illustrator to Flash. Animate scene 2 in Flash, frames 1 through 24 Spend a little time studying the wolf.fla file. Scrub the timeline on scene 2 and think about which

More information

Shape Tweening. Shape tweening requirements:

Shape Tweening. Shape tweening requirements: Shape Tweening Shape Tweening Shape tweening requirements: Vector-based objects No grouped objects No bitmaps No symbols No type, type must be broken apart into a shape Keyframes concept from traditional

More information

Adobe Flash CS5 Revealed Additional ACA Material

Adobe Flash CS5 Revealed Additional ACA Material Jim Shuman Adobe Flash CS5 Revealed Additional ACA Material This document provides additional information for Adobe Flash CS5 ACA certification. How to use this document: Use this information in conjunction

More information

COMP : Practical 6 Buttons and First Script Instructions

COMP : Practical 6 Buttons and First Script Instructions COMP126-2006: Practical 6 Buttons and First Script Instructions In Flash, we are able to create movies. However, the Flash idea of movie is not quite the usual one. A normal movie is (technically) a series

More information

Adobe Flash Professional CS5.5

Adobe Flash Professional CS5.5 Adobe Flash Professional CS5.5 Creating Image thumbnail Niranjan Khadka Center for Teaching and Learning Adobe Flash Professional CS5.5 The Interface TOOL PANEL It appears on either side of screen and

More information

3Using and Writing. Functions. Understanding Functions 41. In this chapter, I ll explain what functions are and how to use them.

3Using and Writing. Functions. Understanding Functions 41. In this chapter, I ll explain what functions are and how to use them. 3Using and Writing Functions Understanding Functions 41 Using Methods 42 Writing Custom Functions 46 Understanding Modular Functions 49 Making a Function Modular 50 Making a Function Return a Value 59

More information

Welcome to the world of Flash, one of today s hottest applications for

Welcome to the world of Flash, one of today s hottest applications for Chapter 1: Getting Started with Flash 9 In This Chapter Creating and saving new documents Getting familiar with the workspace and tools Managing your workspace and panels Thinking about FLA and SWF file

More information

Name: Date: Multimedia Graphics and Web Publishing Mr. Dietzler. Flash Topics TWEENING AND MOTION GUIDES

Name: Date: Multimedia Graphics and Web Publishing Mr. Dietzler. Flash Topics TWEENING AND MOTION GUIDES Name: Date: Multimedia Graphics and Web Publishing Mr. Dietzler Flash Topics TWEENING AND MOTION GUIDES TWEENING: Motion Tweening: The most basic type of tweening is Motion Tweening in which you specify

More information

Documentation for Flash Project

Documentation for Flash Project Documentation for Flash Project JOU 4341 and MMC 4946 / Fall 2005 You will build at least six Flash pages, or screens, to create an online story with photos, text and audio. The story will have a cover

More information

Basics of Flash Animation

Basics of Flash Animation Basics of Flash Animation The Stage is where you do your main design work The timeline is where you animate your objects by setting keyframes The library is where you store all your assets things you use

More information

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! CS 1033 Multimedia and Communications Lab 8: Animation with Video Timeline REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! LAB #8 - Exercise 1 Objectives: Upon completion of Exercise 1 you should be

More information

COMP : Practical 11 Video

COMP : Practical 11 Video COMP126-2006: Practical 11 Video Flash is designed specifically to transmit animated and interactive documents compactly and quickly over the Internet. For this reason we tend to think of Flash animations

More information

vinodsrivastava.com FLASH

vinodsrivastava.com FLASH vinodsrivastava.com FLASH 1. What is a Layer? Layer helps us to organize the artwork in your document. When we create a flash document it contain one layer but we can add more. Objects are placed in layer

More information

Creating a Vertical Shooter Based on; accessed Tuesday 27 th July, 2010

Creating a Vertical Shooter Based on;   accessed Tuesday 27 th July, 2010 Creating a Vertical Shooter Based on; http://www.kirupa.com/developer/actionscript/vertical_shooter.htm accessed Tuesday 27 th July, 2010 So, we will create a game using our super hero Knight to kill dragons

More information

Exercise One: Creating a Title 3D Effect

Exercise One: Creating a Title 3D Effect 1 Tutorials 2 Exercise One: Creating a Title 3D Effect The exercises in this section are designed to give you a hands-on introduction to the Boris Title Generators. You will need a project with some captured

More information

PROJECT THREE - EMPHASIS

PROJECT THREE - EMPHASIS PROJECT THREE - EMPHASIS INSTRUCTIONS Before you begin this assignment: 1. Read Design Basics, on the two topics of Emphasis and Color. Study the Introduction to Emphasis, the PowerPoint presentation,

More information

Exploring the Flash MX 2004 Workspace

Exploring the Flash MX 2004 Workspace 1 Chapter Exploring the Flash MX 2004 Workspace COPYRIGHTED MATERIAL This first chapter is a warm-up to prepare you for your Flash MX 2004 adventure. It provides a quick introduction to Flash, and is a

More information

Valuable points from Lesson 8 Adobe Flash CS5 Professional Classroom in a Book

Valuable points from Lesson 8 Adobe Flash CS5 Professional Classroom in a Book Valuable points from Lesson 8 Adobe Flash CS5 Professional Classroom in a Book You are expected to understand and know how to use/do each of these tasks in Flash CS5, unless otherwise noted below. If you

More information

Tutorial 4. Creating Special Animations

Tutorial 4. Creating Special Animations Tutorial 4 Creating Special Animations Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text blocks Animate individual letters within a text block

More information

Creative Effects with Illustrator

Creative Effects with Illustrator ADOBE ILLUSTRATOR Creative Effects with Illustrator PREVIEW OVERVIEW The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects and photographs.

More information

Motion Creating Animation with Behaviors

Motion Creating Animation with Behaviors Motion Creating Animation with Behaviors Part 1: Basic Motion Behaviors Part 2: Stacking Behaviors upart 3: Using Basic Motion Behaviors in 3Do Part 4: Using Simulation Behaviors Part 5: Applying Parameter

More information

INTRODUCTION TO FLASH MX

INTRODUCTION TO FLASH MX INTRODUCTION TO FLASH MX The purpose of this handout is to introduce and briefly explore several functions within Flash MX. Step-bystep instructions for the different ways to animate are also included.

More information

Curriculum/Certification Mapping in MyGraphicsLab

Curriculum/Certification Mapping in MyGraphicsLab Adobe Visual Communication Using FLASH CS5 Curriculum/Certification Mapping in MyGraphicsLab Objectives- 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for rich

More information

Animating Dialogue using the "Mouth Comp" method

Animating Dialogue using the Mouth Comp method Animating Dialogue using the "Mouth Comp" method Always use symbols There are many ways to go about animating dialogue in Flash. The most logical methods all take advantage of reusing symbols of different

More information

The Library is displayed as a window, and its contents are accessed by dragging and dropping onto the Stage.

The Library is displayed as a window, and its contents are accessed by dragging and dropping onto the Stage. FLASH FREQUENTLY ASKED QUESTIONS - What is the Library? The Library is an area in which you store all content used in a Flash movie. In Flash terminology, each piece of content stored in the Library is

More information

Animatron Tutorial. Ronald Bourret

Animatron Tutorial. Ronald Bourret Animatron Tutorial Ronald Bourret http://www.rpbourret.com Table of Contents License... 2 Lesson 1: Getting Started... 3 1.1 Create an Animatron Account... 3 1.2 Animatron Screen... 3 Lesson 2: Drawing...

More information

and 150 in the height text box, and then click OK. Flash automatically inserts the px (for pixel) after the number.

and 150 in the height text box, and then click OK. Flash automatically inserts the px (for pixel) after the number. 4. In the Document Properties dialog box, enter 700 in the width text box and 150 in the height text box, and then click OK. Flash automatically inserts the px (for pixel) after the number. The Document

More information

The Disney Project in AS3

The Disney Project in AS3 The Disney Project in AS3 Intro: Save the Disney Kit Download the Disney Kit.fla from the website. It has all the graphics that you ll need in the Library. Double-click to open it in Flash. Immediately,

More information

Sample Hands-On-Training Chapter Review Copy Only Contact Information Notice of Rights Notice of Liability Trademarks

Sample Hands-On-Training Chapter Review Copy Only Contact Information Notice of Rights Notice of Liability Trademarks Sample Hands-On-Training Chapter Review Copy Only Copyright 2000-2003 by lynda.com, Inc. All Rights Reserved. Reproduction and Distribution Strictly Prohibited. This electronically distributed Hands-On-Training

More information

This lesson will focus on the Bouncing Ball exercise.

This lesson will focus on the Bouncing Ball exercise. This will be the first of an on-going series of Flipbook tutorials created by animator Andre Quijano. The tutorials will cover a variety of exercises and fundamentals that animators, of all skill levels,

More information

The Timeline records the actions in each Frame. It also allows multiple independent images and actions through Layers.

The Timeline records the actions in each Frame. It also allows multiple independent images and actions through Layers. Using Flash to Create Animated Environments Objectives: Understand the capabilities of Flash Gain a general overview of features and tools Understand layers, text, graphics, animation and buttons Import

More information

Animation Action Buttons

Animation Action Buttons Animation Action Buttons You will learn techniques for drawing graphics and how to make an action button to start your movie. Click the Example link to see what your finished movie will look like: Example

More information

Recipes4Success. Animate Plant Growth. Share 4 - Animation

Recipes4Success. Animate Plant Growth. Share 4 - Animation Recipes4Success In this Recipe, you will create an animated science diagram of plant growth. You will learn how to add images, draw shapes, use the animation options, preview, and publish your project.

More information

The Monitor Window. 3.The Monitor Window Premiere Pro 1.5 H O T

The Monitor Window. 3.The Monitor Window Premiere Pro 1.5 H O T 3.The Monitor Window Premiere Pro 1.5 H O T 3 The Monitor Window Source vs. Program Playing Source Video In and Out Points Setting In and Out Points Clearing In and Out Points H O T Premiere Pro HOT DVD

More information

Walk Cycle with Symbols

Walk Cycle with Symbols Walk Cycle with Symbols STEP 1 Assuming you have your character all rigged and ready to go, double click on the character to get into the master symbol to see all the layers that make up all of the character

More information

Part 1: Basics. Page Sorter:

Part 1: Basics. Page Sorter: Part 1: Basics Page Sorter: The Page Sorter displays all the pages in an open file as thumbnails and automatically updates as you add content. The page sorter can do the following. Display Pages Create

More information

Chapter 5. Creating Special Effects Delmar, Cengage Learning

Chapter 5. Creating Special Effects Delmar, Cengage Learning Chapter 5 Creating Special Effects 2011 Delmar, Cengage Learning Chapter 5 Lessons 1. Create a mask effect 2. Add sound 3. Add video 4. Create an animated navigation bar 5. Create character animations

More information

Adobe Flash Course Syllabus

Adobe Flash Course Syllabus Adobe Flash Course Syllabus A Quick Flash Demo Introducing the Flash Interface Adding Elements to the Stage Duplicating Library Items Introducing Keyframes, the Transform Tool & Tweening Creating Animations

More information

How to create interactive documents

How to create interactive documents Adobe InDesign Guide How to create interactive documents You can use Adobe InDesign to create dynamic web content or interactive documents. InDesign supports export to web-ready HTML or interactive PDF.

More information

Create a Swirly Lollipop Using the Spiral Tool Philip Christie on Jun 13th 2012 with 12 Comments

Create a Swirly Lollipop Using the Spiral Tool Philip Christie on Jun 13th 2012 with 12 Comments Advertise Here Create a Swirly Lollipop Using the Spiral Tool Philip Christie on Jun 13th 2012 with 12 Comments Tutorial Details Program: Adobe Illustrator CS5 Difficulty: Beginner Es timated Completion

More information

An Animated Scene. Pick a color for the street. Then use the Paint can to fill the lower part of the page with grass.

An Animated Scene. Pick a color for the street. Then use the Paint can to fill the lower part of the page with grass. An Animated Scene In this project, you create a simple animated scene with graphics, a bit of text, a simple animation and some music. Click on the Steps below and be creative! Remember: if you must leave

More information

WORLD FIRST. In our first ever Flash MX 2004 tutorial, we take a look at the new ease-of-use features that can turn anyone into a Flash guru.

WORLD FIRST. In our first ever Flash MX 2004 tutorial, we take a look at the new ease-of-use features that can turn anyone into a Flash guru. ART90.flash 14/10/03 3:27 pm Page 24 Tutorial WORLD FIRST In our first ever Flash MX 2004 tutorial, we take a look at the new ease-of-use features that can turn anyone into a Flash guru ILLUSTRATION BY

More information

First Walkthrough: Fundamentals of Camtasia Studio

First Walkthrough: Fundamentals of Camtasia Studio First Walkthrough: Fundamentals of Camtasia Studio First Walkthrough: Fundamentals of Camtasia Studio 2 Table of Contents Recording with Camtasia Studio.............. 3-4 Editing with Camtasia Studio.................

More information

Flash CS6 First Edition

Flash CS6 First Edition Flash CS6 Flash CS6 First Edition LearnKey provides self-paced training courses and online learning solutions to education, government, business, and individuals world-wide. With dynamic video-based courseware

More information

Unit 6 student guides

Unit 6 student guides Unit 6 student guides Activity 6.1 Guide: How to apply colors and gradients Activity 6.1 Guide: How to create text effects with filters Activity 6.1 Guide: How to import images Activity 6.1 Guide: How

More information

2 SELECTING AND ALIGNING

2 SELECTING AND ALIGNING 2 SELECTING AND ALIGNING Lesson overview In this lesson, you ll learn how to do the following: Differentiate between the various selection tools and employ different selection techniques. Recognize Smart

More information

Introduction to Multimedia. Adobe Animate CC. Lab Manual

Introduction to Multimedia. Adobe Animate CC. Lab Manual Introduction to Multimedia Adobe Animate CC Lab Manual 2017-18 Semester 1 Table of Contents A. Introduction p. 1 About Animate Understanding the Workspace of Animate B. Getting Started with Animate....

More information