Demo - no-brush sketch / rendering (Photoshop)

Hi all,

I was re-doing some sketches on an old project today and tried to record my steps from after the initial pencil sketches to Photoshop (I have been getting practice with a workflow but want to keep improving it). There was some cheating involved – screenshots after it was all done but hopefully it is clear – I can see how difficult it would be making a video tutorial and getting it right on the first try.

I would love to hear any other tricks / workarounds that other people might have too whether it is Photoshop specific or rendering in general. Some of the images here are small but I have them up on the Coro also here

  1. Make a new layer. Select all, and fill with black. Set level opacity to 15%

  1. For the “vignette” effect, make a new layer. Select all again, and fill white this time. Convert this layer to a smart object (right click) and then set the layer to multiply.

  1. Double click on the layer you just set to multiply and go the the “gradient overlay” menu. Make the settings like this or play with different settings. Because the layer is set to multiply, the effects will be visible but the layer itself (the white) won’t be.

Ta-da!

3b. Noise – This is not really needed, but I like to add a “noise” layer to add some “grit.” This takes a little bit away from the slick digital look and helps me not get bogged down on too many details.

Follow the same method as step 2, but this time, use filter>noise>add noise on the layer.

  1. Drag one of your scanned sketches in (or sketch directly into this file if you want to do it digitally). I did a pencil sketch at first. After dragging it into the main file, right click on the image layer and “edit contents.”

  1. Within the smart object of the sketch, add a “levels” adjustment layer. Use the black eyedropper to select the lines that you want to be darkest, and use the white eyedropper to select any stray bits of gray on the paper (to turn them to white). Save the file. If the sketch file does not update when you go back to the main file, you may have to right click on the smart object and “replace contents,” and then link it to the new sketch file with the adjustments.

  1. Back in your main file, set the blending mode of the sketch smart object to “divide” and the layer opacity to 50%.

  1. Ground shadows – make a new layer. In the middle of the canvas, use the gradient tool (G) with the radial option (second icon in) and about 50%. Convert this to a smart object.

  1. Ground shadows – transform the new smart object (command-T) to match the shadow of the sketch (we want the light coming from the upper right).

  1. Ground shadows – soften the shape with filter>blur>gaussian blur.

  1. Ground shadows – click inside the white “smart filters” box. Because the shadow is a smart object, we can selective mask parts of the blur effect away, so the shadow is sharper near the foot and blends away with distance. Use a the gradient tool with black (inside of the smart filters box) to hide the blur effect.

  1. Ground shadows – click on the smart object layer itself and make a “layer mask” (the circle-inside-a-box button). This works like the “smart filter” box in the step before, but applies to the whole layer. Here, I used a black gradient to hide the extra bits of shadow in front of the leg.

  1. Object shadows – make a new layer, and then group it (command-G). This will contain all of the shading for the leg. Make sure this group is below the sketch in the layers panel. Use the magic wand on your sketch object or use the lasso tool and get a rough outline of the object (it doesn’t have to be perfect). After selecting, the select>modify>expand, contract, and smooth tools are useful to clean up.

(I also added another layer with a black gradient in a same method as step 7 – this will help the highlights “pop” later on).

  1. Object Shadows – within the shadow layer group and on the new layer, use the lasso to block out areas and then use the black gradient tool to shade them (a lighter opacity like 20% lets you build the darkness up gradually). Because the whole layer group is under a layer mask from step 12, you can shade outside of the sketch but it won’t show up.

  1. continued – using the lasso and gradient tools to build up value.

Because we are doing the white sketch / gray background style, we don’t have to overdo the shading to get the point across.



  1. Highlights – Like the shadow layer group in step 12, I have made a highlight layers group and copied the layer mask to the highlight group. This group is above the sketch layer in the layers panel. Just like step 13, it is now just more lasso and gradient, but with white.

  1. Quick color – after adding enough highlights, I made another radial gradient smart object with a color (and put this layer below highlight, sketch, and shadow layers, but above the background layers).

  1. Quick color – using the same transform and blur/mask to make the color blend in better.

  1. Because the sketch layer is a smart object (there is a theme here ;), you can fake a depth of field (too much of this could get a little cheesy).

Continuing is just a matter of importing new sketches and shading them in the same way.

For some more complicated areas, I sometimes make a layer group + mask inside of a larger group. (You can highlight the layer mask by going to the “channels” tab and clicking on the eye next to the mask channel).

Nicely done!Thanks for taking the time.
Always neat to see other workflows.

Thanks for sharing!

Man I’m desperate to see those screenshots!

no images are coming through for me.

Hey Rodrigo and Cwatkinson,

Horrible late reply on my end, but I made an updated demo a couple years ago that covers what I had here (and a little more). Still would change things if I could redo it, but hopefully it is of interest.

Linked here: https://drive.google.com/open?id=1HOSxSbiXENV99GPQVPrDSFiAFmpXMGoNK-xppQy6eRE

Hey man I’ve been lurking for a really long time and I made this account really just to thank you for this! I’ve never come across such an excellent tutorial covering just what’s needed! I really admire your style and it really inspires me to work harder and get better!

Hey Nishant, that means a lot, thank you! I love some of the more “hidden” tools in Photoshop when compared to most drawing apps (drawing a pillowed form like in the example in the traditional way without selections or masks would be very hard and not time-efficient) and just want to make sure other IDers don’t overlook the tools. These kinds of slideshow formats are not as popular as Youtube tutorials nowadays, but I am glad that you enjoyed it!

Edit: The “Select and Mask” tool can be kind of finicky, but I made a step-by-step for it here: https://drive.google.com/open?id=1hqDnSkRjMnT-xrMsGwhyvggxwjZzNnIW.