Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
 Discussion Forums
 HTML, XML, JavaScript...
 Software Reviews
 Editors,Others...
 Top100
 JavaScript Tutorials, ...
 Tutorials
 ASP, CSS, Databases...
 Discussion List
 FAQ, Roundup, Configure ...
 Authoring
 HTML, JavaScript, CSS...
 Design
 Layout, Navigation,...
 Graphics
 Tools, Colors, Images...
 Software
 Browsers, Editors, XML...
 Internet
 Domains, E-Commerce, ...
 WDVL Resources
  Intermdiate, Tutorials,...
 WDVL
 Discussion Lists, Top 100,...
 Technology Jobs


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us















Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


Top 10 Articles
  1. Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
  2. JavaScript Tutorial for Programmers
  3. Design
  4. JavaScript Tutorial for Programmers - Objects
  5. JavaScript Tutorial for Programmers - JavaScript Grammar
  6. JavaScript Tutorial for Programmers - Versions of JavaScript
  7. Cascading Style Sheets
  8. JavaScript Tutorial for Programmers - Embedding JavaScript
  9. JavaScript Tutorial for Programmers - Functions
  10. Authoring JavaScript
Domain Name Lookup
Search to find the availability of a domain name. Just enter the complete domain name with extension (.com, .net, .edu)

Defining the Brush

April 1, 1998

Photoshop uses the generic term "brush" to represent any of the drawing tools. Thus, the "Paintbrush" tool will have a brush and the "Pencil" tool will also have a brush. This is a little confusing at first but you will quickly get the hang of the terminology. Actually, it helps to think of a brush as the "drawing edge" of whatever drawing tool you are using. Thus, drawing from Photoshop's art studio metaphor, a paintbrush's brush would be the bristles of the paintbrush while a pencil tool's brush would be the pencil's tip.

The importance of defining the "brush" is that once defined, brushes can be customized. For example, you can change the shape or size of your brush. Think of a dull pencil point versus a sharp pencil point and imagine the different types of lines the pencils would draw. Similarly, think of the shape of a calligraphy pen versus the tip of a magic marker or even a highlighting pen. Though the default brush is plenty powerful, it is useful to get the hang of working with custom brushes because each type of brush will be better or worse in various situations.

To customize the brush you should access the "Options" palette.

[Options Palette]

Brush Shape

The most common customization you will perform is to modify the size of the brush. To do so, you use the "Brushes" tab in the "Options" palette and choose a larger or smaller brush by selecting from the range given.

Except for the Pencil tool, brush shapes are always anti-aliased. Thus, you can choose both a hard edge or a soft edge by choosing either the solid or blended edge circles.

Customizing Your Brush

Of course, Photoshop allows you to create your own brush if you need something not offered by the set of default brushes.

If you access the Brushes menu from the Options palette flyaway menu, you will see the various operations available to you.

[Brush Menu]

Notice in particular the "Brush Options" and the "New Brush" menu choices. Click on either one of these and you can customize your own brush.

[Brush Menu]

As you can see, there are several factors that define a brush besides size and hardness. You will also be asked to define the Spacing, Angle and Roundness of the brush.

The Spacing controls how frequently a tool affects an image as you drag. Turn up the Spacing and you get splotchy lines if you drag your mouse quickly over the canvas. A low Spacing will track your mouse more exactly

[Spacing]

Angle allows you to pivot your brush shape on its axes which is really only useful on elliptical or strangely-shaped brushes.

Roundness is used to modify how elliptical a brush is A value of 100 creates a circle and a value of 15 creates a long, skinny elliptical shape.

[Angle and Roundness]

Of course, you can also create purely custom brushes or load in pre-generated ones.....

Customizing Your Brush

The brushes palette for every paint tool also contains a popup menu of varying brush modes. These modes modify how a tool will integrate with existing color on the canvas.

[Brush Options]

When you draw something on the canvas, Photoshop modifies the existing pixels in the background according to the logic of painting. Thus if you paint a streak of red over a streak of blue, the pixels in the streak of blue will be changed to pixels of purple.

Thus, you can think of painting in Photoshop as involving three values: the base value, the blend value, and the result value. Brush modes modify the way this blending works. Specifically, modes specify the way in which the blend and base values will interact to create a result value. Let's look at each of the modes...

The Normal mode applies the full blend value. In the case of a painting tool, the blend color will completely coat the base color. in the case of an edit tool, the edit value will completely override the existing color.

The Threshold mode is specific for Bitmapped and Indexed Color images. Essentially, it assures that the color value of the tool is applied according to the closest available color in the color map.

The Dissolve mode, which is only available for painting tools. randomly scatters the blend color to give a rough textured non anti-aliased brush stroke.

The Behind and Clear modes are available in layered images. Essentially, they modify whether the blend color is applied to the foreground or background layer. When the Behind mode is selected for example, a color will be applied behind the layer showing through only in the blank or transparent areas.

The Multiply mode multiplies the brightness of the base color and the blend to create a darker tone. The opposite effect can be achieved by using Screen

Overlay works like Screen and Multiply depending on the value of the base color. Specifically, the hues of the base color will move towards the blend color. Soft light works like Overlay with less intensity while Hard light is more intense.

Darken darkens the base color using the blend color as a basis and Lighten lightens the base color by using the lightest value of the blend color. Difference compares the brightness values of the base and blend colors and creates a result value by subtracting the smaller from larger values.

Hue replaces the hue of the base with the hue of the blend. Saturation does the same for saturation and Color does the same for both hue and saturation. Luminosity works the same way for the lightness value.

Help, I'm Lost!

Finally, feel safe in the knowledge that no matter how much you screw with the brushes, you can always return to the default settings by using the "Reset Tool" or "Reset All Tools" options from the fly menu.

[Resetting Tools]

Additional Resources:

Drawing Things on the Canvas
Introduction to Web Design with Adobe Photoshop | Table of Contents
Pencil Tool


Up to => Home / Authoring / Graphics / Tools / Photoshop




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers