For Every Airbrush Artist!

Ready to get involved? Register for free and you won't see any google advertising!

Register

Creating a Line drawing with Shading - Photoshop SBS

Discussion in 'Digital Airbrush Tutorials' started by Cheesegeezer, Jul 11, 2015.


  1. Cheesegeezer

    Cheesegeezer Complete Newbie - Skill Level 0/10

    Joined:
    Jul 9, 2015
    Messages:
    86
    Likes Received:
    28
    Trophy Points:
    16
    Location:
    Turriff, UK
    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 )

    [​IMG][/IMG] [​IMG]

    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.

    [​IMG]

    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"

    [​IMG]

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

    [​IMG]

    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.

    [​IMG]


    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

    [​IMG]

    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.

    [​IMG]


    So from this

    [​IMG]

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

    [​IMG]
  2. JackEb

    JackEb The Dragon Hunter Staff Member Admin

    Joined:
    Apr 21, 2012
    Messages:
    6,739
    Likes Received:
    5,839
    Trophy Points:
    126
    Location:
    Mt Barker, South Australia
    Awesome tutorial - thank you, now bookmarked !!
  3. Mr.Micron

    Mr.Micron Royal pain in the air hose Admin

    Joined:
    Feb 28, 2012
    Messages:
    13,984
    Likes Received:
    8,583
    Trophy Points:
    126
    Location:
    Bloomington,Indiana
    Very cool tut. Thanks for sharing .
  4. Nada

    Nada Air-Valve Autobot!

    Joined:
    Mar 16, 2014
    Messages:
    2,422
    Likes Received:
    1,698
    Trophy Points:
    126
    Location:
    Nashville Tn USA.
    Grrr i need to get photoshop or something... and then learn it. Very cool
  5. Cheesegeezer

    Cheesegeezer Complete Newbie - Skill Level 0/10

    Joined:
    Jul 9, 2015
    Messages:
    86
    Likes Received:
    28
    Trophy Points:
    16
    Location:
    Turriff, UK
    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.
  6. Nada

    Nada Air-Valve Autobot!

    Joined:
    Mar 16, 2014
    Messages:
    2,422
    Likes Received:
    1,698
    Trophy Points:
    126
    Location:
    Nashville Tn USA.
    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.
  7. Cheesegeezer

    Cheesegeezer Complete Newbie - Skill Level 0/10

    Joined:
    Jul 9, 2015
    Messages:
    86
    Likes Received:
    28
    Trophy Points:
    16
    Location:
    Turriff, UK
    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
  8. jagardn

    jagardn Airbrush Acquisition Disorder Patient Elite Member!

    Joined:
    Jan 4, 2013
    Messages:
    3,022
    Likes Received:
    2,454
    Trophy Points:
    126
    Location:
    Sarasota FL
    Thanks for posting it, I'm sure it will help quite a few people.

    GIMP does support all of the functions in the SBS.
  9. Cheesegeezer

    Cheesegeezer Complete Newbie - Skill Level 0/10

    Joined:
    Jul 9, 2015
    Messages:
    86
    Likes Received:
    28
    Trophy Points:
    16
    Location:
    Turriff, UK
    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
  10. Nada

    Nada Air-Valve Autobot!

    Joined:
    Mar 16, 2014
    Messages:
    2,422
    Likes Received:
    1,698
    Trophy Points:
    126
    Location:
    Nashville Tn USA.
    I downloaded gimp once upon a time. I will have to check it out again.
  11. Nada

    Nada Air-Valve Autobot!

    Joined:
    Mar 16, 2014
    Messages:
    2,422
    Likes Received:
    1,698
    Trophy Points:
    126
    Location:
    Nashville Tn USA.
    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.
  12. Cheesegeezer

    Cheesegeezer Complete Newbie - Skill Level 0/10

    Joined:
    Jul 9, 2015
    Messages:
    86
    Likes Received:
    28
    Trophy Points:
    16
    Location:
    Turriff, UK
    jagardn likes this.
  13. Squishy

    Squishy Queen Clown Slayer Mod Artist of the Month!

    Joined:
    May 8, 2012
    Messages:
    11,691
    Likes Received:
    8,686
    Trophy Points:
    126
    Location:
    Hampshire South Coast UK
    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!
  14. jagardn

    jagardn Airbrush Acquisition Disorder Patient Elite Member!

    Joined:
    Jan 4, 2013
    Messages:
    3,022
    Likes Received:
    2,454
    Trophy Points:
    126
    Location:
    Sarasota FL
    BTW, the best Photoshop alternative for Mac is Pixelmator. Great user interface with iCloud support and even an iPhone and iPad version.
    JackEb likes this.
  15. Cheesegeezer

    Cheesegeezer Complete Newbie - Skill Level 0/10

    Joined:
    Jul 9, 2015
    Messages:
    86
    Likes Received:
    28
    Trophy Points:
    16
    Location:
    Turriff, UK
    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
  16. jagardn

    jagardn Airbrush Acquisition Disorder Patient Elite Member!

    Joined:
    Jan 4, 2013
    Messages:
    3,022
    Likes Received:
    2,454
    Trophy Points:
    126
    Location:
    Sarasota FL
    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.
  17. ad fez

    ad fez kind of a big deal = Admington

    Joined:
    Jun 29, 2012
    Messages:
    5,464
    Likes Received:
    2,759
    Trophy Points:
    126
    Location:
    cambs u.k
    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
  18. Cheesegeezer

    Cheesegeezer Complete Newbie - Skill Level 0/10

    Joined:
    Jul 9, 2015
    Messages:
    86
    Likes Received:
    28
    Trophy Points:
    16
    Location:
    Turriff, UK
    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

    [​IMG]


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

    [​IMG]
    Samuraieye likes this.
  19. Samuraieye

    Samuraieye Young Tutorling

    Joined:
    Sep 13, 2014
    Messages:
    16
    Likes Received:
    9
    Trophy Points:
    1
    Love photoshop such an awesome tool

Share This Page