Welcome to Gaia! ::

Reply Editors Resources & Help Desk
[TUTE] Shading with Photoshop Layer Effects

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Lucca Ashtear

PostPosted: Mon Nov 27, 2006 11:33 am


Okay, this ought to help at least a few of you. Here's how to get shading to look good when you're shading a fabric that has a killer pattern on it - something that would make you scream AAAUGH to do it by hand. Something like this:

User Image - Blocked by "Display Image" Settings. Click to show.


You will need:
-Adobe Photoshop or a similar program
-A general understanding of how to edit with Photoshop
-A general understanding of layers
-Familiarity ith the Magic Wand tool


To begin:
User Image - Blocked by "Display Image" Settings. Click to show.
Block in your flat colors, minus the patterns. Remember to make use of different layers for different parts of the outfit, and all that, and use the pencil... all this was covered in my first tutorial.







Next:
User Image - Blocked by "Display Image" Settings. Click to show.
Draw in your patterns and designs. I like doing this on layers above the flats (one for each piece of clothing). This pattern can be anything - embroidery as seen here, plaid, polka dots, a floral print (I used this technique on the apron for my V-cooks-breakfast edit), even lace. I won't give instructions on how to draw your pattern, because this method of shading is so versatile and there are many different ways to draw different kinds of patterns.






After that:
User Image - Blocked by "Display Image" Settings. Click to show.
Make a new layer above everything, and turn off the visibility of the avatar base. Using the Magic Wand tool with the 'Use All Layers' box checked, select the white area around the clothes. Hit shift+ctrl+I to invert the selection, and fill the selection with 50% gray, so you now have a gray silhouette of the avatar. Then go to your Layers palette, and set the layer mode to Hard Light (the drop-down menu to choose this is at the top of the palette, just below the word 'Layers'). The gray will disappear. Deselect, and check the box for Lock Transparency. Oh, and turn the base back on.






And now, the shading:
User Image - Blocked by "Display Image" Settings. Click to show.
Decrease the opacity of the Hard Light layer to 50%, and paint in shadows and highlights with regular black and white. Smudge them until they're smooth and look good to you.








Shading part two:
User Image - Blocked by "Display Image" Settings. Click to show.
Duplicate your shading layer and change it from Hard Light to Soft Light, then decrease the opacity to taste. Here, it's at 41%.









Color Correction:
User Image - Blocked by "Display Image" Settings. Click to show.
Since Hard Light with regular black and white tends to decrease the overall saturation of the colors, you'll want to play around with the color settings here. Go to Image->Adjustments->Color Balance, and play with the sliders until it looks good - this step will be different for every avatar edit; on mine I added more yellow to the midtones and highlights and more red to the shadows, but yours will be different if your avatar is different colors. You might try playing with Brightness/Contrast too.

That's the last step! Add your logo and you're done!






Notes:
Don't take this to be the only way to do this sort of thing. By all means, try out different layer settings besides Soft Light and Hard Light. Overlay, Linear Light, and Vivid Light are all viable options, but they need different opacity and/or fill settings, so play with that. Have fun with it, and keep experimenting with different light until you get something that looks just right.
PostPosted: Mon Nov 27, 2006 3:16 pm


User ImageI hope its okay to post ^^;;
Lucca you always make such wonderful edits and your kind enough to make a tutorial for us.
When I go to do more elaborate avatar edits, I'm gonna use your tutorial.
whee

Doriya


Lucca Ashtear

PostPosted: Wed Nov 29, 2006 2:14 pm


Yeah, it's okay to post ^^; I should have specified that.
PostPosted: Sat Dec 09, 2006 2:46 pm


Lucca! gonk
You have so much time on exploring them! heart Meave feel ashamed for keep obssessing animes...(but hey! Meave still love anime.)

Anyway. This IS a very very NEW method of editing. Meave figure layer style would be able to do the same effect also, but, Meave is lazy and did't try out... crying

Just one question : Which method is faster? Layer Style or Colour Shade?

xuvrette


Lucca Ashtear

PostPosted: Tue Dec 12, 2006 11:54 am


Regular old color shading is easier and faster. This method is best used when you have a complicated pattern that could easily be smudged or otherwise ruined by regular color shading.
PostPosted: Sat May 26, 2007 9:27 pm


Lucca u r so cool!
=0
*Does something and follows teh tutorial*

Aphrodile

Reply
Editors Resources & Help Desk

 
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