background image

 

Painter 7 · Screen Tones Tutorial

 

Back to Tutorials

 

A visual guide to making screen tones with Painter 7.  

       The purpose of this guide is to visually show how to acomplish very convincing 
screen tone effects with Painter 7. The tutorial is very visual, this was done in 
consideration for those of us (like me) who need visual cues to learn properly. 

 

Setting up your Canvas

  

 · Create a new file 20x20 in size.

 

 

 · Zoom in to about 3200%

 

Page 1 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

 

 · Horizontal spacing and vertical spacing at 2. You can have it at 1 or 5 or whatever 
you please. The guide helps us make a coherent tone.

 

Making the tones 

 · Click on Show Grid and then 
follow into Grid Options
 

Page 2 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

  

 · Select black and the circle tool (If you do not see the circle tool, click and hold on 
the square icon whre the circle is on my example and select the circle)

 

 

Before Drop 

 

 

After Drop 

 

 · Draw something like this.Your setting
up the dots in a brick pattern. 
 
 · Remember, you are extremely 
zoomed you are seeing vector drawings
and they don't represent actual pixels. 
 

 

Dropping the vectors.

 

 

 

 · Before we continue I want to make a 

short note about vector circles.

 

Select both circles in Layers 
by holding Ctrl + clicking each 
Oval layer

Then drop those layers.

 

 

Place cursor over the circle

 

Page 3 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

Creating The Pattern 

Select the Rectangle Selection tool

 

 

 

 · Select your dots thusly. This should be a perfect tile.

 

 

 

 · Notice the circle is bigger. It's very smooth. 
But when dropped into a rasterized mode 
(mouse over the image) we get a rather 
jaggy image. Considering we are 2300% 
zoomed in, this isn't so bad. 

 

 · When using tones, the larger the dpi and 
resolution, the better. I usually work on a 
drawing double it's original size when i'm 
publishing to the net. I proceed to resample 
it to half it's original size.

 

Page 4 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

· We can now adjust the tiling of our pattern. We can do this to fix our pattern or alter 
our pattern for interesting effects.

 

 

 

· When you Scale bigger, there is this ugly clipping effect. It can only be defeated by 

 · Click on the arrow pointing
downwards in your Patterns 
window. Click on Capture 
Pattern.

 

 · Name the file and click OK and remove the grid lines (since we don't 
need them anymore). There is shortcut in the upper hand corner of 
your canvas window.

Original Settings

 

 

 

Vertical

 

 

 

Horizontal

 

 

 

Larger

 

 

 

Smaller

 

Page 5 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

making a larger redudant version of your original tiles. You can safely Scale you tiles 
up to 130% before any noticeable clipping. The other way to fix this is too keep all dots 
away from the edges when you initially select it.

 

Displaying Your Tone 

· Create a new canvas, sizeably larger then 20x20. I think 400x400 should suffice.

 

 

 · Now you have a square sheet of tone. 

 

 · You can also use the Lasso selection tool. Draw a selection then click with the Fill 
Tool
 to fill in the area. Remember: Always make a New Layer for each new tone. If it 
has a different size or adjustment. Doing so will keep your tones manageable. 
 
 · Next, we want to access our Mask window. (Remember to have one of your tone 
Layers selected). Click on the eyeball beside the name of the mask your working on (It 
should be underneath a mask called RGB).

 

Scratching and Erasing 

 · There are two ways to do what the following. 

 

 ^ Click on the Fill icon. 
 
 < Click on Fill With and set it 
to "Clone Source"

 < In your Layers 
window and add a 
New Layer.

 

 ^ Click and drag the Fill Tool on 
your new Layer.

 

Page 6 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

 · Altering the actual image 

 

        or 

 

 · Altering the images Mask. We will alter the Mask because it keeps the scratchings 
and minor touch-ups unafected by layer or canvas filters. The most interesting thing 
about making tones with Painter 7 is how we can affect the look of the tones on 2 
different levels.

 

Mask and Canvas

 . 

 

 

· Erase!

 

 

 

 

 

Mouse Over

 ^  

 

 · The black represents what 
can be seen. White is what 
cannot be seen. Greys 
partially allow some of the 
image to come through. 
 
 · Remember, you do not 
have to have the mask visible 
when we want to edit it. only 
selected. Have the proper 
Layer selected and the 
proper Mask

 · Select the Eraser tool.

 

 · Select the Paint tool 

 · Select white

Page 7 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

 

  

 · We have an effect very similar to an eraser or electric eraser. A very convinvcing 
effect. Now for scratching effects.

 

Gradients 

 · Select the Ink Pen tool

 

And there you have it.You don't need to use the 

show maskoption but i've used it here for clarity. I 

used Scratchboard Tool and Scratchboard Rake 

for this effect.

 

 

 · Select Scratchboard Tool ^

 · Select the Two-Point Gradient from your Gradients 
window.

Page 8 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

 

 · Select the Rectangle Selection Tool

 

 

 · Click on the downwards arrow 
and select Edit Gradient to fine 
tune your gradient.

 

 · Make a box around your tone. (You can 
also use the Oval selection or the Lasso).

 · Make sure your bucket 
fill is set on Clone 
Source
. Right click on the 
selection box
 and 
choose Fill...

 

Page 9 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

Click on Gradient and click OK.

 

Tweaking 

 

 · Lets go back to our Masks and select RGB (no mask effects)

 

  

 

 · Dye Concentration will give your tone that "real screen tone gradient" feel. It will 
shrink the ligher dots and increase the darker dots size.

 

 · We have a gradient tone! 
 
 · But we still have a bite more work to do.

Page 10 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

  

 

 · Click on Using (default should Paper or Uniform color), and select Shape Mask.  
 
 · Hidden underneath the selection box are two slide bars, play with them to optomise 
the effect.

 

  

 

 · Once done click OK.

 

Before

 

After

 

Page 11 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

Mask effects 

 · This is where editing the Layer and the Mask makes things interesting. You can star 
altering the look of the dots by adding contrast or brightness to the layer (mask off). 
Or equalise it. Or add any other filter you believe would improve your tone effect.

 

 

 · You can get a pretty interesting effect, but you may get some glitches. Make sure 
you check before you save. 

 

 

 

 

 

 · Select the shape Shape Mask once 
again.

 

 

 · Access one of the many plugins. 
I've chosen Focus. Once done click 
OK

 

Mask Visible

Mask Invisble

Page 12 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

 · If ever you encounter this undesired effect, draw white or erase the excess portions 
of the Mask.

 

Pattern Tip 

 · If ever you decide to venture outside of dots and lines for patterns, a very helpfull 
function called Define Pattern may make things alot easier for you.

 

 

Page 13 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

 

 · The cursor "loops" around from the opposite side, when you draw off the canvas. 
Painting from scratch with this function on will guarantee perfect tiling results.

 

Applying Tone To Art 

 · Create a new Layer and import or draw some lineart.

 

Page 14 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

 · The white isn't transparent! We don't want that. Select the Layer for your screen 
tone. Set Composite Method to Gel or Shadow Map (it's in your Layers window. 
Set to Default usually). They offer simmilar results.

 

 

Perfect!

 

 · Differences between GelDefault and Shadow Map 

 

 

Whats going on!

 

Page 15 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

Sample Effect

 

 · Two layers. One Flat, one gradient.

 

100% 

 

 

60% 

Gel

Default

Shadow Map

 

Remains slightly transparent.

But removes all instances of 

white.

 

 

White effect artwork.

 

Stronger contrast between 
light and dark. Best choice 

for potential screen tone 

imitation.

Page 16 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/

background image

 

   

 

 

20% 

 

 · Looks good at almost any resample size! 

Closing Comments 

 

       I can't believe I got this finished in one day. I stumbled onto the posibilities of 
great looking tones on Painter 7 last night around 2 am and I felt it had so much 
potential that I had to make a tutorial. I've never made a visual tutorial before. I hope 
everything is simple, concise and clear. E-mail me for comments. Don't be shy to drop 
me a line if you apreciate this tutorial.  
 
This tutorial is NOT link free. My homepage is, but not the tutorial. If you want to host 
my tutorial please e-mail me. 

Back to Tutorials 

All works copyright of Richard Campbell

 

Page 17 of 17

The Paper Mill - Painter 7 · Screen Tones Tutorial

06/11/03

http://www.astralmatrix.net/bahn/tutorial/screentones/