Hello and welcome to my new photoshop animation tutorial made for zeezed! This weeks tutorial I will be teaching you how to make simple animations! Lets get started shall we!
For this tutorial I've created a 200x200 ( 72 res. ) file with two layers, one being "a" and one being "b".
We'll be playing around with these two layers. Things you need open:
-Layers
-Animation
These can be located in the photoshop drop down menu "windows" like below:
after you've done that you should get this window at the bottom:
Here is a diagram in case this is foreign area of photoshop for you
diagram
Before we start I will tell you the first effect we'll be learning today, sliding. Pretty simple, frame b will be sliding left across frame a. You'll need to select the move tool (V) and slide your frame all the way to the left so you cannot see it.
Now while holding down shift hit your right arrow key once. Now you'll have this
now go down to your animation box and click on the duplicate frame button:
and repeat this step until the B layer has went from one side to. You'll get this:
We'll be playing around with these two layers. Things you need open:
-Layers
-Animation
These can be located in the photoshop drop down menu "windows" like below:
after you've done that you should get this window at the bottom:
Here is a diagram in case this is foreign area of photoshop for you
diagram
Before we start I will tell you the first effect we'll be learning today, sliding. Pretty simple, frame b will be sliding left across frame a. You'll need to select the move tool (V) and slide your frame all the way to the left so you cannot see it.
Now while holding down shift hit your right arrow key once. Now you'll have this
now go down to your animation box and click on the duplicate frame button:
and repeat this step until the B layer has went from one side to. You'll get this:
-------------------------------------------------------
EXTRAS
------------------------------------------------------
The next style we'll be doing it fading. In adobe animations you can also edit the opacity so you can make cool fade effects. This is how:
Start off with your B frame showing and edit the opacity and take away 10% and duplicate frame like you did above. Continue to do so till your get to 0%. You're done, should look like this:
-------------------------------------------------------
Take all opacity off of layer B ( or you can click on the eye icon and make it invisible ) and duplicated frame and change opacity to 100% ( or if you make it invisible turn on the visibility ).
EXTRAS
------------------------------------------------------
The next style we'll be doing it fading. In adobe animations you can also edit the opacity so you can make cool fade effects. This is how:
Start off with your B frame showing and edit the opacity and take away 10% and duplicate frame like you did above. Continue to do so till your get to 0%. You're done, should look like this:
-------------------------------------------------------
Take all opacity off of layer B ( or you can click on the eye icon and make it invisible ) and duplicated frame and change opacity to 100% ( or if you make it invisible turn on the visibility ).
0 comments
Post a Comment