HOME | DD

rubendevela β€” photoshop layers tutorials

Published: 2011-01-24 01:18:26 +0000 UTC; Views: 13082; Favourites: 316; Downloads: 352
Redirect to original
Description Someone sent me a note, via how we use layers Since she and I have similar (but now slightly divergent) layer techniques, I answered for her.
I wrote the note down to reply, and I wondered if anyone else might be interested in it, so I decided to upload it


Here is a basic overview of how I use layers in Photoshop

The flat colors are at the bottom of the layer stack. It is a completely opaque layer, and should look like a paper cutout collage. There should be no blending in between the shapes, and the shape boundaries should be absolutely perfect: no smudging or blending or little messy pixel boundaries of any kind. This is achieved through the "pencil" tool and using the "lasso" selection tool with "anti-alias" turned OFF and then filling in the colors with the Paint Bucket, also with anti-alias OFF (very important!). It's okay to have this layer look jagged and cut out, as long as the boundaries are precise. This is a lot harder than it sounds, and it takes practice and research to learn how to make quick and precise flats.

The purpose of the flat color layer, or the"flats" is to give the main shapes in the picture their basic colors, as well as function as an easy masking tool for the shading. If, for instance, all the areas with wood in the picture were a particular shade of brown, clicking any wooden area on the flats layer with the "magic wand" tool (with anti-alias turned off) will select all similar areas, if the "contiguous" tool option is Unchecked and the Tolerance is set close to zero.
Pressing CTRL+U while having something selected will make it easy to tweak the colors you have selected.


The renders layer is on top of that: instead of being a completely filled layer, it is initially a blank, see-through layer. This is where all the shading, the light and shadows go. Use it by making selections (magic wand, anti-alias OFF, tolerance set to 0 or close to 0) in the flat colors later, clicking the renders layer, and then painting in the highlights and shadows. Extreme care must be taken that the highlights and shadows are not painted on to the flat colors layer (this can be done by locking the flat colors layer).
Again, pressing CTRL+U while having something selected will make it easy to tweak the colors you have selected.

On top is the line art (sometimes called the Inks). Set it to Multiply if it has a white background, or Normal if it will be drawn in via Photoshop. These can be colored or traditional black inks.

At the very top are the various light and color effects. Light blooms, Screen/Color/Overlay layers can go here to affect the whole picture. If these effects should NOT affect the line art, place them under the line art layer. I have included here a Screen layer I used for the picture (there were various other effects in the picture)

Hope that helps, fallowfrenzy!

Comments and questions are more than welcome.
Related content
Comments: 44

MesaGArchive [2016-08-12 03:38:32 +0000 UTC]

Looks like something to try out, I'll definitely keep this in mind.

πŸ‘: 0 ⏩: 0

RehQuQ [2014-08-10 13:03:40 +0000 UTC]

Whats are renders?

πŸ‘: 0 ⏩: 0

psychoblackcat [2013-10-29 07:10:09 +0000 UTC]

i use photo Β and cant i cant do the same shit XD Β daam

πŸ‘: 0 ⏩: 0

melsr007 [2012-05-06 02:08:40 +0000 UTC]

Nice!!!!!!

πŸ‘: 0 ⏩: 0

RainbowPython [2012-05-04 20:33:05 +0000 UTC]

it's a really good tutorial , does this also works with gimp2 :I ?

πŸ‘: 0 ⏩: 0

thebat656 [2012-02-01 23:29:45 +0000 UTC]

Panty and Stalking with Garter Belt is AWESOME!!!!!!!!1

πŸ‘: 0 ⏩: 0

xmallory08 [2011-03-13 00:21:52 +0000 UTC]

Really nice work

πŸ‘: 0 ⏩: 0

Onikaizer [2011-03-02 21:24:32 +0000 UTC]

excelent tutorial, will take notes

πŸ‘: 0 ⏩: 1

rubendevela In reply to Onikaizer [2011-03-03 00:04:55 +0000 UTC]

Thanks!

πŸ‘: 0 ⏩: 0

yapi [2011-02-02 05:58:25 +0000 UTC]

Do you actually put all your flats in just one layer or did you just show them as one layer here for convenience? It's interesting that you put the renders on a different layer! Is there any reason for that?

πŸ‘: 0 ⏩: 1

rubendevela In reply to yapi [2011-02-02 10:24:52 +0000 UTC]

Yup! my flats are all on one layer, with anti-alias off. It's a LOT easier to make them when you get used to the tech. A different render layer can be manipulated in different ways: erased, CTRL-U (with selection), and it allows the flats to show through. It allows precise color blending

πŸ‘: 0 ⏩: 1

yapi In reply to rubendevela [2011-02-05 08:18:47 +0000 UTC]

Interesting! My flats are separated into sections in different layers and I do the shading on the layers themselves. I might want to try out this technique of yours just to see what it's like But with this technique, you do have to do the old "avoid going out of the lines" coloring, right?

πŸ‘: 0 ⏩: 1

rubendevela In reply to yapi [2011-02-05 16:58:11 +0000 UTC]

Not at all! Use it by making selections in the flat colors later (magic wand, no alias, tolerance set to zero or close), clicking the renders layer, and then painting in the highlights and shadows. Extreme care must be taken that the highlights and shadows are not painted on to the flat colors layer (this can be done by locking the flat colors layer).
Also, pressing CTRL+U while having something selected will make it easy to tweak the colors you have selected.
I could show you the next time you're in Manila

πŸ‘: 0 ⏩: 1

yapi In reply to rubendevela [2011-02-05 16:59:13 +0000 UTC]

Oooooooh that makes SO much sense! Awesome I will definitely try this next time!

(Oh, and I've been in Manila since June XDDDDD)

πŸ‘: 0 ⏩: 0

AngelicAdonis [2011-01-27 01:31:20 +0000 UTC]

Awesome!

πŸ‘: 0 ⏩: 0

lucid-seraph [2011-01-26 20:34:22 +0000 UTC]

hey thanks

πŸ‘: 0 ⏩: 0

fallowfrenzy [2011-01-25 00:05:04 +0000 UTC]

Ah, thank you so much! This is really helpful!

πŸ‘: 0 ⏩: 1

rubendevela In reply to fallowfrenzy [2011-01-25 16:51:04 +0000 UTC]

Glad to help!

πŸ‘: 0 ⏩: 0

Samochan [2011-01-24 15:24:45 +0000 UTC]

I had to read it twice to understand it, but now I get it.

The render layer is going to be the tough one to make however, I still dunno the precise brush techniques used. >.>

πŸ‘: 0 ⏩: 1

rubendevela In reply to Samochan [2011-01-25 16:51:53 +0000 UTC]

Yeah, each layer here can be expounded into whole other tutorials! Hope it helps, though.

πŸ‘: 0 ⏩: 0

batangbatugan [2011-01-24 11:48:08 +0000 UTC]

Ya know... in this cropped close up.. she looks like an evil
EEEEEVILLL!!!!

πŸ‘: 0 ⏩: 2

rubendevela In reply to batangbatugan [2011-01-25 16:45:54 +0000 UTC]

I'm... I'm staying out of this

πŸ‘: 0 ⏩: 0

Warse-no-Miko In reply to batangbatugan [2011-01-24 13:10:55 +0000 UTC]

Me: >C NO KADDELS FOR YOU!

πŸ‘: 0 ⏩: 1

batangbatugan In reply to Warse-no-Miko [2011-01-24 18:17:55 +0000 UTC]

SEE! SO EEEEVIL! BAWWWW!

πŸ‘: 0 ⏩: 1

Warse-no-Miko In reply to batangbatugan [2011-01-25 13:48:10 +0000 UTC]

Me: You deserve it >C

πŸ‘: 0 ⏩: 0

DarwinsDomain [2011-01-24 08:50:05 +0000 UTC]

Chatatoue turned me on to this, and I will refer to this to see what I can do to improve my coloring technique. I love the resulting picture you have here!

πŸ‘: 0 ⏩: 1

rubendevela In reply to DarwinsDomain [2011-01-25 16:50:13 +0000 UTC]

Thanks! Hope it helps!

πŸ‘: 0 ⏩: 1

DarwinsDomain In reply to rubendevela [2011-01-25 23:56:55 +0000 UTC]

I'm sure it will...

A step by step of how you use your FX would be awesome, if you're so inclined!

πŸ‘: 0 ⏩: 0

SiriusSteve [2011-01-24 07:28:29 +0000 UTC]

Why don't you like the dodge tool?

πŸ‘: 0 ⏩: 1

rubendevela In reply to SiriusSteve [2011-01-24 08:22:54 +0000 UTC]

It's hard to control, and hard to predict. I did use it to highlight her cheek, near the eye, but that's about it

πŸ‘: 0 ⏩: 0

SiriusSteve [2011-01-24 07:21:26 +0000 UTC]

are all flats on one layer or several? does it matter?

πŸ‘: 0 ⏩: 2

rubendevela In reply to SiriusSteve [2011-01-24 07:27:34 +0000 UTC]

Yes it does, the only way it will work as required is if all the flats are on one layer

πŸ‘: 0 ⏩: 1

SiriusSteve In reply to rubendevela [2011-01-24 07:28:51 +0000 UTC]

cool thanks!

πŸ‘: 0 ⏩: 0

SiriusSteve In reply to SiriusSteve [2011-01-24 07:25:22 +0000 UTC]

bc i usually have each color on a different layer. That makes it hard for me to separate the colors while laying them down, but having them on diferent layers makes it easy for me to change the color of the paint on an individual color

πŸ‘: 0 ⏩: 2

rubendevela In reply to SiriusSteve [2011-01-24 08:44:49 +0000 UTC]

Oh I forgot to say: If it's all on one layer, you can switch the flats easily by just clicking with Paint Bucket

πŸ‘: 0 ⏩: 1

SiriusSteve In reply to rubendevela [2011-01-24 17:19:35 +0000 UTC]

Ah cool!

πŸ‘: 0 ⏩: 0

rubendevela In reply to SiriusSteve [2011-01-24 08:30:12 +0000 UTC]

There's no real difference if it's flats, magic wand is just 1 click Plus, if it's 1 layer, the borders can be controlled with precision.

πŸ‘: 0 ⏩: 0

ipzofakto [2011-01-24 03:46:44 +0000 UTC]

Here's a flatting trick I found in poor man's Photoshop: use the magic wand tool to select areas you want to fill with a specific color in the ink layer, convert the selection into a path, and trace the path with the desired color using an non-anti-aliased tool on the flatting layer. Then you simply bucket fill the now enclosed area with the same color.

This isn't perfect, but it makes the big spaces with complex boundaries easier. YMMV of course. Here's one of my (crude) attempts: [link]

πŸ‘: 0 ⏩: 1

rubendevela In reply to ipzofakto [2011-01-25 16:50:50 +0000 UTC]

Yeah, it leaves little gaps But for certain shapes it could be flawless, though.

πŸ‘: 0 ⏩: 1

ipzofakto In reply to rubendevela [2011-01-26 04:56:03 +0000 UTC]

Keep in mind any gaps are completely concealed under the ink layer.

πŸ‘: 0 ⏩: 1

rubendevela In reply to ipzofakto [2011-01-26 13:17:26 +0000 UTC]

Yup! There have been a few occasions when that's messed me up, though, like when using that selection for a light effect or to color the line art.

πŸ‘: 0 ⏩: 1

ipzofakto In reply to rubendevela [2011-01-26 13:23:55 +0000 UTC]

Oops, yeah, I don't know enough about doing that to really comment I guess. Still, hope you get a little use out of it.

πŸ‘: 0 ⏩: 0

Pronouns [2011-01-24 02:37:16 +0000 UTC]


Thank you for making this!

πŸ‘: 0 ⏩: 0

majicmike [2011-01-24 02:07:37 +0000 UTC]

thank you for posting this. I am starting to get used to photoshop now and I have been having problems coloring in PS. BTW this picture was awesome.

πŸ‘: 0 ⏩: 0