web design template web design template web design template

Page : 1 2 3 4 5 6 7 8

To animate the word 'Web Designer' which is a part of Punch Line 1, follow the steps given below.

1. Insert a new layer (Choose Insert > Layer) above the layer named as 'Fast Food 2'

2. Rename the layer as 'Web'

3. Insert a Blank Keyframe (Choose Insert > Blank Keyframe) at frame 10 of the layer named as 'Web'

4. At frame 10 of layer named as 'Web', type the following text 'Web Designer' with the Text Tool and in the Properties panel apply the following text settings : Text Type = Static Text, Font = Arial, Font Size = 16, Text (fill) Color = #FFFFFF, Text Style = Bold and Text Align = Align Left.

5. Select the text 'Web Designer' with the Arrow tool, convert it into a Movie Clip (choose Insert> Convert to Symbol) with the center Registration point selected and name it as 'web designer'

6. Choose Window > Info

7. In the Info panel, keeping top-left Registration point selected, set x position = 270 px and y position= 75 px.

8. Select frame 16 on layer named as 'Web'

9. Choose Insert > Keyframe

10. Select the 'web designer' Movie Clip at frame 16 on layer named as 'Web Designer'

11. Choose Window > Info

12. In the Info panel, keeping top-left Registration point selected, set x position = 270 px and y position= 35 px.

13. Select frame 12 on layer named as 'Web'

14. Choose Window > Properties

15. In the Properties panel, set Tween = Motion and Ease = 100.

16. Select layer named as 'Web'

17. Choose Edit > Copy Frames

18. Insert a new layer (Choose Insert > Layer) above the layer named as 'Web'

19. Select the newly added layer and Choose Edit > Paste Frames

20. Automatically it will take the layer name as 'Web', rename it as 'Web 1'

21. Select all the frames form 10 to 16 of layer named as 'Web 1' and drag them 1 frames further.

22. Select the 'web designer' Movie Clip at frame 11 on layer named as 'Web 1'

23. Choose Window > Properties

24. In the Properties panel, set Color Style = Alpha and Alpha Amount = 50%.

25. Similarly, insert a new layer (choose Insert > Layer) above the layer named as 'Web 1'

26. Select the newly added layer, Choose Edit > Paste Frames and rename it as 'Web 2'

27. Select all the frames form 10 to 16 of layer named as 'Web 2' and drag them 2 frames further.

28. Select the 'web designer' Movie Clip at frame 12 on layer named as 'Web 2'

29. Choose Window > Properties

30. In the Properties panel, set Color Style = Alpha and Alpha Amount = 20%.

31. Select frame 18 on layer named as 'Web 1' and choose Insert > Blank Keyframe

32. Select frame 19 on layer named as 'Web 2' and choose Insert > Blank Keyframe

33. Insert keyframe (choose Insert > Keyframe) at frame 71, frame 78 and frame 83 on layer named as 'Web'

34. Select the 'web designer' Movie Clip at frame 71 on layer named as 'Web', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 270 px and y position= 25 px.

35. Select the 'web designer' Movie Clip at frame 78 on layer named as 'Web', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 270 px and y position= 45 px.

36. Select the 'web designer' Movie Clip at frame 83 on layer named as 'Web', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 270 px and y position= - 25 px.

37. Select frame 50 on layer named as 'Web', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

38. Select frame 75 on layer named as 'Web', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

39. Select frame 80 on layer named as 'Web', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

40. Insert blank keyframe (choose Insert > Blank Keyframe) at frame 84 on layer named as 'Web'

To animate the word 'Layout with' which is a part of Punch Line 2, follow the steps given below.

1. Insert a new layer (Choose Insert > Layer) above the layer named as 'Web 2'

2. Rename the layer as 'Layout'

3. Insert a Blank Keyframe (Choose Insert > Blank Keyframe) at frame frame 84 of the layer named as 'Layout'

4. At frame 84 of layer named as 'Layout', type the following text 'Layout with' with the Text Tool and in the Properties panel apply the following text settings : Text Type = Static Text, Font = Arial, Font Size = 16, Text (fill) Color = #FFFFFF, Text Style = Bold and Text Align = Align Left.

5. Select the text 'Layout with' with the Arrow tool, convert it into a Movie Clip (choose Insert> Convert to Symbol) with the center Registration point selected and name it as 'layout with'

6. Choose Window > Info

7. In the Info panel, keeping top-left Registration point selected, set x position = 160 px and y position= 75 px.

8. Select frame 91 on layer named as 'Layout'

9. Choose Insert > Keyframe

10. Select the 'layout with' Movie Clip at frame 91 on layer named as 'Layout'

11. Choose Window > Info

12. In the Info panel, keeping top-left Registration point selected, set x position = 160 px and y position= 12 px.

13. Select frame 87 on layer named as 'Layout'

14. Choose Window > Properties

15. In the Properties panel, set Tween = Motion and Ease = 100.

16. Select layer named as 'Layout'

17. Choose Edit > Copy Frames

18. Insert a new layer (Choose Insert > Layer) above the layer named as 'Layout'

19. Select the newly added layer and Choose Edit > Paste Frames

20. Automatically it will take the layer name as 'Layout', rename it as 'Layout 1'

21. Select all the frames form 84 to 91 of layer named as 'Layout 1' and drag them 1 frame further.

22. Select the 'layout with' Movie Clip at frame 85 on layer named as 'Layout 1'

23. Choose Window > Properties

24. In the Properties panel, set Color Style = Alpha and Alpha Amount = 50%.

25. Similarly, insert a new layer (choose Insert > Layer) above the layer named as 'Layout 1'

26. Select the newly added layer, Choose Edit > Paste Frames and rename it as 'Layout 2'

27. Select all the frames form 84 to 91 of layer named as 'Layout 2' and drag them 2 frames further.

28. Select the 'layout with' Movie Clip at frame 86 on layer named as 'Layout 2'

29. Choose Window > Properties

30. In the Properties panel, set Color Style = Alpha and Alpha Amount = 20%.

31. Select frame 93 on layer named as 'Layout 1' and choose Insert > Blank Keyframe

32. Select frame 94 on layer named as 'Layout 2' and choose Insert > Blank Keyframe

33. Insert keyframe (choose Insert > Keyframe) at frame 113, frame 242, frame 249 and frame 254 on layer named as 'Layout'

34. Select the 'layout with' Movie Clip at frame 113 on layer named as 'Layout', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 160 px and y position= 2 px.

35. Select the 'layout with' Movie Clip at frame 242 on layer named as 'Layout', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 160 px and y position= 2 px.

36. Select the 'layout with' Movie Clip at frame 249 on layer named as 'Layout', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 140 px and y position= 2 px.

37. Select the 'layout with' Movie Clip at frame 254 on layer named as 'Layout', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 400 px and y position= 2 px.

38. Choose Window > Properties

39. In the Properties panel, set Color Style = Alpha and Alpha Amount = 0%.

40. Select frame 110 on layer named as 'Layout', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

41. Select frame 245 on layer named as 'Layout', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

42. Select frame 250 on layer named as 'Layout', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

43. Insert blank keyframe (choose Insert > Blank Keyframe) at frame 255 on layer named as 'Layout'







© Image Online  2001-2003