Flash - Animation
Return

 

Free Programming Courses On Line  -  www.puresoftwarecode.com
 
www.puresoftwarecode.com  

  
         Requirements:

  1. Microsoft FrontPage  of  Microsoft Office XP
  2. Microsoft Paint
  3. macromedia Flash 5 or later version

     How create the animated pictures ..

  1. 1st Step, Source and Destination files

     
    The Source Picture files
                                         The Folder 'Animation Picture_files ' stores 4 Bitmap Files
     
    Order
         		 File Name Picture
    1 opic.bmp
         
    2 1pic.bmp
         
    3 2pic.bmp
         
    4 3pic.bmp

     
    The Destination file     to be create ...
     


    Note:
    Size     of Picture = Width x Height
    Size     of 0pic.bmp = Size of 1pic.bmp = Size of 2pic.bmp = Size of 3pic.bmp

     

  2. 2nd Step, add  the 1st  picture
     
    1. Run  macromedia Flash
    2. Flash  - From File menu, click New. New Window appears
    3. Run Microsoft Paint
    4. Paint  - From File menu, click Open. From the Open dialog select the bitmap file 0pic.bmpof the folder - \ \Learn Learn and Learn\Animation\Animation Picture_files. this bitmap file appears
       

       

    5. Paint  - From Edit menu, click Select All
    6. Paint  - From Edit menu, click Copy
    7. Flash  - From File menu, click Paste.  new picture appears
       
      after Paste Picture moved, using mouse

     

  3. 3rd Step, modify the Flash Window size
     
    1. Flash - Right-click the Blank window ( Right click  previous picture), and then click Movie Properties
       

      Movie Properties dialog box appears, in this dialog click Contents (Flash window size modify) and then click Ok
       


      Flash window,       modified
       
      Pic 1

  4. 4th Step, Convert the Picture of  Pic1

     
    1. Flash  - Select the picture (pic 1),
       from Modify menu, click Transform.       click Flip Horizontal,
      from Modify menu, click Transform.       click Scale and Rotate, Scale and Rotate dialog box appears
       
          In Scale box type:  100
            In Rotate box type:  -180
           Click Ok

       Picture, after convert
       


       

    2. Flash  - (Blank Keyframe or Blank Window)
      Select red box of flash window ( look Pic 1)  From Insert menu, click Blank Keyframe.  new blank window appears in the flash window
       
  5. 5th Step, add the 2nd  picture

     
    1. Paint  - From File menu, click Open. From the Open dialog select the bitmap file 1pic.bmpof the folder - \ \Learn Learn and Learn\Animation\Animation Picture_files. this bitmap file appears
    2. Paint  - From Edit menu, click Select All
    3. Paint  - From Edit menu, click Copy
    4. Flash  - From File menu, click Paste.  new picture appears
       

       

    5. Flash - Select picture pasted, move this picture to the blank window
       


       

    6. Convert the picture (look 4th Step)
       
      • Flash  - Select the picture :
        from Modify menu, click Transform.         click Flip Horizontal
        from Modify menu, click Transform.         click Scale and Rotate, Scale and Rotate dialog box appears
      • Flash - in this dialog :
        in Scale box type:  100
        in Rotate box type:  -180
        click Ok

        after convert ...
         

       
  6. 6th Step, add the 3rt  picture
     
    1. Flash  - (Blank Keyframe or Blank Window)
      Select red box of flash window ( look Pic 1)  From Insert menu, click Blank Keyframe.  new blank window appears in the flash window                (look 4th Step ii)
       
    2. Paint  - From File menu, click Open. From the Open dialog select the bitmap file 2pic.bmpof the folder - \ \Learn Learn and Learn\Animation\Animation Picture_files. this bitmap file appears
    3. Paint  - From Edit menu, click Select All
    4. Paint  - From Edit menu, click Copy
    5. Flash  - From File menu, click Paste.  new picture appears
       

       

    6. Flash - Select picture pasted, move this picture to the blank window
    7. Flash - Convert the picture (look 4th Step):
      • Flash  - Select the picture :
        from Modify menu, click Transform.         click Flip Horizontal
        from Modify menu, click Transform.         click Scale and Rotate, Scale and Rotate dialog box appears
      • Flash - in this dialog :
        in Scale box type:  100
        in Rotate box type:  -180
        click Ok
    8. after convert ...
       

     

  7. 7th Step, add the 4th  picture
     
    1. Flash  - (Blank Keyframe or Blank Window)
      Select red box of flash window ( look Pic 1)  From Insert menu, click Blank Keyframe.  new blank window appears in the flash window                (look 4th Step ii)
       
    2. Paint  - From File menu, click Open. From the Open dialog select the bitmap file 3pic.bmpof the folder - \ \Learn Learn and Learn\Animation\Animation Picture_files. this bitmap file appears
    3. Paint  - From Edit menu, click Select All
    4. Paint  - From Edit menu, click Copy
    5. Flash  - From File menu, click Paste.  new picture appears
    6. Flash - Select picture pasted, move this picture to the blank window
    7. Flash - Convert the picture (look 4th Step):
       
      • Flash  - Select the picture :
        from Modify menu, click Transform.         click Flip Horizontal
        from Modify menu, click Transform.         click Scale and Rotate, Scale and Rotate dialog box appears
      • Flash - in this dialog :
        in Scale box type:  100
        in Rotate box type:  -180
        click Ok
    8. after convert ...
       
       

     

  8. 8th Step, Insert Frames between the pictures added
     
    1. Flash  - Select red box of flash window ( look Pic 1 or Pic 2), use mouse to move this red box to the position 1
       
      Pic 3

       

    2. Flash -  Right-click  the Static (black point under the red box of Pic 3), click Insert Frame
       

      New Frame appears
       



       

    3. Flash - add 4 Frames to the 1st black point, repeat previous operation - (8th Step ii)
      ( for each time,       Right-click  the Static (black point under the red box of Pic 3), click Insert Frame, new Frame)
       

       

    4. Flash - for each other Static or black point, and four Frames.  Repeat the operation of 8th Step ii
       
    5. After added all Frames
       

       

    6. Save and Test ...
       
      • Flash  - Use the mouse to move the red box or red line to the 1st  position - (1st picture appears)
      • Flash  - from File menu, click Save  - (the prefix of this  file saved - .fla)
      • Flash  - from Control menu, click Play
  9. 9th Step, Publish setting
     
    1. Flash  - From File menu, click Publish setting. Publish setting dialog box appears
       

      Choose the file formats from the following  formts, select the correspnding check box.
      Create GIF file, select the check box GIF Image and deselect all other check boxes, new Tab - GIF appears.
      Select the Tab GIF

           
        Playback:
           select  Animated radio button
       
      other values not modify
       click Publish button
       and than click Ok

      New       animated GIF file created

        

    2. The animated GIF file