PDA

View Full Version : Easy Steps to create Mask Animation in Photoshop


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