Picture rotation by Free Transform Tool (Q)

13.8.2008, 18:16
Submited in: Flash | Total Views: 23550

Using this thoroughly explained, detailed lesson, you will see how to rotate picture on a very effective and practical way. You can use this rotation as any picture presentation, flash animation, header. You don't have to use action script code to make this lesson. This lesson is very, very easy for create so let's go!

Step 1

First of all, save a picture below, which we will use for this lesson!

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 200 pixels (as the dimensions of picture). Select any color as background color . Set your Flash movie's frame rate to 38 and click ok.

Step 3

Choose now, file > Import > Import to stage (Shortcut key: Ctrl+R) and import a picture that you just saved in step 1 into a flash stage.

Step 4

While the picture 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 5

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

Step 6

Click now on frame 40, 60 and 100 and press F6 key.

Step 7

Go back now on frame 60, take the Free Transform Tool (Q) and do like it is shown on the picture below!

Step 8

Go back now on the first frame, take the Selection Tool (V) and click once on the picture to select it. After that, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Advanced on it, click on Settings button set the following options and click ok.

Step 9

Right-click anywhere on the gray area between frame 1 and 40 and frame 40 and 60 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.

Step 10

Go Select now frame 100 and press F6 key six times.

Step 11

Go back now on frame 101 and press delete key on the keyboard. Do this also for frame 103 and 105.

Step 12

Click now on frame 145 and press F6 key.

Step 13

While you're still on frame 145 repeat step 8.

Download example

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category

Most popular tutorials