Creating a Line drawing with Shading - Photoshop SBS

C

Cheesegeezer

Guest
Hi all,

As being a total novice at airbrushing and also being a geek with computers, I thought that this tutorial may help other beginners with getting to grips with the main lines on a face and also shading densities. I think it will help me alot in determining shading and creating those all important shapes to get any art piece to look pretty good.

So without further ado... you will need Photoshop for this (Although gimp may work if it has the same/similar functions) they are very basic effects required from photoshop and should take you about 5 mins to complete. I'm using Photoshop CS6

Open up your image in Photoshop. - I chose Charlize Theron (have a soft spot for her :D )

spLFIOs.png
[/IMG]
spLFIOs.png


Make the "Background" into a layer by double clicking on the Background, you should see a box pop up. Either rename it or leave it, it's upto you, then hit OK.

1CFdbsa.png


Next Create a copy of the layer by right clicking the Layer 0 and selecting Duplicate layer from the options pop up menu .

NEXT........
No 1 Red Box - You should see your Layer 0 copy now created, it should be at the top of the stack, if not drag and drop it so it's at the top of the stack like this.

No.2 Red Box - Ensure that Layer 0 copy is selected by clicking on it. Then Click on the blend mode (highlighted in the No.2 Red Box) and select "Color Dodge"

E8rJRPb.png


Then Invert the image by pressing CTRL+I
You should have something like this now

5MMlC1j.png


Next add a Gaussian Blur to the image - now this is what will bring out the details in the negative, you will just have to have a play with the slider to find what you are happy with.
To select Gaussian Blur Click on the Filters tab at the top, highlight Blur and select Guassian Blur. A Box should pop up. Use the slider in the box to get the desired effect when happy click the OK button.

e1Xv5FM.png



Next we need to reduce the saturation to -100 in order to remove the color from the negative. Click on the Hue/Saturation Icon (Shown in red box) or simply use the menu at the top by selecting
Image --> Adjustments --> Hue/Saturation (pop out menus)
Reduce saturation to -100

ZYf0i0A.png


And Finally we need to adjust the levels of the image. Again this is a trial and error process to get the desired effect, generally I just use the left slider to adjust the levels, but you can play it, to get a feel of the various effects you can achieve.
Select Levels (highlighted in the red box) or Select Image --> Adjustments --> Levels
Move the left slider in the red box to the desired effect. I generally move it so that it just eliminates the flat lines and you are just entering the point where the exponential graph starts.

rczT9VA.png



So from this

LCWnckm.jpg


to this - which i think will be useful to get shading amounts and shapes fairly correct

aSggPKM.jpg
 
Grrr i need to get photoshop or something... and then learn it. Very cool

If you need anything creating like this then give me a shout. Like i said, it only takes about 5mins at most to do, so can have it posted back on here, or I can actually create a Dropbox link for you and host it there.
 
If you need anything creating like this then give me a shout. Like i said, it only takes about 5mins at most to do, so can have it posted back on here, or I can actually create a Dropbox link for you and host it there.

I used to use paint shop pro to make web graphics years ago when i was writing html manually. But it was just text and stuff. Now that im learning art a program would be very useful to mock stuff up fast.

You could easily do a print and spray with that if you lightened it enough. Make for some quick portraits.
 
I used to use paint shop pro to make web graphics years ago when i was writing html manually. But it was just text and stuff. Now that im learning art a program would be very useful to mock stuff up fast.

You could easily do a print and spray with that if you lightened it enough. Make for some quick portraits.

GIMP might be useful for you. It's 100% free and has some really good tools in its palette. Never used it as always been an Adobe lad for stuff like that.

Learning GIMP would probably be easier than learning PS. Although I can't speak from experience although I might have to give it a go now lol
 
GIMP might be useful for you. It's 100% free and has some really good tools in its palette. Never used it as always been an Adobe lad for stuff like that.

Learning GIMP would probably be easier than learning PS. Although I can't speak from experience although I might have to give it a go now lol

Thanks for posting it, I'm sure it will help quite a few people.

GIMP does support all of the functions in the SBS.
 
Thanks for posting it, I'm sure it will help quite a few people.

Yeah, including myself lol

I'll check out GIMP and possibly do the same for that as it's free and accessible to the masses
 
GIMP might be useful for you. It's 100% free and has some really good tools in its palette. Never used it as always been an Adobe lad for stuff like that.

Learning GIMP would probably be easier than learning PS. Although I can't speak from experience although I might have to give it a go now lol
Also free is good since this can be quite an addicting hobby. And since my wife is trying art now our art costs are through the roof. I have offset some costs with small commisions but nothing close to breaking even.
 
I really must play with GIMP, I am a computer idiot though, so whether I can make sense of it remains to be seen. :D Thanks for sharing this Cheese, I'm sure many people will be bookmarking it!
 
BTW, the best Photoshop alternative for Mac is Pixelmator. Great user interface with iCloud support and even an iPhone and iPad version.
 
BTW, the best Photoshop alternative for Mac is Pixelmator. Great user interface with iCloud support and even an iPhone and iPad version.
It doesn't look like gimp is supported for Mac after this version as the mac page on gimp just directs you to the windows page. Huh.... go figure
 
It doesn't look like gimp is supported for Mac after this version as the mac page on gimp just directs you to the windows page. Huh.... go figure

They were supposed to make a native app for Mac. Historically, it's always run through Xwindows. The newer versions of Linux based apps require XQuartz to run.
 
Nice tutorial buddy very clear and a good result also......
If i may suggest a slightly simpler method.....

Import your photo
go to filters
apply the "photocopy" filter
set detail to maximum and darkness to somewhere between 3 and 18.
print
 
Nice tutorial buddy very clear and a good result also......
If i may suggest a slightly simpler method.....

Import your photo
go to filters
apply the "photocopy" filter
set detail to maximum and darkness to somewhere between 3 and 18.
print

Pretty good, I needed to invert the image (CTRL+I) or it just looked like a negative. This is with detail at max (24) and darkness at 10

SyENqQE.jpg



I then opened up the hue/saturation panel set saturation to 100 and turned up the lightness to +67 and this is the result.

e8nDDhu.jpg
 
Back
Top