Flash Raining Text. Open Project Create Project – Action Script 3 Select Text Tool Type in some text – From the Properties Menu – Choose Font, Font Size,

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

MS-Word XP Lesson 7.
Flash animation For beginners. Lesson objectives To understand how to animate a ball To understand how to loop animations To learn how to use animation.
CIS 205—Web Design & Development Flash Chapter 3 Appendix B on Creating Animations.
2.02E Adding and Animating Text into Computer Animations 2.02 Develop Computer Animations.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
1 Create a Questionnaire Learning Objective  To learn how to use the features in Microsoft Publisher to create a questionnaire.
CIS 205—Web Design & Development Flash Chapter 4 Creating Animations.
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.
Animations Flash ActionScript Introduction to Thomas Lövgren
SHAPE TWEEN BIKE 2 1. Type the word BIKE (in caps) Your choice of font and color Font size: 94 Ctrl-B 2. Drag a frame around the whole word BIKE (Each.
Flash Lecture 3: Masks Dr. Harry Witchel. Masks Masking is a 2 layer system (like guides) in which the upper layer controls what part of the lower layer.
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.
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.
Chapter 4 Creating Animations.
Click your mouse for next slide Flash - Motion Tweening Creating a movie frame by frame would be very time consuming It would also be very jerky unless.
CT1514.  What is Motion Guide Layer?  Controls the movement of objects in a Motion tween animation  How to create a Motion Guide Layer?  Click on.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
DIAMOND SHINE EFFECT. IN THIS STEP BY STEP LESSON, I WILL SHOW YOU HOW TO CREATE VERY ATTRACTIVE DIAMOND SHINE EFFECT USING SOME SPECIAL FLASH TIPS AND.
EYEGLASSES SHINE EFFECT. IN THIS LESSON, YOU WILL SEE HOW TO APPLY SHINE EFFECT ON EYEGLASSES ON THE PICTURE USING THE COLOR MIXER PANEL AND MASK.
Click your mouse for next slide Flash – Morphing and Shape Tweening You have designed some motion animation with the last lesson There is another type.
© 2011 Delmar, Cengage Learning Chapter 4 Creating Animations.
Chapter 4 Creating Animations. Chapter 4 Lessons 1.Create motion tween animations 2.Create classic tween animations 3.Create frame-by-frame animations.
1. Press the New Layer Button 3. Double click names to re-name Ball & Shadow layers 2. Click to change to 12 fps Step 1.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Flash CS3 Pro HOT CH 5 Shape Tweening. Shape tweening requirements: Vector-based objects No grouped objects No bitmaps No symbols No type, type must be.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Create a Novel Timeline Of Mice and Men. Objective: Students will summarize key points of the novel. Students will use excel to create a timeline to put.
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Working with Movie Clips – Lesson 61 Working with Movie Clips Lesson 6.
Microsoft Word Tutorial By Diana Rengifo Sean Choi Robert Olson.
1 Flash Basics Exercise Guide Making Animated Text  1.1 Open Flash 5.0 working environment frame 1  1.2 Highlight frame 1 of the first layer Insert.
BASIC MOTION TWEEN Studio 8 1. Draw a square (blue fill, no stroke) on the upper-left area of the stage.
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Chapter2 Create animation. Objectives Import image Use the blank keyframe Add sound Publish the movie as an SWF file Use a motion tween animation.
Flash animation For beginners. homework Your homework is over two weeks so please write in each week of your planner for the next two weeks For homework.
Creating an Animated Map – Lesson 91 Creating an Animated Map Lesson 9.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Flash Vector Illustration Animation Broadcast Media Mobile Computing Games Game Consoles Internet Edutainment Kiosks.
Unit 7 – Desktop Publishing Animation Animation Skills Lesson – Overview of Adobe Flash Canvas TimeLine Tools Properties.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
Flash Concepts and Demos - Overview Recap Unit 2 –Buttons (Simple Text and Animated Button) –Gradient Tool –ActionScript (stop, getURL) –Embed Flash Movie.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Animation in flash. Frame-by-Frame Animation An animation is made from a series of framed images displayed one after the other to create the motion. Flash.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Flash Slideshow with Fade Transition Slideshow #1-Themed Images Slideshow #2-Instructional Images.
 Motion Tween allow us to move a shape on the stage from one place to another.  In order to use motion tween, the shape to be moved must be converted.
Creating a movie clip.
Frame(GIF) and Vector Animation
Macromedia Flash MX.
The Basics of Creating a Simple Flash Animation
Creating Complex Animations
: Animated text countdown (Advanced)
INTRODUCTION TO ADOBE FLASH CS4
3.01E Adding and Animating Text into Computer Animations
2.02E Adding and Animating Text into Computer Animations
Flash animation For beginners.
Interactive Flashcards: How to Customize the Flashcards
Sample heading First line of text Second line of text
DIRECTIONS: 1. Click Enable Editing in the yellow bar above.
INTRODUCTION TO FLASH ANIMATION
InDesign Basics.
Develop Rich Internet Content and Applications
2.02E Adding and Animating Text into Computer Animations
Presentation transcript:

Flash Raining Text

Open Project Create Project – Action Script 3 Select Text Tool Type in some text – From the Properties Menu – Choose Font, Font Size, Color, Letter Spacing

Step 2 Turn the TEXT into a Movie Symbol Select Text with the Selection Tool Press F8 and select Movie Clip – Click OK Double-click the text and open the Movie Clip

Step 3 – Break Apart Press Ctrl + B to break apart the letters Right-click on the letters and select Distribute to Layers (notice each letter is on it’s own layer)

Step 4 Motion Tween Go out about 20 frames and select all the blank frames. (Click top frame –hold shift key and select last frame) With the frames selected, press F6 and fill the column with keyframes Select all the frames in Frame 1 column again. Now click the Selection Tool – Move the text up using the Up Arrow Key on the Keyboard

Step 4 Motion Tween Continued Select all the frames down the middle Right-click and select Create Classic Tween Motion Tween is working when it is BLUE Press Ctrl +Enter to view your work Change the Rotation and the Ease

Step 5 Stagger the Animation Click the second layer Click on the layer itself selects all the frames on that layer Drag the whole of frames over 5 spaces. Repeat the above process for all layers – Increasing the distance you drag the frames each time, until you have all the layers spaced out like stairs. Press Ctrl + Enter to view your work

Step 6 But Wait How do you keep the letters from disappearing after they’ve fallen? Go out to the furthest frame and select the line of frames at the end of the animation Then press the F5 and see how all the frames fill up. Press Ctrl + Enter to view your work