Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Fully Seinfeld presentation with sound

30.11.2008, 23:46    Total views: 16120

In this lesson, explained in extreme detail, I will teach you how to make a powerful Seinfeld photo presentation. Seinfeld was the most popular prime-time show of the 1990ís; it drew viewers of all ages and lifestyles. Seinfield also has a lot of fans today, and that is one of reason why I decided to write a lesson on this topic. :) Using this lesson, you will also learn how to import any photo into a flash stage, how to animatie it, how to apply mask effect on it and much more!

Example:



Step 1

First of all, save a photo of seinfeld 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 400 pixels and the height to 274 pixels. Select white color as background color. Set your Flash movie's frame rate to 22 and click ok.



Step 3

Choose now File > Import > Import to Stage (Ctrl+R) and import a photo of seinfeld into a flash stage!

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.



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

Click now on frame 50, 55 and 65 and press F6 key.

Step 7

Go back now on frame 50, take the Selection Tool (V) and click once on the photo 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 8

Select now frame 55, take again the Selection Tool (V) and click once on the photo 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 Tint on it and choose the following options:



Step 9

Right-click anywhere on the gray area between frame 50 and 55, frame 55 and 65 on the timeline and choose Create Motion Tween from the menu that appears. See the picture below!



Step 10

Create now a new layer above the layer 1 and name it mask.

Step 11

Select layer mask, take the Rectangle Tool (R), and draw a rectangle shape about 18x18 px and place it on the position like it is shown on the picture below!



Step 12

Click now on frame 10 and press F6 key. Then, using Free Transform Tool (Q), Increase your rectangle shape and place it on the position, as shown in the picture below!



Step 13

Click now on frame 40 and press F6 key. Then, place a rectangle shape on the position as shown in the picture below!



Step 14

Click now on frame 45 and using  Free Transform Tool (Q), make a shape like it is shown on the picture below!



Step 15

Click now on frame 50 and using again Free Transform TOol (Q), fill the whole photo with a rectangle shape!



Step 16

Select now mask layer and go to the Properties Panel (Ctrl+F3) below the stage. On the left side, you will see Tween drop down menu. Select shape on it. See the picture below!



Step 17

Select mask area layer and convert it to a mask by right-clicking on the mask area layer and selecting Mask. See the picture below.



Now, we're done with the first photo. You can use a few more photos, to make this lesson more powerful.In the end, I added sound file, which you can download here!

That's it!

Enjoy!

Download source file (.fla)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 296303

2. High-tech city animation
Total views: 247004

3. Water effect
Total views: 226794

4. Photo slide show
Total views: 209150

5. Special Picture Effect
Total views: 184727



Related links