– Hey gang, this is Deke McClelland.Welcome to Deke’s Techniques!This week, I’m going to show you how totake a piece of line art and color inside the lines.And I don’t mean like you’re coloring in a coloring book,I mean coloring in the lines themselves.So for my part, I started with this very rough sketchthat I created using a felt tip marker and a piece of paperand then I shot it with my iPhone,took it into Photoshop and cleaned it up in part using aWacom drawing tablet along with a pressure sensitive stylus.
Now notice that I’m wearing a scarf and a down jacket,I decided that things worked betterif I was just a floating head.And then I went ahead and added some color.So you can see that I’ve got watercolors herein the background but I also have a differentwatercolor image inside of the lines themselves.Here!Let me show you exactly how it works.Alright, here’s the final version of the artworkjust so you have a chance to see it onscreen.And here’s the cleaned up sketchwhich, as you can see over here in the layers panel,is an absolutely flat image file.
What we need to do is select all the black linesand jump them to an independent layeras we’re seeing in the case of thisfloating head layer in the final composition.Now the way not to do that is to switch fromthe quick selection tool to the magic wand tool.And then click inside the black linesbecause for one thing, you’re not going to select all of them.Notice that the eyebrows and the eyeand parts of the nose are not selected.You can remedy that to an extentby turning off the contiguous check box up herein the options bar and then clicking insidea different detail such as the eye right here.
So deselecting contiguous, allows the magic wandto select non-adjacent pixels.The problem is, it’s not doing a very good job.We can do better with just two clicks.So what I’m going to do is press CTRL+Dor CMD+D on the Mac to deselect the image.I’ll just go ahead and switch backto the rectangular marquee toolso that I have a simple cross for a cursor.Click number one is to switch to the channels panelby clicking on it’s tab or if you can’t find it on screenthen you can go up to the window menuand choose the channels command.
Then the second click is to pressthe control key or the command key on a Mac.So notice that currently, my cursor appears asa pointing finger as soon as I pressthe control key or the command key on a Mac,I’m seeing a little dash square next to itat which point, if I were to click,I’d go ahead and load all the whitepixels as a selection outline.Once again, that’s a control click on a PCor command click on a Mac and you can literallyclick on any of these thumbnails by the way.At this point, we’ve selected all the white stuff,we really want to select the black linesand so to reverse the selection,go up to the select menu and choose the inverse commandand that will select the black stuff.
Alright, now I’m going to switch back to the layers panel,and I’m going to create a new layerby pressing CTRL+Shift+N or CMD+Shift+N on a Mac.I’ll go ahead and call this new layer, floating headand then click okay.Now, you want to tap the D key to instate the default colorsso that the foreground color is blackas you can see down here at the bottom of the tool box.And then fill the selection with that foreground colorby pressing ALT+Backspace here on the PC.That’s going to be OPT+Delete on the Mac.And then you can go ahead and deselect your artworkby pressing CTRL+D or CMD+D on the Mac.
Alright, so notice if I turn off the background,then I can see all of my black out linesexactly as they’re represented in the original imageby the way, against an absolutely transparent background.And so we have absolutely no vestige of white.What we do have, if I were to zoom in here,is a little bit of translucency around the edges.So in other words, every single pixel is blackwith varying degrees of opacity.I’m going to press CTRL+0 or CMD+0 on the Mac to zoom back outand then I’ll click on the background to select it.
I’ll go ahead and switch to another imagethat I have open here which is this guy right here.It’s a traditional water color washand it comes to us from the Dreamstime image library.About what you can learn more and get somegreat deals at dreamstime.com/deke.php.Notice that the watercolor layer itself is selectedalong with its image number in the Dreamstime library.Armed with my rectangular marquee tool,I’ll just go ahead and right-clickinside the image window and choose duplicate layerand then I’ll change the documentto that guy I’ve been working on,Deke head sketch and then I’ll click okay.
Now I’ll go ahead and switch back to that imageand you can see that all of those black linesnow blend perfectly with the watercolor wash.At this point, I no longer need the background.Not even as a back up by the way.So I’ll just go ahead and select the backgroundand press the backspace key, or thedelete key on a Mac to get rid of it.Now what I want to do is color in those black lineswith a different watercolor wash.So I’ll go ahead and select that floating head layerand then I’ll switch to this image right hereonce again from the Dreamstime image library.
Notice that the watercolor layer is selectedand so I’ll just go ahead and right-click inside itonce again and choose duplicate layerand change the document to Deke head sketchand then click okay.Now I’ll go ahead and switch back to that filewhich looks like the same file we were injust a moment ago but if you take a look at the layers panelyou can see that we’ve got all thelayers that we’ve created so far.Now what I want to do is clip this darker watercolorinside of the lines associated with the floating head layerand the easiest way to do thatis to hover over the horizontal line between the two layersand then press the ALT key or the OPT key on the Macand click in order to clip thetop layer inside the layer below it.
Once again, I want you to notice,I’ll go ahead and press CTRL+1 or CMD+1 on a Macin order to zoom into the artworkand I want you to see how every pixelis blending absolutely beautifully,whether the foreground is darkerthan the background or vice versa.I do want the foreground to be darker than the backgroundat all locations inside the artworkand so what I’m going to do is double-clickon an empty portion of this top layerto bring up the layer style dialog boxand I’m going to move it over so that we can seethe artwork in the background.
Notice that this layer slider right here,I’m going to drag its black slider triangle over to the right,at which point you can see I’m making anything in this case,with a luminous level of 171 or darker invisible.That means that we’re seeing justthe light stuff inside this particular layer.We’re also getting some very abrupt transitionsand a way to solve that problem,is to press the ALT key or the Option key on a Macand drag the left side of this black triangleso that it splits in two, all the way backto is original position on the left side of the slider barso that the value before the slash is 0.
Now, I’m going to drag this guy, the right halfthat’s left over, all the way over to this locationso that the value after this slash is 220.And we end up with some very smooth transitions.Some of the pixels might be a little brighterthan the background.At this location right here for example,but for the most part they’re darkand if I press the Enter key or the Return key on a Macto accept that change and I zoom out,you can see that I’m retaining some of my black pixelsas well and so if I press CTRL+Z or CMD+Z on a Mac,this is how things looked just a moment ago.
And if I press CTRL+Shift+Z or CMD+Shift+Z on a Machere inside of the most recentversion of Photoshop CC anyway,then I will redo that operation.Alright, now I’ll press Shift+Fin order to switch to the full screen modeand I’ll zoom on in as well.Just so you can see what we’ve been able to accomplish,I’ll revert the image to it’s original appearance.So there is the final version of the black and white sketchthat I saved out as a flat PNG file.And here is the color version of the artworkwith the areas outside the linescolored with light watercolorsand the areas inside the linescolored with dark watercolors here inside Photoshop.
Alright, that was fun right?Say it was, come on!Aww!Next week, I’ll show you how to combinemultiple pieces of line art on independent layersand still color inside the lines.Deke’s Techniques each and every week!Keep watching!