Assault Blog Design and Apparel Resource Tutorial Website

T-Shirts, Apparel, and Design Resource
contentTop

Creating your own Custom Adobe Photoshop Brushes

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

In my earlier tutorial I went over how to use brush dynamics from a preset brush, but what I didn’t show you was how to actually create your own brushes. If you’re not using custom Photoshop brushes then you’re missing out on one of the best features of Photoshop that will save you a ton of time and bring some new flare to your designs. The first step is selecting what you want to make into a custom brush…

Custom Photoshop Brushes

I will be creating two brushes in this tutorial. One is a cement face and  one is an image of Beelzebub from the Public Domain:

Beelzebub Image

Step 1 - Adjusting your image for creating a brush

Make sure when selecting an image to make into a brush you’re using one that isn’t going to get you sued. A good place to start is images in the Public Domain that you can do what you want with! After you have the image open in Photoshop you may want to adjust the levels (cntrl + L or command + L) so that it gets the right amount of contrast you want. The way that brush samples work is very similar to that of a mask except that the darker the tone the less translucent the brush will be.

What’s that mean? What this translates to is that if something in your image that is completely black will be 100% of the brush color you select, and something that is 100% white will not put down any paint at all.

Levels adjustment for Custom Photoshop Brush

This is an important concept to grasp in regards to creating brushes because you can create brushes of ANYTHING. If you have a wispy image of hair it’ll actually create the same translucency of hair via the brush. In the image below I did 4 things to prep it for being a brush:

  • 1. Normal Image cropped to a square
  • 2. Bumped up the contrast with levels (cntrl + L or command + L)
  • 3. Desaturated (Image>Adjustments>Desaturate) and inverted the image (cntrl + I)  because we want the black information (the only color used to make a brush)
  • 4. Painted out parts of image I didn’t want to have in my brush.

Creating Custom Photoshop Brushes Process

This is a great way to bring texture and different variations of  smoothness to whatever project you may be working on. As you can see I’m only going to be getting the black part of the image as the brush face.

Step 2 - Select a square area around create the brush preset

Beelzebub is already prepped for brush sampling because he is black and white, so now all you have to do is select the marquee tool by hitting the m key or by selecting it on the tool palette. Hold down shift to make it a perfect square selection, and drag around the item you want to make into a brush. When you’re ready to create the actual  brush go to Edit>Define Brush Preset… A dialog will pop up asking you to name the brush. Click ok. (screenshot below)

Create Custom Photoshop Brush

You should now have the brush of Beelzebub selected, if not hit the b key (shortcut to select the brush tool) and it should be selected. If is still not, right click and your brush palette will open up and you can scroll to the bottom of your brushes and you should see Beelzebub there.

Step 3 - Adjusting Custom Brush size and settings

Now you should see the brush overlay and if you click you’ll see that the item you selected as your custom brush appear. If you hit the [ key the brush will increase in size. If you hit the ] key then the brush will get smaller. In this particular example I’ve used my two brushes, Beelzebub and the cement face and set their color blend mode to color dodge to get some cool color effects if I click in the same place twice.

Custom Photoshop Brush Faces Tutorial

It’s at this point that I recommend you read the Photoshop Brush Dynamics tutorial that I wrote because you can take your custom brush and scatter it around, rotate it, and have it change colors and opacity dynamically as you drag the brush around. (It can even interact with a drawing tablet)

Step 4 - Creating Brush Sets

Something I like to do after I’ve made a nice selection of brushes is to export them into a .abr file so I can access them on all of my computers as well as provide them for downloads to people who frequent the Assault T-Shirts website. To save a custom brush set you need to be using the brush tool. (at least the way I make sets you have to have brush tool selected or you can go into the brush window)

Photoshop Preset ManagerHit the b key and then right click to bring up your brushes. Then click on the triangle in the upper right hand portion of the window and select Preset Manager…

Then use select all the brushes you’ve made that you want to go into a set by either using cntrl + click or command + clicking if you’re on a Mac like I am and then  click “Save Set..” and save the brush set somewhere on your computer.

Conclusion

This is just meant to get you going on creating brush sets. If you’d like to skip the step of making all your own brushes you can go to some of the resources below and download brush sets for free! I highly recommend giving credit to these people who made the brushes though, and if you’re selling something that uses custom brushes like we are at Assault, then I recommend you make your own brushes from your own images so you don’t get sued.

Photoshop Brush Resources:

Share:
  • del.icio.us
  • Digg
  • Facebook
  • Fark
  • Reddit
  • StumbleUpon
  • TwitThis

About the Author

tim Tim is the co-owner of Assault, and is responsible for the design and development of both Assault Shirts.com as well as AssaultBLOG.com. He has a dog named Dakota, and currently resides in Chicago.
Email this Author | All posts by tim

Comments on this post:

  1. Steveo said...
    June 20th, 2008 at 11:04 am

    Awesome stuff, really helped a lot.

  2. 23 Haziran Web’den Seçmeler : Hasan Yalcin said...
    June 23rd, 2008 at 3:59 am

    [...] Kendi photoshop fırçanızı oluşturmak için yapmanız gerekenler burada sıralanmış. [...]

  3. Repeating Seamless Background Image Tutorial | Assault Apparel T-Shirt Blog said...
    June 23rd, 2008 at 5:20 pm

    [...] and gray image that I think will work as a textured background that I created using some of my own custom Photoshop brushes. (created using the custom Photoshop brushes tutorial) It’s important to know the height and [...]

  4. Funny T-Shirts @ No Star said...
    June 25th, 2008 at 12:16 pm

    Great tutorial. Will definitely start using this technique on some new tee designs.

  5. kim.eunmin said...
    July 5th, 2008 at 12:42 am

    this is so awesome! thanks for the tutorial!

  6. Justice Rave Girls T-Shirt Design | T-Shirt Blog - Assault Shirts and Apparel said...
    July 29th, 2008 at 2:05 pm

    [...] the net. I’ve made the orb style brush available for download here if you want to see how I setup the brush dynamics to get various sizes of orbs in the design. I’ve even written a tutorial on this very subject [...]

  7. Trendy lightburst motion trail Photoshop tutorial | T-Shirt Blog - Assault Shirts and Apparel said...
    August 19th, 2008 at 7:29 pm

    [...] ways to do this whether it be using the lens flare or light effects, but I prefer to use good old custom brushes with layer modes. To start out, pick a dull tone of the color you want your light burst to be. [...]

  8. Rebecca Yarowsky said...
    September 9th, 2008 at 7:43 pm

    Excellent explanation! And so clear.

    Thank you!

  9. 35 Tutorials for Mastering Photoshop Brushes | Vandelay Website Design said...
    September 17th, 2008 at 9:04 pm

    [...] Creating Your Own Custom Adobe Photoshop Brushes [...]

  10. Antilogic Media - Design, Technology, SEO, Online Marketing and more… :: Antilogic Media said...
    September 18th, 2008 at 2:59 am

    [...] Creating Your Own Custom Adobe Photoshop Brushes [...]

  11. 35 tutoriales para dominar los pinceles de Photoshop » Cosas sencillas said...
    September 19th, 2008 at 2:10 am

    [...] Creating Your Own Custom Adobe Photoshop Brushes [...]

  12. 35 tutoriales para dominar los pinceles de Photoshop « Bits Nocturnos said...
    September 21st, 2008 at 2:05 pm

    [...] Creating Your Own Custom Adobe Photoshop Brushes [...]

  13. 35+ Photoshop Fırça ( Brushes ) Dersleri | Batuhan Bulak said...
    September 26th, 2008 at 1:08 am

    [...] Creating Your Own Custom Adobe Photoshop Brushes [...]

  14. josh said...
    December 8th, 2008 at 12:36 pm

    great arcticles

Leave a Reply

Footer
  • Recent Comments

    • KL: NEED MORE SIZES
    • Jonathan: Our website at www.clothingwire.com helps get new and up-coming clothing brands to showcase their apparel to t...
    • Biju Subhash: Hi Nice Tutorial :D But images are missing .... Thank You, Biju Subhash
    • Don: Wow this was some really good info..it will definitly help me..as i am about to release some tees..good stuff
    • josh: great arcticles
    • Jordan Charters: I found all the infomation not only on this Post very helpful but the entire site has helped me continue my dr...
  • Flickr Photos