• home
  • forum
  • my
  • kt
  • download
  • Illusion image presentation

    Author: 2009-07-11 04:14:04 From:

    In this thoroughly explained, detailed lesson, I will show you how to create attractive image illusion presentation using some special flash tips and tricks. You can use this presentation for any animation, for some flash banner... You don't have to use action script code to make this lesson. Using this lesson, you will also learn how to import any image into a flash stage, how to animate it, how to use Free Transform Tool (Q) to enlarge and decrease any image and much much more!

    Example:
    Step 1

    First, save the image below!



    Step 2

    Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 300 pixels and the height to 225 pixels. Select white as background color. Set your Flash movie's frame rate to 38 and click ok.



    Step 3

    Call the current layer image1. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name!

    Step 4

    Choose now File > Import > Import to stage (Ctrl+R) and import the image that you saved in step 1!

    Step 5

    While the image is still selected, press F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.



    Step 6

    While the new made Movie Clip (image) is still selected, go to the Align Panel (Ctrl+K) and do the following:

    1. Make sure that the Align/Distribute to Stage button is turned on,
    2. Click on the Align horizontal center button and
    3. Click the Align vertical center button.



    Step 7

    Select now frame 20, 125 and 140 and press F6 key on the keyboard.

    Step 8

    While you're still on frame 140, select the Free Transform Tool (Q) and enlarge image like it is shown on the picture below!







    Step 9

    After that, select the Selection Tool (V) and click once on the image to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Advanced in it, click on Settings button and make the adjustments as follow:



    Step 10

    Select now frame 125 and go again to the Properties Panel (Ctrl+F3) below the stage. Then, for Tween choose Motion, for Ease set 100 and for Rotate choose CW. See the picture below!



    Step 11

    Go back now on the first frame and repeat steps 8,9 and 10.

    Step 12

    Select now frame 20 and press Ctrl+C key (Copy). After that, create a new layer above the layer image 1 and name it image 1 again. After that, select the first frame of layer image 1 again and press Ctrl+Shift+V key (Paste in Place).

    Step 13

    Lock now layer image 1, and select frame 20, 125 and 140 of layer image 1 again and press F6 key.

    Step 14

    While you're still on frame 140, select again the Free Transform Tool (Q), but for this time decrease it like it is shown on the picture below!





    Step 15

    After that, while you're still on frame 140, repeat step 9.

    Step 16

    Select now frame 125 and repeat step 10, but for this time, for Rotate choose CCW. See the picture below!



    Step 17

    Go back now on the first frame and repeat steps 14,15 and 16.

    We're done now!

    Test your Movie and enjoy!

    Have a nice day!

    Download source file (.fla)

    discuss this topic to forum

    relation tutorial

    No information

    Category

      3D (36)
      Math Physics (18)
      3rd Party (10)
      Navigation (70)
      Actionscripting (228)
      Optimization (17)
      Animation (172)
      Projector (11)
      Audio (54)
      Special Effects (173)
      Backend (26)
      Text Effects (93)
      Drawing (34)
      Tips and Techniques (58)
      Dynamic Content (38)
      Tricks (8)
      Games (114)
      Utilities (24)
      Getting Started (99)
      Video (59)
      Interactivity (48)
      Web Design (37)

    New

    Hot