Subscribe
Newsletter Signup

Sign up to get notified when a new Photoshop Friday goes up! Coupons + goodies + class info + stuff.

Sign up for my Email Newsletter
Projects
« Retreat, But Don't Surrender | Main | Because I Made a Promise »
Friday
14Sep2007

Photoshop Friday! 2007 #30 Create a brush from a dingbat

Welcome to another edition of Photoshop Friday!

Today’s quick tip is a cool time-saver (at least it will be when we combine it with next week’s PSF on saving and organizing brushes…).

Creating Brushes from Dingbat Fonts

There are a few good reasons to create brushes from some of your favorite dingbats. I’ll go in to more detail about the WHY at the end of this tutorial - for now, let’s talk about the HOW. :D 

1. Open a new blank document, probably something 5x7 or larger, just so you have enough canvas to work with.

2. Select your Horizontal Type tool. In the Options bar at the top of your screen, select a dingbat font, and type a large number, something higher than 100, in the Size box.

3. Click on your document and type the letter that corresponds to the dingbat you’d like to use (hint: having trouble finding and managing dings as fonts? I use The Font Thing - it’s a free font management software, available for Windows). I am using a cute heart/arrow from the CK High Energy Doodles font at Scrapnfonts.com.

IMPORTANT: Create all your brush files in black

 722646-1033341-thumbnail.jpg
Click for Larger

4. In order to create a brush, we need to make a “raster” image out of our dingbat - basically turn it from a font into a set of pixels. Right-click on the new type layer in the Layers palette, and select Simplify Layer from the flyout menu (Photoshop CS/CS2/CS3: Right-click and choose Rasterize Type).

 722646-1033344-thumbnail.jpg
Click for Larger

5. Select your Rectangular Marquee tool. Draw a rectangle selection around your dingbat letter.

6. Go to Edit > Define Brush from Selection (CS/CS2/CS3: Edit > Define Brush Preset).

722646-1033348-thumbnail.jpg
Click for Larger

7.  You’ll be asked to provide a name for your brush. Name it and click OK.

8. Select your Brush tool. Choose your new brush from the dropdown selector in the Options Bar at the top of your screen. I’ll be stamping my brush on a photo, so I’ve opened that.

9.  Create a new layer (Layer > New > Layer).

10. Choose an ink color for your brush using the swatches at the bottom of your toolbar.

11. Stamp your brush by clicking down once.

722646-1033351-thumbnail.jpg
Click for Large

12. I set my brush to Overlay blending mode using the dropdown box at the top of the Layers palette. It gives a cool effect to the ball. :)

722646-1033356-thumbnail.jpg
Click for Larger
Here’s my final image, after a little color correction, cropping, and sharpening:

BrushFromDingbatFinal.jpg 

 So why make brushes from dingbats? A lot of what you can do with a brush, like resizing, re-coloring, changing blending modes, you can do with a font, too (I know that’s what you’re thinking. Admit it.) :) But there are several things that are unique to brushes, that fonts can’t do:

  • You can  use a brush to mask out areas of photos or patterned paper. This is generally done by painting with a brush on a layer mask (like I showed in this tutorial), and it’s MUCH easier to do this with type/dingbats if you’ve got the image already in a brush.
  • You can use your brush with the Eraser tool, to erase type into a photo or patterned paper.
  • Other tools you can use brushes with include the Dodge and Burn tools (ever try burning a type or dingbat brush into a photo? Now you can! It’s a very cool look. :D)
  • You can flip and rotate brushes before stamping them down, to fully customize the look.
  • You can use the brush to create a selection and then add grunge effects to your dingbat.

I think it’s easier to store some of my favorite dingbats as brushes, right alongside my other brushes. But how do you save off a brush so you can install it again and again? How do you organize brushes, anyway? Next week’s Photoshop Friday will focus on saving off brushes as .abr files, and some tips for organizing them.

Have a wonderful, Phabulous Photoshop Phriday! :D

JSprague_initialsSm.png 

 

PrintView Printer Friendly Version

Reader Comments (9)

Great tip! Also, thanks for telling the reason behind making a brush - sometimes the flexibility of brushes are not fully realized. ;)
September 15, 2007 | Unregistered CommenterMelanie
Thanks Jessica. This is really easy to do.
September 15, 2007 | Unregistered CommenterMeon
You know - I've always ignored the ABR files in favor of PNGs because they're so much easier to organize and view (I can't get the ABRviewer to work without freezing up half the time) and I seemed to be able to do everything I needed with them. I think I'll dust off my brushes and give them a try this weekend. Thanks!
September 15, 2007 | Unregistered CommenterGina
I can't get my head around brushes so this is a great tut - and can't wait for next week's.

Am I the only person getting the dreaded red xs though? I can't see any images in your blog right now :(
September 15, 2007 | Unregistered CommenterMrs S
I have a question.. can I use my dingbats on my computer- that came installed in my stuff (lol) - in professional photography??
September 15, 2007 | Unregistered CommenterAnneMarieZ
Love this, you answered some ?? I was struggling with :) and I am SOOOOO looking forward to the organizing of the brushes! Thanks again, for all you share
September 15, 2007 | Unregistered CommenterBrooke in Oregon
Have to chime in & say thanks for this (& all the other) tutorials!
September 15, 2007 | Unregistered CommenterErin Bassett
Thank you Jessica! I love your tips - and your blogging style is so enjoyable! Can't wait til next week!
September 16, 2007 | Unregistered CommenterMelinda in Michigan
Super idea! I have so many cute dingbat fonts that I've NEVER looked at. That's all gonna change. Thank you thank you!!
September 20, 2007 | Unregistered Commenterallie

PostPost a New Comment

Enter your information below to add a new comment.
Author Email (optional):
Author URL (optional):
Post:
 
All HTML will be escaped. Hyperlinks will be created for URLs automatically.