Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Brushing Up On The Photoshop Brush Tool

When laid by a learned hand, brush strokes can convey a sense of energy, tactility and humanness. These qualities speak to your audience’s subconscious, whispering ideas that words alone can’t convey. In the digital realm, a website with beautiful brushwork is a welcome break from the stark precision of most corporate websites. Here is the Photoshop brush tool. [Updated February/28/2017]

Mastering the digital brush is by no means easy. It carries the same difficulties as the sable brush hidden at the bottom of your art bin. In fact, the difficulty is multiplied by the disconnect between the hand and monitor. Developing Photoshop brush skills takes time, but it is well worth the effort. This article outlines the plethora of options that Photoshop affords, so that you can efficiently create and use brushes1 like the Old Masters.

Photoshop Brush Tool

Basic Settings Link

Along the brush’s options bar are some simple yet powerful settings that determine the strength and shape of your brush. These settings have a large impact on the how the brush applies paint, so they’re definitely important to understand.

The brush's most essential settings are found in the options bar
The brush’s most essential settings are found in the options bar.

Brush Link

The brush menu, which is accessible by clicking the drop-down menu next to the brush preview or by right-clicking within the canvas, presents three options to control the shape of your brush: “Master Diameter,” “Hardness” and “Brush Shape.”

Further Reading on SmashingMag: Link

The Master Diameter setting sets the overall width and height of your brush in pixels. It’s hard to notice on a standard round brush, but making a brush larger than its original size can cause it to become blurry. So, if you want to maintain clean edges, keep an eye on the brush’s original diameter. This setting is easily controlled using a couple of shortcuts. You can use [ and ] to modify the diameter in increments of 10 pixels, or you can use the on-canvas drag method: with your mouse cursor inside the canvas, hold down Option + Control + Shift and drag the mouse left or right. The brush will change in size as you scrub back and forth. This is great for when you need a precise size on the fly.

The brush menu is easily accessible by right-clicking on the canvas.
The brush menu is easily accessible by right-clicking on the canvas.

The hardness setting is available only for Photoshop’s round brushes. Setting the hardness as a percentage from 0 to 100 will feather the edges of the brush; 100% is a crisp edge, and 0% is a completely feathered edge from the center of the brush to the circumference. For broad alterations to this setting, use the keyboard shortcuts Shift + ] and Shift + [ to change the values in 25% increments, or you can hold Command + Option + Control and drag inside the canvas to change the values and see them take effect as you do it.

The on-canvas drag shortcuts make resizing a breeze.
The on-canvas drag shortcuts make diameter and hardness adjustments simple and intuitive.

At the bottom of the panel is an assortment of brush presets, which gives you quick access to the brushes you use most. Some of the defaults are just simple shapes and textures, but others have been customized with advanced settings in the Brushes palette (F5). Photoshop has a number of brush libraries that can be added to the list using the panel’s fly-out menu, but you can also load and create custom brushes (see “Managing Presets” below).

The on-canvas drag shortcuts make resizing a breeze.
Photoshop provides a dozen additional brush libraries, which can be found in the brush menu’s fly-out.

Mode Link

The brush’s mode sets how painted pixels affect those already on the current layer. These modes work in the same way that Blend Modes work on the layer’s palette, except that they’re converted to absolute values when the stroke is finished. This is an important distinction to make: once you’ve painted using a blending mode, that mode cannot be altered after the fact as you would using blending modes on the layer’s palette.

Setting the Mode changes how the paint affects the layer's current pixels.
Setting the mode (e.g. Normal to Multiply) changes how the paint affects the layer’s current pixels.

The brush tool also introduces two blending modes not found in the layer’s palette: “Behind” and “Clear.” The Behind setting allows you to paint only in the areas of the layer that are transparent; this can be helpful if you need to paint behind a subject and leave filled pixels intact. The Clear setting essentially turns the brush into an eraser; instead of adding paint to the layer, it removes it.

The Behind mode allows you to paint strictly in transparent areas. Clear mode essentially turns your brush into an eraser.
The Behind mode allows you to paint strictly in transparent areas. Clear mode essentially turns your brush into an eraser.

Opacity, Flow and Airbrush Link

These three settings work in unison to determine the amount of paint laid on the canvas. The opacity setting is the master control; it sets the maximum amount that can be painted with each stroke, mouse down to mouse up, regardless of any other setting.

Flow, on the other hand, sets the amount of paint applied to an area every time the brush moves. So, if your Flow setting is set to 20%, and you click one area of the layer, only 20% will be painted. However, if you move the mouse back and forth over an area with the same setting, the paint will build up incrementally by 20%.

Finally, the Airbrush setting allows you to build up paint based on time instead of movement; by simply holding the mouse down in one area, you can multiply the brush’s effect. You can quickly set the Opacity of a brush using the number keys (5 is 50%, 65 is 65%). By holding Shift while inputing the numbers, you can control the brush’s Fill setting. Note: if the Airbrush setting is on, these two shortcuts are reversed.

Opacity and Flow both control the brush's transparency but are very different.
Opacity and Flow both control the brush’s transparency but are very different.

Advanced Settings Link

Within the Brushes palette (F5) are dozens of settings that control the way the brush paints, from shape and size to flow and scatter. Understanding how to use these options is the key to creating wonderful brushes.

Brush Presets Link

The Brush Presets menu lists all of the currently available brushes. While some of the presets simply change the shape of the brush, others have advanced settings.

The brushes in the Brush Presets list are not just brush shapes; some also have advanced settings.
The brushes in the Brush Presets list are not just brush shapes; some also have advanced settings.

Photoshop contains a number of brush libraries in addition to the defaults, which can be easily appended to the current list of presets. These presets are accessible in the fly-out menus located in the Brushes Palette and in the Brush drop-down menu in the toolbar. Photoshop provides a dozen or so libraries, including Calligraphic, Dry Media, Wet Media and Natural, but you can also load a custom library by choosing “Load Brushes…”

If you’ve created a brush that you would like to save as your own custom preset, you can do so by clicking the Create New Brush button at the bottom of the palette. This will add the brush to your preset menu; however, if the menu is reset, the brush will be lost. Luckily, Photoshop allows you to export a custom library so that you never lose your favorite brushes. Simply choose, “Save Brushes…” from the fly-out menu and you can export an .ABR file containing all of the brushes currently in the Brush Presets menu.

You can customize even further by creating your own custom brush shape. To do so, start by creating a selection of the area you’d like to create the brush sample from (or select the layer you’d like to use). Then, select Edit → Create Brush Preset… Name it and click “Okay.” A new brush preset will be added to the menu.

Creating a custom brush shape is the first step to creating a completely unique brush.
Creating a custom brush shape is the first step in creating a completely unique brush.

Brush Tip Shape Link

This group allows you to control the primary shape of the brush. Many of these settings, which are outlined above, are also found in the Brushes toolbar, but here we also have options for flipping, rotation, roundness and spacing. “Rotation,” “Flip X” and “Flip Y” modify how the brush is oriented. Setting Roundness to lower than 100% will squish the brush along its original x-axis; this can be used to easily create a calligraphic brush. Adobe realized that Roundness and Rotation may be hard to visualize and so has added a more intuitive way to work with these settings: simply drag the arrow and control points on the image to the right, and the values will be updated.

The Brush Tip Shape menu gives you control over the primary shape of the brush.
The Brush Tip Shape menu provides control of the primary shape of the brush.

Photoshop scales brushes by interpolating them up or down; no vector brushes are available. Therefore, some brushes may become gritty or pixelated if scaled too much. To quickly return a brush to its original size, click the Use Sample Size button.

Over-sizing a brush can cause unwanted pixellation. This can be remedied with the Use Sample Size button.
Over-sizing a brush can cause unwanted pixellation. This can be remedied with the Use Sample Size button.

The final setting in this group is Spacing, which determines how often the brush is sampled onto the layer. Lower values place the samples close together, and higher values space them out. Spacing not only changes the stroke’s appearance but can drastically affect Photoshop’s performance. Setting it to 1% can produce smoother edges, but a large or complex brush can seriously bog Photoshop down. If performance is an issue, keep this setting as high as you possibly can. Spacing can also be turned off using the checkbox next to its name. This causes the brush to sample with inconsistent spacing, based on the speed of your movements.

Spacing has a large effect on the smoothness of your brush, but can also impact rendering speed.
Spacing has a large effect on the smoothness of your brush but can also impact rendering speed.

Brush Control Methods Link

A number of the settings in the Brushes palette allow you to set a method for controlling values. They include “Off,” “Fade,” “Pen Pressure,” “Pen Tilt,” “Stylus Wheel,” “Rotation,” “Initial Direction” and “Direction.” Some of these settings require a tablet, such as a Wacom. If you don’t have a tablet or if the method is not available with your particular stylus, Photoshop will display an error icon to notify you.

Off Link

Control is completely negated with the Off setting, which means that values will remain consistent throughout the stroke of the brush.

Without a control set, each sample of the brush will remain consistent.
Without a control set, each sample of the brush remains consistent.

Fade Link

Using the Fade control allows you to specify the number of steps over which the setting will incrementally decrease until it reaches its minimum. So, by default, setting the Size control to Fade with 10 steps will cause the brush to decrease its size by 10% each step until the brush reaches 0. This can be used with the Size setting to effectively create individual strands of hair. While many of the settings allow you to specify the fade’s minimum percentage, others use a preset amount. For example, setting steps for the Angle Fade specifies how many steps will be used to rotate the brush 360°.

The Fade Control incrementally decreases values until the minimum is reached.
The Fade Control incrementally decreases values until the minimum is reached.

Pen Pressure Link

Pen Pressure is an extremely useful setting but requires a pressure-sensitive tablet device. It determines values based on how hard you press the pen to the pad. This makes for very intuitive painting especially when used on size and opacity settings.

Pen Pressure requires a tablet device and determines values based on how hard the stylus is pressed to the pad.
Pen Pressure requires a tablet device and determines values based on how hard the stylus is pressed to the pad.

Pen Tilt Link

The Pen Tilt setting changes values based on the angle of the pen to the tablet. When the pen is perfectly perpendicular to the tablet, the variance is set to 0%. As you tilt the pen, the values increase. This setting is especially helpful for controlling the angle of the brush, because it also takes into consideration the direction in which the pen is pointing on the tablet. So, holding the pen at an angle and pointing it to the left side of the tablet will point the brush to the left.

By setting the Angle Control to Pen Tilt, you can match the brush tip's rotation to your hand's rotation.
By setting the Angle Control to Pen Tilt, you can match the brush tip’s rotation to your hand’s rotation.

Stylus Wheel Link

If your stylus comes equipped with a Stylus Wheel, you can use it to control variance on the fly by rotating it. This may be helpful for quickly changing settings between strokes, but using to change values during a stroke is difficult.

If your pen has a stylus wheel, you can use it to control values.
If your pen has a stylus wheel, you can use it to control values.

Rotation Link

This is another setting that requires a special type of stylus. If your stylus supports Rotation, you can simply rotate the stylus to control values. This is probably best used with the angle setting.

If your pen has a stylus wheel, you can use it to control values.
If your pen has a stylus wheel, you can use it to control values.

Initial Direction Link

When using the Initial Direction setting, the brush will not immediately start applying paint. Photoshop waits to see in which direction you move the brush and then rotates the brush based on the angle.

The first movement you make using the brush determines the angle when using the Initial Direction control.
The first movement you make using the brush determines the angle when using the Initial Direction control.

Direction Link

The Direction setting can be particularly useful for painting something like grass along a contour, because it will rotate based on the direction that your brush has traveled since the last step.

If your pen has a stylus wheel, you can use it to control values.
The Direction control rotates your brush so that it naturally follows the curve of the stroke.

Shape Dynamics Link

Now that you have a basic shape and size set, you can add some variance using Shape Dynamics. Here you’ll see three different types of jitters, which control the amount of variation allowed for size, angle and roundness. Setting any of these options to above 0% will cause the brush to sample at random values within the range set by the percentage (e.g. setting the Angle Jitter to 50% will limit the brush’s rotation to 180°).

The Shape Dynamics' jitter controls can be used to add some randomness to the brush shape.
The Shape Dynamics’ jitter controls can be used to add some variation to the brush shape.

Scattering Link

The Scattering menu allows you to vary where each sample of the brush is placed and how many samples are placed per step. Three sliders are here for you to control: “Scatter,” “Count” and “Count Jitter.” The Scatter setting sets a percentage for how far off the origin the sample is allowed to travel. By default, this will control the variance only along the y-axis, but by clicking the “Both Axes” checkbox, you can set the same value for the x-axis.

Scattering can add a lively randomness to the stroke.
Scattering can add a lively randomness to a stroke.

Count and Count Jitter work together to determine how many samples are generated in every step. Count dictates the maximum number of samples allowed, while Count Jitter randomly chooses a number within that range to sample. If the Scatter setting is not set to above 0%, then the Count setting will place the brush on top of itself, which can create a “heavy” brush with jagged edges.

Texture Link

Adding a texture to your brush can give a wonderful sense of depth. Photoshop allows you to apply any of your Texture presets to your brush. You can then modify the Scale or Invert it. The Mode drop-down menu provides a list of blending modes that determine how the texture mixes with the current values of the brush. Although most of these blending modes look familiar, they function a little differently here. For example, you would think that setting the Mode to Multiply on a brush that is completely black wouldn’t have any effect. However, Photoshop compensates by reducing the original values of the brush so that the texture is visible.

At first, the Depth setting seems to work by setting the opacity of the texture. However, what it really does is ramp the values of the texture from their original grayscale values (at 100%) to completely white (0%). This allows for more dramatic results than simply reducing the texture’s opacity.

This menu also has a feature, called “Texture Each Tip,” that allows you to control the texture of every brush sample. Checking this option turns a couple of other sliders on, which set the Minimum Depth and Depth Jitter. Altering these values will cause each sample to have a random depth within the set range.

Using a texture adds tactility and depth to each stroke.
Using a texture adds tactility and depth to each stroke.

Dual Brush Link

Combining two brushes using the Dual Brush option opens the door to some fantastic effects that you could never have created using a single brush. As the name implies, this setting uses two different brush shapes to create the final sample. The primary brush is basically used as the mask that the dual brush is contained within. The Dual Brush menu has a few settings for the second brush, which work in the same manner as they do for the primary brush. The differences you set in Shape, Spacing, Scattering, Count and Mode make for a more dynamic and naturally random brush stroke.

Combining brush shapes creates a unique effect that you couldn't achieve otherwise.
Combining brush shapes creates a unique effect that you couldn’t have achieved otherwise.

Color Dynamics Link

The Color Dynamics menu helps you interject some color variation into your brush strokes. You can control the colors by using the Foreground/Background Jitter, or you can allow Photoshop to randomly select values using the Hue, Saturation and Brightness Jitters.

The Foreground/Background Jitter controls how much of the background color is allowed to be sampled into the brush. Note that the background color is added to, not substituted for, the foreground color. This means that if your foreground color is red and your background color is blue, the intermediary samples will be a purple hue.

The Foreground/Background Jitter randomly blends the two colors together.
The Foreground/Background Jitter randomly blends two colors together.

The Hue, Saturation and Brightness Jitters determine the maximum amount of variance allowed based on the foreground color’s values for each. So, if your foreground color has a saturation or brightness value of 0, then your brush strokes will be completely grayscale. At the other extreme, setting a foreground color with 100% brightness and saturation will make every possible color available to use.

Hue, Saturation and Brightness Jitters can be used to add variations to the foreground color's properties.
Hue, Saturation and Brightness Jitters can be used to add variation to the foreground color’s properties.

In addition to the Jitter settings is a Purity slider. This sets how pure the saturation is for each sample. If set to 0%, it does nothing; if moved to 100%, it limits the Saturation value for each sample to 100%. However, this should not be mistaken as an overriding setting for saturation; it sets only thresholds for it. So, setting it to -50% would ensure that saturation values never go above 50%, and a setting of -100% would completely remove all saturation.

The Purity slider sets a threshold for each brush sample's saturation level.
The Purity slider sets a threshold for each brush sample’s saturation level.

Other Dynamics Link

With the Other Dynamics menu, you can jitter and set controls for varying the brush’s opacity and flow. Both of these jitters depend on the brush’s current settings in the properties bar. They don’t allow the brush to gain opacity; they only determine how much lower it can go. The pen pressure control is an intuitive match for either of these settings.

Opacity and Flow jitters both change the transparency of each brush tip shape, but the Flow jitter allows the samples to compound.
Opacity and Flow Jitters both change the transparency of each brush tip shape, but the Flow Jitter allows the samples to compound.

Other Settings Link

Noise - generates random noise within the grey values of your brush shape.
Generates random noise within the gray values of your brush shape.

Wet Edges
Wet Edges - decreases the interior values of your brush while leaving the edges at full opacity. By doing so, the brush creates an effect similar to watercolors with its 'wet edges.'
Decreases the interior values of your brush, while leaving the edges at full opacity. Doing so, the brush creates an effect similar to watercolor with its “wet edges.”

Allows paint to build up incrementally based on the Flow setting and limited by the Opacity setting (see Opacity, Flow and Airbrush above).

Smoothes the curves of the stroke to prevent polygonal curvatures. Turning this off may help if your brush is rendering slowly.

Protect Texture
Ensures that the same texture is used for every brush with a texture.

Other Palette Options Link

Lock Setting
Next to each menu name in the Brushes Palette is a padlock icon. These allow you to lock a setting so that when you switch to a different brush preset, the settings from that menu carry over to the new preset. This can be very helpful when you need a similar effect but don’t want to have to rebuild it with a new brush shape.

The Brushes Palette has two different ways to reset controls in its fly-out menu: “Clear Brush Controls” and “Reset All Locked Settings.” Clear Brush Controls will turn off all controls except for Smoothing but keeps the locked settings locked. Reset All Locked Settings also turns off all controls but will also unlock everything.

Painting Quick Tips Link

Learning the technical aspects of the digital brush is only the first step in becoming a master brush artist. It also requires a bit of talent mixed in with never-ending practice. Here are some quick tips to help you along the way.

Changing the Cursor Link

If you find that the normal cursor doesn’t suit your liking, you may want to change it. In Photoshop’s Preferences menu (Command + K) is a section called Cursors (Command + 5). Here you have the option to change the “Painting Cursor” from Normal Brush Tip to Standard, Precise or Full-Size Brush Tip. You can also create a hybrid cursor by using the Normal or Full-Size Brush Tip in conjunction with the “Show Crosshair in Brush Tip” option. Below the Paint Cursors section is an option for the Brush Preview color. This is the color that is displayed when modifying the brush shape with the on-canvas drag shortcuts: Control + Option + Drag to change the diameter, and Control + Option + Command + Drag to change the hardness.

Changing the cursor may help you gain better control of the brush.
Changing the cursor may help you gain better control of the brush.

Painting Straight Lines Link

Painting a freehand straight line is nearly impossible. Luckily, Photoshop has some features to help with this. By holding the Shift key while painting, your stroke will be constrained to 45° angles. Painting straight lines that aren’t locked to 45° angles is just as easy. Start by clicking once on the beginning point of the line. Move the cursor to the end point, hold Shift and then click. A perfectly straight line will have been drawn between the two points.

Clicking to start a line, then Shift + Clicking at the end of a line paints a perfectly straight line between the two points.
Clicking to start a line and then holding Shift and clicking at the end of a line will paint a perfectly straight line between the two points.

Painting Perfect Curves Link

Photoshop’s Paths palette allows you to stroke a path using the current brush’s settings. This can be extremely helpful if you have a tricky curve or complex shape to paint. First, set up your brush. Then, select the path you wish to stroke; and in the Paths palette, Option + Click the Stroke path with the brush button. This will present you with a dialog box that allows you to set the tool you want to stroke with. You can even use the Simulate Pressure button to activate any control methods you have set on your brush.

Stroking a path with your brush, gives you perfect control over the stroke's curvatures.
Stroking a path with your brush gives you perfect control over the stroke’s curvatures.

Other “Painting” Tools Link

Remember that the Brush Tool is not the only tool that uses brush settings. By customizing these other tools, you can create some very impressive effects. The other “Painting” tools include: Pencil, Eraser, Background Eraser, Clone Stamp, Pattern Stamp, Healing Brush, History Brush, Art History Brush, Smudge, Blur, Sharpen, Dodge, Burn, Sponge, Color Replacement and Quick Selection.

Keyboard Shortcuts Of The Photoshop Brush Tool Link

Tool Selection Link

  • B: Brush tool
  • Shift + B: Rotate through Brush tools (i.e. Brush, Pencil and Color Replacement tools)
  • F5: Show or hide Brushes palette

Brush Settings Link

  • [: Decrease brush diameter
  • ]: Increase brush diameter
  • Shift + [: Decrease brush hardness by 25%
  • Shift + ]: Increase brush hardness by 25%
  • Digit Combination (with airbrush off): Set the brush’s opacity
  • Shift + Digit Combination (with airbrush off): Set the brush’s fill
  • Digit Combination (with airbrush on): Set the brush’s fill
  • Shift + Digit Combination (with airbrush on): Set the brush’s opacity
  • Option + Shift + ‘+’: Next blending mode
  • Option + Shift + ‘-‘: Previous blending mode
  • ,: Previous brush
  • .: Next brush
  • Shift + ,: First brush
  • Shift + .: Last brush
  • Caps Lock: Toggles between Precise and Normal cursors
  • Control + Click (inside canvas): Bring up the quick brush menu
  • Control + Shift + Click (inside canvas): Brush blending mode menu
  • Control + Option + Drag (inside canvas): Change the brush’s diameter
  • Control + Option + Command + Drag (inside canvas): Change the brush’s hardness

Painting Link

  • Shift + Drag: Constrain the brush to 45°
  • Click, move cursor, then Shift + Click: Draw a straight line from the first click to the second click

Helper Tools Link

  • Option (hold): Temporarily switch to Eyedropper tool
  • Shift + Option (hold): Temporarily switch to Color Sampler tool
  • Command (hold): Temporarily switch to Move tool
  • Command + Option (hold): Duplicate and Drag layer
  • Space (hold): Temporarily switch to Hand tool


Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5

↑ Back to top Tweet itShare on Facebook

Tom Giannattasio happily makes things at nclud. He works as an Editor for Smashing Magazine and teaches at Boston University Center for Digital Imaging Arts. He loves to experiment and share his work on his personal site: attasi.

  1. 1

    Design Informer

    November 16, 2009 10:00 am

    Cool, I never knew about those brush modes. I guess you learn something everyday from Smashing Magazine.

    • 2

      That only indicates that you ain’t designer or you are new to photoshop.

      • 3

        give the guy a break; why must you hate?

        everybody has to start at step one, from the greatest artist to a child with paper and graphite.

      • 4

        @Lueezo, your reply only indicates your professionalism… learning proper grammar is essential to being a successful designer. And what is the point of reading an article on a design site geared to share knowledge to a community of designers, and then bash some one for not already knowing what was posted therein?

      • 5

        So you must be known with Photoshop in order to be a designer? Stop talking trash and give that guy a break. We are human and we are supposed to learn new things every day.

        OT: Nice article!

      • 6

        @ Lueezo. Shame on you. You took a perfectly reasonable thank-you by an appreciative reader, only to pause long enough to insult them and the rest of us who can see your poor manners. If you can’t be constructive then don’t be destructive just be quiet!

        Perhaps you might now show some class (and some intestinal fortitude) and apologise…

      • 7


        What do you mean.. what about that duration where u were at learning mode?? U are also here to learn something new by reading these articles..

      • 8


      • 9

        Give Lueezo a break. Anyone who thought Design Informers comment was in any way shape or form useful, get over it. When I first saw it, I was like “This guy just wants a link back to his blog.” But it appears that option has been removed. It was still a useless comment. Why? Analytics tell SM how great it was.

        I never use the brush tool, nor do I care to. I suppose if you have a tablet, it’s great… mouse? Useless.

      • 10

        I’ve been designing websites professional for a year now and have never _really_ needed to use the brush tool. But just recently, after winning a graphics tablet, I’ve started to do some illustrations and stuff, so this tutorial is really helpful, thanks !

      • 11

        Joseph Charles

        January 8, 2014 7:16 pm

        Every starts from somewhere m8. How would you like it if you i bashed on you for not knowing what SSS stands for?

  2. 12

    thank you so much!

  3. 13

    nice post with some helpful tips :)

  4. 14

    another excellent post ! a lot of information dropped
    thanks !

  5. 15

    Very helpfull. Thank you! ^_^

  6. 16

    Awesome! I didn’t know how to make the brush direction follow a line or curve! Thanks for sharing this tutorial!

  7. 17

    Thanks for posting this wonderfully detailed article. Can you recommend any articles like this for working with the brush tools in Adobe Illustrator?

  8. 18

    Thanks…Very useful information.

  9. 19

    Great article, thanks a lot!
    Never knew about the clear and behind functions, really helpfull!!

  10. 20

    Thanks for the tips, however the main image made me hungry to see some other “finished products.”

  11. 21

    Very nice article!

  12. 22

    Good stuff, thanks!

  13. 23

    Really liked this post, we could use some more of these.

  14. 24

    Great article, cheers ;)

  15. 25

    Moksha Solutions

    November 16, 2009 2:11 pm

    nice details info about brush, thanks for it.

  16. 26

    You know… this is a very good article for me because all this time that I’ve been doing web site design I have been primarily working with ImageReady from CS2 (sad this wasn’t kept) but once I upgrade soon, it’s buy buy to IR and guess I will have to use Photoshop. However, I’ve been kind of intimidated with PS which is why I have always stuck with it’s sibling ImageReady for my work but as it once was for me always doing static html sites, I eventually had to grow into dynamic and cms systems. As for this article of brushes…makes me think more about PS now and will definitely help, hence why I just bookmarked this one under my Photoshop Techniques. Thanks!

  17. 27

    very good and helpful article. thank you for this wonderful site!

  18. 28

    Thank you for this article! I haven’t heard of Dual Brush before, I think I will be playing around with this soon.

  19. 29

    Just, Simply Superb :)

  20. 30

    Just a quick note… the shortcuts mentioned are clearly all for Mac, and whilst many of the shortcuts translate directly to PC by subsituting ALT for Option… the one that does not seem to work on PC is the resizing of the brush tool or hardness using the mouse and dragging on the canvas.

    Does anyone know the correct method for doing this on PC for those of us unfortunate enough to have not yet purchased a shiny 27inch iMac?

    Nice Article.

    • 31

      Thomas Giannattasio

      November 17, 2009 4:20 am

      Hey Mike: Try using the right mouse button instead of the left and don’t substitute anything for the Control key.

      • 32

        Thank you so much! I was always wondering why the shortcuts didn’t work! This is superb!

        • 33

          I’m still having troubles changing the brush size by dragging… I think I’d be VERY helpful, but I can’t seem to make it work (in a PC)

          any ideas? I’ve tried what you said, but it’s not working :S

          • 34

            PC keyboard shortcuts

            change brush diameter:
            [ALT] + [RIGHT CLICK] (on canvas) > DRAG (left or right)

            change brush hardness:
            [ALT] + [SHIFT] + [RIGHT CLICK] (on canvas) > DRAG (left or right)

          • 35

            Thanks man ! It was really helpful!
            I was really confused about that point in the article!
            I tried yours too & confused at the beginning!!
            But, got it finally!
            Thanks again!

  21. 36

    great tips

  22. 37

    Very interesting !

  23. 38

    Excellent tutorial. Very well detailed guidance for photoshop brush tool.

  24. 39

    really amazing tips and helping article. thanks

  25. 40

    very good article

  26. 41

    Very helpful

  27. 42

    very good article.. we cleared lots of confusion… Thanks.

  28. 43

    nicely laid out information
    really well communicated knowledge


  29. 44

    Awesome and really helpful brush-tipps! If you need some “Winter- & Xmas-Brushes” ( Snow(-flakes), Icicle, … ), dont’ miss Photoshop Winter-Brushes!

  30. 45

    and so we also help those who have an illegal copy of photoshop (with no manual).

    @brian (3rd post): The fact is this: di (1st post) “never knew”

  31. 47

    Great detailed post!
    Thanks for sharing, I definitly will refer to this.

  32. 48

    thank you for that article! it will help me a lot with teaching people photoshop!
    I’d love to see an advanced tutorial for brushes.

  33. 49

    Really handy post. Could we have one on channels next please??

  34. 50

    awesome now i know!

  35. 51

    Manzoor kottayil

    November 17, 2009 1:45 am

    Ya..nice article….its very informative also

  36. 52

    jonathan Betancur / Rockvertising

    November 17, 2009 2:59 am

    Wow realli nice and detailed article, discover a couple of things that did not know. Tnx (Sorry for my english).

  37. 53

    Yeahh, it’s verry nice. I guess you learn something everyday from Smashing Magazine.

  38. 54

    Thanks, Thomas! This was a great read. Never used the brush much myself. Always looked complicated :)

  39. 55

    great, great, great and so cool.
    thank you.

  40. 56


    November 17, 2009 4:49 am

    At last, somebody explane me how,what and where about a photoshop brushes; there are thousands running through internet and I use to wonder about amazing works than photoshop users can do with them.
    Thank for this clear explanation for rookies than me.

  41. 57

    Good information, very useful =)

  42. 58

    Wow – Great read and Great tips – Thanks! Also – never even knew of the Behind and Clear modes…

  43. 59

    Sean Nieuwoudt

    November 17, 2009 6:27 am

    Fantastic post! Thanks!

  44. 60

    If you are going to post something here, please do us all a favor and learn how to write a complete sentence. Thanks.

  45. 61

    Agree with Lueezo.

    Hope next article be for the Rectangle tool…

  46. 62

    Should be noted the on canvas dragging to change brush size and hardness is a feature just added in CS4.

  47. 63

    Great refresher. A must bookmark. Smashing Magazine is a creative lifesaver.

  48. 65

    Klaus Shmidheiser

    November 17, 2009 8:30 am

    Great article. I use brushes ALL THE TIME with digital painting, and this article improved my understanding. Also, I think this explains the brush tool very well for new users.

    great work again guys!

  49. 66

    Sorry, I’m not in the best of moods…nice article.

  50. 69

    Joshua Sortino

    November 17, 2009 8:53 am

    I’m really hoping Adobe comes up with a solution for better brush management. When you have hundreds of brushes, selecting from a single list isn’t intuitive! I would like to categorize my brushes without having to load up a whole new set.

  51. 70

    Excellent tutorial. There are so many new brush techniques in this tutorial. Thanks a lot………….

  52. 71

    Yes, the old masters were incredibly efficient in their Photoshop brush creation. That was actually the first five years of an apprenticeship in an artist’s workshop. Custom brush creation and library management.

  53. 72

    Thanks for the tips, i didn’t know some of them.

  54. 73

    very useful!~ thanks a lot.

  55. 74

    Great article, much kudos to you. One of the best I’ve read in my quest to learn adobe photoshop things.

  56. 75

    koool tips… thanks dude

  57. 76

    Maybe also good to mention some brush resources like brusheezy? Extremely useful.

  58. 77

    Best tutorial I have seen in years! It’s good to see one tool completely covered in an article. Very nice to check all the (forgotten) possibilities of basic functionality. Keep up the good work!

  59. 78

    Very helpful article, thanks, but:

    > Opacity, Flow and Airbrush
    > These three settings work in unison to determine the amount of paint
    > laid on the canvas. The opacity setting is the master control; […]
    > Fill, on the other hand, sets the amount of paint applied to an area
    > every time the brush moves. So, if your Fill setting is set to 20%,
    > and you click one area of the layer, only 20% will be painted.

    That should be “Flow, on the other hand, […] if your Flow setting […]”,

    • 79

      Thomas Giannattasio

      November 18, 2009 4:17 am


      You’re right. Thanks for catching that! The post has been updated.

  60. 80

    thanks for the tips! it’s really great to know the full capability of your arsenal.

  61. 81

    Hey nice info share some more thing if have any

  62. 82

    Line of Design

    November 18, 2009 4:19 am

    My oh my… What has happened on Smashing over the last few months??
    There seems to be much more negative people responding in the comments…

    Have Smashing Magazine done something different since they “all og the sudden” show up? I don’t remember this as big a problem earlier on…?

    Perhaps you should take your own advise in the article about social sites, and do somthing about the “disturbers of peace”… If it’s possible. It’s a shame that a site I used to be so glad to read including all the comments, has turned into a site where I get all the negative vibes, when I read the comments…

    By the way: I like to see so many folks reacting on this and telling it in the comments… But it’s still not the reason we all want to read the comments…

  63. 83

    Excellent job! The diagrams should prove very helpful for novices.

  64. 84

    Thanks a bunch! …this site is a God-send.

  65. 85

    Thanks, very helpful

  66. 86

    George Coghill

    November 19, 2009 9:41 am

    Never knew about the “Behind” and “Clear” brush modes, great to know!

  67. 87


  68. 88

    Nice! especially the click+drag thingy to tweak the brush, that’s new to me.

  69. 89

    Wow, some of you guys are serious dicks. So what if you’ve been doing design work for the last few years. Other people are still learning so do not be so quick to assume that they are idiots, they are merely learning. We all must start out knowing little to nothing and tutorials like this give valuable, in-depth information.

    If you don’t like it or think you’re too good for this kind of thing, why bash others for liking it! It shows a great level of immaturity and lack of respect for those who are new to the software. Grow up and stop being such jerks!

    Thomas has obviously put a lot of effort into this and if you cannot appreciate it then perhaps you should not post at all.

    Tobias, ortega and Lueezo, get over yourselves. You’re not as cool as you think you are.

  70. 90

    Fantastic article. It explains brushes in a very clear manner, far better than most tutorials, manuals or books. Thanks!

  71. 91

    I had no idea you could change the cursor! I’ve had so many frustrations with that and whatdoyaknow there are options! :D

  72. 92

    Loved the article! I thought the brush tool had kept only a few secrets from me, but even just learning about the 45° angle painting option was worth the read! It’s a well-rounded article, gathering some of the most useful tricks I’ve been using and being very happy about discovering.

  73. 93

    thanks a lot for this awesome tips!

  74. 94

    Very interesting article.. helpful even for people who have been using photoshop for a while…

  75. 95

    I been seeking answers like “how to turn the brush into fading effect using my MICE”?, damn question as I suspected it requires tablet device to run. Now i’m going back to the native technique using smudge:D, I wonder how much it cost each wacom Tablet? Thanks for this a very informative topic.

  76. 96


    March 1, 2010 4:58 pm

    Thanks a lot this was very helpful however I was really disappointed that I had to have a drawing pad to make the edges feathered to a point.

    This stops my search for a brush that is smaller at the edges because now I know its impossible. I am not sure that I would want a drawing pad though because it is not likely that I will use it much but this program did cost a lot, very disappointed.

  77. 97

    Very nice tutorial – I actually learned a few valuable new tricks! ;)

  78. 98

    It’s Amazing

    Thank You

  79. 99

    Great write up, thank you.

  80. 100

    Outstanding work! This is article for everybody!!!

  81. 101

    I have read your brush technique and think it’s really terrific! There are lots of new things I want to try, however, I cannot seem to get my brush, smudge, pen sizes to change. It seems as though they are locked at 13pt. Can you provide any help? I am using Photoshop 7.0. I had no problems before I started a particular doucment. I have tried creating new ones, but it doesn’t reset the brush stroke size nor types of brushes.
    Thanks for any help you can provide!

  82. 102

    very nit article. i was also confused with shortcuts but Leo’s comment helps lot ..
    thank you for such good efforts. I am using this software and these options for last few years but never new detailed meaning of it. I found some things on my own experience but this cleared my some doubts too !!
    thank you

  83. 103

    Brett Widmann

    October 21, 2010 6:17 pm

    This is a useful post if you are looking to “brush” up on your skills or if you’re new to photoshop.

  84. 104


    I love people like you.
    Thank you for giving us such useful and helpful tips, … for me as a beginner, … and all other people out there …

    Thumbs up!!!!

  85. 105

    Let’s learn together!

  86. 106

    Edgar Martinez

    November 18, 2013 7:59 pm

    Great article


↑ Back to top