Welcome to Gaia! ::

Reply Editors Resources & Help Desk
[TUTE] Editing eyes (2 methods) Goto Page: 1 2 3 [>] [»|]

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

useful?
yes
67%
 67%  [ 40 ]
maybe
11%
 11%  [ 7 ]
no
1%
 1%  [ 1 ]
mew?
18%
 18%  [ 11 ]
Total Votes : 59


TimeTheTea

Beloved Citizen

PostPosted: Thu Jan 18, 2007 2:54 am

Welcome to my third avatar editing tutorial!


What is this about?: This tutorial will show you, how to edit eyes. I'll be showing you 2 methods. ^^


Well.. it is nice and all, but will you make something useful next time?: hihi I sure hope so!


Other editing tutorials by me:
*How to make your avatar blink (animating)
* How to shade with a soft brush and without pen pressure (clean way)



Other tutorials by me, which are not avatar related: Raspberry-Tea's homepage -> tutorials-> choose which one to look at.


Now, shall we continiue to the actual tutorial? follow me, it is in the next posts. blaugh

Oh! and DO show me your results!!

 
PostPosted: Thu Jan 18, 2007 3:01 am

From the start

Starting words: In this post, I'll show you how I edit the eyes when I have to start from the very beginnning.

User Image







Step 1:


Now, open up an avatar base you want to give eyes to..

Here is the one I'm using today.

Tip: When you want to edit new eyes, but your base doesnt have the "eye area" shown (the darker areas), then you might want to go to tektek.org and get a new base (or head) from the dream avatar creator.


User Image








Step 2:

Make a new layer, then take the normal pencil tool (1 px) and draw the upper eyelashes. If you cant use layers, then you'll just have to be very careful by editing. ^^;

They don't have to look perfect right now, since we just started. ^^


User Image









Step 3:

This step is quite easy.

Just make a new layer again, place it between the base layer and the eyelashes layer.

Use the pencil tool to fill it in with white.

Remember, that the eyes arent too big. when the white area ends 1 or 2 pixels below the lowest pixel of the upper eyelid, it should look normal. Also, most eyes are round-ish. 3nodding

For paint users: You'll need a LOT of patience with the following steps since you can not use layers or choose the pencil tools opacity. You'll just have to pick the right colors for each pixel.

User Image








Step 4:

As you all know, even eyes have a shadow.

So, we take the pencil tool again, and set the opacity to 20 - 30 %. We will use black for this step.

Select the eyelash layer and start adding darker pixels to the upper part of the white area. Only add a light shade on the bottom.

Also, now we'll soften the eyelashes a bit. Add a few pixels here and there, making the eyelid look like you want it to be. I wanted it to be a bit more round, so I added a new line of pixels to the top. I reccomend you add pixels with different opacity.


User Image







Step 5:

What is an eye without an iris? That's right, nothing much. rofl

So, we now add an iris. Make a new layer and place it between the eyelash and the whiteness layer. Pick a color you wish, I chose a cute blue.

All irises are round-ish, but that doesnt mean they have to be really round, just make a rectangle or square and leave out one pixel from the bottom (on one or both sides).

since the eyelashes are above the iris layer, we allready have a part of the eye shaded. SCORE!


User Image






Step 6:


As all eyes need an iris, they also need a pupil.

Take a darker color of the color you chose, which would mean dark blue for me, and make a 2X2 px (or smaller) area to the center of the iris.

Remember, even when the eyes arent open the same amount, the iris should still be at the same height. (unless.... )

User Image






Step 7:

Now we shade the eye a bit more.

We're still using the pencil tool. if you wish, you may use the same dark color you used for the pupil, but set the opacity to 20 -40 %, so that you can make it look smooth. But when you like using the color chooser, go on ahead and add different shades of your original color to the eye.

Leave a small area under the pupil unshaded, since the eye should shine a bit too.



User Image





Step 8:



Now, we give the eyes a bit of shine. And we do that by placing a pixel of a lighter shade of the original eye color to the area we left unshaded in the last step.

User Image



Step 9:



This is the last step, before you can call the eye editing finished is the cleanup.

We now take the nice color named white again and add the shine to the eyes. A single white pixel in the upper left area of the eye seems enough, but it looks even beter when you add a few pixels of white with a opacity of 25 % or a bit more. ^_^

Now that we have finished making the eye shine, we'll focus on the lower eyelid. The shade of gray I had there was just not right, so I chose a fairly dark shade of the skintone and made a lower eyelid for the edit. I also reccomend you to shade it like I did, making the edges a bit softer.

And then.. the very last (I promise!) thing you should do is replacing the dark shadows under the eys with the normal skin color. if you dont do this, you'll edit will look like it is depressed or has insomnia. biggrin







The eyes might not turn out the way you want at the first try... but don't give up!

You can make smaller or bigger eyes using this method. ^^ Good luck!
 

TimeTheTea

Beloved Citizen


TimeTheTea

Beloved Citizen

PostPosted: Thu Jan 18, 2007 3:08 am

Be a bit sneaky

Starting words: In this post, I'll show you how I edit the eyes when I can use a allready existing eye.

User Image







Step 1:


Now, open up the avatar base with the eys you want to edit.

This will be the eyes I'll edit for you today.

User Image








Step 2:

The first thing I usually do when I edit these specific eyes, is removing the green pixels from the upper eyelashes.

I also recolor the pink-ish and green-ish shades of the white area, so that they are gray. I also add a few grey pixels to the area of the upper eyelash, This will make the eye lashes a bit thinner and the eye a bit brighter.

Also, adding a few black pixels to the area where the eyelid and the skin meet, will make the eye look better. Use the pencil tool and set it's opacity to 20-40%.

User Image









Step 3:


Since I want the edit to look at something else then its nose, I moved the iris of the right eye to the right by 1 px.

I also added a green stripe to the place where the black area used to be. Plus, I added the white area of the eye, shading it with the right shades of gray.


User Image








Step 4:

When you look at the previous image, you'll see, that the sparkle on the right eye is weird looking.

We fix it by moving it to the right by 1 px.

Also, shade the iris again, considering the shading style of the original eye.


It now looks good enough to be used, but I will show you one more trick in the next step.


User Image







Step 5:

Select the 2 lower pixels of the eyes and also 1 pixel line of the skin. If you are using photshop, press ctrl + J. After doing this, move the duplicated pixels up by 1 px.

If you are using paint, do the same but wthout duplicating, since you can't do that. Fill in the empty are with the right skin color.

When the eyelashes are too long, just edit them to look good.













The eyes might not turn out the way you want at the first try... but don't give up!

 
PostPosted: Thu Jan 18, 2007 4:25 am

I hope you liked this tutorial, and that it helped you in some way! heart

Eyes I've made with these methods:
User Image - Blocked by "Display Image" Settings. Click to show.
 

TimeTheTea

Beloved Citizen


Lucca Ashtear

PostPosted: Thu Jan 18, 2007 8:40 am
Awesome tut, Raspy!  
PostPosted: Thu Jan 18, 2007 8:46 am
Lucca Ashtear
Awesome tut, Raspy!
^^; hihi.. thanks... I hope somone really finds it useful XD  

TimeTheTea

Beloved Citizen


Ninja_Maiden

Skilled Cleric

PostPosted: Thu Jan 18, 2007 1:10 pm
I will find it useful when I try it out tonight. 3nodding Thanks for making this.  
PostPosted: Thu Jan 18, 2007 2:01 pm
Ninja_Maiden
I will find it useful when I try it out tonight. 3nodding Thanks for making this.
^^ yaay-ness!  

TimeTheTea

Beloved Citizen


Lucca Ashtear

PostPosted: Thu Jan 18, 2007 5:34 pm
I've already found it useful! But the edit I made the eyes for is kinda secret, so you won't be seeing them until about 1.5 weeks from now. It's because it's for a contest, which closes on the 31st. If I hold out until the last minute, I can keep tweaking and refining it so I can stay ahead of the competition!

I think they came out really well, though. Your tut was a great help to me.  
PostPosted: Thu Jan 18, 2007 11:22 pm
Lucca Ashtear
I've already found it useful! But the edit I made the eyes for is kinda secret, so you won't be seeing them until about 1.5 weeks from now. It's because it's for a contest, which closes on the 31st. If I hold out until the last minute, I can keep tweaking and refining it so I can stay ahead of the competition!

I think they came out really well, though. Your tut was a great help to me.
*glomps* I'm soo glad to hear that!

Best of luck in the competition! blaugh  

TimeTheTea

Beloved Citizen


Witch of Rokkenjima

PostPosted: Fri Jan 19, 2007 4:00 am
This is awesome. O_O

I'll have to edit some this weekend now. @_@
 
PostPosted: Fri Jan 19, 2007 6:50 am
Izumi Hanae
This is awesome. O_O

I'll have to edit some this weekend now. @_@

biggrin lol.. have fun!  

TimeTheTea

Beloved Citizen


Evil Darpie

PostPosted: Fri Jan 19, 2007 8:38 pm
yay look with works mrgreen
User Image  
PostPosted: Sat Jan 20, 2007 3:38 am
sharpie5
yay look with works mrgreen
User Image
biggrin great job!!  

TimeTheTea

Beloved Citizen


Doriya

PostPosted: Sat Jan 20, 2007 5:48 pm
Hi Raspy-Chan!
I tried your eye tutorial on a Yuna edit :3
I really liked the outcome of the eyes. I hope you don't mind if I borrow your eye coloring style and eyelash style and fix it with my style next time. x3
heres the outcome, in case you wanted to see it.
User Image
 
Reply
Editors Resources & Help Desk

Goto Page: 1 2 3 [>] [»|]
 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum