photoshop underground
Would you like to react to this message? Create an account in a few clicks or log in to continue.
photoshop underground

Online Community Help
 
HomePortalSearchLatest imagesRegisterLog in

 

 Attractive vibration and rotation image animation

Go down 
AuthorMessage
taSzkie
Admin
Admin
taSzkie


Number of posts : 358
Age : 36
Location : Thailand
Registration date : 2007-05-27

Attractive vibration and rotation image animation Empty
PostSubject: Attractive vibration and rotation image animation   Attractive vibration and rotation image animation Icon_minitimeSun Jun 24, 2007 9:14 pm

See this lesson and learn how to create attractive image animation that is rotate and vibrate. You don't have to use A.S. code to create this lesson. It is so simple to create, but in the same time so effective. You will also learn how to convert an image into a Symbol, how to rotate it, enlarge it using the Free Transform Tool (Q) and more.



Step 1

First of all download my image that we will use for this example.

Attractive vibration and rotation image animation 21658_img1

Step 2

Cretae a new flash document. Select Modify > Document (shortcut key: Ctrl+J ). Set the width of your document to 261 pixels and the height to 228 pixels.Set the background colour as whatever you like. Set your Flash movie's frame rate to 24 and click ok.

Attractive vibration and rotation image animation 44658_img2

Step 3

Take the Selection Tool (V), Select the picture, go to the Align Panel (Ctrl+K) and set the following options:

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.

Attractive vibration and rotation image animation 9659_img3

Now, we have aligned the image with the background.

Step 4

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

Attractive vibration and rotation image animation 37659_img4

Step 5

Click on frame 3 and press F6 key. Then, take the Free Transform Tool (Q) and enlarge the image and rotate it a little like it is shown on the picture below.

Attractive vibration and rotation image animation 16510_img5

Step 6

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.

Attractive vibration and rotation image animation 186510_img5a

Step 7

Click on frame 7 and after that on frame 11 and press F6 key. Go back on frame 3 and go to the Properties Panel (Ctrl+F3) below the stage again. On the left side for Tween choose Motion and for Rotate set CCW. Ease set to 100. See the picture below.

Attractive vibration and rotation image animation 396510_img6

Do that alos for frame 7, but for Rotate set CW and for Ease 0. See the picture below.

Attractive vibration and rotation image animation 06511_img7

Step 8

Right-click anywhere on the gray area between the frame 3 and 7 and frame 7 and 11 on the timeline and choose Create Motion Tween from the menu that appears.

Attractive vibration and rotation image animation 166511_img7a

Step 9

Click on frame 15 and press F6 key. Then, take The Free Transform Tool (Q), decrease and rotate the image a little. See the picture below.

Attractive vibration and rotation image animation 386511_img8

Step 10

Right-click anywhere on the gray area between the frame 11 and 15 on the timeline and choose Create Motion Tween from the menu that appears.

Step 11

Click on frame 15 and press F6 key on the keyboard twenty times. See the picture below.

Attractive vibration and rotation image animation 146512_img9

Step 12

After that, click on every second frame, take the Free Transform Tool (Q) and enlarge the image a little, like it is shown on the picture below.

Attractive vibration and rotation image animation 366512_img10

Step 13

Click on frame 45 and press F5 key.

Attractive vibration and rotation image animation 546512_img11

We're done!
Back to top Go down
http://www.friendster.con/6052607
 
Attractive vibration and rotation image animation
Back to top 
Page 1 of 1
 Similar topics
-
» image hosting sites
» Creating a comic drawing animation
» Right Click Image Converter 2.2.3
» Image Ready in Photoshop CS3
» 2D Animation

Permissions in this forum:You cannot reply to topics in this forum
photoshop underground :: 2d Animation Tutorials & Flash animation Tutorials-
Jump to: