Assault Blog Design and Apparel Resource Tutorial Website

T-Shirts, Apparel, and Design Resource
contentTop

Adobe Photoshop brush dynamics tutorial

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

One of the staples of our t-shirt designs featured at the Assault T-Shirts website is the use of randomization and intense brush dynamics. I use plenty of other techniques in conjunction with brush dynamics, but needless to say, if it weren’t for Adobe’s incredible dynamics engine, our designs would have taken twice as long to make, and they’d be only half as tough looking. If you’d like to learn to create interesting textures, highly dynamic imagery in a short amount of time, or something similiar to what we have done with several of our t-shirts, this tutorial is for you.

Brush Dynamics Heading

Step 1 - Select a Brush Shape

The first step to getting brush dynamics going is to either use an existing brush or to create a new Photoshop brush shape based on a selection. For this tutorial we will use a simple star brush and turn it into a dynamically generated brush that changes color/size/format without doing anything other than using the tool as you normally would (by clicking and dragging) Here is what the brush stroke looks like by default when clicking and dragging

An example of a normal brush stroke with the star brush

As you can see the brush is evenly spaced out and has no dynamics assigned to it whatsoever. If you’re using Adobe Photoshop CS3 then your brush dynamics are located on the brush window which you can view by going to Window>Brushes or by hitting the F5 key. Click on the label “Brush Tip Shape” to bring up the brush dynamics window. Here is what my current brush dynamics window looks like by default:

Brush Dynamics Photoshop Window

Step 2 - Shape Dynamics

Here’s where all the magic happens… In each different window there are settings for you to tweak and play with to get the desired scatter amount as well as variations in opacity, colors, (foreground and background) brightness, scaling, flow, and hue/saturation. Here’s a shot of my settings with just the shape dynamics turned on and the result that comes out of it:

Brush Stroke Dynamics

Step 3 - Select a Brush Shape

If you want to scatter the stars a bit you can adjust the scatter dynamics by checking off the box and playing with the settings in that area. Here are my settings from that and their results:

Photoshop Brush Stroke and Scattering Dynamics

Step 4 - Color Dynamics

If you want to vary the color of the brush you can do this by adjusting your foreground/background colors and then you can adjust the color dynamics. Here are my results with that:

Adobe Photoshop Color Brush Dynamics

Step 5 - Dual Brushes

My final brush dynamic that I like to use alot is the dual brush dynamic which combines the use of two brushes as if they are being used two at a time (with a layer mode specified by you) Think of it as using a marker and a paintbrush in the same hand like when you were a little kid. I’ve selected the sparkle brush and adjusted the settings on that brush to give my brush a light textured look:

Dual Brush Dynamics in Photoshop

My brush is begining to look alot like the Barack Obama website branding at this point, and it only took me a few minutes of experimenting with the settings to get an effect that used to take ages to complete. (You won’t find anything like this in illustrator–as of now at least)

Step 6 - Save Brush Preset

The only thing left to do now is to create a new preset for your brush and by clicking on the create new button on the brush window.

Save New Photoshop Brush Preset Button

Conclusion

This is just meant to be an introduction to brush dynamics. There are limitless possibilities to what you can do with brush dynamics including using it to create randomized variations of logos like I did with the Lex & Terry T-Shirt designs as well as on the Skull Spartan Warrior Shirt. There are also other methods of dynamics that you can use such as texture, opacity, and flow. (Opacity and Flow are covered in the “Other Dynamics” Section of the Brush Window)

Brush Dynamics Example

Brush and Color Dynamics in Photoshop Example Two

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. Rome said...
    June 17th, 2008 at 7:15 pm

    Thanks! I remember now! :0) Step 4 woke up the sences.

  2. JUAN CAMILO said...
    June 18th, 2008 at 9:10 pm

    HEY,, THAT IS SOO GOOD.

  3. Creating your own Custom Adobe Photoshop Brushes | Assault Apparel T-Shirt Blog said...
    June 19th, 2008 at 4:46 pm

    [...] 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 [...]

  4. Affordable Website Design said...
    June 26th, 2008 at 12:25 am

    Tasty tutorial. Thanks for sharing the knowledge with us.

  5. ARAMA BURDA VAAAAAAR » KENDİ PHOTSHOP FIRÇANIZI YAPIN said...
    June 26th, 2008 at 3:28 pm

    [...] 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 [...]

  6. Your Mom said...
    June 27th, 2008 at 4:41 pm

    This article should be called “how to look like every other talentless designer twat from 2003.”

  7. Tim said...
    June 28th, 2008 at 12:29 pm

    Your mom seems to be too cowardly to leave their email.

    I’ll leave their comment up cause it’s funny though.

  8. Jason Wright said...
    June 29th, 2008 at 5:12 am

    Thanks for this Tim!

    Very useful tip that I will use often.

    Jason

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

    wow! thanks for the tutorial, simple, really helps me.

  10. jonathan said...
    July 11th, 2008 at 12:29 pm

    thanks for the awesomely complex and in depth tutorial about brush dynamics. Ill be sure to save this one in my archives….

  11. anna said...
    July 29th, 2008 at 8:16 pm

    thank you a lot,very useful,wanna love you for this to death

  12. BlueAngel said...
    August 6th, 2008 at 8:54 am

    Amaaaazing Post. Been lookin for something like this for long time. Great Job!

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

    [...] That’s about it for now. I’ve gone through and added some square looking brushes with brush dynamics. [...]

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

    [...] Adobe Photoshop Brush Dynamics Tutorial [...]

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

    [...] Adobe Photoshop Brush Dynamics Tutorial [...]

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

    [...] Adobe Photoshop Brush Dynamics Tutorial [...]

  17. T Shirts said...
    November 1st, 2008 at 12:35 pm

    Awesome tutorial, thanks much!

Leave a Reply

Footer
  • Recent Comments

    • Jordan Charters: I found all the infomation not only on this Post very helpful but the entire site has helped me continue my dr...
    • Steve @ OMG: Great article. As a tee blogger I can heartily agree that sending me an email and / or a coupon will be as val...
    • John Deszell: I recently switched to Ubuntu on my laptop, it has worked great for me so far and I have done some minor web d...
    • Graphic Tees: The free t-shirt for a review scam is one that hit us as well, now we are wiser. :)
    • Lindsey: I have design for a few new T-shirt/apparel companies. This information is good for anyone starting out. Dont...
    • ADAM: waiting for the next revision "Plans for the future" hope can nearer to ffffound. when we use it?!
  • Flickr Photos