Difference between revisions of "Krita/Manual/Basic Concepts"

Jump to: navigation, search
(Brush Engines: add example)
(Brush Engines)
Line 123: Line 123:
 
Krita has around [[Special:MyLanguage/Krita/Manual/Brushes|15 brush engines]], all with different effects.
 
Krita has around [[Special:MyLanguage/Krita/Manual/Brushes|15 brush engines]], all with different effects.
  
[[Krita example differentbrushengines.png | 800px | center | To the left: pixel brush, at center: colour smudge brush, and to the right: sketch brush]]
+
[[File:Krita example differentbrushengines.png | 800px | center]]
 
(Left: pixel brush, center: color smudge brush, right, sketch brush)
 
(Left: pixel brush, center: color smudge brush, right, sketch brush)
  

Revision as of 10:53, 21 July 2015

Dialog-information.png
 
Information
This manual is a rewrite of the 1.6 manual. It is not complete.



Basic Concepts

If you have never painted with a drawing software before, this page should give you a crash-course in the basic concepts involved in digital painting.

This page is very 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, but it also has some vector editing capabilities too. 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

On the contrary vector graphic work 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 a specific co-ordinates on 'x' 'y' axis, 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's 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 dialogue, 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 write your working copy onto the original existing image.
Open existing image as new
Similar to open, however, save will request you to specify as 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.

Krita allows for multiple views as well, 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.

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

Multiplewindow.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.jpg

When you save the painting as jpg , png etc or take a print out of the painting the content inside this area is taken into consideration, anything beyond it will be ignored. However Krita stores information beyond this area, you just wont 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 seperate out 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, but with the benfit that you can deform them with less blurriness.
Group Layers
These allow you to group layers via drag and drop, so you can move them together for example.
Clone Layers
These are copies of the layer you selected when making them. They get updated automatically when changing the original.
File Layers
These reffer 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.

You can see various types of Layers in the image below

Krita-types-of-layers.png

You can manipulate the content of the layers with Tools.

Tools

Tools are the way you manipulate the image data. The most common one is of course, the freehand brush, which is the default when you open Krita. There's 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 free hand 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 free hand 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 where 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 it's 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 around 15 brush engines, all with different effects.

Krita example differentbrushengines.png

(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, it's mising 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's 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), bounding off a surface, where the surface absorbs some of it.

When painting traditionally, we use pigments which also absorb the right lightwaves for the color we want it to have, but the more pigments you stick together, the more light is absorbed, leading to black. This is why we call the mixing of paints subtractive, as it subtracts light the more pigments you put together. That's why, in traditional pigment mixing, our most efficient primaries are three fairly light colours: Cyan blue and Magenta red and Yellow(CMY).

A computer also use three primaries, and use the amount of each primary in a colour 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 coloured 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.

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 on indicating how the colours 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 colour 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.

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 'a' 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.

Blending modes

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

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

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 it makes painting shadows much easier.

Another common one is Addition, which adds one layer's components to the other, making it perfect for special glow effects.

Erasing is also a blending mode, which you can toggle on the brush quickly with E. You can also use it on layers. Unlike the other blending modes, this one only affects the alpha channel, making things more transparent.

The normal blend mode just averages between colours depending on how transparent the topmost color is.

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

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

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 on masks is that you can make things transparent without removing the underlying pixels. Furthermore, you can use masks to mask 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 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 kinda 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 has a pretty high contrast to begin with.
Color to Alpha
A popular filter which makes all of the chosen color transparent.

Krita has many more filter 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 layerstack, 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.

Krita ghostlady 3.png

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, giving her a definite glow. You can keep on painting on the original layer and everything will get updated automatically!

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.

Transformations

Transformations are kinda 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, it's results are of much lower quality.

Apple transformed into a pear with liquefy on the left and deform brush on the right.

(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.

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:

Grids
A very straight forward guiding tool which shows a grid that can be configured.
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 can allow 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.

You can not just rearrange the dockers, but also save your configuration via workspaces. This is the button on the top-right.

Krita also allows you to change all the shortcuts, via either settings->configure shortcuts or settings->configure Krita->canvas display settings.

In fact, check out the settings for more defaults of Krita that can be edited!


Content is available under Creative Commons License SA 4.0 unless otherwise noted.