Macromedia Flash - Complete Flash banner design

In this article, we will show you how to create a complete flash banner without using the Action Script.

Step 1
Open a new flash file, go to Modify > Document and set the Width: 430px properties; Height: 180px; Frame rate set: 22fps.

Step 2
Find 3 photos to put on the banner and set the size of the image similar to the background (430x180px). You can use Photoshop or any other graphics program to edit.

Step 3
Double click on layer1 and rename it to picture1.

Step 4
Go to File > Import > Import to Stage ( Ctrl + R ) and import the first picture. Then use the Align alignment tool ( Ctrl + F3 ) to align it to the center of the background.

Macromedia Flash - Complete Flash banner design Picture 1

Step 5
Select frame 80 of layer picture and press F5 key.

Step 6
Add a new layer and name it line1. Select a new layer, use the Rectangle Tool (R), Stroke color set to no color, Fill color choose any color you want and draw a rectangle of 10x20px. After that, use the Align Panel to place the newly drawn image on the middle right position as shown below:

Macromedia Flash - Complete Flash banner design Picture 2

Macromedia Flash - Complete Flash banner design Picture 3

Step 7
Click on frame 10 and press F6. After that select the Free Transform Tool (Q) and follow the drawing below.

Macromedia Flash - Complete Flash banner design Picture 4

Step 8
Click on frame 20, press F6 and also use the Free Transform Tool to follow the image below.

Macromedia Flash - Complete Flash banner design Picture 5

Step 9
Go back to Frame1 and then frame 10, open the Properties Panel ( Ctrl + F3 ), at Tween choose Shape

Macromedia Flash - Complete Flash banner design Picture 6

Step 10
Select the line1 layer and convert it to Mask by right-clicking on the layer to select Mask .

Macromedia Flash - Complete Flash banner design Picture 7

Step 11
Select the line1 layer, add a new layer and name it picture2.

Step 12
Select frame 60 of the new layer and press F6. Then press Ctrl + R ( Import to Stage ) and import another picture.

Step 13
Select frame 160 of layer picture2 and press F5.

Step 14
Add a new layer named line2 and repeat from step 6 -> step 10 but different from line1, the rectangle's operation at line2 will start from the top left. See the picture below.

Macromedia Flash - Complete Flash banner design Picture 8

So we have completed the first 2 pictures in the banner. Repeat this step if you want to add more pictures to the banner.

Step 15
If you want to place the link on the pictures, the first thing you need to do is convert the picture into a Movie Clip, then open the Action Script Panel (F9) and put it in the following code ( Note to change your website URL ) :

on (release) {
getURL ("http://www.quantrimang.com", "_blank");
}

Download source file.

5 ★ | 1 Vote

May be interested

  • Some eye-catching tips for using Adobe PhotoshopPhoto of Some eye-catching tips for using Adobe Photoshop
    as a beginner, familiarize yourself with graphic processing with adobe photoshop, eye exercises are one of the most basic parts. in the following article, we will show you the most necessary steps to complete this initial process ...
  • Macromedia Flash: Create effects for nature photosPhoto of Macromedia Flash: Create effects for nature photos
    this tutorial will show you how to create simple effects for nature images using some special flash tips. this tutorial is implemented on flash cs5, there may be some differences if you use another flash version.
  • Tips for using contrast in PhotoshopPhoto of Tips for using contrast in Photoshop
    this article will teach you the basics of contrast in photoshop, gimp and paint.net.
  • The difference in the Color Profile mode of the photosPhoto of The difference in the Color Profile mode of the photos
    in the following article, we will explain to you some of the basic differences of the color profile, and the simple fix with photoshop or gimp tool. the main problem for all of our users is to use the internet and share any photo, and the phenomenon as we just described above often encounters.
  • 4 useful tools for online web editingPhoto of 4 useful tools for online web editing
    in the following article, we will introduce you some online editing tools that are quite diverse and useful for web development. these applications have a common feature that can work on a variety of environments, in any condition, as long as there is an internet connection.
  • ProFORMA technology turns ordinary webcams into 3D scannersPhoto of ProFORMA technology turns ordinary webcams into 3D scanners
    have you ever imagined you would use normal household objects to build 3d images instead of high-end scanners or complicated software worth thousands of dollars?