web design template web design template web design template

Page : 1 2 3 4 5 6 7 8

To animate the word 'Photoshop (.psd)' 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 'Flash'

2. Rename the layer as 'Photoshop'

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

4. At frame 143 of layer named as 'Photoshop', type the following text 'Photoshop (.psd)' 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 'Photoshop (.psd)' 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 'photoshop'

6. Choose Window > Info

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

8. Insert keyframe (choose Insert > Keyframe) at frame 149, frame 189, frame 196 and frame 201 on layer named as 'Photoshop'

9. Select the 'photoshop' Movie Clip at frame 149 on layer named as 'Photoshop', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 222 px and y position= 25 px.

10. Select the 'photoshop' Movie Clip at frame 189 on layer named as 'Photoshop', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 200 px and y position= 25 px.

11. Select the 'photoshop' Movie Clip at frame 196 on layer named as 'Photoshop', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 242 px and y position= 25 px.

12. Select the 'photoshop' Movie Clip at frame 201 on layer named as 'Photoshop', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 150 px and y position= 25 px.

13. Select all the frames form 143 to 196 of layer named as 'Photoshop', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

14. Select the 'photoshop' Movie Clip at frame 143 on layer named as 'Photoshop', choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 0%.

15. Select the 'photoshop' Movie Clip at frame 201 on layer named as 'Photoshop', choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 0%.

16. Select the 'photoshop' Movie Clip at frame 149 on layer named as 'Photoshop' and choose Edit > Copy

17. Hide the layer named as 'Photoshop' as shown in the image given below,

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

19. Rename the layer as 'Photoshop 1'

20. Insert a Blank Keyframe (Choose Insert > Blank Keyframe) at frame 148 of the layer named as 'Photoshop 1'

21. Select frame 148 on layer named as 'Photoshop 1' and choose Edit > Paste in Place

22. Insert a Keyframe (Choose Insert > Keyframe) at frame 155 of the layer named as 'Photoshop 1'

23. Select the 'photoshop' Movie Clip at frame 155 on layer named as 'Photoshop 1' and choose Window > Transform In the Transform panel keep Constrain = on, set Width = 130% and Height = 130%.


24. Choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 0%.

25. Insert a Blank Keyframe (Choose Insert > Blank Keyframe) at frame 156 of the layer named as 'Photoshop 1'

26. Select the 'photoshop' Movie Clip at frame 148 on layer named as 'Photoshop 1'

27. Choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 50%.

28. Select frame 150 on layer named as 'Photoshop 1', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

29. Select all the frames form 148 to 156 of layer named as 'Photoshop 1' and choose Edit > Copy Frames

30. Insert a new layer (Choose Insert > Layer) above the layer named as 'Flash'

31. Rename the layer as 'Photoshop 2'

32. Select frames 149 and choose Edit > Paste Frames

33. Insert a Blank Keyframe (Choose Insert > Blank Keyframe) at frame 202 of the layer named as 'Photoshop'

To animate the word 'Html (.html)' 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 'Photoshop'

2. Rename the layer as 'HTML'

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

4. At frame 196 of layer named as 'HTML', type the following text 'HTML (.html)' 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 'HTML (.html)' 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 'html'

6. Choose Window > Info

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

8. Insert keyframe (choose Insert > Keyframe) at frame 202, frame 242, frame 249 and frame 254 on layer named as 'HTML'

9. Select the 'html' Movie Clip at frame 202 on layer named as 'HTML', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 244 px and y position= 25 px.

10. Select the 'html' Movie Clip at frame 242 on layer named as 'HTML', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 224 px and y position= 25 px.

11. Select the 'html' Movie Clip at frame 249 on layer named as 'HTML', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 254 px and y position= 25 px.

12. Select the 'html' Movie Clip at frame 254 on layer named as 'HTML', choose Window > Info and in the Info panel, keeping top-left Registration point selected, set x position = 150 px and y position= 25 px.

13. Select all the frames form 196 to 249 of layer named as 'HTML', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

14. Select the 'html' Movie Clip at frame 196 on layer named as 'Photoshop', choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 0%.

15. Select the 'html' Movie Clip at frame 254 on layer named as 'HTML', choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 0%.

16. Select the 'html' Movie Clip at frame 202 on layer named as 'HTML' and choose Edit > Copy

17. Hide the layer named as 'HTML' as shown in the image given below,

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

19. Rename the layer as 'HTML 1'

20. Insert a Blank Keyframe (Choose Insert > Blank Keyframe) at frame 201 of the layer named as 'HTML 1'

21. Select frame 201 on layer named as 'HTML 1' and choose Edit > Paste in Place

22. Insert a Keyframe (Choose Insert > Keyframe) at frame 208 of the layer named as 'HTML 1'

23. Select the 'html' Movie Clip at frame 208 on layer named as 'HTML 1' and Choose Window > Transform In the Transform panel keep Constrain = on, set Width = 130% and Height = 130%.


24. Choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 0%.

25. Insert a Blank Keyframe (Choose Insert > Blank Keyframe) at frame 209 of the layer named as 'HTML 1'

26. Select the 'html' Movie Clip at frame 201 on layer named as 'HTML 1'

27. Choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 50%.

28. Select frame 205 on layer named as 'HTML 1', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

29. Select all the frames form 201 to 209 of layer named as 'HTML 1' and choose Edit > Copy Frames

30. Insert a new layer (Choose Insert > Layer) above the layer named as 'Photoshop'

31. Rename the layer as 'HTML 2'

32. Select frames 202 and choose Edit > Paste Frames

33. Insert a Blank Keyframe (Choose Insert > Blank Keyframe) at frame 255 of the layer named as 'Photoshop'






© Image Online  2001-2003