Cool Web Design CWD Resources - Website Design Inspiration, Best Web Site Idea
Cool web design sites


  www.print-templates.com

 
Photoshop 5.5
Front Page 2000
HTML
XML
PageMaker 6.5

Community
 
Login
Create Profile
Forgot Password

Functions
 
Home
About cwd.dk
Contact Us

Inspiration
 
New Sites
Search
'Accepted by' Logo
Submit Site
Reminder
FAQ's
 Category
Animation
Audio/Sound
Business Style
Clean and Simple
E-Commerce
Entertainment
Experimental
Heavy Graphic
Intro
Just Nice
Navigation
Personal
Sports
Webportals
All Categories


www.imageonline.co.in




Articles

  By: Layout Galaxy
  Published   05-03-2005
  Category   Flash
  Type   Medium
  Rating
   0%
100%
Rate this article:  Bad  Good 

Grids Line Animation

1. Select Center Panel layer and choose Insert > Layer

2. Rename the layer as 'Grids'

3. Select frame 119 and choose Insert > Keyframe

4. Using Line Tool create white grid lines taking reference of grids in center panel Graphic

5. Select keyframe 119 on Grids layer and choose Insert > Convert to Symbol

6. Convert it into a Movie Clip with Center registration point selected and name it as 'grid lines'

7. Double click grid lines movie clip to go inside it

8. Rename the existing layer as 'Grids'

9. Insert a new layer above Grids layer and drag it downward so that it appears below Grids layer

10. Rename the newly added layer as 'Patch'

11. With the help of Rectangle Tool create a rectangle (without outline) of 563px. X 29px.

12. Fill the rectangle with gradient of two colors. Both the colors should be white but one of them should have Alpha=0

13. Select frame 100 on Patch layer and choose Insert > Keyframe

14. Select keyframe 100 and with the help of Down arrow key on the keyboard shift the patch to the bottom of the map

15. Select frame 1 on Patch layer and in the Properties panel select Tween as 'Shape' and set Easing value as '0'

16. Select frame 160 on both layers and choose Insert > Frame

17. Select frame 1 on Grids layer and choose Modify > Shape > Convert Lines to Fills

18. Select the Grids layer and choose Modify > Layer to open Layer Properties panel

19. In the Layer Properties panel select Type as 'Mask' and click OK

20. Select the Patch layer and choose Modify > Layer to open Layer Properties panel

21. In the Layer Properties panel select Type as 'Masked' and click OK

22. Come back into Scene 1

23. Hide the Map layer and select the grid lines movie clip which looks like a dot

24. In the Properties panel set Alpha = 50

25. Now make Map layer visible

World Network Animation

1. Select Mask layer on top of all the layers and choose Insert > Layer

2. Rename the layer as 'World Network'

3. Select frame 118 and choose Insert > Keyframe

4. Create a small yellow dot and choose Modify > Soften Fill Edges

5. In the Soften Fill Edges panel assign the values as shown in the image

6. Select keyframe 118 on World Network layer and in the Transform panel type 30 in either Width or Height field

7. After transforming the dot, select it and convert it into a Graphic with Center registration point selected and name it as 'glow'

8. Select the glow graphic and choose Insert > Convert to Symbol

9. Convert it into a Movie Clip with Center registration point selected and name it as 'network'

10. Double click network movie clip to go inside it

11. Rename the existing layer as 'Glow1'

12. Select frame 3 and choose Insert > Keyframe

13. Using Down arrow key on the keyboard shift the glow graphic 10px. downward

14. Select frame 5 and choose Insert > Keyframe

15. Now shift the glow graphic 5px. upward

16. Select keyframe 1 and in the Properties panel select Tween as 'Motion' and set Easing value as '0'. Similarly, assign Motion Tween for keyframe 3

17. Select glow graphic on keyframe 1 and in the Properties panel set Alpha = 0

18. Select glow graphic on keyframe 3 and in the Properties panel set Brightness = 100

19. Insert a new layer above Glow1 layer and rename it as 'Glow2'

20. Select frame 3 and choose Insert > Keyframe

21. Choose Window > Library > glow graphic and drag the glow Graphic on the stage

22. Place the glow graphic in some other continent on the world map

23. Select frame 5 and choose Insert > Keyframe

24. Using Down arrow key on the keyboard shift the glow graphic 10px. downward

25. Select frame 7 and choose Insert > Keyframe

26. Now shift the glow graphic 5px. upward

27. Select keyframe 3 and in the Properties panel select Tween as 'Motion' and set Easing value as '0'. Similarly, assign Motion Tween for keyframe 5

28. Select glow graphic on keyframe 3 and in the Properties panel set Alpha = 0

29. Select glow graphic on keyframe 5 and in the Properties panel set Brightness = 100

30. Select frame 240 on both layers and choose Insert > Frame

31. Similarly, create animation for more three glow graphics on different layers

32. Place the glow graphics in different continents

33. Select frame 240 on all layers and choose Insert > Frame


Goto Page
 
6
 



Login
 
Enter your username and password, and press 'Submit'
Auto Login
Create Profile

Articles
 
 Search Engine   Optimization
Where does your Site Rank on Google?
Title Tag and Meta Description Tag Optimization
Anchor Text Optimization
Working with the robots.txt file
Google PageRank Algorithm Explained
 
 General
Alexa - The Smart Browsing
Web Promotion with Pay Per Click
Fonts in Layout
Basics of Color - 2
Basics of Color
 
 Dreamweaver
How to create a webpage using layers?
 
 Photoshop
Fine tune / touch up dull Image using Photoshop
Create thumbnails using Action and Automate in Adobe Photoshop.
Designing Top Panel in Photoshop - 2
Designing Top Panel in Photoshop
How to animate a banner using Adobe ImageReady?
 
 Flash
Publishing digital video on web page using Flash 2004
Creating Feedback form using Flash MX & send the data to email.
Image Transitions in Flash Mx
Creating Top Panel in Flash along with navigation bar
Creating Scrolling Buttons Menu in Flash MX
 
 Flash 5.0 Tutorial
Advance Scripting In Flash - Part 8
Advance Scripting In Flash - Part 7
Advance Scripting In Flash - Part 6
Advance Scripting In Flash - Part 5
Advance Scripting In Flash - Part 4
 
 Professional steps of  web designing
Professional Step-by-step Guide To Web Designing
Modify the ready-made Layout to incorporate your client's detail
Make Layout Web Compatible
Provide links using web-authoring tool like Macromedia Dreamweaver

Feedback
 

 

Layout Galaxy is ready to use photoshop & flash web site design templates
Copyright © 2001 Cool Web Design