Have an account?

Saturday, December 3, 2011

Animated Burger

Step 1 First of all, downlaod my photo, which we will be use for this lesson to make it quickly.
Step 2 Open a new flash document. Select Modify > Document (shortcut key: Ctrl+J ). Set the width of your document to 426 pixels and the height to 447 pixels. Select any color as background color and set your Flash movie's frame rate to 28 fps. Then, click ok.
Step 3 Choose File > Import > Import to Stage and Import my photo into a flash.
 Step 4 While the photo 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. Now you have aligned the photo with the background.
 Step 5 While the photo is still selected, press F8 key (Convert to Symbol) to convert this photo into a Movie Clip Symbol.
 Step 6 After that, click on frame 20,25 and press F6 key, and then, click on frame 90 and press F5 key. See the picture below. Step 7 Go back on frame 20, take the Selection Tool (V) and click once on the picture to select it. After that, go again 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 follows:
 Step 8 Right-click anywhere on the gray area between the frame 20 and frame 25 on the timeline and choose Create Motion Tween from the menu that appears.
 Step 9 Double click on layer 1 to rename its name in photo. After that, create a new layer above the photo layer and name it animation.
 Step 10 Lock photo layer, select the animation layer and take Rectangle Tool (R). Then, block the Stroke Color, for fill color choose any color and draw a rectangle about 426x447px. While the rectangle is still selected, repeat step 4.
 Step 11 After that, while the rectangle that you just created is still selected, go to the Color Mixer Panel (Shoetcut key: Shift+F9) and choose the following options: 1. Click on the paint bucket icon to select the Fill color. 2. Choose Linear as Type. 3. Click on the small color rectangle that is on the left side and set its color to #6188CD. Alpha property set to100 % 4. Click on the small color rectangle that is on the right side and set its color to #BFD5EA Alpha property set to100 %. 5. Create a new small color rectangle and place it on the ceneter of color scale. Then, set its color to #FFFFFF. Alpha property set to 100 %.
Step 12 Click on frame 10 of layer animation and press F6 key. Then, Take the Free Transform Tool (Q) press and hold down Alt+Shift key and do the follwing:
Step 13 Go back on the first frame of layer animation and go again to the Properties Panel (Ctrl+F3) below the stage. On the left side, you will see Tween drop down menu. Choose shape on it. See the picture below.
Step 14 Click on frame 11 and press F6 key. After that, while the rectangle is still selected, press F8 key (Coenvert to Symbol) to convert this rectangle into a Movie Clip Symbol.
 Step 15 Click on frame 15 and press F6 key. After that, take the Selection Tool (V) and click once on the rectangle to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Birghtenss in it and put it down to 44%.See the picture below.
 Step 16 Click on frame 20 and press again F6 key. Then, take again the Selection Tool (V) and click once on the rectangle to select it again. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 84%.
 Step 17 Click on frame 25 and press F6 key. Then, repeat the previous step, but for this time, put the Alpha down to 62%.
Step 18 Click on frame 35 and press again F6 key.After that, repeat again the previous step, but for this time put the Alpha down to 0%. See the picture below.
 Step 19 Choose right-click anywhere on the gray area between the frame 11 and 15 frame 15 and 20, frame 20 and 25 and frame 25 an 35 on the timeline and choose Create Motion Tween from the menu that appears. Test your Movie (Ctrl+Enter).
 Source: http://www.flashvault.net/tutorial.asp?ID=347

0 comments:

Post a Comment