Keep up-to-date with Free tutorials!!


Sign up to our twice-monthly newsletter today for the latest tutorials, interviews and product information.

Sign me up to receive third-party emails from 3dtotal's partners, too!

- Latest news
- Exclusive Shop Offers
- Preview early content
- Plus much more


Not Ready to take that step? OK, Why not just Subscribe to the RSS Feed

submit tutorial
1 | 2 | 3
Custom Brushes in Photoshop - getting started

| Your Rating:
rating star nonerating star nonerating star nonerating star nonerating star none
(Score 0 out of 5 after 0 Votes)
| Comments 0
Date Added: 9th December 2009
Software used:
Have you ever tried building your own brushes in Photoshop? If you have, this tutorial is designed to let you explore the two concepts of designing your own texture brush and your own shape brush. I'm basing the tutorial on a pattern extracted from a fake-leather photo, used as the main element for your new brushes. If you have no idea really of how to design custom brushes, I suggest you first go through my tutorial "a rough line", where you will design a basic brush and get to know the controls and settings.

Custom brushes are probably not the right way to go if you need a pattern for one image only, but a good set of your own brushes can help you in your day-to-day design work. Custom brushes is a somewhat unexplored feature with lots of potential.

Over to the important stuff.
In this tutorial I will go through the process of designing a pattern that you can use as a base, in different ways, for your new brushes. The two brushes covered here (variations of the same idea) are good for discreet leather textures. Just painting it over a brown surface won't do the trick, but combined with layer blending, color mixing and a few additional brush strokes, you can produce really neat results.


Preparing a pattern

To have something to work with we take a reference image of some sort (in this case a photo, but it might just as well be a painting or a sketch). The important thing here is the pattern. We extract the pattern by reducing colors and tweaking the contrast heavily, until all that is left is a grayscale image (I leave this to you since there are different ways to do it, depending on the image). Next step is to make the pattern tile. I prefer working with "Filter/Other/Offset..." but you can also try out the "Pattern maker" in Photoshop CS. We then copy our pattern layer and make it transparent (black on transparent). Easy solution is to simply copy the whole layer and add it as a mask to a completely black one. The final preparation is now to create a selection circle around an area and use "Select/Feather..." on the edge (a setting of 5 pixels was used for the brush below). After we have deleted everything but the selection, the basic brush shape is ready for action!

968_tid_steps_pattern.jpg 968_tid_steps_shape.jpg

"Bumpy leather" - Texture brush


0. Define Pattern

First of, we need to add our tiling pattern to Photoshop's pattern gallery. The images in that gallery are the ones you can access in the "Texture" setting for a custom brush. We select the image (make sure you select the edges just right, so the tiling behaves perfectly) and go to "Edit/Define Pattern..." in the main menu. Now we have what we need for the first brush.


1. Brush Tip Shape

This brush will mainly use the "Texture" settings to achieve the desired effect so here we will simply select a normal rounded brush tip, with a fair amount of soft edges. What the tip really will define is not how large the actual pattern will be when you paint, but instead how much of it that will appear when you draw your brush strokes (think of it as painting a mask for the pattern).

2. Shape Dynamics

Nothing much to see here. We will use these settings only to get the pressure effect you need when using a stylus or "stroke path". Depending on how you plan to use this brush, you might not even want the pen pressure control activated. For example, if you use a pattern of a brick wall, you might just go for a nice and large brush so you can paint your texture with a few, quick, brush strokes.

3. Texture

Time for the most important part of this brush. We will open up the texture choice box and select our new, beautiful texture. In this tutorial the texture is a grayscale image, so you can use any color you want, but you could also create a more photographic texture and paint it on, in full color!

Scale - Create a new layer in the document you have open, and try out a few strokes. Is the size about right? Now we will fine-tune the size. Use the scale setting and try different sizes. For now, all we need is a general size. When you use the brush later on you might want to change the size depending on the resolution of the image file you will paint in.

Mode - Check the preview window for the brush and try different modes. I want the stroke to be exactly as the texture I used as a base, and that result is best achieved with "Subtract".

Depth - For the result to show (for this bumpy pattern) we will have to set the depth to 100%. If not, the texture will blend with the normal round brush tip we based it on, and the texture effect will disappear.

Done! The texture brush is now complete and ready to use. Before you do anything else though, remember to save it! Go to the "Brush" settings menu (triangle at the top right corner of the brush window) and choose "New Brush Preset...".

continued on next page >

1 | 2 | 3
Related Tutorials

Custom Brushes in Photoshop - getting started

by Rickard Johansson
published on 2009-12-09

Keywords: custom, brushes, photoshop, digital, painting,

rating star nonerating star nonerating star nonerating star nonerating star none (0)
Comments 0 Views 18727

The Power of Diffuse

by Isham Padron
published on 2009-12-09

Keywords: diffuse, wood, box, texturing, photoshop,

rating star nonerating star nonerating star nonerating star nonerating star none (0)
Comments 0 Views 19734

Matte-painting in Blender

by Carlos Mazon
published on 2014-11-10

Keywords: Arch-viz, matte-painting, Blender, scene, Photoshop

rating star fullrating star fullrating star fullrating star fullrating star half (13)
Comments 3 Views 33587

The Making of 'Space Station'

by Dmitriy Ten
published on 2015-10-29

Keywords: Dmitriy Ten, 3ds Max, Photoshop, making of

rating star fullrating star fullrating star fullrating star fullrating star full (11)
Comments 1 Views 26618
Readers Comments (Newest on Top)
no comments!
No comments yet. Be the first to comment!
Add Your Comment..