Aug 25

Create an Awesome Illustration Using Custom Brushes

Thu, 08/25/2011 - 01:19 — julie

Final Image

Here is the final image that we’ll be creating!

Step 1

Open up an image of a person, try to select a photo of a head and torso only. My photo was black and white to begin with (http://www.sxc.hu/photo/462639), but if yours isn’t then go to image>adjustments>desaturate.

Step 2

Now create a new layer called ‘clothes and accessories’. Use your lasso tool to select the man’s waistcoat, tie and glasses, and then fill these areas with black. I chose to fill in the glasses totally with black to create sunglasses.

Step 3

Now create some largish text on a new layer. I chose to use arial, size 30 font and to make my text ‘MRCOOL’. Then go to layer>rasterize>layer. Then with your text object selected go to edit>define brush preset. Name your brush something unique, I chose ‘MRCOOL’. You may need to hide your other layers, leaving just your text layer as a few times my photo layers were included in the brush creation.

Step 4

Now go to your list of brushes and ‘MRCOOL’ should be at the bottom of the list. Select this brush and then delete your original text layer. Create a new layer called ‘face dark details’. Then go to window>brushes and apply the settings below. For the second diagram, you will need to double click on ‘scattering’ to access the settings for this particular option.

Step 5

Now with your MRCOOL brush selected, reduce the brush size to 10, and keep the opacity at 100%. Carefully paint over the dark parts of the face that are particularly detailed – things like the eyebrows, nostrils, lips etc… This may look a little rough at first, but that’s OK. The images below show the piece so far with the original photo layer visible and then hidden.

Step 6

Create a new top layer called ‘face medium details’. Up the size of your brush to 30 and reduce it’s opacity to 40%. Paint in the medium shaded areas of the guy’s face and shirt. Again, it’s going to look a little rough, but don’t worry. The images below show the results with photo layer visible and then hidden.

Step 7

What next? You guess it, create a new top layer called ‘face light details’. Repeat the same steps as before but up the brush size to 60 and reduce it’s opacity to 20%. Paint in the lighter areas of the face/clothes.

Step 8

Now create a new top layer called ‘hair small’. Up your brush size to 100 and the opacity to 100%. Also go back to your brushes window and add ‘shape dynamics’ as well as ‘scattering’ in your options. Apply the settings shown below:

Step 9

Now paint in the edge of the hair closest to the face. Try not to overlap the areas of the face that you have already painted in.

Step 10

Go back to your brush options and for shape dynamics up the angle jitter to 35%.

Step 11

Now create a new layer called ‘hair medium’. Up your brush size to 175, and keep the opacity at 100%. Paint in the rest of your guy’s hair, but spread the brush to the edges of the page. Your result should be a kind of text explosion out of the back of his head. I had to use my rectangular marquee tool to cut off an excess bit of text that was cutting into the back of his neck.

Step 12

There is a gap below his ear where hair should be, so I go back to a 100 size brush with no shape dynamics and quickly fill this in. I use my ‘hair small’ layer. However, this also cuts into my guy’s neck/head too much, so I use my lasso tool and cut away the excess text.

Step 13

Now hide your original photo layer and copy it. Paste your photo onto a new top layer, above all your text layers and set it’s blend mode to ‘vivid light’. The effect should be something like the image below:

Step 14

Now resize your canvas so that you have more space to the right and above your current image. I increased the width and height of my image to 1500px.

Step 15

Now go below your new photo layer and create a new layer called ‘hair large’. Repeat the same technique of painting in the hair as before, making sure that ‘shape dynamics’ is checked. Increase your brush size to 250, opacity to 100% and color black. Paint around your current hair, and make sure that you get rid of the harsh edges created by expanding our canvas size.

Step 16

Create a new layer and write some text in the top right of your image, using Arial font, size 100, black.

Step 17

Select your MRCOOL brush again and create a new layer called ‘text small’. Reduce your brush size to 100, and paint around the edges of your text. Don’t completely engulf your text, but instead try to brush mainly along the bottom of the text, so that the words appear to be emerging from the brush marks.

Step 18

Now repeat your MRCOOL brush on new layers ‘text medium’ and ‘text large’, getting larger as the brush marks get further from your main text, and closer to meeting the brush marks from your original photo. Remember to use brush size 175 for medium, and 250 for large.

Step 19

Now create a new layer called ‘jacket curve’. Select your path tool, and draw a path curving up from the edge of the guy’s jacket, then make sure to bring your path right around to join up with this original point. Now right click on your path and click ‘make selection’. Fill your resulting selection with black. Move this new layer beneath all of your text large-small and hair large-small layers.

Step 20

Now create a new layer above all of these layers called ‘excess text’. The aim here is to use your brush just a little to create words of text that have broken away from the main mass that we’ve created. I tried to imagine the large black curve as a wave of water, with the excess brush marks being splashes of water colliding with it, and rising from it. Use varied brush stroke sizes and just keep going until things look right to you.

Step 21

Now use your magic wand tool to select the shape in your ‘jacket curve’ layer. With this area selected go on any layer where you have used your MRCOOL brush and go to image>adjustments>invert. The result of this is that any text that overlaps with your large black curve will become white, creating a nice effect. You may get a warning that the selected area is empty, but just move onto the next layer. For me only the ‘hair large’ and ‘excess text’ layers actually had any text overlapping into this area, but it’s worth trying all of your brush layers.

Step 22

My main text at the top right of my image was looking a little small, so I increased the text size from 100 to 150. Then I used the same technique that I used on the ‘jacket curve’ layer, whereby I selected each letter of text, and then with my selection in place went on my ‘text small’ layer and inverted.

Step 23

I grab one of my sunburst images from my freebie sunburst set that I posted a short while ago (link needed) and paste it onto a new layer below all of my other layers. I grayscale the image, and reduce it’s brightness to -100 and up the contrast to 100 to create a fully black sunburst.

Step 24

Now I select my sunburst rays using the magic wand tool. With my selection in place I go to the layer ‘hair large’ and then go to image>adjustments>invert. I then do the same for the layer ‘text medium’.

Step 25

Now with my sunburst layer selected I go to layer>add layer mask>reveal all. I select a radial gradient ranging from black to transparent and drag it outwards from the center of the sunburst. This will fade the sunburst out at the edges, but leave some of it remaining in the center.

Step 26

Paste in a paper texture image as a new background layer (so below all current layers). Go to image>adjustments>hue/saturation and then reduce the saturation to -50 and up the lightness by +15.

And We’re Done!

I hope that you enjoyed this tutorial. There is obviously a lot that can be done with this technique, but I just wanted to share some ideas that I’d had with creating your own brush sets and applying them in creative and interesting ways. Play around with it and let me know what you come up with.

(Click the image below to see the full sized version)

Download Source File for this Tutorial

Copyright 2009. E-mail Me
Auto Spare Parts