Jump to content

Move and animate eyes in Photoshop.


K4rMa

Recommended Posts

In this tutorial i will show you how to create, move and animate eyes in Photoshop.

I am using Photoshop CS3 and if i am not wrong you can do this in Photoshop earlier versions.

 

Lets start this tutorial bounce .

 

First open an image in photoshop, make sure the eyes of the image you took is clear and visible. Here is the image i am using for this tutorial.

 

before11.jpg

 

Step.1

Create a selection of pupil and copy it to the new layer. Temperoraly hide this layer.

 

pupil_10.jpg

 

Step.2

Now make the selection of eye balls using any one of these tools ie pen tool, lasso tool or paint (using quick mask mode).

 

eye_se11.jpg

 

Step.3

Create a new layer and fill the selection with white color.

 

Step.4

Use the "Burn" tool to create highlights and shadows for that filled layer, as show in the image below.

 

Settings for "Burn tool"

 

burn_t11.jpg

 

highli11.jpg

 

after_10.jpg

 

After applying Highlights using "Burn- tool".

 

Step.5

Open color balance under Image >Adjustments > color balance, apply some green and blue to match the color of the eyeballs.(Move the slider to magneta and yellow to perfectly match the colors,

you can also use "levels").

 

color_10.jpg

 

Step.6

Now unhide the 'pupil' layer, highlight the selection of that layer and

make another copy of it by holding Alt key (option key in MAC) and

place it on other eye ball.

 

copy-o11.jpg

 

final_11.jpg

 

Here is the finaly image, after copying the pupil from one eye to another one.

 

Step.7

Make the pupil layer as a ' clipping mask ' to the eye-ball layer (eye-ball= the layer we have filled it with white).

 

After completing step.7, you can move eyes.

 

Final Step.

Open the animation palate under windows menu and create an animation by moving the eye.

 

animat10.jpg

 

Here is the final output after creating animation and by following these steps you can create some cool animation like the one shown in the image below.

 

 

emmaew10.gif

 

Here is another example.

 

crazy10.gif

 

Tutorial by ~~> Willie Arolf

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...