Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process.  Home Photoshop ImageReady Animation Creating a Winking Picture

Creating a Winking Picture


Now we are going to create an animated winking picture. I took Angelina Jolie's photo. It's a cool effect that adds some animation to your photo album and great for impressing your family and friends. In this lesson i wrote every single step to make it easy to understand. You need to have Photoshop CS or CS2 for that lesson.

Creating a Winking Picture Tutorial: Final Result

Open any photo in Photoshop. Take a picture where you can see eyes clearly :0) The first thing is to save our picture as 1.gif: File-Save As .

image 2

Now we gonna make lower eyelashes a little bit darker- it'll make closed eye more realistic. Zoom in, take eyedropper tool and click somewhere on the eyelashes:

image 3

Take brush tool and in it's options change mode to Darken, size 1 pixel, and Opacity about 50%:

image 4

and make lower eyelashes darker:

image 5

Take Healing Brush. Hold Alt on your keyboard and click somewhere on the forehead (where the 1 is) , to get the skin sample for the eye. Go ahead and cover the eye with the skin. Make it in a few steps for better results. If you don't like what you get, choose Edit-Step Backward:

image 6

If your upper eyelid is darker than you want, take Dodge tool and set it's options:

image 8

and make eyelid lighter:

image 9

To make eyelid look more realistic, use Blur tool:

image 10

You should get something like that:

image 11

Name a new picture as 2 and save it in gif format:

image 12

Did you know that there is Photoshop's younger sister living in your computer? It's called Adobe Image Ready. To start Image Ready, click on it's icon in the bottom of the tool's window.

image 13

Go to File-Open and open both of our files:

Click to enlarge
Click to enlarge

If you don't see animation window, go to Window-Amimation:

image 15

Click on image 2 to activate it and choose Select-All:

image 16

Now it's all selected:

image 17

Copy it: Edit-Copy.

image 18

Click on image number 1 to activate it, and paste previous picture into that: Edit-Paste:

image 19

Now we see two pictures with closed eye. It's ok because the first one consists of two layers now- one original and one with closed eyes.:-)

Click to enlarge
Click to enlarge

Just make sure that we have two layers in the first file. If you don't see layers window, open it: Window-Layers.

image 21

Now the most interesting part starts! In the animation window click on the indicated triangle:

image 22

In the drop-down menu choose Make Frames From Layers:

image 23

The second frame appears in the animation window:

image 24

Now we have to choose a delay time. Choose 1 second for the frame with opened eyes, and 0.2 seconds for the second frame, and set animation mode to Forever:

image 25

All you have to do is to click Play:

image 26

Here is our result:

Creating a Winking Picture Tutorial: Final Result

Save your animated picture: File-Save Optimized As:

image 28

and choose gif format:

image 29

Have a good animation!



Author's URL: Globator
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Creating a Winking Picture"

Only registered users can write comment

No comments yet...