Photoshop Brushes
Photoshop comes with many brushes already built in, and you can go to sites such as deviantart.com or brusheezy.com to find freebies that users have submitted, however in this tutorial we are going to look into designing our own set of brushes.
Coffee and Grunge, Two of my Favorite Things
Coffee stains and grunge splatters have become staples in much of grunge design. The great part about a grunge theme is that there are no rules! This gives the designer a ton of freedom. We are going to create coffee stain and splatter brushes that can be used again and again in our designs.
Brew Up Some Coffee and Let’s Get Started
- Put on the Maxwell House (my fav) and brew up a cup
- Find some paper, preferably textured paper (it makes more interesting stains).
- Grab some different sized mugs, and a straw
- This is the fun part! Spill some coffee on a hard surface and get the bottom of the mug wet, then place the cup on the paper. Try different amounts of coffee, different shapes and so on. Also for the splatters, use the straw and drip the coffee randomly onto the paper. Once you’ve got some cool stains and splatters, take a rest; we need to let the coffee dry. These are the some of the stains that I created:
- Scan the image in at a nice high resolution.
- Bring the image into photoshop and desaturate it. You should make your brushes black and white, you can apply color to them later when you use them. To desaturate the image click image>adjustments>desaturate
- Next let’s adjust the levels, to exaggerate the contrast. Click image>adjustments>levels to bring up the levels window. Bring the black slider and the white slider towards the middle until you get the contrast you like. Leave some gray in the stains; it will make your brushes more interesting in the end.
- Now we need to make individual selections of all the stains you want as brushes, copy them and paste them into a new document.
- Grab the rectangle marquee tool by pressing “m” or locating it on your toolbar. Make a simple selection around the stain you would like to work on.
- Hit “ctrl, c” on the keyboard to copy that selection.
- Hit “ctrl, n” to open up a new document.
- And hit “ctrl, v” to paste that selection into the new document.
- Clean up the brush by deleting any excess or unnecessary marks. To do this, make a selection using the magic wand tool, you can find it on the toolbar or Pressing “W”. Also note you can play around with the tolerance to refine your selection. Once you have a selection you’d like to take out, press “ctrl, x” to cut it out. Repeat selecting and cutting until you have just the brush that you want.
- Save the file to a location that’s easy to remember
- Open up Illustrator.
- Create a new file. file>new
- Place the photoshop file. file>place
- With the stain selected click on the drop-down arrow next to the live trace button at the top of the screen. Select tracing option from the list.
- First click the preview button, to see how the changes effect your image. Make sure Fills and Ignore White (Note this will not be an option in CS2 or below versions, you will have to cut the white space and make the background transparent within Photoshop) is checked on and that the Mode is set to Black and White. Now fiddle with the other setting until you get the result you like. I adjusted the Threshold, Path Fitting and Minimum Area. Below are the settings I used; however your brush will be different and therefore probably look best after some trial and error…
- Click the Expand Button in the control panel.
- Copy your newly made Illustrator Vector. “ctrl, c”.
- Open up Photoshop again, and create a new document, “ctrl, n”. Make the resolution 300dpi and make the size rather large, I went with 2500px by 2500px.
- Paste the stain into Photoshop, “ctrl v”. In the dialog box that appear check pixels.
- We need to prepare the brush palette for a new set. Click edit>preset manager. Select all the brushes by clicking on the first then holding down the shift key and clicking on the last brush. Press delete, then finish up by clicking “done”. This process empties out your brush panel so you can add your new brushes without extending the old set. This process however does not completely delete the old brushes that were in there, merely it creates an empty set for you to work with.
- Select the stain by clicking on the thumbnail in the layers palette while pressing down ctrl. This will select only the stain.
- Click Edit>Define Brush Preset. Name your brush something applicable.
- Finally go to your brushes panel, click the flyout menu and click save brushes. Enter a name that works for you and click OK.
Scanning and Preparing the Image
Select Your Brush
Bringing the Work Into Illustrator
We could stop at this step and convert the file to a brush, and it would be very useful; however the brush would not be very scalable, and we would be limited to the resolution we have now. By bringing Illustrator into the mix, we can make the brush larger, and then scale it down in size depending upon our need!
Back Over to Photoshop
Time to Make the Brushes
Now you have a working brush. Repeat these same steps to add more to your palette. You can also go back to your preset manager and begin adding more to your set by dragging and dropping.
That’s it! Now you can take your new brush library and incorporate your original brushes into your next design. I hope you find some good uses for this.
Sharing is Caring
If this post was helpful to you, please consider sharing it with others, it's a great way of saying thanks.
MyInkBlog
Email Updates
Twitter
Facebook
Flickr
Designmoo
Digg
Stumble Upon
August 20, 2008
Hi, nice tut!
I know it’s pretty old, but I’m just catching up with your blog.
Although I have a “but”. In step 22, I’m convienced that you don’t need to set the dpi if you’re setting size of a document in pixels. It’s a different story if you want to create new document based on mm or inches.
It won’t ruin or make any better, but it’s good to know when dpi really matters.
Cheers!
August 20, 2008
Hi Pete, That’s a very fair point, your right on with that. Thanks for the comment, and thanks for going through some of the older tuts on the site.
January 24, 2009
Hi, thanks for sharing.
Cheers!
February 3, 2009
Excellent explanation, I will be sure to point people your way.
Liora´s last post was… Love is in the Air!
February 5, 2009
Nice one dude, gotta try out the coffee splatters one this evening. got me a new scanner :) Keep up the good bloggin’!
March 5, 2009
Another reason why I should invest money into scanner :P. Thanks!
April 16, 2009
Cool grunge %)
techno brushes´s last post was… Decorative circles
May 16, 2009
cheers !
Good explanation…
September 7, 2009
such amazing stuff you sharing. thanks
.-= Dzinepress´s last blog ..30+ Professional Designs with Free Photoshop PSD Files =-.
September 12, 2009
:) Quite interesting approach
October 19, 2009
wow, i been looking this tutorial.. thanks for some ideas.. i’ll download photoshop .
October 19, 2009
Wow.. great tutorial
please post other cool tutorial..
October 20, 2009
Well I finally found some things which interested me for awhile.Thanks very much for sharing.I will try to apply exactly
October 23, 2009
that a great tutorial..
it was really help full..
i think i have to buy a scanner..
hehehe
December 11, 2009
Very useful. Thanks for the tutorial.
December 14, 2009
Awesom tut I was wondering how this is done then i realised you use real coffee – of course
December 18, 2009
Very useful. Just what I was looking for! Thanks.