Nature 360 Loop Text Presentation

7.7.2010, 14:16
Submited in: Flash | Total Views: 19943

Today, Iím going to show you how to create advanced nature 360 loop text presentation using the adobe after effects and flash. You don't have to use action script code to make this lesson. Using this lesson, you will also learn how to import any photo into a flash stage, how to convert it into a Movie Clip Symbol, how to animate it, how to import any swf file into a flash and much much more. This presentation can be used for any web banner or for some animation. Let's start!


Step 1

Create a new after effects composition. Set the Width of Your composition to 400 and Height to 300 px. For Preset set Custom, for Pixel Aspect Ratio set Square Pixels and set the Frame Rate to 42 fps.

Step 2

Select the Horizontal Type Tool (Ctrl+T) and type any text on the Stage.

Step 3

Choose Window > Effects&Presets (Ctrl+5).

Step 4

In the Effects&Presets Panel choose Animation Presets > Text >  Paths > 360 Loop. See the picture below!

Step 5

Using the Selection Tool (V) and drag and drop technique, move the 360 Loop effect from Effects&Presets panel on the text on the stage.

Step 6

After that, double click on the text and change it into a Bliss Tree! While the text is still selected, go to the Adobe After Effects Charcter Panel and make the adjustments as follows:

Step 7

Go now to the Timeline and reduce the length of the film to the length of the animation.

Step 8

After that, choose Composition > Trim Comp To Work Area.

Step 9

Choose now File > Export > Adobe Flash (Swf).

Step 10

Create a new flash document. Set the Width of Your document to 420 and Height to 315 px. Set any color as background color and set the Frame Rate to 38 fps.

Step 11

Save the picture of nature below that we will use for this lesson!

Step 12

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

Step 13

While the picture of nature is still selected, hit F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.

Step 14

Click now on frame 25 and hit F6 key.

Step 15

Go back on the first frame and select the Selection Tool (V). Click now on the new made movie clip and go to the Properties Panel (Ctrl+F3). After that, select Filters tab from the left side. Click on the plus icon and select the Adjust Color filter. Make the adjustments as follows:

Step 16

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

Step 17

Create a new layer above the layer background and name it 360 text.

Step 18

Select frame 25 and hit F6 key. While you're still on frame 25 hit Ctrl+F8 key (Convert to Symbol). Name this movie clip 360Text_mc.

Step 19

Choose now File > Import > Import to Stage (Ctrl+R) and Import a swf file that you have made in After Effects.

Step 20

Go back on the main stage (Scene 1). After that, drag the 360Text Movie Clip from the Flash Library on the Flash Stage using the Selection Tool (V) and drag and drop technique.

Step 21

Place that text on the position like it is shown on the picture below!

Step 22

Click now on frame 155 and hit F5 key.

Step 23

Go back on layer background and hit F6 key on frame 135 and 155. While you're still on frame 155 repeat step 14.

We're done!

Test your presentation (Ctrl+Enter) and enjoy!

Download example

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

Browse by category

Most popular tutorials