Krita/Tutorial 1

From KDE Wiki Sandbox
Revision as of 20:44, 9 June 2018 by ChristianW (talk | contribs) (remove orphan <!--(-->)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)


Krita tutorial

So why would you want to try out Krita? Artist David Revoy once termed Krita a "Production Beast." Here is my own list of reasons why you'd want to check it out:

Note
Krita's website states that "Krita is no fun without a tablet." That's a huge lie man, it's one of the most fun programs to use when you're tablet-less. xD (I don't have one either. Sure, it's probably more fun with a tablet, but you don't need one)


Symmetry Mode

I'm starting with this part because it's short. But yay, symmetry mode!

  • Toggle it on and off with just a button at the top
  • Redefine the axis with Shift + R, then click
  • Symmetry Mode + Sketch brush is what I term the "Killer combo." As in, it will kill your productivity, because you're too busy having fun with 5-minute doodles.


5-minute doodle. With a mouse! (Hopefully you'll eventually get sick of doing these and start doing "proper" drawings)


Alternatively, Krita has a Multi-brush mode, to create Kaleidoscope-like drawings. Change the axis or define the number of axes in Tool Options.

A painting-oriented interface

Drawing

The awesome part about painting with Krita is that its interface is geared towards helping you draw quickly and efficiently.

  • Brush presets: Krita has lots of different brush engines. Fortunately, it comes with great default brush presets, made by artists, to be used by artists! Just click to select. More on this later.
  • Shift + Drag: dynamically resize brush size. This just saves So much time.
  • I and O: Decrease / Increase opacity (or just drag the slide at the top)
  • Mousewheel: zoom in and out
  • Ctrl + Click: select color.
  • Tab: Canvas-only mode
  • M: Mirror image.
  • B: Switch from whatever mode you're using to Brush/Freehand mode.
  • E: Erase mode. In Krita, any brush can be used as an eraser!
  • Ctrl + Z / Ctrl + Shift + Z to undo/Redo (like most programs)


Tip
You can also add or remove shortcuts from the menu. I assigned Shift + B to drawing dynamically.


Tip: Want to draw smooth lines with a Mouse? Many of Krita's brushes have built-in smoothing algorithms, but if you want to draw pretty smooth lines even though you're stuck with a mouse, do this:

  • Locate the brush preset called Curve_Smooth
  • Select the brush mode "Paint with brushes using dynamic movement"
  • In tool option, increase drag to say... about 50~70.

Colors

But wait, there's more! Krita also makes it easy to select colors.

  • D: Reset Foreground/Background colors to Black/White
  • X: Switch between Foreground and Background colors
  • Backspace / Shift + Backspace: Fill with Background/Foreground color (quick fill!)

See the color selector docker on the left? Click on the little tool in its upper-left corner to bring up more options, to choose the type you like best.


What's more, you can access a lot of selectors on-canvas through shortcuts:

  • Shift + N: Minimal shade selector
  • Shift + M: Mypaint shade selector
  • Shift + I: Color selector
  • H: Color history
  • C: Common colors



Wait, what are all those extra color selectors for? Well, more on that soon.

The mighty right-click!

Krita's right-click is awesome. It brings up this little badass pop-up (right-click again to hide):


From center outwards:

  • Color selector
  • History palette (most recently used colors)
  • Brush palette

To add brushes to the Palette, click Save to Palette in the top toolbar, and save your favourite brushes. Currently Krita only allows you to save up to 10 brushes:


Tip: Full-canvas mode. Lacking screen-space? I use desktop computers, but maybe you're stuck with a laptop and little screen space. Well:

  • Tab: to enter canvas-only mode
  • Right-click: to access the color selector and your favourite brushes
  • You can control brush size (Shift-drag) and opacity (I and O) without toolbars
  • If you need other types of color selectors, remember the previous section?

The brush engines

As noted:

  • Krita has an Excellent default brush presets, that you can access either from the button (choose brush preset) in the top toolbar (to the left of Mode drop down list), or a docker to the right. Play around with them to choose a few favourites.
  • Personally, the fact that Krita comes with great public domain presets matters a lot to me, because while there are many resources online, most are under Attribution licenses. I want to respect the wishes of the authors, but keeping track of all those brushes is just such a pain, so I end up not using them.
  • If there are brushes you like a lot, save them to the Brush Palette. Currently Krita only allows you to save up to 10 brushes this way.

You've probably noticed that this wasn't the main way to access brushes, however. I won't try to explain all the different brush engines, but here are a few main things to try out.

(At this point I noticed that I'm unable to take screenshots with the brush panel open, whoops! Here's a screenshot from the Krita site instead)


Note
Although many brushes are categorized as "Experimental", they're quite stable...


Pixel brushes

Others have written more in-depth tutorials on brushes, so I'll just give an overview of some of the options:

  • Brush tip: autobrush vs predefined brush. "Predefined" brush will give you a nice old boring generic round or square or whatever shape. What's more interesting is the "Predefined brushes" tab:


So a commenter once praised me on the background of this pic I'd done? I didn't have the heart to tell him that I got lazy and just slapped that background up in a few minutes with some cheap'ol predefined brushes... (it's out!)

Tip
To add some texture over a smooth shading, just click on the area once with a low-opacity texture-y brush (not to be confused with texture mode below).


  • Texture: Starting with Krita 2.5, you can add texture to the brushes! You can do pre-defined brushes and textures simultaneously! Like if you want to do rocky snake scales.
(too bad there aren't any actual snake scales among the default textures. Anybody knows where I can get some?)
  • Dynamics: Krita has a Whole lot of Dynamics options for its pixel brushes. There are Youtube tutorials covering that, so I won't get into that. But you can basically map opacity, size, spacing, mirror, softness, sharpness, rotation and scatter dynamics to a number of factors.

Sketch Brush

Sketch Brush was adapted from Project Harmony . I call it the cheat brush:

  • Parameters to fiddle with are under Brush Size: Line width, Offset scale, Density
  • This brush can be used to make rough sketches, but also for achieving pencil-like or ink-like shading
  • I like to use it for drawing details and hair shading. For example, I'd draw rough areas, smudge them to get proper shading, then draw in details like edges with sketch brush.


Tips:

  • Remember that you can toggle the background and foreground colors with X. So if you're sketching in black on a white background, you can toggle to white to erase. The result is nicer than if you're just erasing big chunks with a hard round shape.
  • If you're sketching on a new transparent layer, turn on the Erase mode with E to erase instead. Basically you can easily fix anything.
  • You can resize this brush. A smaller brush will have less of those in-between lines.

Curve and Particle Brushes

These somewhat similar-looking brushes look like they're just there to be pretty, but they can achieve some interesting results:

  • Curve_smooth (a curve brush preset) + paint dynamically mode + increase drag in the tool options = really smooth lines (see example in Drawing)
  • of course they are useful for decorative effects
  • they should be useful for some elements of clothes.


Smudge Brush

Krita's smudge brushes have some interesting properties. In fact, depending on the settings, they are either pure smudge brushes or paint brushes with smudge effects. Erm... I'll just show you some:


Tips:

  • That brush on the bottom-right is the "basic_mix_soft" preset. It will take the selected color (red here) and mix it somewhat with the background color it is being painted on.
  • Drawing small circles over the color changes can get you a "blend" effect (that's right, It's the "don't Ever smudge your colors!!" thing that every artist warns you against. I'm too lazy to build stuff up gradually, sorry. D: )

Other brushes

I'll leave you to test the other brushes on your own. A favourite technique of mine so far is to take a low-opacity Basic_Paint_Shade brush to block in rough colors then paint over them with some of the smudge brushes to get painterly-like smudes:


More brush presets are available, see Links

Brush composite modes

See that mode thing at the top? It dictates the composite mode of your brush. For example, darken only will only leave a trace if the color of the brush is darker than the color it is painting over.

Tips:

  • You can add modes to favourites. I suggest adding the following:
    • Arithmetic -> Multiply
    • HSL -> Hue HSL and Color HSL (HSL = Hue, Saturation, Lightness)
    • Lighten -> Screen (or one of the Dodge options)
    • Mix -> Normal, Overlay
    • Mix -> Erase: this is more for layer modes (layers and brushes share the same favourite modes).
  • if you're like me, and bad at choosing colors, just do everything in greyscale first, using multiple layers as appropriate. Then lock the layer transparencies, and pass over the gray with a brush on Color HSL mode (gradients work great too). It is also very easy to change colors this way.
  • There are actually preset brushes for functions such as "color", "darken", "lighten" etc.!

Other stuff

Layers and layer styles

The layer types you'll be most interested in are Paint Layers and Group Layers. Notice that layer modes share the same favourites as brush modes.

Tips:

  • If you have a lineart layer, set it at the very top as a Multiply layer. Duplicate it then merge a few times if you think it isn't dark enough.
  • Color layers: Remember I said I was bad at colors? Another way to do this is to:
    • First paint in greyscale
    • Make a layer with Overlay mode on top. Paint colors on That one. That's it.
    • If you are using multiple layers and don't want the color to go outside of bounds, Duplicate the greyscale, lock the transparency of the new layer (checkered box), and fill it with whatever colors you want. You can't do this with just a brush on Overlay mode, because the brush will change the darkness/light values of your greyscale.


  • Erase mode: this funny mode where everything you draw on an Erase layer basically creates holes on the layers below (like a mask, just faster). Basically set an Erase layer as the top layer in a group of layers. Anything you draw on it will erase corresponding parts in all the layers below (but only of that group). Good for punching holes and frills.

Perspective grid

Krita has this awesome guide called a perspective grid.

  • Choose the tool
  • Click 3 points on the canvas and the grid will appear.
  • Drag on corners to adjust
  • Drag on middle points to make a new "side" appear
  • Click on X to delete


Composition dock

The Composition dock basically saves layer visibility states. Suppose you have multiple layer groups, each with a greyscale layer and several color effect layers. You want to be able to easily switch off the visibility of all color layers, and leave only the greyscale layers visible.

You can achieve that with the Composition dock. It saves your current layer visibility setup.

New files and saving

I'll just end up with some basics that you'll only need to read once.

  • Starting a new file: Just choose Custom Image and go with the defaults. There are a lot of options there, but if you don't know what they are, then you probably don't need to change them.
  • Saving: Krita has its own .kra ("Krita document") file type. Save under that filetype.
  • Exporting: Once you're done with a drawing and want it in a format you can upload, make sure you Export instead of Save (you don't want to lose all your layer information right?). The usual file type to use is JPEG image.
  • Note: for some reason, my Windows build of Krita gives a weird output when I try to save as .jpg. I seem to be the only one affected though, and the Linux build works fine. If you have the same problem, save as a PNG image and convert it elsewhere if needed.
  • Exporting to other programs: Many of us who use Open source programs also use other programs like Gimp or MyPaint. If you want to open your file with other programs, save your files as .ora ("OpenRaster archiving image"). Unfortunately there doesn't seem to be an easy way to share with Inkscape though. Bummer.

This concludes this tutorial. Don't forget to drop by the Krita forums to thank the developers and post your results in the Krita forum galleries.

The Windows version is quite new so there are still some bugs being worked on, but it didn't prevent me from completing drawings with it. Still, when you come across bugs, help the developers by submitting a bug report. That's it!

Links

To download Krita:

Windows: In the Krita download page, locate the link to "Download Krita 2.5" (or the latest version). The Windows version is still new and experimental, but it worked pretty well for me when I tried it.

Linux (Ubuntu): You can install Krita 2.4 from the package manager, but if you want to get the latest 2.5 version, you'll have to add a ppa:

sudo add-apt-repository ppa:kubuntu-ppa/backports
sudo apt-get update
sudo apt-get install krita

More brushes!

Brush tutorials:

Others: