[Paint Tool SAI] - A Basic Tutorial

First off, congratulations. You've made the first step to using an amazing program
just by entering the thread! Please note that this applies only to Windows users, as
SAI is not supported for Mac. (Hah, take that, Apple.) A lot of people mentioned SAI
was giving them a hard time, so here, have a tutorial.

Paint Tool SAI is a popular Japanese program for creating digital art, famous for it's
incredible DPI and stabilizer tool. Over this tutorial, I'll be explaining how to use it
and showing off some tips and tricks to make your drawing experience painless.
Well, relatively.

I also highly recommend using a tablet for the purposes of

this tutorial, and indeed, for all drawing with SAI. It's impossible to appreciate pen
pressure if you don't have a tablet.
For those who do not already have SAI downloaded, go
tohttp://www.systemax.jp/en/sai/ and download the trial version. (You'll need to buy
a license and register your program after 60 days to continue using it, like I have, or
find a torrent of the full version of SAI. Please note that I don't recommend this, and
strongly encourage you to pay for SAI to support the amazing people who made it.)
Installing SAI is extremely simple. You shouldn't have any problems with that; if you
do, you're rather foolish and should PM me for help.
PART ONE - TOOLS AND WORKSPACE.
NOTE: If any of the images under the spoiler tags fail to load due to size or are too
small for you to read properly, simply GET SOME DARN GLASSES right click and
open them in a new tab or a new window.
Go ahead and open up SAI. It should look something like this:

However, you can move the toolbox and layer + navigator around to whichever side
of the screen is more convenient for you by going to the Window menu and
selecting/unselecting "Show Layer Panel to Right". I like to keep my layers to the
right and my color wheel + tools to the left.

Let's take a look at each of those super confusing buttony things and explain what
each tool does and looks like.
Starting off with the color wheel and toolbox!

Above the color wheel are six icons. Selecting/unselecting various icons will toggle
different color selectors you can use. I like the color wheel, myself, so I don't ever
use the others.
To the right of the six icons is a drop down menu, the downward pointing triangle.
This allows you to select how you want to view the colors - V-HSV, HSL, or HSV.
Don't ask me what those abbreviations stand for. I don't know. What I do know is
that I like to use V-HSV, myself.
On the first row of tools below the color wheel, you'll find the selection tools:
the rectangle selector, a tool you should be fairly familiar with; the lasso tool, which
is basically just freeform selecting, and the magic wand tool. There's two more
advanced selection tools in the main toolbox, but we'll talk about those later.
Below the three selection tools are a few navigation tools and editing tools:
the move tool, which allows you to move the layer you're currently on;
the zoom tool; the rotate tool, which allows you to rotate the layer you're currently
on; the hand tool, which allows you to move the canvas around to view different

parts without moving the layer; and the eyedropper tool, which allows you to select
a color from the image, much like any other eyedropper tool you may be familiar
with.
Now on to the main toolbox. Let's take a look at how strokes made with each of the
different drawing tools look:

As you can see, I've purposely overlapped the strokes to show how they interact,
but there's no way I can convey it with a simple screenshot. Go give each tool a try
yourself!
Let's take a quick look at the other tools. Blur happens to be one of my personal
favorites, but it's also one of the hardest to master using well. We'll talk about that
once we get into the actual drawing part. The Eraser and Bucket tools are
reasonably self explanatory. The tools I really want to talk about though are the
ones people rarely use: SelPen and SelErase. Sel is short for selection - that's right,
these are the advanced selection tools. When you draw with the SelPen, it will
appear blue, but once you switch to another tool it should appear as a selected
area. As you'd expect, the SelEraseallows you to erase part of what you've selected.

When using either Sel tool, anything you have selected will appear blue. We'll see
this in action as well during the drawing part, but for now, let's move on to talking
about the tool options which appear below the main toolbox.
The first option, mode for the tool, is relatively simple: normal, or multiply. Multiply
will change how dark the color appears, but you probably won't be using this much.
To the right of this pull down menu are edge sharpnesses for the tool. Basically, it's
like using a real pencil - how sharp you you want it to be? Play around with these
yourself to get a feel for them.
Size, min size, and density are easily the settings you'll use the most. If you are
using a mouse, ignore min size, as you won't have the pen pressure necessary for
this option. Min size affects pen pressure - i.e., how much you'll allow the size to
vary, determined how how hard you're pressing. I like to keep my min size at 0% in
general, which allows unrestricted size variation. (100% would be no size variation
at all, your stroke would be the same size from beginning to end). Density affects
how dark your stroke will be. When I'm sketching, I like to turn the density down
to 27% to give it a more "legitimate pencilly" feel. Below that are pull down menus
to select Brush type and Texture. You can play around with these as well to your
taste, but you'll most likely use (simple circle) and(no texture) in the majority of
your drawing. Ignore the advanced settings below that for now; you won't need
them much as a beginner, and even as a long time SAI user I don't mess with them
too often.

Let's move on to the tools at the top of the screen. I've numbered them for easy
reference.

1. Undo. Keyboard shortcut is ctrl+z. You will use this more than any other button,
guaranteed. This undoes your last action.
2. Redo. Keyboard shortcut is ctrl+y. Redoes the last action you undid.
3. Clear selection. This deselects whatever you have selected. NOTE: This will not
erase anything in the selection - there's another button for that.
4. Invert selection. Selects everything except what you had previously selected.
5. Show/Hide selection. Toggles your view of the selection or not. NOTE: This will not
hide the material you have selected, simply the selection animation/or blue filter of
the SelPen.
6. Zoom pull down menu. Zooms in on the canvas.
7. Zoom out.

8. Zoom in.
9. Reset view. Zooms out to the default, letting you see the whole canvas. Also
straightens it, if you've had your view rotated.
10. Rotation pull down menu. Rotates your view of the canvas.
11. Rotate left.
12. Rotate right.
13. Reset view. Zooms out to the default, letting you see the whole canvas. Also
straightens it, if you've had your view rotated. (Always kind of amused me that they
have two of this button)
14. Invert view. Flips your view of the canvas vertically. Useful for checking anatomy
- if it makes sense from both views, you're doing it right.
15. Stabilizer. Second most important tool in the entire program, and sadly one of
the most ignored. This tool will affect how fast you draw (don't panic when your tool
is slower to respond, it's supposed to do that) which allows you to draw smoother
lines. I like to sketch using a setting of 3 or 10, and a setting of S5 or S7 for lineart.
We'll see this in action later.
Now let's migrate over to the Layer Panel and Navigator. At the top is the navigator,
where you can see where you're viewing on the canvas. It should be familiar to you
if you use Photoshop, or Corel, or some other painting program. You can change
your view by dragging the red rectangle around (yet more navigational tools). We'll
skim away from the navigator to the fun stuff below that, which looks like THIS:

At the top are the Paints Effects and Mode. Mode is the cool bit, which we'll talk
about in the drawing section. Basically Mode is like color effects - you might
recognize multiply, overlay, etc. Paints effects.. I don't use much. It's another
texture thing with really depends on the piece you're doing. Play around with it, but
note that it affects the whole layer - not just the tool you're using.
Below Mode is the Layer Opacity. This changes how opaque the layer is, or how see

through it is. GHOSTLY LAYERS ARE GHOSTLY?!

If you're familiar with other drawing programs, the concept of layers should be
familiar to you. If not, go stick your head in a bucket. No, don't really, layers are
simple. It's like taking a piece of paper and putting it over another piece of paper except the pieces are all transparent. More like drawing on glass, really, with a white
piece of paper underneath the glass... But nobody draws on glass, so we'll go with
the transparent paper thing.
Linework layers are something to pay attention to. Once you create a new linework
layer, you'll find your toolbox has an entirely new set of tools in place of the ones
you'll have when you switch to a normal drawing layer. Behold:

The main difference between a linework layer and a normal layer is that you can
edit the curves and shape of lines by holding down the control key and dragging
one of the points that will appear, as shown below:

You can also create more points while holding down the CNTRL key and clicking on
the line.

The other tools are pretty self explanatory if you read the description, except for the
weight tool. The weight tool allows you to change the size of the line you've already
made by clicking on it. Simply set the size of the weight tool, and single click on the
line.
Lastly, moving back to the Layer panel, there's the folder icon, known as the button
to create a new layer set. Go ahead and click on it. Once you have a layer set folder,
you can drag layers to it and they will become part of that set. Double click on the
folder layer to open/close it and view the layers within the set.
TIP: If you want to move multiple layers, move them into a layer set and then select
the layer set. Grab the Move tool from below the color wheel and drag
away.

PART TWO - DRAWING.

That's right, we're going to draw something together. Note that this part follows my
own personal drawing method, and there MAY be better ways of doing things however, this is a basic tutorial, so I apologize if my methods aren't to your liking.
This part is suggestion only! I find it helps to see what someone else is doing when
you're new to a program, myself, though.
Go to File and select New to open a new canvas. Choose 800x600 from the
dropdown menu and select OK. You won't need to mess with any of the other
settings for the purpose of this tutorial.
Choose the pencil tool, and grab a color of your liking. (I usually sketch with blue
and burgandy, but whatever color works for you is fine.) You can sketch with any
density you like, but I like to sketch at 27%. HOWEVER, for this tutorial, I'm going to
go with 75% so you can see what I'm doing.
Let's draw Sebastian. That's always worth drawing, right?

For this sketch, my stabilizer is on 3, I'm using 75% density, and a 4.0 brush with a
min size of 0%:

If you feel like your sketch is too large, or you want to move it around, simply grab
the selection tool (lasso or rectangle, depending on what you're wanting to select),
select your sketch, go to the tool options below the main toolbox and select Scale.
You can change the size of your image by clicking and dragging the boxes that
appear around the selection.
Once you're happy with your sketch, it's time to ink it. You can either do this with a
linework layer, or a normal layer with a higher stabilizer setting. For this tutorial,
we're going to use a stabilizer setting and a normal layer, since that's what I do for
the majority of my drawings.
Turn the opacity of your sketch layer down in the layer panel to60%. This is also a
good time to double click on the layer in your layer panel and name the sketch layer
"Sketch." xD It'll make this much easier later on.
Create a new layer, and name this one "Linework". Turn the density of your pencil
back to 100%, and pick a dark brown. (I'm not a big fan of black lineart at the
moment, and we're going to go with a paintingish look for this piece, but if you love

black go with black by all means.) Make sure you also change your stabilizer setting
to S5, or S7. Go over the sketch to create the lineart for your piece, like this:

The next step is going to be coloring. If you haven't been using a tablet, you'll be
able to follow along much more in the next section, but you probably don't have
very decent lineart. xD For you users out in mouseland or anyone who wants to use
this sketchy lineart, I've uploaded my .sai file for you to open and use
here:http://www.mediafire.com/?8qq11g7dm0c3xqf
(Mouselanders and downloaders, once you have that open, go ahead and drag the
layer labeled "Linework" above the folder labeled "Set 1". Some color effects won't
work if it's not on top, and Sebastian likes to be on top, if you catch my drift. We'll
want it there later. This is true for almost all lineart layers, so remember kids lineart is always on top, color is always on bottom.

Now that we're all at the same point, create a new layer and label it "Skin base".
Make sure the layer is UNDERNEATH the lineart layer (but not inside the folder for
downloaders.) Go ahead and grab theSelPen tool, change your stabilizer setting
to 10 and color Sebastian's face, hand, and the top of his neck blue, like this:

Choose a light peach, and with the pencil tool or the bucket tool, fill in the selected
area and then use the Clear Selection button at the top of the screen to deselect his
skin. Please don't use a crazy pale color... he's fair, but he's not a vampire.
Always go a little lighter than what you think, since you'll be shading it shortly.
Note that it was entirely unnecessary to use SelPen simply to color his face - you
could have just used the pencil tool and colored directly, but I figured it was worth it
to give you the chance to see how it works. Also, when using a dark color or a color
that's very close to a color next to what you're coloring, I find SelPen is easier.

Rinse and repeat your SelPen selecting/coloring or just coloring, however you like to
do it, on three more layers: Shirt Base, Hair Base, and Vest/Tie Base:

Now that we've got our base colors, it's time for the fun stuff.
Create a new layer and name it "Skin flush/shade" (or some variation, whatever
works for you). Drag the layer directly above the Skin Base layer and check the box
for Clipping group. It should look like this:

Clipping group is a way of making a cutting a layer to the exact shape of whatever's
on the layer directly below it - as in, when you color on it, you won't color anywhere
but inside the boundaries of his skin. Pretty cool, eh?
Change the Mode of the layer to Lumi & Shade. Select a reddish color on your color
wheel and do something along the lines of this:

It probably looks a little extreme, but I really wanna really wanna be with you, so
trust me trust me trust me, yeah... Blur tool time. I used a density in the high sixties
for this. It should now look along the lines of this:

Hmm, still too extreme? Never fear, there's some opacity for that. (No, I actually
always go much darker red than I intend on the flush so I can choose how much

lighter to go later on

) I've turned the opacity of the Skin flush/shade layer

down to 61%. Blush to taste, we all have different opinions of skin warmth.

I usually use shade for the rest, but you can do what you like with the vest and tie.
As you can see the shirt doesn't really need to be shaded, since we already kind of
did that with the base color. XD

There's still one thing wrong with this, though - brown lineart doesn't look good on
black hair. But that can be fixed with a clipping layer on above the lineart layer!
That's right, kids, lineart is about to get topped. Select pure black and draw over
any lines that cover his hair, eyes and eyebrows, or vest:

Was that crazy easy or what? Go ahead and do his eyes however you like, add his
nails, and you're done!
Finished image:

Definitely not my best, but fun to do! XD Besides, Sebastian looks a bit like he's
giggling... kinda cracks me up.
You can also give the entire image a tint by creating an overlay layer above
everything else and coloring over it with the color you want to tint it with:

Don't like that color? Wait, there's no need to color over it with another color. Go to
the Filter menu and select Hue and Saturation. You can play with the colors of the
layer like this:

Want to add another color on top of that? Add a clipping layer above the overlay
layer and draw away!
Spoiler!

PART THREE - TROUBLESHOOTING AND FAQ

Q: SAI crashed and I lost everything! Help!
A: SAI crashed, but no, you didn't lose everything. Guess what? SAI's so awesome
that it'll automatically save every canvas you have open in the event of a crash. All
you have to do is figure out where it saves the canvases to. By default, SAI will save
to your documents, but if you don't see it there, check the error log.
You can access the error log by opening up your SAI folder and opening the
document titled errlog.txt. Scroll to the bottom, and the latest crash will be
reported. It'll probably look something like this:

Just go to the folder it says it saved it under and look for the file name
specified.

Q: Can you use the stabilizer on a linework layer?

A: Of course, you can use it with everything.

Q: OMG can you give me a link to a torrent of the full version?

A: A copy was found here but I haven't tested it myself. Download at your own risk.
xD
Q: WHY SHOULD I USE LAYERS LOL?!

A: If you're drawing on top of another color, you don't have to worry about erasing
the one next to it when you go over the lines, now do you?
Q: It's not... shiny desu... @.@ I dun really care about using mode on layers, it looks
not shiny...
A: Oho, you should care. See below for an example of mode being... "shiny desu
@.@"....
Spoiler!

Q: Can I make custom brushes in SAI, like Photoshop, GIMP, etc?

A: Yes, you can. I found a great tutorial that explains it here:http://lctheory.net/blog/sai-brushe...m-brushes.html
Q: You're doing it wrong.
A: Your mail's doing it wrong. Actually, there's probably a lot of other and better SAI
tutorials out there, but this one happens to have Sebastian all over it. Can't beat
that.

It also happens to be owned by me, so please don't repost my

images/drawing/tutorial without crediting it to me!~ (no srsly I spent over 2 hours

on this.....)
Thanks for reading; if you have any questions please ask away and I'll see if I can
help you out.