process photoshops glowing eyes (Photoshop CS3)

Discussion in 'Creative General Discussion' started by process, May 21, 2011.

  1. process

    process Hanlon's razor Veteran TFW2005 Supporter

    Joined:
    Dec 1, 2008
    Posts:
    7,730
    News Credits:
    35
    Trophy Points:
    272
    Likes:
    +163
    Ebay:
    Here is another potential tutorial thread for the purpose of demonstrating how I typically add glowing eyes to my figures using Photoshop CS3. More examples of this technique and its results can be see in this post: http://www.tfw2005.com/boards/trans...ese-few-my-favorite-things-7.html#post6008894

    Step 1: Import your photo into Photoshop

    That's it, you're done with this step!

    [​IMG]

    Step 2: Selecting the eyes

    Use the Polygonal Lasso tool to manually trace around each eye. Make sure you have "Add to selection" selected in the toolbar, so both eyes can be selected at the same time, and therefore modified simultaneously. Do not worry too much about precision or smoothness; a rough outline is acceptable so long as you're within the eyes.

    [​IMG]

    Step 3: Refining the selection

    With the eyes still selected, and before you do anything else, click the "Refine Edge..." button in the toolbar. This will bring up the menu below. This will allow us to make the eyes look more natural, and not cut-and-pasted. You can mouse over each of the sliders to read what they do in the description box below. These setting will depend on the size of your image, so don't necessarily copy the settings in the picture below.

    The three most important settings here are Smooth, Feather and Contract/Expand. Smooth gets rid of sharp edges from the initial Lassoing. Feather blurs the edges of the selection, which will enhance the glowing effect when we get to that step. Finally, Contract/Expand will help to make the eyes "fit" into the face better; a small contraction of -1 to -4% can help to make the glowing effect look more convincing.

    Once you're happy with the selection, copy and paste the selection to a new layer. You should now have the entire photo on a single layer, and the eyes on a new layer on top.

    [​IMG]

    Step 4: Color overlay

    On the new eyes layer, Right click --> Blending Options.... Check the box next to Color Overlay, and navigate to that tab. All we're going to do here is completely color the eyes in white, as you see in the picture below. This is the first time you'll get a sense of what you did in step 3. If you're unhappy with the way it looks, go back and play around with the settings again.

    [​IMG]

    Step 5: Outer glow

    While you're in Blending Options..., check off the Outer Glow box and navigate to that tab. For this step, you can change all of your settings to what you see in the picture below. The only things you will need to change are the color, and the Spread and Size sliders. As in Refine Edges..., you'll want to play with these to see how they work, but in general, set Spread first to determine the extent of the glow, and then use Size to help blur it. For small photos, don't be surprised if the Spread ends up being 0. The trick is getting the glow tight to the eyes, but not so close that it looks like eyeliner.

    Once you're satisfied with the result, hit Ok: you're done!

    [​IMG]

    Step --: Refine Edge...

    For comparison's sake, this is what the final result result would have looked like, with the same Outer Glow, if you hadn't used the Refine Edge... button.

    [​IMG]

    Conclusion

    And in context, this is the result.

    [​IMG]

    At this point, you may feel the need to go back and try it again. Ultimately you'll end up with something you like. In this case, I thought the eyes looked better being a little larger and less blurred, a result of tweaking the Feather and Contract/Expand sliders in Refine Edge....

    [​IMG]

    As a final note: don't forget that the layer effects are live settings. That is, if you resize this image, the Blending Options will not resize with it. Before you do any resizing, save a flattened copy of your work file out, i.e., *.jpg. Do any resizing you need to in this new file.
     

    Attached Files:

    • 1.jpg
      1.jpg
      File size:
      190.1 KB
      Views:
      9,528
    • 2.jpg
      2.jpg
      File size:
      191.8 KB
      Views:
      9,225
    • 3.jpg
      3.jpg
      File size:
      248.3 KB
      Views:
      9,708
    • 4.jpg
      4.jpg
      File size:
      265.1 KB
      Views:
      9,443
    • 5.jpg
      5.jpg
      File size:
      302.2 KB
      Views:
      9,041
    • 5 alt.jpg
      5 alt.jpg
      File size:
      191.3 KB
      Views:
      8,953
    • final 1.jpg
      final 1.jpg
      File size:
      399.4 KB
      Views:
      8,900
    • final 2.jpg
      final 2.jpg
      File size:
      399.9 KB
      Views:
      9,080
    Last edited: May 22, 2011
  2. tobuttica

    tobuttica Well-Known Member

    Joined:
    Apr 28, 2009
    Posts:
    1,787
    Trophy Points:
    136
    Likes:
    +0
    That, is pretty awesome. I guess I need to get some photoshop so I can make some badass photos!!
     
  3. Lock Cade

    Lock Cade Tarn Fangirl TFW2005 Supporter

    Joined:
    Nov 16, 2006
    Posts:
    26,856
    Trophy Points:
    352
    Location:
    Michigan
    Likes:
    +95
    Thanks for providing this tutorial.
     
  4. cheetor71

    cheetor71 Autobot

    Joined:
    Apr 14, 2009
    Posts:
    5,152
    Trophy Points:
    191
    Likes:
    +0
    That is so cool.
     
  5. seali_me

    seali_me Buhawi Gabay-Tala

    Joined:
    Dec 11, 2007
    Posts:
    18,094
    Trophy Points:
    277
    Location:
    Bundok Maharlika
    Likes:
    +110
    niiiiiiiiiiiiiiice! thank you!
     
  6. f-primusunicron

    f-primusunicron Unicron Herald BladeZero

    Joined:
    Oct 13, 2009
    Posts:
    2,031
    News Credits:
    2
    Trophy Points:
    172
    Likes:
    +14
    really AWESOME
    but, isnt this supposed to be in the fanart forum? this is the customs forum XD anyway this tutorial rocks :bay 
     
  7. process

    process Hanlon's razor Veteran TFW2005 Supporter

    Joined:
    Dec 1, 2008
    Posts:
    7,730
    News Credits:
    35
    Trophy Points:
    272
    Likes:
    +163
    Ebay:
    I have no idea where this belongs. :redface2: 
     
  8. Superquad7

    Superquad7 We're only human. Super Mod

    Joined:
    May 19, 2003
    Posts:
    47,595
    News Credits:
    11
    Trophy Points:
    342
    Likes:
    +22
    It would either belong in Fan Art or Creative GD. I've moved it to CGD, and I'll certainly be resourcing this soon. The Fan Art portion of Tutorials certainly need more additions. Great work, and thanks so much for your contribution!
     
  9. Chaos Muffin

    Chaos Muffin Misadventure Veteran

    Joined:
    Mar 26, 2004
    Posts:
    28,751
    Trophy Points:
    322
    Likes:
    +4
    Nicely done man
     
  10. NICKBOT

    NICKBOT Entitlement? Piss off.

    Joined:
    Mar 28, 2010
    Posts:
    2,844
    News Credits:
    1
    Trophy Points:
    167
    Likes:
    +3
  11. SG hailstorm

    SG hailstorm Thundercracker fanatic

    Joined:
    Jun 21, 2011
    Posts:
    2,821
    Trophy Points:
    167
    Likes:
    +2

    could you do that with this pic? [​IMG]

    i dont have photoshop
     
  12. process

    process Hanlon's razor Veteran TFW2005 Supporter

    Joined:
    Dec 1, 2008
    Posts:
    7,730
    News Credits:
    35
    Trophy Points:
    272
    Likes:
    +163
    Ebay:
    Here you go.
     

    Attached Files:

  13. Maverick Hunter Christian

    Maverick Hunter Christian Choke on that, causality!

    Joined:
    Jun 28, 2002
    Posts:
    3,995
    News Credits:
    2
    Trophy Points:
    207
    Likes:
    +15
    Been doing this for years and *NEVER* knew about the refine edges feature. I'd been tossing on an inner glow to fudge the hard edges. :D 

    Thank you, process. Your tutorial has been extremely helpful.

    So... how about the soft glow effects you've been putting on weapons in your pics? :) 
     
  14. process

    process Hanlon's razor Veteran TFW2005 Supporter

    Joined:
    Dec 1, 2008
    Posts:
    7,730
    News Credits:
    35
    Trophy Points:
    272
    Likes:
    +163
    Ebay:
    I was totally doing that too, and finding the refined edge button was an accident. Glad I could share. :D 

    I isolate areas using the same copy+refined edge+paste, but don't have a standard routine for the glow. It's a combination of inner glow, color overlay, and outer glow, and it's very trial and error. I usually just scroll through the filter options to see what looks best, while varying transparencies.
     
  15. NICKBOT

    NICKBOT Entitlement? Piss off.

    Joined:
    Mar 28, 2010
    Posts:
    2,844
    News Credits:
    1
    Trophy Points:
    167
    Likes:
    +3
    Yeah, this is great! I have CS2 at home (no Refine Edge button) but at work I have access to CS3. Any thoughts on how to pull this off in CS2?
     
  16. process

    process Hanlon's razor Veteran TFW2005 Supporter

    Joined:
    Dec 1, 2008
    Posts:
    7,730
    News Credits:
    35
    Trophy Points:
    272
    Likes:
    +163
    Ebay:
    A cursory Google search isn't giving me much. A Gaussian blur applied to your glow layer might do it. Apparently there's a feather button somewhere, which is the most important part: How to Soften the Edges of Photos in Photoshop CS2 | eHow.com
     
  17. NICKBOT

    NICKBOT Entitlement? Piss off.

    Joined:
    Mar 28, 2010
    Posts:
    2,844
    News Credits:
    1
    Trophy Points:
    167
    Likes:
    +3
    Thanks man, I did try Google too with no luck. I'll give that a go. Thanks again!
     
  18. Neekotron

    Neekotron We're in Ratbat Country!

    Joined:
    Oct 28, 2011
    Posts:
    2,011
    News Credits:
    1
    Trophy Points:
    207
    Likes:
    +189
    So awesome of you to share your process, process. :D 
     
  19. SG hailstorm

    SG hailstorm Thundercracker fanatic

    Joined:
    Jun 21, 2011
    Posts:
    2,821
    Trophy Points:
    167
    Likes:
    +2
    Thank you so much! I owe ye one!
     

Share This Page