Jump to content


Photo

Semi Realistic Eyes (Non 3D)


22 replies to this topic

#1 toxicdj

toxicdj
  • Members
  • 35 posts
  • Reputation:8

Posted 05 December 2011 - 12:28 AM

I saw Ash's tutorial on making realistic eyes (find it [topic='12186-s3d2realistic-eyeseasyslit-pupil']Here[/topic]) that inspired me to write this tutorial on Semi Realistic eyes. These are great for things like IMVU/Second Life, Blender, Poser, The Sims 2 and any other game/program that calls for a flat image over a 3D one. I pre wrote this so I could get some advice from friends, so, without further ado... My Semi Realistic Eye tutorial...

You will need the following Effects for this tutorial:



[topic="7630"]Random Lines[/topic]

[topic="18811"]Inside Out[/topic]

Zoom Blur

[topic="8375"]Object Align[/topic] or [topic="4193"]Align Object[/topic]

[topic="2530"]Fragment[/topic]

[topic="8375"]Average Blur[/topic]


Here is a finished version of the eye:

Posted Image



Of course this is only the basic eye. I have no idea how to do shading etc.

Anyway on with the tutorial...


Start of with a blank square image. Size doesn't matter, but for this tutorial, I will be using 256px2


Choose your first two colors. Keep in mind these are the darkest colors for your iris. I'm going to use #00AE11 and #87AD1F (Copy and paste the HEX codes for these, you will need them later)


Go to Effects/Render/Random Lines and set it up like this:

Posted Image


Now lighten the colors you are using. I'm going to use #56AD5D and #94AA55


Go back to Effects/Render/Random Lines and set it up like this:

Posted Image



Lighten the colors again. I'm using #80AA82 and #9DA87E


Again go to Effects/Render/Random Lines and set it up like this:

Posted Image



Go back to your original colors and keeping the settings the same this time... do random lines again.


Now go to Effects/Distort/Insideout.


Your image should now look similar to this:

Posted Image



Click the magic wand and set it to global. Click the background of your image and then pres Ctrl + I to invert the selection.


Go to Effects/Blur/Zoom Blur and set it up like this.

Posted Image



Create a new layer. This is your pupil.


With the circle tool, create the pupil. Make sure that it doesnt dominate the eye, but not too small that it underestimates the eye either.\


Go to Effects/Object Align/Align Both to make sure it is centered.


It should look something like this now:

Posted Image



Now go to Effects/Blurs/Fragment and set it up like this:

Posted Image



Create a new layer. This will be the shine on the eye. You can do shine many ways, but I prefer to use dots. The shine is what adds the realism and life to the eye.

So using a white brush, add some shine around the pupil maybe overlapping onto the iris. Its really up to you.


Now go to Effects/Blurs/Average Blur and set it to a radius of 4.

Flatten your image and save.


There you go a finished, semi realistic eye.

Posted Image



From here on in, you can do what you want with it. My eye is a bit dull, so I messed around with curves a bit and am finishing on this:

Posted Image



Well I hope this tutorial has helped in some way. I remember I used to struggle making eyes like this, and as I fail at painting (Both in real life and digitally) I used to make it with lots of jitter, Polar Inversion and came up with half rate eyes. Now I do this and it is not only easier, but faster once you get the hang of it.


You can see other versions of my eyes using the same technique [topic='23378-toxicdjs-gallery']here[/topic] in my gallery under "Eyes".

Please post your creations underneath in the replies... I would love to see what you have all come up with. Posted Image


Edited by Ego Eram Reputo, 05 December 2011 - 07:52 AM.
Added plugin links

  • 6

Posted Image


#2 Ego Eram Reputo

Ego Eram Reputo

    2013 Proton Award Winner

  • Moderators
  • 7,463 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:541

Posted 05 December 2011 - 01:52 AM

I'm impressed! A very nice tutorial. Posted Image

Thank you.

(your first 'rep' point is well deserved Posted Image )
  • 0

#3 toxicdj

toxicdj
  • Members
  • 35 posts
  • Reputation:8

Posted 05 December 2011 - 01:56 AM

I'm impressed! A very nice tutorial. Posted Image

Thank you.

(your first 'rep' point is well deserved Posted Image )


Thanks Very Much.
I really hope this comes in handy for someone as it will for me
  • 0

Posted Image


#4 barbieq25

barbieq25
  • Moderators
  • 5,293 posts
  • LocationQueensland, Australia
  • Reputation:254

Posted 05 December 2011 - 06:54 AM

I'm impressed! A very nice tutorial. Posted Image

Thank you.

(your first 'rep' point is well deserved Posted Image )

I agree! Second 'rep' point given. :D
  • 0

Posted Image

Knowledge is no burden to carry.


April Jones, 2012


Gallery

My DA Gallery


#5 Ego Eram Reputo

Ego Eram Reputo

    2013 Proton Award Winner

  • Moderators
  • 7,463 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:541

Posted 05 December 2011 - 07:55 AM

Oh and I added some links to the plugins used. :D
  • 0

#6 toxicdj

toxicdj
  • Members
  • 35 posts
  • Reputation:8

Posted 05 December 2011 - 08:22 AM

Thank you both so much :) I'm glad you both like it. And thanks for the links... I couldn't remember which came default with PDN or not...
  • 0

Posted Image


#7 Aislin

Aislin
  • Competition Hosts
  • 617 posts
  • LocationBelgium
  • Reputation:28

Posted 05 December 2011 - 12:53 PM

awesome! This would help me with my SL avi's! :)
  • 0

#8 toxicdj

toxicdj
  • Members
  • 35 posts
  • Reputation:8

Posted 05 December 2011 - 06:40 PM

awesome! This would help me with my SL avi's! :)

I'm not too sure how the store on SL works, but you could even make some up and sell them. Thats my plan for IMVU haha...
  • 0

Posted Image


#9 welshblue

welshblue

    Paint.NET's 2013 Teacher of the Year

  • Banned
  • 5,351 posts
  • Reputation:312

Posted 05 December 2011 - 07:05 PM

Very clever. Nice touch using Inside Out

... a bit of tweaking and playing and it's potentially totally realistic :) (But don't quote me on that - I'm not one of the portrait makers ;))


  • 0

newsig.png

 

True friends are always there.

Acquaintances are fair weather

... and those who slag you off behind your back.  Pitiful

Have the bottle ... 


#10 toxicdj

toxicdj
  • Members
  • 35 posts
  • Reputation:8

Posted 05 December 2011 - 07:11 PM

Very clever. Nice touch using Inside Out

... a bit of tweaking and playing and it's potentially totally realistic :) (But don't quote me on that - I'm not one of the portrait makers ;))



I'm sure with some tweaking and some patience that you could make it a realistic eye. With eyes realism is all in the shine I think. I'm working on a way to make a more realistic shine to the eye so when I do I'll add it to the tut...
  • 0

Posted Image


#11 welshblue

welshblue

    Paint.NET's 2013 Teacher of the Year

  • Banned
  • 5,351 posts
  • Reputation:312

Posted 05 December 2011 - 07:51 PM

Posted Image

A radial gradient helps get a more spherical shape ;)




I enjoyed this tut. I'd never used Random Lines before. Could be wicked for abstracts :) But for now, I'll keep playing with this tut before entering Aislin's competition


  • 1

newsig.png

 

True friends are always there.

Acquaintances are fair weather

... and those who slag you off behind your back.  Pitiful

Have the bottle ... 


#12 toxicdj

toxicdj
  • Members
  • 35 posts
  • Reputation:8

Posted 05 December 2011 - 08:05 PM

Posted Image

A radial gradient helps get a more spherical shape ;)




I enjoyed this tut. I'd never used Random Lines before. Could be wicked for abstracts :) But for now, I'll keep playing with this tut before entering Aislin's competition


Well I must say yours looks a hell of a lot better than mine, and fixes my shading problem. I didnt even think of using a radial gradient-facepalm. Which steps did you do it on so I can update the tut. I'll credit you with the idea of course xD
  • 1

Posted Image


#13 nitenurse79

nitenurse79
  • Members
  • 1,403 posts
  • LocationSweden
  • Reputation:233

Posted 05 December 2011 - 08:55 PM

This is awesome, great tutorial, and another one to try for myself. I do hope to post some gallery soon, this will inspire me. :)
  • 0

BeachComp_zpsb90ec393.png

Sig battles won 17. Image battles won - 3.  2012 Signature of the year award winner.


#14 jim100361

jim100361
  • Members
  • 849 posts
  • LocationMilton NH
  • Reputation:50

Posted 05 December 2011 - 10:08 PM

Pretty cool tutorial.

I used the Shape 3D plugin though on the blue:

Posted Image

EDIT:

Tried adding the Shape 3D to the white background as well:

Posted Image

Edited by jim100361, 05 December 2011 - 10:14 PM.

  • 0
Posted Image

#15 pdnnoob

pdnnoob

    2013 Radiance Award Winner

  • Moderators
  • 2,391 posts
  • Reputation:188

Posted 05 December 2011 - 10:43 PM

EDIT: awww...jim beat me to the shape 3D addition xD

Posted Image
Great tutorial! I revised it to work with shape 3D and used welshie's suggestion :D Keep up the good work!

Edited by pdnnoob, 05 December 2011 - 10:44 PM.

  • 0
noobsig-1.png
what I do all summer Emote Cursor Pack 'noob gallery
No, Paint.NET is not spyware...but, installing it is an IQ test. ~BoltBait
Blend modes are like the filling in your sandwich. It's the filling that can change your experience of the sandwich. ~Ego Eram Reputo

#16 welshblue

welshblue

    Paint.NET's 2013 Teacher of the Year

  • Banned
  • 5,351 posts
  • Reputation:312

Posted 05 December 2011 - 10:49 PM

@ toxic' ... I didn't keep the file :| I know I did 2 layers, one your way - then one using polar inversion before running Inside Out. I then rotated it and changed the Blend mode ... to what I haven't got a clue. Thennn I thinkkk I added a new layer and used the radial gradient set to overlay. I think.

@ 'Noob ... that is fricking awesome my friend. I honestly thought it was real B)

Edited by welshblue, 05 December 2011 - 10:50 PM.

  • 0

newsig.png

 

True friends are always there.

Acquaintances are fair weather

... and those who slag you off behind your back.  Pitiful

Have the bottle ... 


#17 pdnnoob

pdnnoob

    2013 Radiance Award Winner

  • Moderators
  • 2,391 posts
  • Reputation:188

Posted 05 December 2011 - 10:59 PM

@ 'Noob ... that is fricking awesome my friend. I honestly thought it was real B)

Well, if you combine great ideas from great artists, things just might work out great too :lol:

I actually set my gradient to multiply (white>black radial gradient). That way, I killed two birds with one stone and made some nice shading on the white ;) (ok, I admit it was unintentional...) The colors used in the gradient makes a big difference, and I don't know what colors welshie used, so I didn't get good results from overlay D:
  • 0
noobsig-1.png
what I do all summer Emote Cursor Pack 'noob gallery
No, Paint.NET is not spyware...but, installing it is an IQ test. ~BoltBait
Blend modes are like the filling in your sandwich. It's the filling that can change your experience of the sandwich. ~Ego Eram Reputo

#18 jim100361

jim100361
  • Members
  • 849 posts
  • LocationMilton NH
  • Reputation:50

Posted 05 December 2011 - 11:11 PM

EDIT: awww...jim beat me to the shape 3D addition xD

Posted Image
Great tutorial! I revised it to work with shape 3D and used welshie's suggestion Posted Image Keep up the good work!


I may have beat you to posting about using the Shape 3D, but you've nailed it much better than I did!

Great piece.


Also, I think maybe the title of the thread should be changed - delete "(Non 3D)" - lol

Edited by jim100361, 05 December 2011 - 11:17 PM.

  • 0
Posted Image

#19 toxicdj

toxicdj
  • Members
  • 35 posts
  • Reputation:8

Posted 06 December 2011 - 02:15 AM

EDIT: awww...jim beat me to the shape 3D addition xD

Posted Image
Great tutorial! I revised it to work with shape 3D and used welshie's suggestion :D Keep up the good work!

OMG Thats amazing xD
  • 0

Posted Image


#20 pdnnoob

pdnnoob

    2013 Radiance Award Winner

  • Moderators
  • 2,391 posts
  • Reputation:188

Posted 06 December 2011 - 04:25 AM

I may have beat you to posting about using the Shape 3D, but you've nailed it much better than I did!
Great piece.

Thanks! :) All I really did was combine Ash's tutorial with this one and welshie's suggestion, so...great ideas and creditz to all the real brains behind the picture!

OMG Thats amazing xD

only great results from an amazing tutorial ;)
  • 0
noobsig-1.png
what I do all summer Emote Cursor Pack 'noob gallery
No, Paint.NET is not spyware...but, installing it is an IQ test. ~BoltBait
Blend modes are like the filling in your sandwich. It's the filling that can change your experience of the sandwich. ~Ego Eram Reputo