English   |   Coming Soon
Home   |   About   |   Copyright and Usage   |   Advertise   |   Contact

OR click here for the FULL RSS

Making a Beautiful Pair of Fantasy Eyes

I think some of you may have seen the artworks on Fantasy Eyes theme on deviantART, Behance or other design portals. There is also a huge collection of Eyes Fan Club here. Today we shall explore the basics on how we can create such effects in Photoshop.
 
Image sources from FanPop
 
Preview of Final Image
 
 
We will need a pair of eyes for this tutorial. I have found a beautiful pair from Maria Gao here. Download the image and open up in Photoshop.
 
 
Let us start off with glowing the eyes. Make selections around the 2 black eyes with the Elliptical Marquee tool. Go to Select > Modify > Feather. Set the Radius to 20px.
 
 
Press Ctrl+C (to copy) and Ctrl+V (to paste). You will get a new layer with just the selected area. Rename this new layer as "Eyes Glow". Set the Blend Mode of this layer to Screen. Then duplicate the "Eyes Glow" layer for another 3 times and you will get something similar to mine below.
 
 
Create a Curves Adjustment Layer. Go to the Green and Blue channels and set the curves to the ones below.
 
 
Create a Levels Adjustment Layer and set the values to 20, 0.84, 255.
 
 
Create a new layer and name it as "Face Color". Set the foreground color to #45ADCA. Using the Soft Rounded Brush with size 200px, paint the face below both eyes. Set the Blend Mode of this layer to Soft Light when you are done.
 
 
Open up the Brush panel and key in the settings as shown below.
 
 
Create a new layer and name it as "Glitter". Using the Brush tool with size 3px and color #FFFFFF, brush around the bluish area to add the glittering effect. Right-click on the "Glitter" layer and go to Blending Options. Choose Outer Glow with its default settings.
 
 
Repeat the earlier step for the border around the big pair of eyes.
 
 
This step is really random. You can start designing how you want to add some patterns to the face. For mine, I downloaded the Swirl Curls from CreateSk8. Place the floral patterns around the eyes area.
 
 
Merge all the pattern together in a single area. Go to Image > Adjustment > Hue/Saturation. Make the Lightness to -100. This will turn the pattern in to black. Set the Blend Mode of this layer to Soft Light. Go to Filter > Blur > Gaussian Blur. Set the Radius to 2px.
 
 
Create an Exposure Adjustment Layer and key in the settings below.
 
 
Create a Levels Adjustment Layer and set the values to 15, 1, 255.
 
 
And there you have it! This is a pretty simple one and I am sure you will do it better than mine with some more tries. Thanks for reading.
 
bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark
tabs-top

66 Responses to “Making a Beautiful Pair of Fantasy Eyes”

  1. glad says:

    it can be done in cs?

  2. Chelsea says:

    I love looking at all the eyes on DeviantArt and have wondered how they do that. This tut was really easy and fun to follow, and I think it will give me a good foundation on how to do some awesome fantasy eyes.

    Thanks so much!

  3. fwinterb says:

    Hi,

    really great work. – Just tried it with another picture and it works fine for me. Perhaps you could mention, that you take Shapes for the patterns and not brushes – i had to search for my mistake for a while.

    Best regards,

    fwinterb

  4. ali says:

    it is wonderfull idea

  5. Astro1derboy says:

    This is amazing work! Thank you.

  6. Amine says:

    thank u 4 your beautiful tutorial, but it was difficult for me to understand this tutorial, because it is hard for me to read and understand the english languege.
    and this is my version

    http://img18.imageshack.us/img18/8011/18446354.jpg

  7. Radwanullah Kakar says:

    Great idea Keep The Ball Rolling

  8. idalia says:

    i love that picture wonderfuuuullll!

  9. idalia says:

    wonderful!!!i hope that i could do that with my own picture it looks so beautiul.

  10. amydeanne says:

    thanks! much appreciated. Going to try it out and see if I can get it to work in pspx

  11. Well explained tutorial. Nice final touch. Love to use this tut in my blog. Thanks to sharing this great tutorial.

  12. maura says:

    w.o.n.d.e.r.f.u.l

  13. Glosh says:

    thank you is a beutiful way of learning how to use the photoshop resources …. ;)

  14. karina says:

    I can’t get the blocks from the face to move.. I am cutting my path and not the pixels :(

  15. Kaïm Merali says:

    Hi !
    I need help : I don’t know how to do this step :
    “Open up the Brush panel and key in the settings as shown below.”

  16. Kaïm Merali says:

    Wow ! Very nice :)
    But I need help, I don’t know how to Open up the Brush panel and key :(
    Can someone help me please ?

    • Anna says:

      hi I am having the same trouble i can’t seem to get the brush panel to look like they do on the page.

  17. nihat says:

    very nicee ! thanks

  18. Steele says:

    The top image inspired me to do one like it, What do you think?

    http://www.flickr.com/photos/40140882@N02/3891480518/in/pool-10steps

  19. zorba says:

    fantabulas….really nice i loved it,,, and i did it

  20. Panji says:

    what kind of photoshop is used to make this eye design?

  21. Tony says:

    Fantastic tutorial again!! Thank you so much =D

  22. Smykel says:

    How can I do this with picture from my fotocamera. I dont have very good photocamera. It’s a Sony Cyber-shot. When I’m doing zoom, i have lots of pixels. How can I do pictures like this used in this tutorial.
    Thanks for any help.

  23. jongjong villaluz says:

    i was impressed this very beautiful work, thanks

  24. Johnson Koh says:

    Thanks guys!
    @Enrique: It’s a surprise to see you here :D

  25. Ramendri says:

    hai, thanks..its good tutorial, I lovet it hehehe…

  26. Faheem baig says:

    really cooooooooooooooooooooooooooooooooooooooooooooooool :)

    thanks and keep going thats a nice and simple one :)

  27. Impressive! How do you come up with such beautiful tutorials?

  28. Mars / Kulot says:

    wow, that totally nice, i will try this tutorial using my wife’s image

  29. Mark says:

    Used the technique for lightening the eyes for a faux fashion ad, added to the flickr group. Thanx!

  30. Jody Meyer says:

    this is a great Tut. Keep it up!…

  31. Garry says:

    i must try doing it myself! fantastic!

  32. Dicky says:

    Great tutorial! I like the white dots effect and the blue-green face. :)

  33. NSANECHICK says:

    I love it! I’m def. about to *attempt* this!!! Your website is amazing!

  34. Johnson Koh says:

    Thanks guys! :D
    @Sadhu: Come back to Singapore, now!

  35. sadhu says:

    i felt a bit scary… haha….

  36. Ah, beauty – I though will not so far in steps and stay with just those two brilliant eyes :)

  37. strawberrylynn says:

    wow! u given a sexy makeup to the photo :D i luv it!

  38. Marc says:

    Wonderful work, Koh! The pair of eyes look gorgeous.

  39. bellering says:

    Beautiful tutorial! Keep it up :)

Leave a Reply

  • 1stWebDesigner
  • Free Brushes
  • MindGems
  • Presidia Creative
  • Sherif Abdou
  • Tutorials Experts
  • Photoshop Deluxe
  • Naldzgraphics
  • Colorburned
  • FudgeGraphics
  • My Ink Blog
  • CrazyLeaf Design Blog
  • Fuel Your Creativity
  • Blasting Art
  • Best Photoshop Tutorials
  • PSD Vault
  • TutZone
  • Arrow Icons
  • Custom Icons
  • Flash Templates
  • Cheap Business Cards
  • Button Icons
  • Web Design Resource
  • De Web Times
  • Blue Blots
  • Top Illustrator Tutorials and Tips
  • WeLove2Blog
  • SloDive
  • Search Engine Optimization
  • TutFactory
  • Design Under
  • Designora
  • Design Inspiration
  • Digital Art Empire
  • Custom Icons
  • SPLASHnology - Web Technology Society
  • Design Expanse
  • SmashingApps
  • Smashing Tips
  • Flash Components and Developers Community
  • Pixels that Make your Life Easy
  • A gallery of the most creative business cards from all over the world
  • Quality Brushes for Photoshop
  • Flash Website Templates
  • Dzinepress
  • Flash CMS
  • Onextrapixel
  • Inspiration & Resources for Web Designers and Graphic Artists
  • PSD to HTML
  • Design, Inspiration, photography, photoshop, Tutorials