[x]

deviantART

 

©2004-2009 =novenarik
Details
Submitted: April 14, 2004
Image Size: 141 KB
Resolution: 1405×1615
Comments: 145
Favourites & Collections: 1,043 [who?]

Views
Total: 52,188
Today: 18


Thumb

Artist's Comments

Sometimes when i get really bored, and can't think of anything to draw -- I like to practice things like flesh tones, hair, etc. This is the result of one of those times.

The reason though that I upload this, is that when going through a lot of the pieces of vector work in the galleries, I notice a lot of beginners really struggling with shading, coloring, etc.

And I think all it really comes down to is two stumbling blocks:

1. In most drawing applications, there is just SO much you can do, not necessarily things you *should* do, but just so may options. And I think you can get really bogged down with all the options: gradients, gradient meshes, styles, filters, brushes, strokes, etc etc etc. Things that complicate the piece to an unnecessary degree, and quite frankly, make the piece look like shit.

2. A lot of people, when asking me about technique and crap, do not realize just how much the program (at least in illustrator) can do for you when it comes to blending and color management. Most people don't realize that Illustrator has nearly all the same blending options the photoshop offers, although some function a little differently. When drawing a piece, they manually rummage through their palette trying to mix the exact right shade for shadows, the perfect color for highlights -- and it leaves SO much room for error, i.e., flesh shading containing weird amounts of cyan, maybe jaundicey, etc.

SO -- for this piece, I grabbed a pic out of the stock collections here at DA and basically had one goal in mind: render a quality image, simultaneously extremely complicated and ridiculously simple.

-----------------------

The image at left is composed of 13 'colors' - 7 solid colors, and 6 gradients. I did the outline on one layer, the flat colors on one layer below, and the tones on a layer above it. I tried to keep the tones very warm, and very homogenous.

Now, illustrator's 'Screen' blending mode works a little differently than photoshop's (where black is transparent, and everything else basically lightens the color beneath it) -- In illustrator is basically lightens everything all to hell -- black still lightening things as well. For this reason, I find it usually works better, to work with a simple gradient, one color blended to white, and then its transparency adjusted. And also, do the highlights *first* immediately on top of your flat colors. It makes blending so much simpler, the highlight is created by a screened shade of the exact same color beneath it -- so the highlight is precise; you don't have to worry about matching your colors over and over and over again -- since you basically have one color beneath it.

Transparencies is another key issue -- you can fade your shading in and out until you get some extremely subtle shifts -- sooo many people keep going back to that palette and tweak their colors until its just a hint lighter, but its sloppy and slow -- the transparency palette is your friend.

Anyway, next I go in and do all the shading -- typically with gradients, one color to white, blended with the "multiply" mode -- again, the shading will blend perfectly with the colors beneath it -- and you don't get any weird rastery lines on your edges. You can really go nuts at this point -- the multiply mode works exactly like it does in photoshop, so with white as one color in your gradient, you essentially are getting a perfect shade to transparent wash over your flat tones and highlights.

-------------------
The image on the right is just the image on the left, all the colors stripped out, each path stroked with a quarter-width stroke -- I've left the transparencies intact, so you can see which paths had which opacities.

The images underneath are the three layers I mentioned earlier:
Layer 1 (the first layer I created): the outlines
Layer 2 (the third layer): All shading and highlights -- anything that is a gradient, or blended, or not 100% opaque
Layer 3 (the second layer): color flats, basic full opacity washed of color.

Document Info:
454 Paths, 383 of which have are 99% opaque or less, 264 of which are gradients. 0 gradient meshes, 0 brush effects, 0 filters, 0 stylized objects, 0 stroked objects.

So thats a pretty concise, and albeit broad tutorialish walkthrough of shading -- play around with blending modes, transparencies and limited palettes and see what you come up with. It mostly a system of trial and error that you get the hang of the different modes, etc. I hope I didn't sound cocky or authoritarian -- i was going for just helpful.
Daily Deviation, 2007-10-25

Daily Deviation*novenarik's illustrations have a warmly tactile feel and a painterly flow that is uncommon in vector art, Flesh Tone Tutorialish offers some instruction on how to take your shading to a more sophisticated level. (Suggested by `wroth and Featured by `bleedsopretty)

[x]

Devious Comments

love 1 1 joy 1 1 wow 7 7 mad 0 0 sad 0 0 fear 0 0 neutral 0 0

Comments


thats really cool how you can see the colors like that

nice example
dude, I love you :D

well not really but i'm so glad you submitted this :D
bery intresting sounds pretty complex i will have to play around with these techniques. thanks for posting this.
how to put this... THANK YOU, YOU ARE A GOD.

--
"It is not a garment I cast off this day, but a skin that I tear with my own hands." -Kahlil Gibran, The Prophet
may i anoint your feet with oil, dear saint jory....

--
~j
wow yes... thank you!!!

:worship:

--
I got more flavor than fruit stripe gum!
:blowkiss: :giggle:
man these are some mad skillz.. deffinatly going to try this style.. or at leat to shade better this way..

--
++finchpunk+graphics©
:worship:

I really dont know what else to do or say... thank you.

=^.^=

I always said i couldnt colour, maybe there's hope ... *haha* but seriously. Its definitely something I'll try out.



Yinn
You should make an option to download in a zip (the pic and text)! So if all the highlights and the shading are in one layer, when did you use screen and when did you use multiply? Don't you need two layers to have two different blend effects? Also, when you say use a gradient, one color to white, what does that mean? Where did you use gradients in the shading/highlights layer? I'm confused. Other than that, this is great! (runs to Illustrator to try) :+fav:

--
[S y C r O S]
pixel . outlaw
Helpful, indeed. So altruistic of you to share with us some of your trade tricks. Yoo da man! :thumbsup:

--
:bulletred: *vbu :bulletred: *vectorizers :bulletred: ~vector-club :bulletred: ~ILoveYouAsia :bulletred:

Site Map