Following our series of Reader Tutorials, Josh Overton, a graphic designer from Bristol UK will show us how to create a really cool design mixing simple layering techniques with custom brushes using Photoshop.

If you want to contribute with your tutorial just let us know, send us a preview via email to abduzeedo@abduzeedo.com

Step 1

To start with, open a new document in Photoshop with the dimensions 3508x4961 pixels and a resolution of 300 pixels/inch. Then create a gradient overlay for the background with the colours #778989 and #cbcfce and then angle the gradient at -61 degrees.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Step 2

Then using the custom brushes, you can download them here, with the colour #010207 (which is just off black) and setting the flow and opacity down a little you can start to build up something similar to the below image.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Step 3

With the custom brushes try to use these settings in the brushes toolbar with different brushes and at different sizes to help create a random effect so your brush doesn't look like a single stroke. Also because the brush is at a lower flow and opacity, if you go over a bit again with a new click it will get darker so you can build up an effect like mine.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Step 4

Now hide that layer and create a new layer. Then use some of the dot brushes and place them down where you want. Next erase them with a big eraser similar to the brush you used in the last step making sure the opacity and flow are about 50% so you can erase them softly over time to get the result as in the image.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Step 5

With about 3 different layers for different brushes, build up your base to look similar to this. Again experiment with the different brushes supplied and change the settings in the brush panel like shown in an earlier step and don't forget to erase over certain parts and around the edges to smooth things out.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Step 6

Don't be put off if you think that it looks odd, as the separate layers can do, as you can see in this image with only one layer showing. However all combined they create a nice effect with many different looks.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Step 7

For the lines I created a layer underneath all of the previous layers except the gradient background layer and used the pen tool to create one line at a time by following these steps:

  • 1: Select "Pen Tool", then make sure "Paths" is selected at the top (it is one of the buttons below "Edit" and "Image", just hover the mouse over until it says "Paths" and select that one).
  • 2: On your new layer draw a line from the top left to the bottom right, adding a curve, then select "Paths", which is a tab next to your layers panel. Then make sure a round basic hard edged brush is selected as 15px in size. Now right click the path in the "Paths" section with the brush tool selected and click "Stroke Path", then tick the box "Stimulate pressure" and click "OK" and you should get the desired line.
  • 3: Now with your other layers showing (but still only working on the lines layer) you can start filling in gaps with lines how you please and sometimes use "Stimulate Pressure" and sometimes not. Also remember to use different colours for your lines.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Step 8

By now your image should be looking similar to below. We can now add the face to the image.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Step 9

This is the before and after shot of how the face should look. I simply found a face on Google images by searching for "model face". This one is supplied on the PSD file which can be downloaded too.

All I did here was cut around the face with the "Magnetic Lasso Tool" and then "Desaturate" it and adjust the "Curves" so you can see some real contrast in the shadows on her face.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Step 10

Now we place the face over the desired area (I rotated the face slightly) and with several new layers on top we build up over her face using the same techniques for the brushes from earlier trying to match the colours to the shades surrounding her face. The "Ink Dropper" tool can help to choose the colours from her face.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Step 11

Almost done now. Simply add some brush strokes from her eye on a new layer in the colour red and set it to "Multiply" in the layer properties. When happy with it duplicate the layer and set that to multiply to darken the effect.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Conclusion

There"s your final image minus the text. Thank you.

Reader Tutorial: Mixing Brushes and Layers in Photoshop by Josh Overton

Download the Photoshop File

Click here to download the Photoshop file used for this tutorial

About the Author

Josh J Overton is a young freelancer graphic designer from Bristol, UK. His favorite tool is Adobe Photoshop and you can get more information about him at http://www.overtongraphics.com

About the author of this post

Would like to write a guest post for us?

If you would be interested in writing some guest articles or even become a regular contributor, send us an email to abduzeedo[at]abduzeedo.com requesting a contributor account.