Types of animation finished


Published on

This powerpoint shows you the different types of Animation that can be create In Adobe Flash CS6

Published in: Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Types of animation finished

  1. 1. Types Of Animation . Abideen Gill
  2. 2. Motion TweenA motion tween is an animation that is created byspecifying different values for an object propertyin different frames. Flash pro calculates thevalues for the property in between those twoframes. The term tween comes from words ‘inbetween’For example, you can place a symbol left of theStage in frame 1, and move it to the right of theStage in frame 20. When you create atween, Flash Pro calculates all the positions ofthe movie clip in between. The result is ananimation of the symbol moving from left toright, from frame 1 to frame 20. In each frame inbetween, Flash Pro moves the movie clip one20th of the distance across the Stage.Tweening is used to show objects moving acrossthe screen to make it look like a mini clip ormoving picture. My birthday Card
  3. 3. Morphing Morphing is when you turn an object shape over a period of time. Morphing is the process of transforming two images where it seems like the first melts, dissolves and rearranges itself to become the second. Many people use this technique for banners or advertisements on the Internet to make it look more interesting and eye catching. As you can see on my own animation I have chosen to morph the smoke coming out of the chimney, this give it more of a realistic affect to the train moving across the rails. My birthday Card
  4. 4. Masking Masking is revealing portion of your picture or graphic in the layer below. While surfing through the net you might have come across lots of flash effects such as sky backgrounds with wording or glitter boarding, and wondered how it is being done. The answer for all this is masking. Most masks involves something being revealed behind another layer or object; for example my birthday animationFor spotlight effects and transitions, use a mask layer to create ahole through which underlying layers are visible. A mask item canbe a filled shape, a type object, an instance of a graphicsymbol, or a movie clip. Group multiple layers under a singlemask layer to create sophisticated effects.To create dynamic effects, animate a mask layer. For a filledshape used as a mask, use shape tweening; for a typeobject, graphic instance, or movie clip, use motion tweening.When using a movie clip instance as a mask, animate the maskalong a motion path. My birthday Card
  5. 5. Frames That way, if you rearrange the You can label frames in the Timeline and move the label to Adobe Flash Professional Timeline as a way of helping a different frame number, the documents divide lengths of organize its contents. You Action Script will still refer to time into frames. In the can also label a frame in the frame label and will not Timeline, you work with order to be able to refer to have to be updated. these frames to organize that frame in Action Script by and control the content of it’s label. your document You place frames in theTo insert a new frame, select Timeline in the order youInsert > Timeline > Frame want the objects in the(F5). To create a new frames to appear in yourkeyframe, select Insert > finished content.Timeline > Keyframe (F6), orright-click To create a newblank keyframe, select Insert >Timeline > Blank Keyframe, orright click the frame where youwant to place the keyframe . You can also add a A keyframe is a frame where a new blank keyframe to the symbol instance appears in the Timeline as a placeholder Timeline. A keyframe can also be a for symbols you plan to frame that includes Action Script code add later or to explicitly to control some aspect of your leave the frame blank. document
  6. 6. Layers There are four types of layers you can use in Flash: To draw, paint, or otherwise modify a layer or folder, select the layer in the Timeline to make it active. A pencil icon next to a layer or folder name Normal layers contain most of the artwork in a FLA file • in the Timeline indicates that the layer or folder is active. Only one layer• Mask layers contain objects used as masks to hide selected portions of can be active at a time—although more than one layer can be selected at layers below them a time. • Masked layers are layers beneath a mask layer that you associate with the mask layer • Guide layers containLayers help you strokes that can be used toorganize the artwork in guide the arrangement ofyour Adobe Flash objects on other layers or theProfessional document. motion of classic tweenYou can draw and edit animations on other layers.objects on one layerwithout affectingobjects on anotherlayer. In areas of theStage with nothing on alayer, you can seethrough it to the layersbelow When you create a Flash document, it contains only one layer. To organize the artwork, animation, and other elements in your document, add more layers. You can also hide, lock, or rearrange layers. The number of layers you can create is limited only by your computers memory, and layers do not increase the file size of your published SWF file. Only the objects you place into layers add to the projects file size.
  7. 7. Controls. Toolbar contains all the tools you will need for creating and editing artwork. The options area The tools in the Selection Tools contains Tools panel let you -Used to select an object or to resize the object on the modifiers for the draw, paint, select, a stage while in the free transform mode currently nd modify selected tool. artwork, as well as Modifiers affect change the view ofLasso Tools the tool’s the Stage. The Tools-is a free selection tool that lets you draw your own selection outlines instead painting or panel is divided intoof clicking by shape or using the default dragged-square selection outline editing four sections.created by the Pointer tools. With the Lasso Tool you can click and then drag operations.to draw any shape selection that you want The colours •Brush Tools area contains -widely used to paint a desired part of an object or shape with the desired color and The tools area modifiers for contains different shape of brush. stroke and fill The view area drawing, painting, a colours. contains tools for selection tools nd zooming and •Eyedropper Tools panning in the -To choose color from the designated pointer, whether be it on stage or inside a color application window •Hand Tools -This particular tools used mainly to drag stage while zooming in a large scale
  8. 8. Button.Buttons are symbols that contain fourframes. Each frame of a button symbolrepresents a different state for the button:Up, Over, Down, and Hit. These statesdetermine how a button visually behaveswhen the mouse is rolled over it or whenthe user clicks the button. This documentexplains how to create basic and advancedThe colour ofbuttons. the rectangular shape blue once the mouse is Green is the hovering over original colour it The shape then turn red once the button At each frame in this button has a different is clicked colour. This allows the button the change colour when the mouse is hovering over the button or by clicking the button.
  9. 9. Pre-loader. Preloaders facilitate thePreloading is a term that describes the ability to track the loading process for SWFloading of external content into Adobe Flash Player. A pre- files, images, audio, text,loader typically displays a numeric or visual indicator of the and video content. It ispercentage of content currently loaded. Preloading serves essential to preload filestwo purposes by delivering a better user experience with larger file sizes to(providing feedback) and ensuring that the functionality prevent the project fromworks as expected (content needed for user interactions is appearing broken as itavailable to the application). See Pretty Loaded for some attempts to load thecreative examples of different styles of pre-loaders. requested content. The ability to preload content in Flash Player has existed for many years. Developers have devised many ingenious ways to facilitate the loading of external content (including other SWF files) to achieve optimal performance on a wide variety of devices.
  10. 10. ActoinScript.Action Script are used to make Animationsmore versatile, scripting languages can beused, such as Action Script in Flash. Thesecan change a simple linear animation into onewith more potential and can also allow userinteractivity. You can see my action script I have used to make my animated train stop when I want it to.
  11. 11. Graphics. I used the shape I used this line tool tool to create the to create my train train, the shape track plates. This tool was used to also helped me to create the; two draw a more rectangles, the precise line instead chimney and the of using a pen or train wheels. pencil tool.I also used the shape I used thistool to create the sun tool, the paintand then used to tool, to changepaint bucket tool to my backgroundchange to colour to to Blue, to make my animationyellow. have a more realistic effect.
  12. 12. Symbols.A symbol can include artwork that you import from anotherapplication. Any symbol that you create automaticallybecomes part of the library for the current document. Create Symbol You can create a symbol from selected objects on the Stage, create an empty symbol and make or import the content in symbol-editing mode, and create font symbols in Flash Professional. Symbols can contain all the functionality that Flash Professional can create, including animation. Modify you object > Chose Convert to symbol Using symbols that contain animation lets you create Flash Professional applications with a lot of movement while minimizing file size. Consider creating animation in a symbol that has a repetitive or cyclic action—the up-and-down motion of a bird’s wings, for example.
  13. 13. Libraries.The library in a Flash Professional document stores mediaassets that you create in the Flash Professional authoringenvironment or import to use in the document. You can createvector artwork or text directly in Flash Professional; import vectorartwork, bitmaps, video, and sound; and create symbols.A symbol is a graphic, a button, a movie clip, or text that youcreate once and can reuse multiple times. You can also useAction Script to add media content to a document dynamically. Individual items in the library are stored as symbols. What makes symbols powerful is that you can reuse them as many times as necessary. Simply drag and drop a copy (an instance) from the Library panel onto the stage anywhere in your movie. Most importantly, each instance remains linked to the original in your library. Any changes made to the original (or master) symbol automatically update any instances of the same symbol used throughout the movie.