Banki
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:
http://www.stickied.net/files/190796697043b98ea41679a.jpg
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.
http://www.stickied.net/files/149397217643b98fa14c114.jpg
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.
http://www.stickied.net/files/208616179343b9901c8d507.jpg
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.
http://www.stickied.net/files/34352181143b990927c3df.jpg
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.
http://www.stickied.net/files/93364536443b992d3f0042.jpg
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.
http://www.stickied.net/files/117417284243b9940dc462d.jpg
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.
http://www.stickied.net/files/68591357043b994477d658.jpg
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.
http://www.stickied.net/files/155948523443b9963acacfd.jpg
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.
Scanlines:
http://www.stickied.net/files/193849381343b9a40778c4e.jpg
Boxes:
http://www.stickied.net/files/144844258743b9a4632ecf2.jpg
Levels
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.
http://www.stickied.net/files/73258361243b9a895414b6.jpg
Curves
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.
http://www.stickied.net/files/66738944943b9a90a98bc4.jpg
Brightness/Contrast
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.
http://www.stickied.net/files/149028350343b9a9db7797c.jpg
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.
http://www.stickied.net/files/63912572843b9aa41ea712.jpg
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.
http://www.stickied.net/files/65456058743b9aad518645.jpg
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:
http://www.stickied.net/files/147645468243b9ab3185c0d.jpg
Multicoloring - by Infuzion*
My Result:
http://www.stickied.net/files/119762204443b9ab8e54a78.jpg
Very colorful Multicoloring - by Boog*
My Result:
http://www.stickied.net/files/110626236243b9abcb4b4ff.jpg
Split Coloring - by Draego*
My Result:
http://www.stickied.net/files/143894018643b9ac1c1d197.jpg
Simple Coloring - by Hawk*
My Result:
http://www.stickied.net/files/143894018643b9ac1c1d197.jpg
*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:
http://www.stickied.net/files/190796697043b98ea41679a.jpg
Additional Results
Here are a few other results I have created.
http://www.stickied.net/files/176757696243b9ad60ea933.jpg
http://www.stickied.net/files/132377030743b9ada31184d.jpg
Resources
Brushes
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
Fonts
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.
Beginner's Abstract Brushing Tutorial
All brushes and fonts I use in this tutorial are attached at the end of this tutorial.
Final Result:
http://www.stickied.net/files/190796697043b98ea41679a.jpg
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.
http://www.stickied.net/files/149397217643b98fa14c114.jpg
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.
http://www.stickied.net/files/208616179343b9901c8d507.jpg
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.
http://www.stickied.net/files/34352181143b990927c3df.jpg
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.
http://www.stickied.net/files/93364536443b992d3f0042.jpg
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.
http://www.stickied.net/files/117417284243b9940dc462d.jpg
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.
http://www.stickied.net/files/68591357043b994477d658.jpg
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.
http://www.stickied.net/files/155948523443b9963acacfd.jpg
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.
Scanlines:
http://www.stickied.net/files/193849381343b9a40778c4e.jpg
Boxes:
http://www.stickied.net/files/144844258743b9a4632ecf2.jpg
Levels
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.
http://www.stickied.net/files/73258361243b9a895414b6.jpg
Curves
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.
http://www.stickied.net/files/66738944943b9a90a98bc4.jpg
Brightness/Contrast
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.
http://www.stickied.net/files/149028350343b9a9db7797c.jpg
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.
http://www.stickied.net/files/63912572843b9aa41ea712.jpg
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.
http://www.stickied.net/files/65456058743b9aad518645.jpg
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:
http://www.stickied.net/files/147645468243b9ab3185c0d.jpg
Multicoloring - by Infuzion*
My Result:
http://www.stickied.net/files/119762204443b9ab8e54a78.jpg
Very colorful Multicoloring - by Boog*
My Result:
http://www.stickied.net/files/110626236243b9abcb4b4ff.jpg
Split Coloring - by Draego*
My Result:
http://www.stickied.net/files/143894018643b9ac1c1d197.jpg
Simple Coloring - by Hawk*
My Result:
http://www.stickied.net/files/143894018643b9ac1c1d197.jpg
*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:
http://www.stickied.net/files/190796697043b98ea41679a.jpg
Additional Results
Here are a few other results I have created.
http://www.stickied.net/files/176757696243b9ad60ea933.jpg
http://www.stickied.net/files/132377030743b9ada31184d.jpg
Resources
Brushes
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
Fonts
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.