iPhoneography Apps – Coming to Terms with Brushes using PaintHack and iColorama

Any time you try to learn a new skill, the first roadblock you encounter is the specialized terms associated with that skill. How are you going to play American football without knowing what a touchdown, punt or offsides penalty is? How are you going to operate a computer without knowing the difference between an icon and an operating system?

Art apps use a lot of terminology borrowed from physical painting with brushes and pencils, charcoals and pastels. However, since you are not actually using these physical tools, but a finger or stylus, then the app has ways to control the output of touching the screen to mimic the physical action. These brush controls are named in similar ways across most art apps.

In order to explain what some of these controls actually do, I am going to be using two apps: PaintHack and iColorama. PaintHack uses a brush engine similar to the one in Procreate, which is commonly seen as the industry standard among art apps. It undeniably gives you the most control over your software brushes. iColorama adds a control that also comes in handy for artists and is not an option in PaintHack or Procreate. It’s used in the example below; can you guess what it is?

brushterms_01

Below I established a tan background in PaintHack. I changed the default paint color at the top right from the default black to a dark brown. I chose one of the default brushes, Rag, and made a stroke on the canvas, just to show what the stroke looks like before changing any controls. The sliders at the right show that the stroke is at full size and full opacity.

brushterms_02

I tap on the Brush icon, then tap on the Rag brush icon to bring up controls for that brush. Let’s skip over the Source controls for right now, and take a look at the Spacing controls. There’s one control for Spacing & Scatter, and one for Stroke Taper. You can see an example stroke at the top of the window that will show how changing either control affects the brush stroke.

brushterms_03

Rather than having two separate sliders for Spacing & Scatter, PaintHack has a graph with an X and a Y axis. The X axis controls spacing. Spacing controls how far apart the dibs, or brush tips, are along the stroke. You can still see the reverse-S shaped example stroke, but the dibs are not run together; they are spaced out.

brushterms_04

Scatter is the Y axis. Scatter refers to how far away the dibs are placed from the actual stroke. As you make a horizontal line, some of the dibs are placed on the horizontal line, but some are scattered above or below the actual stroke. Scatter is called Spread in some apps.

brushterms_05

Below is my own example stroke after increasing both the Spacing and the Scatter. I decreased the size so that you could more readily see the direction of the stroke.

brushterms_06

Stroke Taper controls allow you to change the size of the beginning and end of the stroke. By moving the dots as shown below, the beginning of the stroke is smaller, moving up to the full-size second dot.

brushterms_07

Below is an example of Taper. The program can handle a smooth beginning taper, but not a smooth ending taper. (Obviously, the program cannot predict when you are ending your stroke, and start to taper accordingly.)

brushterms_08

Next let’s look at the Shape and Grain controls. What do the terms Shape and Grain refer to? The Shape is the shape of the brush tip. You can have a circular brush tip, a flat oval, a square, a hexagon – any imaginable shape. The Rag example has a rough rectangle as the shape of the brush tip. The controls for Shape reflect how the shapes are rotated as the stroke is made.

The first control is Direction. At the far right of the slider, the shapes follow the stroke, rotating as there is a curve, or change in direction.

brushterms_09

The Jitter control randomizes the rotation somewhat. Imagine trying to lay down a row of blocks during an earthquake. You may get them in a line, but it would be hard to make each block straight. The above example had Jitter at 100%, and the blocks are not laid out straight along the path. Below Jitter is at 0%, and you can see the blocks follow the path exactly.

brushterms_10

If I move the Direction slider away from the far right, then the direction becomes fixed, regardless of the movement of the stroke. At the center position, my vertical blocks remain vertical, no matter how I change the direction of the stroke.

brushterms_11

Below you’ll see two strokes using Shape direction settings that vary from the default, and have no Jitter. They mostly follow the direction of the stroke.

brushterms_12

Shape refers to the shape of the brush tip; Grain refers to the fill within that shape. The fill can be smooth, but it can also be textured, as it is in the Rag brush. Grain, just like the Shape, can have direction and Jitter. Below, if you look closely at the individual dibs, you can see the same pattern within each of the dibs. That is because the Jitter is at zero.

brushterms_13

You can fix the direction of the Grain even if the Shape is not fixed or has some Jitter. Below the Grain is fixed within “Jittering” shapes. (I can see a little face, tilted to the right, no matter how the block tip is rotated.)

brushterms_14

There are more controls under the Dynamic category. These, in my thinking, should only include controls that change on the fly, depending on how you move the stylus or your finger. The first control, Fall Off, is not what I would consider a Dynamic control.

Fall Off acts like the physical act of putting paint on the brush. The default value of 100% means that you never have to “re-load” the brush with paint. (“Fall Off” is alternatively called “Load” in some apps.) If you lower the percentage of Fall Off, then the paint “runs out” as you make your stroke. You “re-load” the paint by lifting your finger and starting another stroke.

brushterms_15

Below are three strokes made with Fall Off reduced. All three strokes were actually twice as long, but it didn’t matter because the paint “ran out”.

brushterms_16

Stroke Speed changes parameters based on the speed that the stylus/finger moves around the screen. Moving the Size slider to the left from the default center position, as seen below, means the Size of the brush tip will get smaller as your stylus speeds up.

The Opacity slider, set as it is below, will make the stroke more opaque as the stroke gets faster. The Jitter controls how much variation there can be for either the Size or the Opacity.

Another way of dynamically controlling a stroke is through Pen Pressure, which is only available on certain iDevices and with certain pens. I have neither the device nor the pen, but I can tell you that the controls work the same way as the Stroke Speed sliders.

brushterms_17

Below I reversed the Stroke Speed sliders, so that a faster stroke produced a larger Size with less Opacity. The top stroke is with normal parameters, so that the size and Opacity don’t change. The bottom stroke was smaller and more opaque as I started slowly, then became more “wispy” as I sped up. You can also see that I slowed down as I changed direction.

brushterms_18

So far, I’ve been discussing parameters that are common across most apps that allow you to modify brushes: Spacing and Scatter, rotational variation through the Shape and Grain controls, Size and Opacity variation. But there are specialized controls as well. PaintHack and Procreate allow you to change the Source of the brush, which can make an enormous difference in the look of the finished stroke. (They both allow you to save your new creations as additional preset strokes.)

The Source consists of two variables: Shape and Grain, which we’ve discussed above. The default Source for the Rag brush has a rough rectangle for the Shape (Ark) and a rough texture for the Grain (Ink Paper).

brushterms_19

Look at the difference in the example stroke from changing the Shape from Ark to Hard, a smooth circle. The stroke becomes much smoother along the axis of the stroke.

brushterms_20

Even more of a change comes when I switch from Ink Paper Grain to Blinds 1.

brushterms_21

By removing the Jitter on the Grain Direction, I get a four-lined brush.

brushterms_22

And here’s an example from my modified brush. Doesn’t look anything like the original Rag brush, does it?

brushterms_23

Some Shapes will give you much different results based on how much you space them out. By using Spacing and Scatter on this Shape of widely-spaced dots, I get a really nice dust brush.

brushterms_24

Below is some quick work with the dust brush.

brushterms_25

Both PaintHack and Procreate have some specialized brushes that have their own parameters. For instance, there’s an Arrow Line brush under the Shapes category.

brushterms_26

You will always want the arrows to follow the stroke, so there are no Shape and Grain parameters. You will find parameters for Line Length and Arrowhead size, though.

brushterms_27

The Zig Zag brush has a Thickness parameter.

brushterms_28

Here’s an example of the Zig Zag brush in action.

brushterms_29

The Pattern Brushes, like Retro shown below, allow you to paint in a seamless pattern. The size of that pattern can be changed with the Texture Scale parameter.

brushterms_30

On the left is the original size pattern. On the right, the Texture Scale was increased.

brushterms_31

Well. I have often said that I am not an artist, and I can’t paint anything worthwhile from scratch. Here’s proof. I did, however, take advantage of the brush parameters when creating this…thing. I’m sure many of my readers can make much better use of pure painting apps than I can.

brushterms_32

Now let’s turn and look at some of the brush parameters in iColorama. There are two ways to brush in color in iColorama: Colorize and Paint. I start with Colorize, and set my color to a pink at the bottom right. I choose the first brush of 42 total in the DRYTWO category.

brushterms_33

There are some familiar parameters in the Settings for the Colorize brush. We have Size Variation, which corresponds to Size Jitter. We have the Manual Rotation switch. When it’s on, the shape of the brush tip follows the stroke. When it’s off, all brush tips are at a proscribed angle set by the Rotation slider, unless Rotation Jitter is added with the Rotation Variation slider. There is also Opacity Jitter, set with the Opacity Variation slider.

brushterms_34

The top stroke below has Manual Rotation turned on. The lower left has Manual Rotation off, and Rotational Variation off, so the tip is always horizontal. The lower right has Rotation adjusted to put the dib at an angle, but Rotational Variation is turned up. This shows that Rotational Variation is a subtle effect. Even with it turned up, there is only a barely noticeable variation from one brush tip to the next.

brushterms_35

Opacity Variation is subtle also. There is only a noticeable difference at one point along the top of the stroke.

brushterms_36

So we have the familiar Size, Opacity and Direction (Rotation) variation. But what about Color Variation? Does the color Jitter also?

brushterms_37

Yes, in iColorama we can make the color change in the brush strokes also. In the example below, I have both Size Variation and Color Variation turned up. Neither is dependent on Stroke Speed or Pen Pressure. The Variation sliders control how much out of “true” each parameter gets.

brushterms_38

With Colorize, there are also Edge and Shadow sliders that make each brush tip distinct.

brushterms_39

Edge and Shadow can become troublesome in Colorize if the brush tip touches the edge of the bounding box for the brush. Stipple Brush 4 does touch the edge of the box.

brushterms_40

When I increase the shadow for this brush, I get shadow shooting off in all directions. So be careful with the Shadow parameter.

brushterms_41

I have no problem using that Stipple brush tip if I use no Edge or Shadow.

brushterms_42

You may have noticed that there were no Spacing and Scatter controls in Colorize. Colorize automatically spaces the dibs apart. They are present in other types of Brush, like Paint. Paint settings are broken into Basic, Adjust and Stroke. Scatter and Spacing are under the Stroke category.

brushterms_43

Under the Adjust category you sill find a Vibrance (Saturation) and a Vibrance Variation slider.

brushterms_44

Color Variation for each brush tip is fine when they are automatically spaced apart, as they are in Colorize. If a stroke constantly changes color when the tips are mashed together, then you get a muddy mess. There is a parameter, found in the Setting app under iColorama, that I keep turned on: Variable Color by stroke. That means that the color changes each time you lift your finger/stylus, not within the same stroke. This parameter affects all Brushes except Colorize.

Below I’m using Color Variation under Paint using the Stipple brush. Each time I make a new stroke, it varies from the brown that I’ve chosen for my color. Because the Color Variation is not increased all the way, the colors stay within the green to orange part of the palette, and will not include the blues, purples and reds.

brushterms_45

Below I added a couple of strokes with the Spacing and Scatter turned all the way up. These effects are mot as radical as the spacing and scatter effects in PaintHack and Procreate.

brushterms_46

In case you haven’t guessed, the iColorama parameter that I used in the initial image is Color Variation. I used a group of bird brushes and cranked up the Size Variation and Color Variation and made the strokes along the sides from bottom to top. But Color Variation can be useful to paint using a photo as source also.

Below I’m still using the Stipple brush, but as a Plane brush under Rebound. The Color Variation colors each stroke differently, but the brightness or darkness, the luminosity, of each stroke is taken from the source image.

brushterms_47

If I like, I can go back and bring in some of the original color. I did that below around the eyes by using a Rebound brush with no Color Variation.

brushterms_48

With judicious use of Color Variation as well as Size, Opacity, and Rotation Variation, you can get some very nice results.

brushterms_49

I hope that this introduction to the terms underlying brush use has been helpful. I also hope that any experimentation you do sparks something that’s worthwhile to you. Even though the landscape I threw together was regrettable, I do like this image created from a group of flower brushes.

BrushTerms_50

Until next time, enjoy!

Advertisements

2 Responses to iPhoneography Apps – Coming to Terms with Brushes using PaintHack and iColorama

  1. CarolWiebe says:

    Your tutorials are always thorough and easy to understand. Thank you so much for demystifying brush controls!

  2. Malcolm Walker says:

    Very useful tutorial. I will play it several times as you have gone into a great deal of detail. Thanks.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: