fast-loading great-looking web site design templates with .psd .fla files

Page : 1 2 3 4

SCROLLING TEXT

Type text or insert images to scroll. We have used Verdana font with size 11.

Convert into a graphic & name it 'about us text scroll graphic'.

Take a new movie clip name it 'about us text scroll' and insert the graphic 'about us text scroll graphic' and animate it vertically upwards. On the first key frame, give the action 'stop' and on the last key frame, give the action 'Go to previous frame'.

Drag 'about us text scroll' movie clip into the scene at 'About us clip' layer.

Choose Modify > Instance and put instance name 'scroll'.

Now convert this movie clip into another movie clip i.e. 'about us clip'.

Choose Modify > Instance and put instance name 'about us clip'.

Choose Window > Library > Scroll > About us

Double click the movie clip 'About us clip'.

10.

At frame 10 insert a keyframe and delete the movie clip from first frame.

11.

Similarly, insert keyframe at frame 20 and 30.

12.

At frame 10 and 30 set the movie clip's color effect alpha = 0

13.

Between frame 10 and 30 assign 'motion tween'.

14.

Insert one more layers for actions.
At frame 1 and 20 give action 'stop' and at frame 30 give action 'Go to and stop(1)'

15.

Create one more layer with a mask patch to mask the 'about us text scroll' movie clip.

16.

Create a button on a new layer at frame 20 and name it 'scroll button'. This button is to scroll the movie 'about us text scroll' downward.
Assign the following actions to the button
On (Roll Over)
  Begin Tell Target ("top")
    Go to and Play ("up")
  End Tell Target
End On
On (Roll Out)
  Begin Tell Target ("top")
    Go to and Stop ("stop")
  End Tell Target
End On

17.

Copy the same button. Flip it vertically and put it further down. This button is to scroll the movie 'about us text scroll' upward.
Assign the following actions to the button
On (Roll Over)
   Begin Tell Target ("scroll")
      Play
   End Tell Target
End On
On (Roll Out)
   Begin Tell Target ("scroll")
     Stop
   End Tell Target
End On

18.

Take a new movie clip, name it 'Blank' and insert three blank key frames.
On the first key frame, give the action 'stop' and also give a label name 'stop'.
Leave the second key frame blank & give label name 'up'.
On the third key frame give action
Begin Tell Target ("../scroll")
Go to Previous Frame
End Tell Target
Go to and Play ("up")

19.

Place the Movie Clip 'Blank' in the 'about us clip' on a new layer at frame 20, and give instance name 'top'.
Note: When you place the Movie Clip 'Blank' in the scene you will notice a dot.

20.

Create another layer for title. Put the about us graphic as a title with a slight tint to it and draw a horizontal line below it.

21.

In the scene the 'about us clip' movie clip can be seen as a dot.

22.

Now it is a time to connect this movie clip with the 'about us button'.

23.

Add the following script to the about us button
On (Release)
   Begin Tell Target ("/aboutusclip")
     Go to and Play (2)
   End Tell Target
End On

24.

Preview the movie in the browser.(F12)

Similarly, make movie clips for Products, Clients, Services and Contact us.

You can observe similarity maintained among these movie clips. I.e. 30 frames animation in each movie clip which is divided as 0-10 blank, 11-20 alpha effect raising to 0-100, 21-30 alpha effect decreasing to 100-0.

Here we have given them names e.g. Clientsclip,servicesclip,contactclip.

Put these movie clips in the scene and give them instance names accordingly.

As we have given alpha effect in these movie clips, we have to add some more action script to the about us button. Similarly apply this script to other buttons.

Following table can show you, how the action script differs for other buttons.

Action script for About us button

Action script for Products button

On (Release)
      Begin Tell Target ("/aboutusclip")
         Go to and Play (2)
      End Tell Target
      Begin Tell Target ("/clientsclip")
         If (_currentframe = 20)
             Go to and Play (21)
         Else
             If (_currentframe <> 20)
                 Go to and Stop (1)
            End If
        End If
      End Tell Target
      Begin Tell Target ("/servicesclip")
         If (_currentframe = 20)
             Go to and Play (21)
         Else
             If (_currentframe <> 20)
                 Go to and Stop (1)
            End If
        End If
      End Tell Target
      Begin Tell Target ("/productsclip")
         If (_currentframe = 20)
             Go to and Play (21)
         Else
             If (_currentframe <> 20)
                 Go to and Stop (1)
            End If
        End If
      End Tell Target
      Begin Tell Target ("/contactclip")
         If (_currentframe = 20)
             Go to and Play (21)
         Else
             If (_currentframe <> 20)
                 Go to and Stop (1)
            End If
        End If
      End Tell Target
End On

On (Release)
      Begin Tell Target ("/productsclip")
         Go to and Play (2)
      End Tell Target
      Begin Tell Target ("/clientsclip")
         If (_currentframe = 20)
             Go to and Play (21)
         Else
             If (_currentframe <> 20)
                 Go to and Stop (1)
            End If
        End If
      End Tell Target
      Begin Tell Target ("/servicesclip")
         If (_currentframe = 20)
             Go to and Play (21)
         Else
             If (_currentframe <> 20)
                 Go to and Stop (1)
            End If
        End If
      End Tell Target
      Begin Tell Target ("/aboutusclip")
         If (_currentframe = 20)
             Go to and Play (21)
         Else
             If (_currentframe <> 20)
                 Go to and Stop (1)
            End If
        End If
      End Tell Target
      Begin Tell Target ("/contactclip")
         If (_currentframe = 20)
             Go to and Play (21)
         Else
             If (_currentframe <> 20)
                 Go to and Stop (1)
            End If
        End If
      End Tell Target
End On

Preview the movie in the browser. (F12)