Page 1 of 4 123 ... LastLast
Results 1 to 10 of 31

Thread: [Paint Tool SAI] - A Basic Tutorial

  1. #1
    With a few extra toasters Scrappel's Avatar
    Join Date
    Jan 2011
    Location
    In between here and there and just past nowhere.
    Posts
    488

    [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 to http://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:

      Spoiler!


    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.

      Spoiler!


    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!

      Spoiler!


    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:

      Spoiler!


    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 SelErase allows 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.

      Spoiler!


    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:

      Spoiler!


    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:

      Spoiler!


    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:

      Spoiler!




    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%:

      Spoiler!


    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 to 60%. 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:

      Spoiler!


    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 the SelPen tool, change your stabilizer setting to 10 and color Sebastian's face, hand, and the top of his neck blue, like this:

      Spoiler!


    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:

      Spoiler!


    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:

      Spoiler!


    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:

      Spoiler!


    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:

      Spoiler!


    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.

      Spoiler!


    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

      Spoiler!


    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:

      Spoiler!


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

    Finished image:

      Spoiler!


    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:

      Spoiler!


    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:

      Spoiler!


    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:

      Spoiler!

    ================================================== ======================

    -- 2011-02-27 05:42:39 ---------------------------------------
    ThreadID = 00002124

    OperationCategory = 80000001
    OperationType = 00000000
    OperationState = 80000000

    ExceptionCode = C0000005 (EXCEPTION_ACCESS_VIOLATION)
    ExceptionAddress = 28C1750A
    ExceptionFlags = 00000000
    NumberParameters = 00000002

    ExceptionInformation:
    00000001
    65761A58

    EAX = 28C600F4
    EBX = 00000000
    ECX = 00000008
    EDX = 00000000
    ESI = 28C600D4
    EDI = 65761A58
    EBP = 28BEE8F0
    ESP = 28BEE8E8
    EIP = 28C1750A

    -- Emergency Backup ----------------------------------------------------
    Backup success: C:\Users\Scrappel\Pictures\scraps.sai -> C:\Users\Scrappel\Pictures\scraps$$01CBD6843D8CC0E 1.sai
    Backup success: New Canvas.sai -> C:\Users\Scrappel\Documents\New Canvas$$01CBD6843EDD61AF.sai
    ------------------------------------------------------------------------


    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://lc-theory.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.
    Last edited by Scrappel; 03-28-2011 at 05:18 AM.




    Darkness into hilarity, innocent lines into innuendos, and SebxCiel shippers into... well... Anyway, that is a Trancy butler!

    Finely beaten eggs into the bowl of flour, three cups of detergent into the linens, and respectable demons into ballerinas. That is the way of the.... oh, wait...


    ♣Member of too many FCs to count ;D ♣ Snake of the Kuroshitsuji FB Crack RP ♣ Claude of the Trancy Affairs thread ♣


    Fanfics | Art | Twitter | Ask Claude a question! | Between Breaths doujinshi adaptation!


  2. #2
    Irn Bru addict. Weevs's Avatar
    Join Date
    Dec 2010
    Location
    Scotland \o/
    Posts
    221
    Scraps! You did it! My hero! -bows- to be honest, I didnt know half the things in this xD im definately using this later on <3 Thank you so much!



    Member of: Sebastian x Claude FC, Claude FC, Ronald Knox FC, Sebastian x Ciel FC, Ryan Stoker FC
    Saranda is my bro
    Yin is the Glen to my Jack
    xAliceHime is my breadbin

  3. #3
    Senior Member ppngai's Avatar
    Join Date
    Sep 2010
    Location
    Sebastian's bedroom
    Posts
    765
    Scraps, this is really useful for someone like me. Although I recently part with my tablet I'll probably get hold of another one soon to try it out.

  4. #4
    Senior Member Happywise's Avatar
    Join Date
    Jan 2011
    Location
    Shinigami Library
    Posts
    302
    Oh thankyou Srapp!! :Glomp So pity , I can't Rep you

    BTW I'm just download the full version Here[mediafire]


      Spoiler!

  5. #5
    The artist formerly known as spacecat. sanoiscari's Avatar
    Join Date
    Aug 2010
    Location
    In a van down by the river.
    Posts
    3,998
    Nice tutorial, very in depth. I've been using SAI for a while now but I still suck at colouring in there.


  6. #6
    *~Fabulous Max~* catskid100's Avatar
    Join Date
    Oct 2010
    Location
    Under the sink
    Posts
    440
    I LOVE YOU I LOVE YOU I LOVE YOU!

    thank you so much for making this! Im kinda a n00b when it comes to SAI (and drawing on the computer in general) since i just got my tablet and all... But this helps soooo much! Thank you! Now I can make decent lineart!


    My DA|My FB|My YT|My Tumblr|My Fanfiction
    GrellxSebastian4eva is my twin
    Foing is my older sister
    Pagan_Elina is my pet flying shark
    Random Alice

    Penguindrum Abridged auditions

  7. #7
    miaou danix's Avatar
    Join Date
    Sep 2010
    Location
    Sebastian's Crotch, Florida
    Posts
    576
    Very nice tutorial I've actually been using SAI for about a couple of months now (I f*cking love it ) and already got used to it, but your info on the clipping layers was very helpful (i had no clue such a thing existed lol) so thanks including that in there

    Edit: Oh, and I noticed that your linework layer toolbox didn't have the Ink Pen thing that I see everyone use. I don't have it on mine either. Do you (or anyone else reading this lol) know if it's because of the version or if you have to download it??? Cause' from what I've seen, it seems kinda awesome, and I really want it D:
    Last edited by danix; 03-27-2011 at 11:09 PM.


      Spoiler!

    Proud member of:

    anddd The ClaudexSebastian, Shinigami , Finny, Claude Faustus, Ciel Phantomhive, SebxMei Rin, VincentxDeiderich, and CielxLizzie Fanclub XD

  8. #8
    The Lazy Teswin teswinsaccount's Avatar
    Join Date
    Feb 2011
    Location
    Falling out a window with confetti in my hair~
    Posts
    320
    Thank you! My god I thought I'd never see a tutorial that makes sense!
      Spoiler!
    With regard to my newborn arachnid kids there's something we must discuss
    ***
    Proud member of: The Sebastian Michaelis FC, The Ciel Phantomhive FC, The Junichi Suwabe FC, The Madame Red FC, The Sebastian x Betty the Tiger FC, The Maurice Cole FC, and The Frances MiddlefordFC

  9. #9
    With a few extra toasters Scrappel's Avatar
    Join Date
    Jan 2011
    Location
    In between here and there and just past nowhere.
    Posts
    488
    Quote Originally Posted by danix View Post
    Very nice tutorial I've actually been using SAI for about a couple of months now (I f*cking love it ) and already got used to it, but your info on the clipping layers was very helpful (i had no clue such a thing existed lol) so thanks including that in there

    Edit: Oh, and I noticed that your linework layer toolbox didn't have the Ink Pen thing that I see everyone use. I don't have it on mine either. Do you (or anyone else reading this lol) know if it's because of the version or if you have to download it??? Cause' from what I've seen, it seems kinda awesome, and I really want it D:
    It's probably a custom brush xD;; You can make custom brushes, that's why there's so much space in your toolbox.... however, I don't actually know how you'd go about doing that, and I haven't gone hunting for the inkpen, as I very rarely use linework layers. -shame- Tutorial for adding custom brushes here~ http://lc-theory.net/blog/sai-brushe...m-brushes.html
    Last edited by Scrappel; 03-28-2011 at 01:13 AM.




    Darkness into hilarity, innocent lines into innuendos, and SebxCiel shippers into... well... Anyway, that is a Trancy butler!

    Finely beaten eggs into the bowl of flour, three cups of detergent into the linens, and respectable demons into ballerinas. That is the way of the.... oh, wait...


    ♣Member of too many FCs to count ;D ♣ Snake of the Kuroshitsuji FB Crack RP ♣ Claude of the Trancy Affairs thread ♣


    Fanfics | Art | Twitter | Ask Claude a question! | Between Breaths doujinshi adaptation!


  10. #10
    Got Swag & Kintama ♫ Miyotis's Avatar
    Join Date
    Aug 2010
    Location
    burial at sea
    Posts
    866
    here's probably a lot of other and better SAI tutorials out there
    Pffff I kinda doubt that. If I'll ever use Sai, I definitely will have to read trough your tutorial again. It's beginner-friendly and well explained, thumbs up! <3


    ★ //DevianTart||Tumbling||Shitter\\ ★
      Spoiler!

    Mephistoxcandy = still my OTP
    Would you play chess without knowing how? Me neither.
    Please read the forum rules.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •