shan
April 25th, 2009, 06:47 PM
in this tutorial we will learn how to easily create a mask animation in photoshop.
http://www.layoutprince.com/images/33Mask-Animation.gif
Step 1:
Open a file with following settings.
http://www.layoutprince.com/images/33start.jpg
Step 2:
Select Type tool and write MASKING in #ffcb05 color. Create a new layer, name it Circle, select elliptical marquee from tool Box , choose Fill pixels from property bar and draw an circular shape over M in red color.
http://www.layoutprince.com/images/33ellipse.jpg
http://www.layoutprince.com/images/33circle.jpg
Step 3:
Select Circle layer and press Ctrl+ALt+G to create clipping mask,
http://www.layoutprince.com/images/33masking.jpg
Step 4:
Go to window menu bar and open Animation window.
http://www.layoutprince.com/images/33window.jpg
Step 5:
Now in Animation window click "Duplicate selected frames" icon twice while Frame 1 is selected. It will create 2 more frames. Now total number of frames are 3. go to Frame 2 and drag red circle over letter G
http://www.layoutprince.com/images/33frames.jpg
http://www.layoutprince.com/images/33framse2.jpg
Step 6
Select Frame 1 click "Tween animation frames" icon, select Frame to Add =5.
http://www.layoutprince.com/images/33tween.jpg
http://www.layoutprince.com/images/33add%20frames.jpg
http://www.layoutprince.com/images/33tween2.jpg
Step 7:
Now we have total 8 frames. Select Frame 7 and apply tweening again with same settings.
http://www.layoutprince.com/images/33tweeing%203.jpg
Here is the Final Result.
http://www.layoutprince.com/images/33Mask-Animation.gif
http://www.layoutprince.com/images/33Mask-Animation.gif
Step 1:
Open a file with following settings.
http://www.layoutprince.com/images/33start.jpg
Step 2:
Select Type tool and write MASKING in #ffcb05 color. Create a new layer, name it Circle, select elliptical marquee from tool Box , choose Fill pixels from property bar and draw an circular shape over M in red color.
http://www.layoutprince.com/images/33ellipse.jpg
http://www.layoutprince.com/images/33circle.jpg
Step 3:
Select Circle layer and press Ctrl+ALt+G to create clipping mask,
http://www.layoutprince.com/images/33masking.jpg
Step 4:
Go to window menu bar and open Animation window.
http://www.layoutprince.com/images/33window.jpg
Step 5:
Now in Animation window click "Duplicate selected frames" icon twice while Frame 1 is selected. It will create 2 more frames. Now total number of frames are 3. go to Frame 2 and drag red circle over letter G
http://www.layoutprince.com/images/33frames.jpg
http://www.layoutprince.com/images/33framse2.jpg
Step 6
Select Frame 1 click "Tween animation frames" icon, select Frame to Add =5.
http://www.layoutprince.com/images/33tween.jpg
http://www.layoutprince.com/images/33add%20frames.jpg
http://www.layoutprince.com/images/33tween2.jpg
Step 7:
Now we have total 8 frames. Select Frame 7 and apply tweening again with same settings.
http://www.layoutprince.com/images/33tweeing%203.jpg
Here is the Final Result.
http://www.layoutprince.com/images/33Mask-Animation.gif