Learning flash by Ms. Payal Narula


Published on

This presentation teaches flash software.

Published in: Technology, Art & Photos
  • Be the first to comment

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

No notes for slide

Learning flash by Ms. Payal Narula

  1. 1. Name : Ms. Payal Narula Class : IX-X Category : Secondary Topic : Introduction To Flash Presentation
  3. 3. OBJECTIVES <ul><li>ABOUT FLASH </li></ul><ul><li>ADVANTAGES OF USING FLASH </li></ul><ul><li>EXPLORING FLASH ENVIRONMENT </li></ul><ul><li>FILE TYPES </li></ul><ul><li>ANIMATION IN FLASH </li></ul>
  4. 4. The Flash Interface Flash is a tool for creating interactive and animated Web sites Macromedia Flash is a multimedia graphics program specially for use on the Web  to create animations on objects,make movies having sound and actions
  6. 6. Advantages Of Using Flash <ul><li>Flash uses vector graphics, which means that the graphics can be scaled to any size without losing clarity/quality </li></ul><ul><li>Flash does not require programming skills and is easy to learn </li></ul><ul><li>Flash movies load much faster </li></ul><ul><li>Flash movies provide interactivity </li></ul><ul><li>Flash movies can use more than 256 colors </li></ul>
  7. 7. The Flash Work Environment <ul><li>When we create or edit movies in flash ,we </li></ul><ul><li>work with following features : </li></ul><ul><li>The stage </li></ul><ul><li>Toolbars </li></ul><ul><li>Timeline </li></ul><ul><li>The Library, symbols </li></ul><ul><li>Launcher bar </li></ul>
  8. 8. The Opening Screen....
  10. 10.     <ul><li>Recognizing various Flash Terms </li></ul><ul><li>  </li></ul><ul><li>Object: </li></ul><ul><li>An object is a line, a shape, a drawing, a text an imported graphic, an audio file or video clip. </li></ul><ul><li>Movie: </li></ul><ul><li>The basic name of Flash file. It consists of several scenes and a scene can contain number of layers, each layer further contain several frames and key frames . </li></ul><ul><li>Stage </li></ul><ul><li>The visual workspace where we can create our drawings.Default stage size is 550*400 pixels </li></ul>
  11. 11. <ul><li>Launcher Bar: </li></ul><ul><li>It appears at the bottom of the Flash interface </li></ul><ul><li>& gives quick access to different panels. </li></ul><ul><li>Timeline : </li></ul><ul><li>It contains sequence of images that make an </li></ul><ul><li>animation. We can have as many frames and </li></ul><ul><li>layers as one wants. </li></ul><ul><li>Frames : </li></ul><ul><li>Frames are the rectangular cells in the </li></ul><ul><li>timeline. Each image is a frame. </li></ul>
  12. 12. <ul><li>Key frame: </li></ul><ul><li>KEY FRAMES are point of change. </li></ul><ul><li>A frame that make a change in an object </li></ul><ul><li>properly from the preceding frame. The first </li></ul><ul><li>frame on the timeline must be a key frame . </li></ul><ul><li>Layers: </li></ul><ul><li>Layers are vertical arrangement of objects where </li></ul><ul><li>animation takes place. </li></ul><ul><li>Layer maintains separation between objects and </li></ul><ul><li>helps to organize movie content. </li></ul><ul><li>The layers can display symbols and objects </li></ul><ul><li>separately from one another or all at once. </li></ul>
  13. 13. <ul><li>Tool box : </li></ul><ul><li>The tools in the tool box let us to draw , paint , select and modify artwork. </li></ul><ul><li>Pencil tool to draw </li></ul><ul><li>Paint bucket fill tool to fill enclosed areas with colors </li></ul><ul><li>Oval tool to make circular objects </li></ul><ul><li>Rectangle tool to make rectangular objects </li></ul>
  14. 14. Library and Symbols <ul><li>The library stores reusable elements called symbols. </li></ul><ul><li>Symbols can be graphics,buttons and movie clips,sound files or fonts. </li></ul><ul><li>To create symbols : </li></ul><ul><li>Select the object(Ctrl+A) </li></ul><ul><li>Group the object(Ctrl+G) </li></ul><ul><li>Press F8 </li></ul>
  15. 15. File Types In Flash <ul><li>Source Files(.fla) This file has an extension .fla. It can be opened and edited. </li></ul><ul><li>Exported files(.swf) This is the flash player file and can be viewed on any internet browser player plug in. </li></ul><ul><li>Html files(.htm) They contain details about pictures to be seen on web page. </li></ul>
  16. 16. ANIMATION
  17. 17. <ul><li>      </li></ul><ul><li>There are Two Methods for creating an </li></ul><ul><li>animation sequence in Flash- </li></ul><ul><li>Frame- by-frame Animation </li></ul><ul><li>and </li></ul><ul><li>Tweened Animation </li></ul>
  18. 18. In Frame-by-Frame Animation Image is created in every Frame   I n Tweened Animation starting and ending Frames are created.Flash creates the in-between frames all by itself. In it Flash stores only the values for the changes between frames. Tweened Animation is an effective way to create movement and changes over time while minimizing file size.
  19. 19. TWEENINGS <ul><li>MOTION GUIDE TWEENING -Moving objects from A to B along a customized path. </li></ul><ul><li>TINT TWEENING - Graduated color changing of an object </li></ul><ul><li>SHAPE TWEENING - Graduated change of one object into another. </li></ul>
  20. 20. MOTION TWEENING <ul><li>To create Motion Tweening </li></ul><ul><li>  Click a layer name to make it the current layer, and select an empty key frame in the layer where you want the animation to start.   </li></ul><ul><li>  Create a fill circle (example) on stage </li></ul><ul><li>Create a second key frame where animation ends by choosing insert a key frame.as shown in following figure </li></ul>
  21. 21. <ul><li>Choose Insert > Create Motion Tween </li></ul><ul><li>Choose First key Frame and ADD MOTION GUIDE </li></ul><ul><li>Click on motion guide layer to make it active </li></ul><ul><li>Set the path using pencil tool </li></ul><ul><li>Choose Motion Tween </li></ul><ul><li>Press Ctrl+Enter to test your movie </li></ul>
  22. 22. Ball in Motion Tweening
  23. 23. Shape Tweening <ul><li>Click in the work area and write &quot;Hello&quot;. </li></ul><ul><li>Right click on the text you just wrote and choose Panels > Align from the pop-up menu. </li></ul><ul><li>In the Align box select the &quot;To Stage&quot; button </li></ul><ul><li>Select the Arrow Tool and click on the text. Choose Modify> Break Apart from the top menu. </li></ul><ul><li>Insert key frame at Frame 24 . Delete the text &quot;Hello&quot; in Frame 24. </li></ul><ul><li>Write a new text on the Stage. Write &quot;World!&quot; (Font size: 48, style: bold). </li></ul><ul><li>Repeat the frame 1 steps </li></ul><ul><li>Choose “Tweenings ” from Frame property box and select Shape tweening. Repeat the same process step for frame 24 </li></ul><ul><li>Ctrl+Enter to test the movie </li></ul><ul><li> </li></ul>
  24. 24. Shape Tweening
  25. 25. <ul><li>Choose Insert > New Symbol. </li></ul><ul><li>To add Tint effects the object must be a symbol. </li></ul><ul><li>Name the symbol ( eg.&quot;changecolor“) and select the Graphic option in Behavior. Click OK. </li></ul><ul><li>Click in the work area and write &quot;Color Changing Text&quot;. </li></ul><ul><li>Jump back to the movie. Do this by choosing Edit > Edit Movie. </li></ul><ul><li>I nsert the symbol you just created into the movie. Choose Window > Library . Select the &quot;changecolor &quot; symbol and </li></ul><ul><li>drag it into the middle of the Stage . </li></ul>Tint Tweening
  26. 26. <ul><li>Insert a keyframe in Frame 15 and in Frame 30. </li></ul><ul><li>Go to Frame 15. Right click on the text in the Stage. In the pop-up menu, choose Panels > Effect. </li></ul><ul><li>Choose Tint from the drop down menu. A color map will show. Set the colors to: R=0, G=255, B=0. </li></ul><ul><li>Click on the Timeline any place between Frame 1 and Frame 15. Then right click and choose Create Motion Tween . </li></ul><ul><li>Ctrl+Enter to test the Movie </li></ul>
  27. 27. Tint Tweening
  28. 28. So.. READ LEARN DO…