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.

Slides:



Advertisements
Similar presentations
Designing Scenes for Macromedia Flash MX 2004 – Lesson 41 Designing Scenes for Macromedia Flash MX 2004 Lesson 4.
Advertisements

How to create a PowerPoint Presentation Where do you start Click on the icon on your screen that resembles the one on the below.
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.
Beginning A PowerPoint Presentation  To begin click on the Windows 2000 folder. Then double click on PowerPoint. If you do not see a Windows 2000 folder.
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.
Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.
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.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
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.
Game Design Creating a game called PING Phase 3: Steps for building basic game.
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.
FLASH ASSIGNMENTS YOUR NAME COMMUNICATION SYSTEMS DATE Click Play to show animations Choose a Design for the background FILENAME: FLASH ASSIGNMENTS (IN.
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.
PowerPoint for teachers and students C MacFadyen, Dec 2008.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
Flash II MIS439 Eva Tao March 19, 2007 Source:
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
PowerPoint Basics (for Macs) 1. Before you start your project, you need: Completed project storyboard. Files with images, sound, or video already saved.
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.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
LEARN MICROSOFT POWERPOINT 2010 Westerville Public Library 2014.
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.
1 Hyperlinks and Action Buttons This PowerPoint document will help you learn about ______ and __________ buttons.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
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!
Adding a wave file to a slide Adding a wave file to a slide (1 of 7) 1. Click on Insert. 2. Click Movies and Sounds. 3. Click Sound from file
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.
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.
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.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
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.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Microsoft PowerPoint Prepared by the Academic Faculty Members of IT.
Why use PowerPoint? Attracts attention Motivates DynamicAnimated Visual.
Flash Slideshow with Fade Transition Slideshow #1-Themed Images Slideshow #2-Instructional Images.
Frame(GIF) and Vector Animation
Flash Interface, Commands and Functions
PowerPoint Activity 5: To Be Determined…
CT1514 Flash-2.
Flash animation For beginners.
Microsoft Word Text Basics.
DIRECTIONS: 1. Click Enable Editing in the yellow bar above.
Manipulating and Testing Digital Media Notes
Let Flash do Guessing at Animation for you.
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 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 how to use animation including saving it and then using it,in a different program To learn to create a SPINNING PIECE OF TEXT To learn to create a shiny text effect To learn how to use animation including saving it and then using it,in a different program

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