Class Twelve

Semester Assignment: Sketchbook

Don't forget to do this on your own. A 1/2 hour of drawing a week until our final class on May 20th.

Photoshop Brushes Continued

There are 14 different tools that use the Brush Engine in Photoshop. But for our purposes, let's just consider these 4:

  1. Brush Tool
  2. Mixer Brush Tool
  3. Eraser Tool
  4. Smudge Tool

First, let's choose the Brush tool from the Toolbar

Next, let's pick a brush, like Soft Round from the Brushes panel

And let's break down the most relevant settings. Many of the settings are irrelevant or useless, but the most important three are:

Brush Tip Shape

Note: You can create your own brush shape by drawing it then selecting
Menu Edit Define Brush Preset...

This controls the shape of the brush. You can even capture a shape from the document window to use as a brush shape (advanced, but maybe we'll cover it later). There are 30 different tip shapes used in the Default Brushes. You can control:

Shape Dynamics

This allow the stylus to control the Size, Angle and Roundness of the brush. Mostly, it's what allows a brush to react to pen stylus pressure

Some pens have a sensitivity level between 0 and 1023, while some have between 0 and 2047 (some go even bigger). I don't think it's humanly possible to sense that many levels.

Transfer

Transfer contains two important properties, Opacity and Flow. Opacity, as we know, can also be controlled with the Number keys at the top of the keyboard, and is pretty much what it sounds like. You can also think of it as Transparency, but the higher the Opacity value is, the more opaque the brush is.

Flow, on the other hand, is the amount of color the brush lays down as if moves over itself and when the brush isn't lifted off the document. Hard to explain, works best with Airbrush style brushes and a few others... Mostly, it's handy for building up color slowly with multiple passes of the brush.

Opacity set to 50, Flow set to 100%. Notice that the diagonal stroke is a second drop of the brush and you can see the layering of the opacities

Opacity set to 100, Flow set to 5%. This example is one single stroke. Notice that the color builds up and becomes more opaque at the bottom where I've used multiple passes (without lifting) of the brush.

The other Brush Settings (and there are a lot of them) are less important for now.

Using the Control Panel

The Control Panels is that widget at the top of the Photoshop UI, just under the Menus. It's context sensitive, so it gives you information and access to settable properties for the currently chosen tool. For the Brush tool it looks like this:

  1. Popup menu for Tool Presets and icon of current tool (in this case, the Brush tool)
  2. Popup menu for Brush Presets. Same as the Brush panel from the Window menu
  3. Click to open Brush Settings panel
  4. Mode of applying the brush's color. Same settings and behaviors as the Blending Mode in the Layers panel. Most are useless, but some are useful, especially:
    • Normal: the default. Used 99% of the time.
    • Darken or Multiply: Only puts down colors darker than what's underneath. Like painting with colored gelatin.
    • Lighten: Only puts down colors lighter than what's underneath
    • Screen: Builds up any color to white as it's applied over and over
  5. Opacity setting, 0-100%, 0 completely clear and 100 completely opaque. You can use the number keys to set the values from 10% to 100%, use the slider popup, or directly enter the value in the field.
  6. Toggle button to use stylus pressure to control Opacity. Overrides brush settings
  7. Flow setting, 1-100%, 1% for almost no paint being laid down to 100% for maximum flow. You can use the shift-number keys to set the values from 10% to 100%, use the slider popup, or directly enter the value in the field.
  8. Toggle button to have flow build up even if the stylus is not moving. Like an airbrush or spray paint can in reality.
  9. Smoothing setting, 0-100%. Smoothing will take the path of the stylus as it moves and make the point-to-point. 100% smoothing can cause a real time lag between drawing with the stylus and the screen updating. (0% Smoothing on the left below and 100% on the right)
  10. Additional Smoothing Options popup. Ignore this...
  11. Toggle button to use stylus pressure to control Brush Size. Overrides brush settings

 

Beyond Basic Brushes

Dry Media, Wet Media, & Special Effects by Kyle

Who the heck is Kyle anyway?

Kyle T. Webster is a professional illustrator whose built a massive amount of custom brushes for Adobe Photoshop. They got to be so popular that Adobe has licensed them to be built some of them into Photoshop and made hundreds more available through the Adobe Creative Cloud. It was getting to where there were so many legacy brushes in earlier versions of Photoshop that they were impossible for Adobe to maintain, so they pulled them from Photoshop CC 2018 and substitued a set of 20 brushes created by Kyle. You can activate the legacy brushes through the Brushes panel, but I wouldn't. They're a mess and badly organized. Instead, if you need a kind of brush to do a specific sort of thing, go to the Creative Cloud and download a set.

Be aware that some of the brushes in the three categories are not Brushes, but are sometimes Smudge tools, Erasers, and Mixer Brush tools (more on Mixer Brushes later).

The easiest way to get new Kyle (and other) brushes is to choose the Get More Brushes..., which will take you to the Creative Cloud. This requires a Creative Cloud account, which you may or may not have. For now, I suggest sticking with the ones that ship with Photoshop.

But if you do want Kyle's Photoshop brushes, get them from our Canvas site, here, which has the same set of brushes but also with some help pages that demo what the brushes in a given set look like.

Dry Media Brushes

Emulates traditional dry media, like pencils, charcoal, and pastels

Regular pencil. Uses paper texture

Softer pencil. Uses paper texture

Really soft pencil. Uses paper texture

Like a charcoal stick. Uses paper texture

Nice tool! Acts like a soft pastel.

Not a brush! An eraser! Check out the icon in the upper right.

Wet Media Brushes

Emulates traditional wet media, like water color, oil and acrylic paints

Like a thick nibbed pen

Similar to previous, but with some paper texture

Not a brush but a blender! Very useful.
 

Has a beat-up brush texture

Thick goopy brush texture

Interesting. Gives a very Painterly effect.

Special Effects Brushes

A catch-all category for things that sort of don't exist in the real world, like Spatter, Foliage, Scratch, and Screentones.

Legacy Brushes

Photoshop still has all it's old brushes, but you have to explicitly load them into Photoshop to use them. You don't need a Creative Cloud accounto to access them, either. There are two sets, both found under the popup menu in the Brushes panel: Converted Legacy Tool Presets and Legacy Brushes. I'm not sure why there are two sets, but you have to seperately load them if you want to use them.

To load them, just pick them from the popup menu and click on the OK button in the dialog that appears:

Better than average brushes
Don't waste your time brushes

This effectively gives you 624 new brushes (!), divided into two folders, Converted Legacy Tool Presets and Legacy Brushes, within which are multiple folders with multiple brushes. Probably 90% are useless.

Converted legacy tool presets (144)

Default Tool Preset (23)
Airbrushes (14)
Art History (17)
Artist's Brushes (24)
Brushes (16)
DP Brushes (10)
Dry Media (15)
Pencil Brushes (7)
Pencils Mixer Brush (13)
Splatter Brush Tool Presets (5)

legacy
brushes (480)

Default Brushes (76!)
Assorted Brushes (34)
Basic Brushes (44)
Calligraphic Brushes (18)
DP Brushes (6)
Drop Shadow Brushes (20)
Dry Media Brushes (24)
Faux Finish (23)
Legacy Brushes (34)
M Brushes (51)
Natural Brushes (24)
Natural Brushes 2 (20)
Round Brushes with Size (27)
Special Effect Brushes (14)
Square Brushes (5)
Thick Heavy Brushes (25)
Wet Media Brushes (35)

Important Keyboard Shortcuts for Brushes

Remember these, life will be much easier when you use them...

b Switch to Brush Tool
e Switch to Eraser Tool. You can also turn the Wacom Stylus around and use the large tip as an eraser.
option Hold for Eyedropper Tool to pick up colors
[ & ] Make brush size larger and smaller
{ & } (Shift left and right brackets) Make brush hardness softer and firmer
1 - 9 Set opacity of brush from 10% to 90%
0 Set opacity of brush to 100
control + option (Mac only) Drag horizontal to change size, drag vertical to change opacity. Works with Eraser too, but vertical drag changes hardness instead of opacity. This can be a handy one to set the Wacom Stylus's button to.
control + alt (Windows only) Same as Mac control+option, but use the right mouse button to click and drag.
< - > Steps through Brush types. Easy to screw up and doesn's always display correctly in the Brushes panel. But if you're switch between 2 or 3 brushes alot, you can re-order the brushes in the Brush window by dragging them to where you want them, then usethe < - > keys to step between them.
Caps Lock Switch brush cursor from the size of brush (caps lock off) to precision cursor (caps lock on)
spacebar Switch to Hand tool while held down
h Switch to Hand tool and zooms out so you can move to another part of the image quickly. When you release the h key, it will zoom back in to the new area. Different than the spacebar tool, which will move the canvas, but not zoom in and out.
Command/Control Switch to Move tool while held down and moves the current layer

Organizing Your Brushes

If you have a few brushes you use a lot, it's a good idea to organize them into a separate folder in the Brushes panel. But if you drag a brush from one brush folder to another, there is no 'Duplicate' or 'Copy' brush option, so you have to select the brush you want, click on the + button, name it appropriately, then move the new brush into your brush folder. Silly, it should just be option-drag. What you don't want to have happen is to move a brush from a collection to a personal folder without copying the original first.

My Efforts

Based on the painting in the Brady Bunch house, circa 1970

khazarj_assignment05-01.psd

brady bunch all painting composites.psd

Uses Mega Pack - MART325: Real Oils: 01

DEMO NOTE: Make sure the brush settings aren't messed up with previous demos, like multiply.

Mixer Brushes

The Mixer Brush is a specific Brush tool that's at the bottom of the Tool menu's Pop Up menu for Brushes. It's crazy hard to understand, but here's the jist of how it works...

Mixer brushed can pick up colors underneath them from what's already painted, and the amount to which it does that is controlled with the Mix settings. When the Load Brush After Each Stroke is off, it's a blender brush that doesn't apply its own color.

You're probably better off working with existing Mixer brushes, like the one above, Default Wet Media Brushes: Kyle's Real Oils - 01 (which feels like a stiff bristle oil brush) or Default Wet Media Brushes: Kyle's Real Oils Round Flex Wet (which is a bit more goopy). A useful technique is to pair two Mixer brushes together that look sort of the same, but one is for applying color and the other for mixing it. Download these MART325-Real_Oils_Paired.abr from the Megapack, Real Oils: Illustration King and Bristle Blender (no load).

Crazy Mixer Brush

Taken from Aaron Blaise, who has a nice demo of this on YouTube that does some neat foliage work.

Settings: