Flash animation For beginners.

Slides:



Advertisements
Similar presentations
How to create a PowerPoint Presentation Where do you start Click on the icon on your screen that resembles the one on the below.
Advertisements

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,
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.
PowerPoint Scavenger Hunt Lauren Davis EDTD 3011 A Summer 2007.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
Agenda – Week 8, Day 1 Debrief from InDesign Transition to Flash/Animation Explore assignment Flash tutorials Lesson 1 - Workspace Lesson 2 - Drawing Lesson.
By Jacqui Sharp Animating a Volcanic Eruption. Step One: You need objects Tip: you need to close the shape before you can see a colour in it. Go to Paint.
Animation Your Task. You must work in pairs. One of you will read these instruction and explain them, while the other person carries them out. Discuss.
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.
A Prezi presentation is like creating a mind map. It is created on a blank canvas and you decide where the information goes on this canvas.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Animating and Using Multimedia Effects Lesson 10.
Flash Michelle Johnston, Firebird Services Ltd. What Is Flash? Flash is a multimedia program created specially for use on the Web You can create animations/movies.
Click your mouse for next slide Flash – Introduction and Startup Many times on websites you will see animations of various sorts Many of these are created.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
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.
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.
CDM105 Session 9 Macromedia FLASH MX 2004 Part 2 : Animation with Motion Tweening and Shape Tweening.
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.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
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.
Agenda – Week 8, Day 2 Tuesday Intro to Flash Animation process Computer animation Lesson 1 – Overview Lesson 2 – Drawing Lesson 4 – Layers Lesson 8 –
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
Microsoft PowerPoint Tutorial Created by L. George 2006.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
By Jennifer 2004 Powerpoint presentation Powerpoint presentation An introduction to using powerpoint.
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.
Quick Flash Tips Learn how to use flash the easier way!
Jake Mursell. This is me creating a simple box in Flash. To do this I clicked on the rectangle tool which is located on the left interface. Then all you.
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.
Unit 7 – Desktop Publishing Animation Animation Skills Lesson – Overview of Adobe Flash Canvas TimeLine Tools Properties.
MOTION TWEEN - ZIG ZAG Studio 8 1. Open Motion Tween file Save As: MotionTween Zig Zag 2. Upper-right corner Choose Fit in Window.
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
Click your mouse for next slide Flash – Fades and Alphas One useful thing you can so is to do a fade in of a picture or an image This is done by controlling.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Action Buttons Link to another place in your presentation Link to web pages, videos, etc. Interactivity – gives the viewer a choice of what happens next,
PowerPoint Basics Tutorial 2: A Slide Show In this tutorial you’re going to create a presentation from scratch. You will have to keep this presentation.
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.
Microsoft PowerPoint Prepared by the Academic Faculty Members of IT.
Opening a File 1.Open Word 2.Click the Microsoft Office button(Very top left hand corner). A menu appears 3.Click Open. The Open dialog box appears 4.Use.
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.
Frame(GIF) and Vector Animation
Creating a Powerpoint Presentation
Frame(GIF) and Vector Animation
GIF or Not GIF? Use GIF for animation:
Flash Interface, Commands and Functions
PowerPoint Activity 5: To Be Determined…
International Computer Driving Licence Syllabus version 5.0
Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”
CT1514 Flash-2.
Frank Schneemann, National University
PowerPoint Quick Tips Bad Ischl, Nov
INTRODUCTION TO ADOBE FLASH CS4
Frank Schneemann, National University
Microsoft Word Text Basics.
Technology ICT Core: PowerPoint.
DIRECTIONS: 1. Click Enable Editing in the yellow bar above.
Inserting Pictures and Symbols in Word documents
Develop Rich Internet Content and Applications
Manipulating and Testing Digital Media Notes
Let Flash do Guessing at Animation for you.
Directions are in slide notes. You can view them in two ways
GIF or Not GIF? Use GIF for animation:
Presentation transcript:

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 I would like you to create a text to shape animation (inc image) for Castleview School You will need to have the flash program installed at home You can get a free trial version of flash which you can install at home or you can log in remotely to school without doing this Please email me ONLY with the animation you have created. The best animation will win an ipod and will feature on the school web site

Lesson objectives To understand how to animate a ball To understand how to loop animations To learn how to use animation including saving it and then using it ,in a different program To learn to create a shape tween moving a circle shape into a square To learn to create a SPINNING PIECE OF TEXT To learn to create a shiny text effect

How to create a bouncing ball! Open up flash Select your slide area Select the circle shape and draw it on your slide area at the top Select keyframe 30 Press f6 Highlight all cells 1-30-right click and select create motion tween Select the ball and move it to bottom of screen Then using the play button-play your animation!

How to loop your animation 1.Select control drop down 2.Select loop playback 3.Then when you run your animation it will keep running until you stop it!

How to use your animation! Select file drop down Select export movie Make sure that you choose the save file as type arrow and select animated gif Name it bouncing ball Save it in you’re my pictures Open your live music event presentation Select insert-movie from file-locate your bouncing ball-then select ok To run animation –select run ppt in Powerpoint

Bouncing ball animation

MAKING TEXT SPIN OPEN UP FLASH STAGE USE CAPITAL A IN TOOLBAR TO SELECT TEXT TYPE OUT THE WORD SPIN CONVERT TEXT INTO A MOVIE SYMBOL HIGHLIGHT TEXT THEN PRESS F8 DELETE TEXT ON STAGE DRAG NEW MOVIE SYMBOL INTO EMPTY STAGE GO TO KEYFRAME 10 PRESS F6 SELECT YOUR SYMBOL SELECT MODIFY FROM MENU SELECT ROTATE 90 DEGREES RIGHT CLICK IN BETWEEN KEYFRAMES AT NUMBER 5 THEN SELECT CREATE MOTION TWEEN THEN REPEAT PROCESS 5 TIMES

HOW TO USE YOUR SPINNING TEXT MAKE SURE THAT YOU EXPORT YOUR ANIMATION AS A MOVIE SAVE AS AN ANIMATED GIF GO TO POWERPOINT AND INSERT MOVIE FROM FILE SELECT THE ANIMATION YOU HAVE CREATED TO BE INSERTED RUN POWERPOINT TO SEE ANIMATION

Shape tweening Now we are going to morph from one shape to another shape We are going to do this by using something called a shape tween NOT THIS KIND OF MORPH!!

SHAPE TWEENING Open up a new flash stage Set the background colour Set the frames per second rate On the left hand side select the shape tool- draw a circle on you stage Select colour of your circle Once drawn circle onto stage –go to key frame 30-press f6 button to insert key frame In key frame 30 delete the shape that is there and instead using the rectangle draw tool draw out a rectangle Select a colour for the rectangle-make it different to the original circle Choose any keyframe between 1 and 30 ideally 15-go to properties tab Select shape tween

Shape tweening

Text tweening Now we are going to create an animation from text to a shape

This is how 1.Write text on stage in key frame 1 2.Select all text by selecting control and a This is needed to break apart text and needs to be done twice 3.Go to key frame 30-press f6 button to create a key frame 4.Delete the text on the page and draw a shape ,select background colour etc 5.Select key frame 1-then go to properties-then select shape tween 6.Then run animation created. 7.Export animation as animated gif so you can insert in your live music event powerpoint