Shape Tweening. Shape tweening requirements:
|
|
- Bartholomew Daniels
- 6 years ago
- Views:
Transcription
1 Shape Tweening
2 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
3 Keyframes concept from traditional Animation. They are the important frames which help define what the major motion changes will be.
4 Tweening Borrowed from traditional cel animation terminology, slang for in-betweening The in-betweener (animator) draws all the frames in between the key frames that the lead animator drew
5 Tweening with Computers Computers automate the tweening process by interpolating the frames in between two keyframes Interpolate means the computer creates or draws the frames between keyframes The animation software interpolates the changes and draws the changes frame by frame
6 Shape Tweening in Flash Animates between keyframes containing shape objects Animates (morphs) colors, shapes, gradients, positions, transformation, broken apart text, etc. Differences interpolated by Flash (frames drawn between keyframes)
7 Shape Tweening Merge Objects When using the shapes tool to draw shapes there are two drawing modes Merge mode (default) Object drawing mode
8 Merge Objects vs Drawing Objects Recommended to select the Default/Merge Drawing mode if you want to shape tween. Make sure Object Drawing button is not selected at bottom of tool bar You can shape tween an object displayed as a Drawing Object on the property inspector. This object was created in the Object drawing mode.
9 Shape Tweening Yes, shape tweening: Shapes drawn in merge mode shape of object color of object position of object on stage the transformation of object broken apart text gradients No, shape tweening: No object drawing mode (shapes) No grouped objects No symbols No text (unbroken)
10 Successful Shape Tweening Green Solid line arrow (on layer in timeline) signifies an active shape tween Broken line with no arrow signifies that tween is not working
11 Extending a tween Selecting both layers (using shift key) and then pressing F5 will add one more frame to animation and extend the tween/animation time Selecting a particular frame will extend frame out to that frame
12 Shape Tweening Demo Create a new project Draw a circle on stage, make sure to draw in merge mode Select frame 12, F6(Insert Keyframe), move to new position Create a new layer, draw a square, select frame 12, F6 (Insert keyframe), change position and size Create a new layer, select the Text tool, on stage type the letter x, while x is selected Modify>Break Apart (converts to shape) Add a keyframe to frame 12, change position and color Tween layers, select all three layers and control+click/cmnd+click and select shape tween
13 Shape Morphing using Shape Tweening Creates the effect of morphing between: Object shapes Object transformations Gradients Object color Text that is broken apart and tweened into a dif shape
14 Shape Morphing Text Using the type tool type your name on stage Select the text and break apart by pressing cntrl+b (pc) cmnd+b (mac), press a second time to convert to shape (must press cmnd+d 2x) Insert a blank key frame at frame 24 Draw a circle at frame 24, make sure to draw in merge mode Duplicate circle control+d/cmnd+d Duplicate circle so you have the same amount of cirles as letters in the first keyframe Shape tween text by clicking anywhere between two key frames control+click/cmnd+click and select shape tween
15 Shape Hinting Shape hinting provides more options than the automation that occurs with regular shape tweening. Use shape hinting to control more complex or improbable shape changes. Shape hints identify points that should correspond in starting and ending shapes Shape hinting useful for undesired effects of shape morphing
16 Adding shape hinting to a shape tween Select the first keyframe click Modify>Shape>Add Shape Hint Red circle displays shape hint (can move) Go to the next keyframe and drag red circle (shape hint) to new location This second shape hint should turn green if accepted Shape hint helps define the shape morphing/tweening
17 Adding shape hinting to a shape tween Shape hints contain letters (a through z) for identifying which points correspond in the starting and ending shape. You can use up to 26 shape hints. Shape hints are yellow in a starting keyframe, green in an acceptable ending keyframe, and red when not on aceptable
18 Adding shape hinting to a shape tween Shape hints work best if you place them in counterclockwise order beginning at the top left corner of the shape In complex shape tweening, create intermediate shapes and tween them instead of just defining a starting and ending shape Make sure that shape hints are logical For example, if you're using three shape hints for two dif triangles, they must be in a similar position on the original triangle and on the new triangle to be tweened more desirable
19 Shape hinting continued You can add multiple shape hints by repeating these steps Select the next keyframe click Modify>Shape>Add Shape Hint Remove any hints by going to first frame of tween where shape hint was added and Ctrl+click(pc) or Cmnd+click(mac) to remove
20 View All Shape Hints To View all Shape Hints: Select View > Show Shape Hints. The layer and keyframe that contains shape hints must be active for Show Shape Hints to be available To remove a shape hint, drag it off the Stage To remove all shape hints: Select Modify > Shape > Remove All Hints.
21 Distribute to Layers When different objects are on the same layer and you want to Shape Tween each object individually, the distribute to layers options will move each object to its own layer Click on frame 1 of the desired layer. Select all, cmnd+a or ctrl+a Modify>Timeline>Distribute to Layers
22 Symbols and Instances
23 Symbol and Instances Chapter Overview -Symbol and Instance Structure -Creating graphic symbols -Library -Registration point -Creating Symbol Instances -Editing Symbols -Editing Symbol Instances -Color Styles -Animating Graphic Symbols -Alpha Transparency -Animating Instances by Modifying the Registration Point
24 Flash has 3 Types of Symbols Graphic Symbols Button Symbols Movie Clip Symbols
25 The Structure of Symbols and Instances Symbols represent an object saved or stored to the library A symbol can be reused in a movie Each re-use of a symbol is referred to as an instance An instance is simply a copy of the symbol The original symbol is stored in the library and an instance is a copy of it on stage
26 Graphic Symbols Can consist of static or animated content Graphic symbols have their own timelines with infinite layers Graphic symbols are Timeline Dependent Means they play only when the main timeline is playing and the main timeline must contain the same number of frames as in a graphic symbols timeline in order for the entire graphic symbols timeline to play
27 Button Symbols Control interactivity Button symbols have their own unique timeline with 4 frames representing the Up, Over, Down, and Hit states of a buttton A button can have an Action associated with its Instance Name
28 Movie Clip Symbols Can consist of static or animated content Movie clip symbols have their own timelines with infinite layers Movie clip symbols are Timeline Independent Means they play no matter what is happening in the main movie timeline, if the Scene 1 timeline has stopped and the movieclip still appears in that frame then it will continue to play its own timeline
29 Creating a symbol Drag object from stage into the library using selection tool Or select object and Modify>Convert to Symbol (F8) Name Choose Graphic or Movie clip or Button Choose middle box for its Registration (center point) Click on OK Symbol is now in Library and an instance is on stage
30 Creating a symbol 6 dif ways Select the Insert Menu and New Symbol Drag artwork from the stage to the library Select the object and from the Modify Menu, select Convert to Symbol Keyboard shortcut, Ctrl+F8(pc) or Cmd+F8 (Mac) New Symbol in the Library Option menu (top right library) Click on the New Symbol Button (lower left of the library)
31 Symbol vs Instance Symbols help flash create smaller swf files Symbols are easy to update Create symbols for any of the objects that you plan to reuse in a movie. Change to the original symbol effect all instances Instances are copies of the symbol Instances can be modified individually via the property inspector Infinite use of instances still reference the original symbol
32 Symbol Naming Symbols are referenced in Flash s scripting language (ActionScript) It is important to follow specific naming conventions Use lowercase letters (a-z) and numbers (1-9). Don t use spaces. Word names should be separated with underscores or caps Don t use special characters # $, %, &, etc.) or forward slashes/ since slashes are interpreted as a path Don t use periods to separate the file name with the exception of the extension.
33 Symbol Naming Example Acceptable naming: mybox or my_box Begin names with a lowercase letters and use caps (upper case letters) for all of the sequential words Not acceptable: Don t use periods to separate the file name with the exception of the extension. Movie.fla normal naming my.first.movie not acceptable Don t use double extensions (myfirstmovie.fla.html).
34 Instance modifications Add instances onto the stage by dragging any symbol in the library out to the stage Select an instance on the stage and apply a transformation Select an instance on the stage and adjust the registration point with the transformation tool You can modify each instance individually using the property inspector Delete one of the instances from the stage but doesn t affect original symbol Open the original symbol and change its color, it effects all instances
35 Editing a symbol In order to edit an existing symbol double click on the symbol either on stage or in the library It will take you to the symbols timeline Make changes and then exit by clicking on the Scene 1 link or the arrow, located at the top of the timeline (on the Edit Bar Toolbar) All instances of the symbol will take on these changes
36 Modifying Symbols Demo Create a symbol, add several instances to the stage Double click on any instance of symbol to edit the original symbol, change its color Or double click on symbol in library, exit symbol Both methods allow you to modify symbol and all instances of symbol will have these changes Once changes have been made you will have to exit symbol edit screen by clicking on the Scene 1 link or the back arrow both located above the timeline (on the Edit Bar Toolbar)
37 Parent Child Relationship The parent child relationship helps describe how the dif objects relate to each other Instances on the stage are related to the master symbols in the library Instances can be thought of as the child or children Changes made to a symbol will affect all instances A symbol can be thought of as the parent
38 Symbols demo Window>Library (opens library panel) Drag objects from stage into the library using selection tool Or Modify>Convert to Symbol (F8) Name, choose Graphic or Move clip, choose middle box for its Registration (center point), click on OK Symbol is now in Library and an instance is on stage Deleting an instance does not delete from library To delete the graphic symbol forever, select it in the library and click on the trash can.
39 Modifying Instances Only To edit a particular instance only, meaning only change one instance and not the symbol where all instances are changed you can do the following: Select the desired instance on stage Make sure the properties inspector is open (Window>Properties>Properties) Select the Color drop down box and select Brightness and adjust the Brightness level using the % bar (other options, Tint, Alpha (Transparency), Advanced, or none) Note: In order to animate individual instances you will want to put each instance on a separate layer
40 Graphic symbols demo Draw a shape or import a graphic to your stage Open Library panel Window>Library (or CMD L) Drag object from stage into the library using selection tool or select object and click on Modify>Convert to Symbol (F8) Name, choose Graphic, choose middle box for its Registration (center point), click on OK Symbol is now in Library and an instance is on stage (can have infinite instances of a symbol) Deleting an instance on stage does not delete from library Double click instance to edit symbol in place Must exit symbol edit screen in order to return to project timeline Single click to edit only edit instance using prop. insp. Or edit symbol by double clicking on symbol in the library
41 Symbol Instances demo Draw a star using the polystar tool Select start and convert to symbol (f8) Name the object, choose Graphic, click on OK The symbol is now in the Library and an instance of it is on stage Add 5 more instances onto the stage Modify each instance individually using the prop inspect Select the Color drop down box and select Tint and adjust (other options, Brightness, Alpha, Advanced) Open the original symbol and change its color, all instances will now be changed
42 Duplicating a Symbol You can duplicate an existing symbol to create a new symbol with unique features Select the symbol in the library From the Library drop down menu, select duplicate and give the symbol a new name Or select symbol in library and control+click (mac) or rt+click (pc) and pick duplicate A new symbol appears in the library, unrelated to the previous symbol Double click on its name to rename Double click on symbol icon in library to edit in the symbol s timeline
43 Animating graphic symbols demo Create a symbol Double click on symbol in library Within the graphic symbol timeline create a blank key frame on frame 24 and draw a new object Shape tween between the two objects Create a key frame on frame 48 and using the color mixer (shift f9) set the alpha to 0 (select fill color then modify alpha) Shape tween this key frame Exit symbol timeline (click on Scene 1) Drag instance of symbol onto timeline Add frames to Scene 1 timeline (must have 48 frames to play symbols timeline)
44 Copy frames and paste frames To copy certain frames select the desired frames Hold down the shift key to select multiple frames Select Edit > Timeline > Copy Frames Or control+click (mac) or rt+click (pc) and pick copy frames Move playhead to new frame Edit > Timeline > Paste Frames Or control+click (mac) or rt+click (pc) and pick paste frames To copy a layer, click the layer name in the Timeline to select the entire layer Select Edit > Timeline > Copy Frames Insert a new layer, then Edit > Timeline > Paste Frames
45 Modifying registration point demo Create a symbol (picture, square, or circle gradient) Edit symbol Modify registration point using the free transform tool Add key frame on frame 24 Transform or move shape at second key frame Create motion tween (within symbol timeline) Exit symbol timeline by clicking on Scene 1 Add frames to Scene 1 timeline (must have 24 frames to play symbol graphic) Add a blank key frame to frame 25 Add a second symbol instance to this frame Motion tween between all key frames Select first key frame and under the Properties insp. for rotate: select CW and type 5 for "times
46 Adding Alpha Transparency Objects like shapes you can use the Color Mixer If you are editing a shape, NOT a graphic or movie symbol instance, use the fill or color mixer to adjust the alpha setting Select the desired keyframe of the shape (appears as a dotted mesh on the stage) Open the color mixer and adjust the alpha setting, top right Objects like Graphic or Movie Clip symbols use the Properties Inspector Select instance of symbol and then set the alpha on the prop insp -end
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 informationThe 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 informationName: 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 informationSample 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 informationHow 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 informationIntroduction 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 informationFLASH 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 informationAnimating 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 informationSample 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 informationWorking 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 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 informationThe 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 informationReview Questions FL Chapter 3: Working With Symbols and Interactivity
Review Questions FL Chapter 3: Working With Symbols and Interactivity TRUE/FALSE 1. One way to decrease file size is to create reusable graphics, buttons, and movie clips. 2. Flash allows you to create
More informationBasics 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 informationTutorial 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 informationHow 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 informationCOMP : 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 informationCOMP : 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 informationanimation, 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 informationFlash 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 informationSave 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 informationAnimation 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 informationFlash offers a way to simplify your work, using symbols. A symbol can be
Chapter 7 Heavy Symbolism In This Chapter Exploring types of symbols Making symbols Creating instances Flash offers a way to simplify your work, using symbols. A symbol can be any object or combination
More informationAdobe 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 informationAdobe 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 informationBasic 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 informationThe 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 informationINSRUCTION 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 informationFLASH 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 informationThe 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 informationGeneral 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 informationAdobe 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 informationGETTING 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 informationIn 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 information1. 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 informationvinodsrivastava.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 information2Understanding the. Interface. The Document Window 13. If you are new to Flash 8, don t skip this chapter. Although you might be
2Understanding the Interface The Document Window 13 The Timeline 14 The Layer Controls 15 If you are new to Flash 8, don t skip this chapter. Although you might be tempted to jump right in with the hands-on
More informationAdobe 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 informationIntroduction 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 informationDear 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 informationIT 201: Information Design Techniques. Review Sheet. A few notes from Professor Wagner s IT 286: Foundations of Game Production Course
IT 201: Information Design Techniques Review Sheet Sources: Notes from Professor Sequeira s IT 201 course at NJIT A few notes from Professor Wagner s IT 286: Foundations of Game Production Course Foundation
More informationRecipes4Success. Draw and Animate a Rocket Ship. Frames 5 - Drawing Tools
Recipes4Success You can use the drawing tools and path animation tools in Frames to create illustrated cartoons. In this Recipe, you will draw and animate a rocket ship. 2012. All Rights Reserved. This
More informationAdobe 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 informationWORLD 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 informationIn this chapter, we explain animation and making your graphics move. Are
Chapter 9 Getting Animated In This Chapter Understanding animation in Flash Getting ready to animate Using Timeline effects to create animations instantly Animating with keyframes Using motion tweening
More informationHow 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 informationFLASH 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 informationBASICS OF MOTIONSTUDIO
EXPERIMENT NO: 1 BASICS OF MOTIONSTUDIO User Interface MotionStudio combines draw, paint and animation in one easy easy-to-use program gram to save time and make work easy. Main Window Main Window is the
More informationDigital 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 informationMaking 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 informationCreating a Text Frame. Create a Table and Type Text. Pointer Tool Text Tool Table Tool Word Art Tool
Pointer Tool Text Tool Table Tool Word Art Tool Picture Tool Clipart Tool Creating a Text Frame Select the Text Tool with the Pointer Tool. Position the mouse pointer where you want one corner of the text
More informationThe Flash workspace. Student name: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector.
The Flash workspace Student name: Date: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector. Page 176 Identify the selection tools, the drawing tools, the view
More informationAO3. 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 informationPart 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 informationAdobe 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 informationHO-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 informationAirplane Propeller. Click Show All from the Zoom Control at the right end of the Timeline.
Flash Chapter 10 A. Open your "airplane path" file. Step 1. Open your airplane path file. B. Move Propeller Off Fuselage. Airplane Propeller Step 1. Click Edit Symbols Button at the right end of the Timeline,
More informationThe 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 informationchapter 1. Create symbols and instances 2. Work with Libraries 3. Create buttons 4. Assign actions to frames and buttons AND INTERACTIVITY
1-4283-1963-8_03_Rev3.qxd 6/27/07 9:04 PM Page 1 chapter 3 WORKING WITH SYMBOLS AND INTERACTIVITY ADOBE FLASH CS3 1. Create symbols and instances 2. Work with Libraries 3. Create buttons 4. Assign actions
More informationFlash 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 informationTable of Contents. Preface...iii. INTRODUCTION 1. Introduction to M ultimedia and Web Design 1. ILLUSTRATOR CS6 1. Introducing Illustrator CS6 17
Table of Contents Preface...........iii INTRODUCTION 1. Introduction to M ultimedia and Web Design 1 Introduction 2 Exploring the Applications of Multimedia 2 Understanding Web Design 3 Exploring the Scope
More informationFunction Grapher Demystified Step 1
Function Grapher Demystified Step 1 MathDL Flash Forum Learning Center Functions Grapher Demystified by Barbara Kaskosz and Doug Ensley In our MathDL Flash Forum article "Flash Tools for Developers: Function
More informationAdobe 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 informationAnimating 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 informationINTRODUCTION 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 informationSample 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 informationCourse 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 informationLesson 4: Add ActionScript to Your Movie
Page 1 of 7 CNET tech sites: Price comparisons Product reviews Tech news Downloads Site map Lesson 4: Add ActionScript to Your Movie Home Your Courses Your Profile Logout FAQ Contact Us About In this lesson,
More informationGenerating Vectors Overview
Generating Vectors Overview Vectors are mathematically defined shapes consisting of a series of points (nodes), which are connected by lines, arcs or curves (spans) to form the overall shape. Vectors can
More informationCUEBC Basic Digital Video Editing with imovie 11. October Resources available at: (click under pro-d)
CUEBC 2013 Basic Digital Video Editing with imovie 11 October 2013 Resources available at: www.jonhamlin.com (click under pro-d) Importing Your Video from a Memory Card 1. Create a back up file of your
More informationMultimedia Creation. for Kids
Multimedia Creation for Kids 1 Lesson 1: Setting Up Your Project In this lesson you will be storyboarding your entire project. It is important to know exactly where you are going with your project before
More informationDrum Kit A. Setup to Trace Bitmap. Step 1. Click Window Menu > Other Panels > Common Libraries > Drumkit.
Flash Chapter 20 Drum Kit A. Setup to Trace Bitmap. Step 1. Click Window Menu > Other Panels > Common Libraries > Drumkit. Find drum kit.jpg in the list of symbols in the Library Window. Drag the file
More informationMS Publisher 2007: Graphics. Lesson Notes Author: Pamela Schmidt
MS Publisher 2007: Graphics Lesson Notes Author: Pamela Schmidt Auto Shapes When a shape tool is selected, a precision pointer (cross hair) will appear when the mouse pointer is taken over the document.
More informationCREATING A MINI-LESSON MOVIE
PROJECT 4 CREATING A MINI-LEON MOVIE Upon completion of this project, you should be able to: Create a simple animation. Create a text animation. Create sound clips. Create Drag and Drop learning interactions.
More informationAdvanced Special Effects
Adobe Illustrator Advanced Special Effects AI exercise preview exercise overview The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects
More informationKeynote 08 Basics Website:
Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages and the spreadsheet program
More informationPowerPoint 2016 Building a Presentation
PowerPoint 2016 Building a Presentation What is PowerPoint? PowerPoint is presentation software that helps users quickly and efficiently create dynamic, professional-looking presentations through the use
More informationDoing a flash animation for animb
Doing a flash animation for animb Mathieu Clabaut May 22, 2008 Introduction This tutorial should provide the user with a tour through the most important functionalities allowing to build a flash animation
More informationWe assume that occasionally you want to say something on your Web
Chapter 5 What s Your Type? In This Chapter Creating, editing, and formatting text Using cool text effects We assume that occasionally you want to say something on your Web site, so this chapter covers
More informationAnimating Layers with Timelines
Animating Layers with Timelines Dynamic HTML, or DHTML, refers to the combination of HTML with a scripting language that allows you to change style or positioning properties of HTML elements. Timelines,
More informationApple idvd 11 Tutorial
Apple idvd 11 Tutorial GETTING STARTED idvd is a program that allows you to create a DVD with menus and graphics of a professionally made commercial disc to play on your home DVD player. To Begin your
More informationDrawing Tools. Drawing a Rectangle
Chapter Microsoft Word provides extensive DRAWING TOOLS that allow you to enhance the appearance of your documents. You can use these tools to assist in the creation of detailed publications, newsletters,
More informationRAVASMARTSOLUTIONS - TECH TIPS
RAVASMARTSOLUTIONS - TECH TIPS Purpose CS5 - Flash - Build a Banner Animation This Tech Tip will illustrate how to build a basic banner animation using Flash. Please build your Flash Image library before
More informationPLEASE NOTE THAT LECTURE NOTES ARE IN TRANSITION TO VERSION 8
Flash MX Professional 2004/Flash 8 Introduction to Flash, Panels, Drawing tools Outline of lecture demo/hands on class practice (Reading Chapters Flash MX 2004 HOT CH 1-3) PLEASE NOTE THAT LECTURE NOTES
More informationIntroduction to Flash CS3
Introduction to Flash CS3 Danny Bishop, Carol Green & Nick Ford The files used in activities and exercises within this book are not available for evaluation. Introduction to Flash CS3 Danny Bishop, Carol
More informationUtah Education Network Web Animation Flash MX. Jessica Anderson (801)
Web Animation Flash MX 12/30/03 2 Utah Education Network Web Animation Flash MX Jessica Anderson janderson@media.utah.edu (801) 585-6849 www.uen.org Flash, a powerful vector graphics program, allows you
More informationSample 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-2004 by lynda.com, Inc. All Rights Reserved. Reproduction and Distribution Strictly Prohibited. This electronically distributed Hands-On-Training
More informationand 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 information3Using 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 informationMicrosoft. An Introduction
Microsoft Amarillo College Revision Date: February 7, 2011 Table of Contents SLIDE MASTER... 2 ACCESSING THE SLIDE MASTER... 2 BACKGROUNDS... 2 FONT COLOR OF SLIDE TITLES... 3 FONT COLOR OF BULLET LEVELS...
More information1 Tutorials About the Tutorial Exercises
1 Tutorials About the Tutorial Exercises..............................................2 Getting Started........................................................3 Exercise 1: Animating a 3D Model Using Keyframes............................3
More informationObjectives: To create a Flash motion tween using the timeline and keyframes, and using pivot points to define object movement.
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
More informationAdobe 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 informationChapter 5. Inserting Objects. Highlights
Chapter 5 Inserting Objects Highlights 5. Inserting AutoShapes, WordArts and ClipArts 5. Changing Object Position, Size and Colour 5. Drawing Lines 5.4 Inserting Pictures and Text Boxes 5.5 Inserting Movies
More informationExploring 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 information9 Using Appearance Attributes, Styles, and Effects
9 Using Appearance Attributes, Styles, and Effects You can alter the look of an object without changing its structure using appearance attributes fills, strokes, effects, transparency, blending modes,
More informationRecipes4Success. 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 informationUnit 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 informationCreative Effects with Illustrator
ADOBE ILLUSTRATOR PREVIEW Creative Effects with Illustrator AI OVERVIEW The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects and
More informationHow 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