From Krita Documentation
Revision as of 21:13, 26 July 2016 by Jaked (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Basic Concepts

Other languages:
British English • ‎español • ‎한국어 • ‎Nederlands • ‎русский

If this is your first foray into digital painting, this page should give you a brief introduction about the basic but important concepts required for getting started with digital painting in Krita.

This page is very, very long because it tries to cover all the important things you should know Krita is capable of, and Krita is really powerful. So this page can also be considered a guide through Krita's most important functionality. Hopefully it will help you grasp what buttons are for, even if you don't know the exact purpose of them.

Raster and Vector

Even though Krita is primarily a raster based application, it has some vector editing capabilities as well. If you are new to Digital painting medium, it is necessary that you know the concepts of raster and vector.

In digital imaging, a pixel (Picture Element) is a basic and lowest element of an Image. It is basically a grid of points each displaying specific color. Raster editing is manipulating and editing these pixels. For example when you take a 1-pixel brush which is colored black and painting on the white canvas in Krita you are actually changing the color of the pixel beneath your brush from white to black.When you zoom in and see a brush stroke you can notice many small squares with colors, these are pixels

Pixels-brushstroke.png

In contrast, vector graphic work is based on mathematical expressions. They are independent of the pixel. For example, when you draw a rectangle on a vector layer in Krita you are actually drawing paths passing through points called nodes which are located on specific co-ordinates on the 'x' and 'y' axes. When you re-size or move these points the computer calculates and redraws the path and displays the newly formed shape to you. Hence you can re-size the vector shape to any extent without any loss in quality.

In Krita everything which is not on a vector layer is raster based.

Images, Views and Windows

In a painting program, there are three major containers that make up your work-space.

Image

The most important one is the Image.

This is a individual copy of the image you opened or made via the file dialog, and where you edit your file. Krita can allow you to open the file as a new copy via the file menu, or to save it as a new file, or make an incremental save. An image contains layers, a colour space, a canvas size and meta-data such as creator, data created, and DPI. Krita can open multiple images at once, you can switch between them via the window menu.

Because the image is a working copy of the image on the hard drive, you can do a lot of little saving tricks with it:

New
Makes a new image. When you press save, you make a new file on the hard drive.
Open
Makes an internal copy of an existing image. When you press save you will overwrite the original existing image with your working copy.
Open existing image as new
Similar to Open, however, save will request you to specify a saving location: you're making a new copy. This is similar to import in other programs.
Create Copy From Current Image
Similar to Open Existing Image as new but with the currently selected image.
Save incremental
Allows you to quickly make a snapshot of the current image by making a new file with a versioning number added to it.

These options are great for people doing production work, who need to switch between files quickly, or have backup files in case they do something extreme. Krita also has a file backup system in the form of auto-saves and back files and crash recovery. You can configure these in the general settings.

You view the image via a View.

View

A view is the window onto your image. Krita allows you to have multiple views, and you can manipulate the view to zoom, rotate and mirror and modify the colour of the way you see an image without editing the image itself. This is very useful for artists, as changing the way they view the image is a common way to diagnose mistakes, like skewing to one side. Mirroring with m makes such skewing easy to identify.

If you have trouble drawing certain curves you will enjoy using rotation for drawing, and of course there is zooming in and out for precision and rough work.
Multiple views of the same image in Krita
Multiple views are possible in Krita via window → new view → image name. You can switch between them via the window menu, or ctrl+tab, or keep them in the same area when subwindow mode is active in the settings, via Window → Tile.

Dockers

Dockers are little subwindows in Krita's interface. They contain useful tools, like the color selector, layer stack, tool options etc.
Dockers.png
The image above shows some of the dockers in Krita

All the views and the dockers are held inside Windows

Window

If you've used a computer before, you know what windows are: They are big containers for your computer programs.

Krita allows you to have multiple windows via window->new window. You can then drag this to another monitor for multi-monitor use.

The image below shows an example of multiple windows in Krita.
Multi-window.png

Canvas in Krita

When you create a new document in Krita for the first time you will see a rectangular white area. This is called a canvas. You can see it in the image below. The area marked by a red rectangle is a canvas.

Canvas-krita.png

When you save the painting as jpg , png etc or take a print out of the painting, only the content inside this area is taken into consideration. Anything beyond it is ignored. Krita does store information beyond this area, you just won't be able to see it. This data is stored in the Layers.

Layers and Compositing

Like a landscape painter will first paint the sky and then the furthest away elements before slowly working his way to the foreground elements, computers will do the same with all the things you tell them to draw. So, if you tell them to draw a circle after a square on the same spot, the circle will always be drawn later. This is called the Drawing Order.

The layer stack is a way for you to separate elements of a drawing and manipulate the drawing order by showing you which layers are drawn when, and allowing you to change the order they are drawn in, and all sorts of other effects. This is called Compositing.

This allows you to have line art above the colours, or trees before the mountains, and edit each without affecting the other.

Krita has many layer-types, each doing a slightly different thing:

Paint Layers
Also known as raster layers, and the most common layer type, you will be painting on these.
Vector Layers
This is a layer type on which you draw vector graphics. Vector graphics are typically more simple than raster graphics and with the benefit that you can deform them with less blurriness.
Group Layers
These allow you to group several layers via drag and drop, so you can organize, move, apply masks and perform other actions on them together.
Clone Layers
These are copies of the layer you selected when making them. They get updated automatically when changing the original.
File Layers
These refer to an outside existing image, and update as soon as the outside image updates. Useful for logos and emblems that change a lot.
Fill Layers
These layers are filled with something that Krita can make up on the fly, like colors or patterns.
Filter Layers
Adding a filter in the layer-stack. We discuss these later on.

You can manipulate the content of the layers with Tools.

Tools

Tools help you manipulate the image data. The most common one is of course, the freehand brush, which is the default when you open Krita. There are roughly five types of tools in Krita:

Paint Tools
These are tools for painting on paint layers. They describe shapes, like rectangles, circles and straight lines, but also freehand paths. These shapes then get used by the Brush engines to make shapes and drawing effects.
Vector Tools
This is the upper row of tools, which are used to edit vectors. Interestingly enough, all paint tools except the freehand brush allow you to draw shapes on the vector layers. These don't get a brush engine effect applied to them, though.
Selection Tools
Selections allow you to edit a very specific area of the layer you are working on without affecting the others. The selection tools allow you modify the current selection. This is not unlike using masking-fluids in traditional painting, but whereas using masking fluids and film is often messy and delicate, selections are far easier to use.
Guide Tools
These are tools like grids and assistants.
Transform Tools
These are tools that allow you to transform your image. More on that later.

All tools can be found in the toolbox, and information can be found in the tools section of the manual.

Brush Engines

Brush engines, like mentioned before, take a path and tablet information and add effects to it, making a stroke.

Engine is a term programmers use to describe a complex interacting set of code that is the core for a certain functionality, and is highly configurable. In short, like the engine of your car drives your car, and the type of engine and its configuration affects how you use your car, the brush engine drives the look and feel of the brush, and different brush engines have different results.

Krita has a LOT of different brush engines, all with different effects.

Left: pixel brush, center: color smudge brush, right: sketch brush

For example, the pixel-brush engine is simple and allows you to do most of your basic work, but if you do a lot of painting, the color smudge brush engine might be more useful. Even though it's slower to use than the Pixel Brush engine, its mixing of colors allows you to work faster.

If you want something totally different than that, the sketch brush engine helps with making messy lines, and the shape brush engine allows you to make big flats quickly. There are a lot of cool effects inside Krita's brush engines, so try them all out, and be sure to check the chapters on each.

You can configure these effects via the Brush Settings drop-down, which can be quickly accessed via f5. These configurations can then be saved into presets, which you can quickly access with f6 or the Brush Presets docker.

Brushes draw with colors, but how do computers understand colors?

Colors

Humans can see a few million colors, which are combinations of electromagnetic waves (light) bouncing off a surface, where the surface absorbs some of it.
Subtractive CMY colors on the left and additive RGB colors on the right. This difference means that printers benefit from color conversion before printing
When painting traditionally, we use pigments which also absorb the right light-waves for the color we want it to have, but the more pigments you combine, the more light is absorbed, leading to a kind of murky black. This is why we call the mixing of paints subtractive, as it subtracts light the more pigments you put together. Because of that, in traditional pigment mixing, our most efficient primaries are three fairly light colors: Cyan blue and Magenta red and Yellow (CMY).

A computer also uses three primaries and uses a specific amount of each primary in a color as the way it stores color. However, a computer is a screen that emits light. So it makes more light, which means it needs to do additive mixing, where adding more and more colored lights result in white. This is why the three most efficient primaries, as used by computers are Red, Green and Blue (RGB).

Per pixel, a computer then stores the value of each of these primaries, with the maximum depending on the bit-depth. These are called the components or channels depending on who you talk to.
This is the red-channel of an image of a red rose. As you can see, the petals are white here, indicating that those areas contain full red. The leaves are much darker, indicating a lack of red, which is to be expected, as they are green.
Though by default computers use RGB, they can also convert to CMYK (the subtractive model), or a perceptual model like LAB. In all cases this is just a different way of indicating how the colors relate to each other, and each time it usually has 3 components. The exception here is grayscale, because the computer only needs to remember how white a color is. This is why grayscale is more efficient memory-wise.

In fact, if you look at each channel separately, they also look like grayscale images, but instead white just means how much Red, Green or Blue there is.

Krita has a very complex color management system, which you can read more about here.

Transparency

Just like Red, Green and Blue, the computer can also store how transparent a pixel is. This is important for compositing as mentioned before. After all, there's no point in having multiple layers if you can't have transparency.

Transparency is stored in the same way as colors, meaning that it's also a channel. We usually call this channel the alpha channel or alpha for short. The reason behind this is because the letter 'α' is used to represent it in programming.

Some older programs don't always have transparency by default. Krita is the opposite: it doesn't understand images that don't track transparency, and will always add a transparency channel to images. When a given pixel is completely transparent on all layers, Krita will instead show a checkerboard pattern, like the rose image to the left.

Blending modes

Because colors are stored as numbers you can do maths with them. We call this Blending Modes or Compositing Modes.

Blending modes can be done per layer or per brush stroke, and thus are also part of the compositing of layers.

Multiply
A commonly used blending mode is for example multiply which multiplies the components, leading to darker colors. This allows you to simulate the subtractive mixing, and thus makes painting shadows much easier.
Addition
Another common one is Addition, which adds one layer's components to the other, making it perfect for special glow effects.
Erasing
Erasing is a blending mode in Krita. There is no eraser tool, but you can toggle on the brush quickly with E to become an eraser. You can also use it on layers. Unlike the other blending modes, this one only affects the alpha channel, making things more transparent.
Normal
The normal blend mode just averages between colors depending on how transparent the topmost color is.

Krita has 76 blending modes, each doing slightly different things. Head over to the Blending Modes page to learn more.

Because we can see channels as grayscale images, we can convert grayscale images into channels. Like for example, we can use a grayscale image for the transparency. We call these Masks.

Masks

Masks are a type of sub-effect applied to a layer, usually driven by a grayscale image.

The primary type of mask is a transparency mask, which allows you to use a grayscale image to determine the transparency, where black makes everything transparent and white makes the pixel fully opaque.

You can paint on masks with any of the brushes, or convert a normal paint-layer to a mask. The big benefit of masks is that you can make things transparent without removing the underlying pixels. Furthermore, you can use masks to reveal or hide a whole group layer at once!

For example, we have a white ghost lady here:
Krita ghostlady 1.png

But you can't really tell whether she's a ghost lady or just really really white. If only we could give the idea that she floats...

We right-click the layer and add a transparency mask. Then, we select that mask and draw with a black and white linear gradient so that the black is below.
Krita ghostlady 2.png
Wherever the black is, there the lady now becomes transparent, turning her into a real ghost!

The name mask comes from traditional masking fluid and film. You may recall the earlier comparison of selections to traditional masking fluid. Selections too are stored internally as grayscale images, and you can save them as a local selection which is kind of like a mask, or convert them to a transparency mask.

Filters

We mentioned earlier that you can do maths with colors. But you can also do maths with pixels, or groups of pixels or whole layers. In fact, you can make Krita do all sorts of little operations on layers. We call these operations Filters.

Examples of such operations are:

Desaturate
This makes all the pixels turn grey.
Blur
This averages the pixels with their neighbours, which removes sharp contrasts and makes the whole image look blurry.
Sharpen
This increases the contrast between pixels that had a pretty high contrast to begin with.
Color to Alpha
A popular filter which makes all of the chosen color transparent.
Different filter brushes being used on different parts of the image.
Krita has many more filters available: read about them here.

Filter Brush Engine

Because many of these operations are per pixel, Krita allows you to use the filter as part of the filter brush engine.

In most image manipulation software, these are separate tools, but Krita has it as a brush engine, allowing much more customisation than usual.

This means you can make a brush that desaturates pixels, or a brush that changes the hue of the pixels underneath.

Filter Layers, Filter Masks and Layerstyles

Krita also allows you to let the Filters be part of the layer stack, via Filter Layers and Masks. Filter Layers affect all the layers underneath it in the same hierarchy. Transparency and transparency masks on Filter Layers affect where the layer is applied.

Masks, on the other hand, can affect one single layer and are driven by a grayscale image. They will also affect all layers in a group, much like a transparency mask.

We can use these filters to make our ghost lady look even more ethereal, by selecting the ghost lady's layer, and then creating a clone layer. We then right click and add a filter mask and use gaussian blur set to 10 or so pixels. The clone layer is then put behind the original layer, and set to the blending mode Color Dodge, giving her a definite spooky glow. You can keep on painting on the original layer and everything will get updated automatically!
Krita ghostlady 3.png
Layer Effects or Layer Styles are Photoshop's unique brand of Filter Masks that are a little faster than regular masks, but not as versatile. They are available by right clicking a layer and selecting 'layer style'.

Transformations

Transformations are kind of like filters, in that these are operations done on the pixels of an image. We have regular image and layer wide transformations in the image and layer top menus, so that you may resize, flip and rotate the whole image.

We also have the crop tool, which only affects the canvas size, and the move tool which only moves a given layer.

However, if you want more control, Krita offers a transform tool.
Krita transforms free.png
With this tool you can rotate and resize on the canvas, or put it in perspective. Or you can use advanced transform tools, like the warp, cage and liquefy, which allow you to transform by drawing custom points or even by pretending it's a transforming brush.

Deform brush Engine

Like the filter brush engine, Krita also has a Deform Brush Engine, which allows you to transform with a brush. The deform is like a much faster version of the Liquefy transform tool mode, but in exchange, its results are of much lower quality.
Apple transformed into a pear with liquefy on the left and deform brush on the right.
Furthermore, you can't apply the deform brush as a non-destructive mask.

Transform Masks

Like filters, transforms can be applied as a non destructive operation that is part of the layer stack. Unlike filter and transparency masks however, transform masks can't be driven by a grayscale image, for technical reasons.

You can use transform masks to deform clone and file layers as well.

Animation

Introduction to animation walkcycle 02.gif

In 3.0, Krita got raster animation support. You can use the timeline, animation and onionskin dockers, plus Krita's amazing variety of brushes to do raster based animations, export those, and then turn them into movies or gifs.


Assistants, Grids and Guides

With all this technical stuff, you might forget that Krita is a painting program. Like how a illustrator in real life can have all sorts of equipment to make drawing easier, Krita also offers a variety of tools:
Krita's vanishing point assistants in action
Grids and Guides
Very straightforward guiding tools which shows a grids or guiding lines that can be configured.
Snapping
You can snap to all sorts of things. Grids, guides, extensions, orthogonals, image centers and bounding boxes.
Assistants
Because you can hardly put a ruler against your tablet to help you draw, the assistants are there to help you draw concentric circles, perspectives, parallel lines and other easily forgotten but tricky to draw details. Krita allows you to snap to these via the tool options as well.

These guides are saved into Krita's native format, which means you can pick up your work easily afterwards.

Customisation

This leads to the final concept: Customisation.

In addition to rearranging the dockers according to your preferences, Krita provides and saves your configurations as workspaces. This is the button at the top right.

You can also configure the toolbar via settings → configure Toolbars, as well as the shortcuts under both settings → Configure Krita → Configure Shortcuts and settings → configure Krita → Canvas Input Settings.