Archive for the ‘Photoshop Tutorials’ Category

How To Make A Friends Forever Animation In Photoshop

Aim Of The Tutorial: This tutorial will help you to be creative, it will make you learn how to make simple smileys and how to do simple animation using Photoshop.

The final image will look like this:

Friends Forever Animation

Friends Forever Animation

The image can be seen in original size over here:

http://www.amblogger.com/photoshop-tutorial1/Friends-Forever-Animation.gif

So, as you can see in the final image, we will have to make two smileys and a friends forever board. Lets start making the smileys first.

Step 1:

Start photoshop and open a new document of default size, give a name to your document.

Friends Forever Animation 1

Friends Forever Animation 1

Step 2:

Double click on the background layer and unlock it.

Friends Forever Animation 2

Friends Forever Animation 2

Step 3:

Take a new layer.

Friends Forever Animation 3

Friends Forever Animation 3

Draw a circle with Elliptical Marquee Tool and fill orange color in it.

Friends Forever Animation 4

Friends Forever Animation 4

Step 4:

Duplicate the layer with circle by selecting it and pressing Control + J. Fill yellow color in the duplicated layer.

Friends Forever Animation 6

Friends Forever Animation 6

Step 5:

Reduce the size of the circle with yellow color.

Friends Forever Animation 7

Friends Forever Animation 7

Place the yellow circle in the center of the orange circle.

Friends Forever Animation 8

Friends Forever Animation 8

Step 6:

Take a new layer and make a shape using the Elliptical Marquee Tool. Fill black color in that shape and place it where you want the eyes of the smiley.

Friends Forever Animation 10

Friends Forever Animation 10

Step 7:

Duplicate the eye layer and move the duplicated layer where you want the other eye. Click on the duplicated layer and press Control + T, then right click on that eye part and select Flip Horizontal.

Friends Forever Animation 11

Friends Forever Animation 11

Step 8:

Create mouth of the smiley on a new layer by using Elliptical Marquee Tool. Fill red color in the mouth part, as shown in the image below.

Friends Forever Animation 12

Friends Forever Animation 12

Step 9:

Select all the layers except the background layer and put them in a group.

Friends Forever Animation 14

Friends Forever Animation 14

Move the group to place the smiley in the bottom left corner as shown below.

Friends Forever Animation 15

Friends Forever Animation 15

Step 10:

Right click on the group and select duplicate group.

Friends Forever Animation 16

Friends Forever Animation 16

Move the group of the new smiley on the bottom right corner.

Friends Forever Animation 18

Friends Forever Animation 18

Step 11:

Expand the group of the second smiley, select all the layers and press Contol + T.

Friends Forever Animation 19

Friends Forever Animation 19

Right click on the smiley and select Flip Horizontal.

Friends Forever Animation 20

Friends Forever Animation 20

Step 12:

Take a new layer and make an orange colored board in the center, on the top of the image.

Friends Forever Animation 21

Friends Forever Animation 21

Step 13:

Double click on the layer of the board and go to stroke. Add a stroke of 1px with black color.

Friends Forever Animation 22

Friends Forever Animation 22

Step 14:

Write Friends Forever on the board.

Friends Forever Animation 23

Friends Forever Animation 23

Step 15:

Add the text and the board layer in a new group.

Friends Forever Animation 24

Friends Forever Animation 24

Step 16:

Place the images as shown below.

Friends Forever Animation 25

Friends Forever Animation 25

Step 17:

Select the layers of Group 1, right click on them and select merge. Similarly, merge the layers of other two groups.

Friends Forever Animation 26

Friends Forever Animation 26

Step 18:

Right click on group 1 and select ungroup. Similarly, ungroup the other two groups.

Friends Forever Animation 27

Friends Forever Animation 27

Step 19:

Take Pen Tool by pressing P on your keyboard, and draw an arm as shown in the image below.

Friends Forever Animation 31

Friends Forever Animation 31

Duplicate the layer of arm. Select the duplicated layer and press Control + T. Right click on the duplicated arm and select Flip Horizontal. Move the second hand towards the other smiley. Merge the layer of the first smiley with the first arm and the layer of the second smiley with second arm.

Step 20:

Go to Windows-Animation.

Friends Forever Animation 28

Friends Forever Animation 28

A new window will appear like this:

Friends Forever Animation 29

Friends Forever Animation 29

You have to click the bottom right icon in the above window to get the frames window.

Friends Forever Animation 30

Friends Forever Animation 30

Step 21:

Delete all the default frames.
Select the white background layer and click the icon which is there in the top right corner of the frames window, and select the option Match Layer Across Frames.

Step 22:

Make two frames.

First one should be like this:

Friends Forever Animation 32

Friends Forever Animation 32

Second one should be like this:

Friends Forever Animation 33

Friends Forever Animation 33



Step 23:

Select both the frames and click the Tween Frames option located below them.
(This will automatically create frames between them)

Step 24:

Make a new frame exactly like the first frame and place it in the end. Select the last two frames and again click on Tween Frame. Now delete the last frame and set the time in all frames as .2 seconds. You will have your final image with you.

To save the image as an animation, go to file and select save for web and devices or press Alt + Shift + Control + S.

The final image will look like:

Friends Forever Animation

Friends Forever Animation

The image can be seen in original size over here:

http://www.amblogger.com/photoshop-tutorial1/Friends-Forever-Animation.gif

Hope you enjoyed the tutorial, Have Fun…!

If you like this article and think that I deserve a gift, then buy me a beer.

Create Web Templates Without Knowing HTML
Artisteer - Wordpress Theme Generator
Follow Me On Google Buzz
Akash Malik has 63 followers on Google Buzz
Aweber
Google Friend Connect
AM Blogger | Alexa Ranking
Amblogger On Facebook
amblogger on Facebook