deviant art

Deviant Login Shop
 Join deviantART for FREE Take the Tour
[x]
Download Image
JPG, 1000×6229
more ▶

More from ~MissNysha

Featured in Groups:

Details

February 17, 2011
1.3 MB
1000×6229
Link
Thumb

Statistics

Comments: 64
Favourites: 821 [who?]

Views: 18,293 (6 today)
Downloads: 845 (0 today)
[x]
:iconmissnysha:
This is a guide for those who want some more in depth clarification about my fav digital coloring technique: vector mask painting, which combines vectoring and tablet painting in a single layer. This time, you don't have to hunt through my other tutorials to try and understand the concept! :D

Intermediate level, as it assumes some photoshop vectoring knowledge. See my previous Ultimate vectoring guide for further details: [link]

Also check out my Hair Coloring Tutorial to see me using vector mask painting in full! [link]

Made in photoshop cs2, but the technique still applies to other versions. :)

Enjoy!

All parts made by me - No stealing or ripping any of its content.
Add a Comment:
 
love 1 1 joy 4 4 wow 1 1 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconelysianskies:
*ElysianSkies Apr 30, 2013  Professional
Very interesting technique. It reminds me of what I do in Illustrator. In CS6 you get better painting brushes and vector masks really help a lot there, but I never thought about trying them in Photoshp..I'll definitely have to try that out some time! Thank you for taking the time to write this tutorial!
Reply
:iconmissnysha:
~MissNysha Apr 30, 2013  Professional General Artist
Glad to help! I do not have CS6 yet, but I am definitely intrigued by what the new Illustrator can do! Especially if the upgrade does not have a RAM limit, like how Photoshop CS5 currently runs (one of my favorite new features).
Reply
:iconelysianskies:
*ElysianSkies May 15, 2013  Professional
I definitely have to check that out! I switched directly from CS4 to CS6, so I don't know much about the detailed changes. But I'm sure you'll enjoy the new features of CS6.. it's a blast! ^^
Reply
:iconvolcanic-penguin:
~Volcanic-Penguin Dec 25, 2012  Hobbyist Digital Artist
This is quite cool.

I make a lot of vector graphics in Flash, and would like to try out painting within those vector shapes, but I suppose then I'll have to settle for the magic wand tool, I hope that works fairly well without getting weird looking edges.
Reply
:iconmissnysha:
~MissNysha Dec 26, 2012  Professional General Artist
Actually I do not recommend the magic wand tool, because it selects a certain color base, with a lot of random fuzziness that results in pixellated edges. (unless you're only selecting 1 out of 2 colored areas) Using the pen tool to create vector masks is the solution to make the cleanest edges possible. It shouldn't be too much different from vectoring shapes in flash.

To rate the tools available, my selection/edges hierarchy goes like this:
Group vector mask > painted group layer mask > lock transparent pixels (when working on a single layer only) > polygon lasso tool > magic wand.

So you can see I only use the wand tool as a last resort. Although it may be the fastest, the randomness you can't control on its edges really brings the overall image quality down, which other viewers will easily notice. Plus once you make a mask, you only need to create it once, as opposed to having to reselect the area you want over and over, so in the long run it saves time too.

Is there a reason why you must settle on the wand tool?
Reply
:iconvolcanic-penguin:
~Volcanic-Penguin Dec 26, 2012  Hobbyist Digital Artist
Thanks for the response!

I've found that if you use the magic wand tool to select an area, you can then click on "Refine Edge" and then "Decontaminate Colors" and it will create a layer mask for your selection so that you won't have to re-select anything later. But you're right in that it's a bit messy.

Well the way vectors work in Flash is quite different from Photoshop or Illustrator and I find it more intuitive and flexible. It took a long time but I managed to figure out how to get the vectors from Flash to Photoshop. I had to export the Flash graphic as an fxg file, open it in Illustrator and save as an ai file, then open that in Fireworks and save as a psd file that when opened in Photoshop has every shape as a color fill and a vector mask.

The only issue with this is that if you have two adjacent vector shapes that share the same border edge, which you often have in Flash, you end up with a thin transparent line in between the two shapes in Photoshop, as if they're not quite touching. But I suppose I can just make sure shapes are always overlapping each other.
Reply
:iconsupersleuth10:
~SuperSleuth10 Mar 10, 2012  Hobbyist Digital Artist
very nice =)
i have one question though.
Why do you have a layer mask on all of your layers or more specifically what do you use it for?
Reply
:iconmissnysha:
~MissNysha Mar 10, 2012  Professional General Artist
I use layer masks separately from vector masks for non-destructive erasing. Basically I can soften and fade parts without permanently erasing them - and if I make any mistakes I can just paint back with white to bring parts back. :)
Reply
:iconsupersleuth10:
~SuperSleuth10 Mar 10, 2012  Hobbyist Digital Artist
interesting, I may just try that.
Thanks!
Reply
:iconminx188:
Hi What my question is if i did some work @ photoshop and drag my work into illustrato and vise versa is this the efficient way in terms of getting good quarlity and making working easier? Or do i need to save in some sort of format like like jpeg. or something to make the process smooth and correct- to one software into the other.

What's the difference betwee eps and ai. ?
Sorry about the lame question but im a complete beginner in the technical size of things.
Reply
Add a Comment: