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

Learning flash by Ms. Payal Narula

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