View Full Version : TUTORIAL PHOTOSHOP= Beginner's Abstract Brushing Tutorial

02-23-2009, 01:42 AM
Last update: 3 january 2006

Beginner's Abstract Brushing Tutorial

All brushes and fonts I use in this tutorial are attached at the end of this tutorial.

Final Result:

Part 1: Abstract Brushing

1. Open a new document, any size. For this tutorial, I will simply make a small 300 by 100 pixel document.

2. Find yourself quality abstract brushes, anything will do. Try to find a good brush pack you can adapt to easily, has brilliant look, or are just simple to use. Anything that suits you. You can find good brushes http://www.tutorialfx.com/forums/index.php?showforum=48 . Open your brushes up.

3. Make sure your colors are default, press D just to be sure. Switch your defaults to make white foreground and black background by pressing X. Now fill your canvas with black by pressing Ctrl+Backspace.

4. Take a large brush from your pack. Lightly brush on the outer parts of the document, try not to over-do it.

Tip: You can rotate the canvas to brush at different angles by going to Image > Rotate Canvas.
Here is how much brushing I did.

5. Make a new layer by pressing Ctrl+Shift+N.Take smaller brushes and lightly brush more on the inside.
Tip: You can resize your brush by right-clicking on the canvas and changing the Master Diameter. victory.gif
Here is what I have brushed so far.

Part 2: Sparkle, Starry, and Motion Brushing

This section I will show you how to add some sparkle, star, and motion brushing to your background with the absteract. This section is completely optional.
6. Open a pack of good sparkle brushes. Make a new layer, Ctrl+Shift+N. Brush lightly around the entire canvas.
Tip: You can lower the opacity and the flow of the brush if the brush is too bold. :D
Here is what I have brushed.

7. Open a pack of sparkley star brushes. Make a new layer, Ctrl+Shift+N. Brush very lightly across the canvas.
Tip: You can lower the opacity of the layer to decrease the boldness of all the brushing you have applied, and blend the brushing better.
Here is what I have at this point.

8. Open a pack of nice motion brushes. Make a new layer, Ctrl+Shift+N. Brush lightly around the canvas.
Tip: You can change the blending mode of the layer to either Overlay or Soft Light for slightly different results.
Here is what I have brushed.

Part 3: Adjustment Layer Touch-ups

At this point, there are several adjustment layers we can use to help with depth in our background here. I will only cover a few in this section. For best results, try and combine a few adjustment layers and different techniques :)

Color Fill

To add a simple contrast, we can add a Solid Color adjustment layer, Layer > New Fill Layer > Solid Color, and adding solid black.
Now set this layer to Overlay, or Soft Light.
I set mine to Overlay.

Pattern Fill

Another way of adding contrast, is to add a pattern. Two very common patterns for this technique are scanlines and boxes.
Here are some tutorials on how to make these patterns.
Scanline Tutorial*
Box Pattern Tutorial*
*coming soon

To add either of these patterns, goto Layer > New Fill Layer > Pattern, and select the pattern.
Now you can either set this layer to Overlay, Soft Light, or lower the opacity of the layer to about 10% to 25%, even a combination of both.
Tip: For better results, you can take the eraser tool with a low opacity, and erase some parts of the pattern around the image.




This adjustment can change the way lights and darks are distributed across the image, as well as the inbetween colors. To make a new levels layer, goto Layer > New Adjustment Layer > Levels.
Simple move the small sliders around until you are satisfied. For a darker image, slide the Black scroller to the right, and for a lighter image, scroll the White scroller to the left. You can also adjust the Grey slider accordingly.
Here is the result I have after using Levels.


This is about the most difficult to explain. From my understanding, Curves is also another way of changing the way colors are distributed across the image, but in a more complicated way than Levels does. Apparently it does this by channel also. To make a new curves layer, goto Layer > New Adjustment Layer > Curves.
You can move the graph around, or draw your own line. This setting you will have to completely experiment with.
Tip: If you are completely lost with using the Curves adjustment, you can use Auto Curves, a feature that makes Photoshop attempt to automatically configure the curves for best results. Be prepared that this feature may not be the best choice in most cases however. To use this feature, in the Curves menu, press the Auto Tab. victory.gif
Here is my result after using the Auto feature.


This adjustment will simply adjust the brightness and contrast of the image, an easy way to quickly make an image darker or ligher. To make a new brightness and contrast layer, goto Layer > New Adjustment Layer > Brightness/Contrast.
Simply move the brightness bar to the right for a brighter image, and to the left for a darker image. Moving the contrast bar to the right will increase the contrast between the colors, such as the contrast of white and balck, where moving the bar to the left will decrease contrast.
For most images, the best depth can be achieved by lowering the brightness slightly and rising the contrast slightly.
Here is my result after using Brightness/Contrast.

Auto Features

Photoshop can automatically try to adjust certain options with the image for best results. Please note that it may not always have the best results that you want, but sometimes it may help.

Auto Levels

A nice alternative to Levels in some cases. Simply goto Image > Adjustments > Auto Levels.
Here is my outcome with Auto Levels.

Auto Contrast

An alternative to brightness/contrast I believe, this feature trys to add contrast to the image automatically. Simply goto Image > Adjustments > Auto Contrast.
Here is my outcome with Auto Contrast.

Part 4: Color

Coloring really helps to bring an image out, and make it more interesting.
Here are some tutorials on different ways of coloring and multicoloring.
Multicoloring - by Analog*
My Result:

Multicoloring - by Infuzion*
My Result:

Very colorful Multicoloring - by Boog*
My Result:

Split Coloring - by Draego*
My Result:

Simple Coloring - by Hawk*
My Result:

*friends of me

Part 5: Text

Text is always in interesting part of making a signature. There are unlimited techniques you can use for adding text, you just have to experiment for yourself. smile.gif

Here are a few of my tips on adding text:

*Make the text creative, don't just add some text that has absolutely nothing to do with the piece. Be creative and make a title that fits the overall art of the graphic.
*Make the font match, try to pick a font that fits, don't just slap some bad font on. For example, for this abstract style, don't slap some broken font, or some very bad pixel font, it simply does not match. Pick a good matching font.
*Make the text, be creative with the blending options. Don't just slap on some glows and embosses and think you have some good text. Use reasonable blending options. Usually a small drop shadow and maybe a slight outer glow usually looks fine, so does a simple 1 pixel stroke. This may sound surprising to some of you, but metallic fonts don't match everything. It drives alot of us crazy when begginers add a huge, ugly bevel text with all these little shines and stuff to a sig, it kills the whole point of text.
*Make the text small, try not to make your text so huge that it fills the entire signature. Yes, it may be good for advertising, but in most cases it just plain out looks ugly, make your text a reasonable size.
*Place the text creative, try to place the text where it will look good. Don't just simply place text in some random place, and don't always place it in a certain corner. If there is a nice spot in the brushing, there may be a creative way you can incorporate the text into that spot. Remember you can transform, rotate, and resize text!

Final Result:

After adding text and some fixing, here are my results :worship:

Additional Results

Here are a few other results I have created.



Included here are the brush packs I used for this tutorial. These brushes are compatable with Adobe Photoshop 7 and up.

Attached File alias_abstract_pack1.abr ( 1.06mb )
http://www.tutorialfx.com/forums/index.php?s=b1ad1f6af2634f3166155d1b058046d7&act=A ttach&type=post&id=990

Attached File Motion_Brushes_by_KeReN_R.abr ( 862.51k )
http://www.tutorialfx.com/forums/index.php?s=b1ad1f6af2634f3166155d1b058046d7&act=A ttach&type=post&id=985

Attached File herokeepers_sparkle_set_1.abr ( 843.45k )
http://www.tutorialfx.com/forums/index.php?s=b1ad1f6af2634f3166155d1b058046d7&act=A ttach&type=post&id=984

Attached File cruiza_2.abr ( 327.88k )
http://www.tutorialfx.com/forums/index.php?s=b1ad1f6af2634f3166155d1b058046d7&act=A ttach&type=post&id=983


Included here are the fonts I used for my result.

Yahoo_Font.ZIP ( 30.86k )
http://www.tutorialfx.com/forums/index.php?s=ee6f3d0bdaa50aa2c9355517b5b582f3&act=A ttach&type=post&id=987
Eight_Track_Font.ZIP ( 40.52k )
http://www.tutorialfx.com/forums/index.php?s=ee6f3d0bdaa50aa2c9355517b5b582f3&act=A ttach&type=post&id=988

P.S:Please give it a rating

P.s:My friends are posting this topic in other forums.If you see this tutorial in a different forum this is not stealing.