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

Jump to: navigation, search
(Layers and Compositing)
 
(26 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Info|This manual is a rewrite of the 1.6 manual. It is not complete.}}
 
 
__NOTOC__
 
__NOTOC__
 
 
==Basic Concepts==
 
==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.
+
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 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.
+
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===
 
===Raster and Vector===
Line 24: Line 22:
 
The most important one is the ''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 <menuchoice>window</menuchoice> menu.
+
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 <menuchoice>window</menuchoice> 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:
 
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:
Line 48: Line 46:
 
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.
 
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 <menuchoice>window->new view->image name</menuchoice>. You can switch between them via the <menuchoice>window</menuchoice> menu, or <keycap>ctrl</keycap>+<keycap>tab</keycap>, or keep them in the same area when ''subwindow'' mode is active in the [[Special:myLanguage/Krita/Manual/Preferences/General|settings]], via <menuchoice>Window->Tile</menuchoice>.
+
[[File:Krita multiple views.png |thumb|800px|center|Multiple views of the same image in Krita]]
 +
 
 +
Multiple views are possible in Krita via <menuchoice>window->new view->image name</menuchoice>. You can switch between them via the <menuchoice>window</menuchoice> menu, or <keycap>ctrl</keycap>+<keycap>tab</keycap>, or keep them in the same area when ''subwindow'' mode is active in the [[Special:myLanguage/Krita/Manual/Preferences/General|settings]], via <menuchoice>Window->Tile</menuchoice>.
  
 
====Dockers====
 
====Dockers====
Dockers are little subwindows in [[Special:MyLanguage/Krita/Manual/Interface|Krita's interface]]. They contain useful tools, like the color selector.
+
Dockers are little subwindows in [[Special:MyLanguage/Krita/Manual/Interface|Krita's interface]]. They contain useful tools, like the color selector, layer stack, tool options etc.
  
 
[[File:Dockers.png | 800px |center]]
 
[[File:Dockers.png | 800px |center]]
Line 86: Line 86:
 
:Also known as raster layers, and the most common layer type, you will be painting on these.
 
:Also known as raster layers, and the most common layer type, you will be painting on these.
 
;[[Special:MyLanguage/Krita/Manual/VectorLayers|Vector Layers]]
 
;[[Special:MyLanguage/Krita/Manual/VectorLayers|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.
+
: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.
 
;[[Special:MyLanguage/Krita/Manual/GroupLayers|Group Layers]]
 
;[[Special:MyLanguage/Krita/Manual/GroupLayers|Group Layers]]
:These allow you to group layers via drag and drop, so you can move them together for example.
+
: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.
 
;[[Special:MyLanguage/Krita/Manual/CloneLayers|Clone Layers]]
 
;[[Special:MyLanguage/Krita/Manual/CloneLayers|Clone Layers]]
 
:These are copies of the layer you selected when making them. They get updated automatically when changing the original.
 
:These are copies of the layer you selected when making them. They get updated automatically when changing the original.
 
;[[Special:MyLanguage/Krita/Manual/FileLayers|File Layers]]
 
;[[Special:MyLanguage/Krita/Manual/FileLayers|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.
+
: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.
 
;[[Special:MyLanguage/Krita/Manual/FillLayers|Fill Layers]]
 
;[[Special:MyLanguage/Krita/Manual/FillLayers|Fill Layers]]
 
:These layers are filled with something that Krita can make up on the fly, like colors or patterns.
 
:These layers are filled with something that Krita can make up on the fly, like colors or patterns.
 +
;[[Special:MyLanguage/Krita/Manual/FilterLayers|Filter Layers]]
 +
:Adding a filter in the layer-stack. We discuss these later on.
  
 
You can see various types of Layers in the image below
 
You can see various types of Layers in the image below
Line 101: Line 103:
  
 
===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:
+
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's roughly five types of tools in Krita:
  
 
;Paint tools
 
;Paint tools
Line 121: Line 123:
 
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.
 
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 [[Special:MyLanguage/Krita/Manual/Brushes|15 brush engines]], all with different effects.
+
Krita has around [[Special:MyLanguage/Krita/Manual/Brushes|a LOT of different brush engines]], all with different effects.
  
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.
+
[[File:Krita example differentbrushengines.png |thumb| 800px | center|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 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'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.
 
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.
Line 132: Line 136:
  
 
===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.
+
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.
 +
 
 +
[[File:Krita basics primaries.png |thumb|800px|center|Subtractive CMY colours on the left and addative RGB colours on the right. This difference means that printers benefit from colour conversion before printing]]
  
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).
+
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 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. Because of that, 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).
+
A computer also uses three primaries, and uses specific 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.
 
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.
 
+
[[File:Krita basic channel rose.png |thumb|300px|left|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 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.
+
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.
 
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 [[Special:MyLanguage/Krita/Manual/ColorManagement|here]].
  
 
====Transparency====
 
====Transparency====
Line 149: Line 157:
 
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.
 
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.
+
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 checkbox pattern, like the rose image to the left.
  
 
====[[Special:MyLanguage/Krita/Manual/Blendingmodes|Blending modes]]====
 
====[[Special:MyLanguage/Krita/Manual/Blendingmodes|Blending modes]]====
Line 156: Line 164:
 
Blending modes can be done per layer or per brush stroke, and thus are also part of the compositing of layers.
 
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 <menuchoice>multiply</menuchoice> which multiplies the components, leading to darker colors. This allows you to simulate the subtractive mixing, and thus it makes painting shadows much easier.
+
;Multiply
 
+
:A commonly used blending mode is for example <menuchoice>multiply</menuchoice> 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 <menuchoice>Addition</menuchoice>, which adds one layer's components to the other, making it perfect for special glow effects.
+
;Addition
 
+
:Another common one is <menuchoice>Addition</menuchoice>, which adds one layer's components to the other, making it perfect for special glow effects.
<menuchoice>Erasing</menuchoice> is also a blending mode, which you can toggle on the brush quickly with <keycap>E</keycap>. You can also use it on layers. Unlike the other blending modes, this one only affects the alpha channel, making things more transparent.
+
;Erasing
 
+
:<menuchoice>Erasing</menuchoice> is also a blending mode, which you can toggle on the brush quickly with <keycap>E</keycap>. You can also use it on layers. Unlike the other blending modes, this one only affects the alpha channel, making things more transparent.
The <menuchoice>normal</menuchoice> blend mode just averages between colours depending on how transparent the topmost color is.
+
;Normal
 
+
:The <menuchoice>normal</menuchoice> 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 [[Special:MyLanguage/Krita/Manual/Blendingmodes|Blending Modes page]] to learn more.
+
  
Krita also has a very complex color management system, which you can read more about [[Special:MyLanguage/Krita/Manual/ColorManagement|here]].
+
Krita has 76 blending modes, each doing slightly different things. Head over to the [[Special:MyLanguage/Krita/Manual/Blendingmodes|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''.
 
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''.
Line 175: Line 182:
 
The primary type of mask is a [[Special:MyLanguage/Krita/Manual/TransparencyMasks|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.
 
The primary type of mask is a [[Special:MyLanguage/Krita/Manual/TransparencyMasks|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!
+
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 reveal or hide a whole group layer at once!
  
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.
+
For example, we have a white ghost lady here:
 +
[[File:Krita ghostlady 1.png | 800px |center]]
 +
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.
 +
[[File:Krita ghostlady 2.png | 800px |center]]
 +
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===
 
===Filters===
Line 189: Line 203:
 
:This averages the pixels with their neighbours, which removes sharp contrasts and makes the whole image look blurry.
 
:This averages the pixels with their neighbours, which removes sharp contrasts and makes the whole image look blurry.
 
;Sharpen
 
;Sharpen
:This increases the contrast between pixels that has a pretty high contrast to begin with.
+
:This increases the contrast between pixels that had a pretty high contrast to begin with.
 
;Color to Alpha
 
;Color to Alpha
 
:A popular filter which makes all of the chosen color transparent.
 
:A popular filter which makes all of the chosen color transparent.
 
+
[[File:Krita basic filter brush.png |thumb|300px|right|Different filter brushes being used on different parts of the image.]]
 
Krita has many more filter available, read about them [[Special:MyLanguage/Krita/Manual/Filters|here]].
 
Krita has many more filter available, read about them [[Special:MyLanguage/Krita/Manual/Filters|here]].
  
Line 203: Line 217:
  
 
====Filter Layers, Filter Masks and Layerstyles====
 
====Filter Layers, Filter Masks and Layerstyles====
Krita also allows you to let the Filters be part of the layerstack, via [[Special:MyLanguage/Krita/Manual/FilterLayers|Filter Layers]] and [[Special:MyLanguage/Krita/Manual/FilterMasks|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.
+
Krita also allows you to let the Filters be part of the layer stack, via [[Special:MyLanguage/Krita/Manual/FilterLayers|Filter Layers]] and [[Special:MyLanguage/Krita/Manual/FilterMasks|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.
 
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.
  
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.
+
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!
 +
 
 +
[[File:Krita ghostlady 3.png | 800px | center ]]
 +
 
 +
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===
''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 [[Special:MyLanguage/Krita/Manual/TopMenu/Image|image]] and [[Special:MyLanguage/Krita/Manual/TopMenu/Layer|layer]] top menus, so that you may resize, flip and rotate the whole image.
+
''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 [[Special:MyLanguage/Krita/Manual/TopMenu/Image|image]] and [[Special:MyLanguage/Krita/Manual/TopMenu/Layer|layer]] top menus, so that you may resize, flip and rotate the whole image.
  
 
We also have the [[Special:MyLanguage/Krita/Manual/Tools/Crop|Crop tool]], which only affects the canvas-size, and the [[Special:MyLanguage/Krita/Manual/Tools/Move|move tool]] which only moves a given layer.
 
We also have the [[Special:MyLanguage/Krita/Manual/Tools/Crop|Crop tool]], which only affects the canvas-size, and the [[Special:MyLanguage/Krita/Manual/Tools/Move|move tool]] which only moves a given layer.
 
However, if you want more control, Krita offers a [[Special:MyLanguage/Krita/Manual/Tools/Transform|transform tool]].
 
However, if you want more control, Krita offers a [[Special:MyLanguage/Krita/Manual/Tools/Transform|transform tool]].
 +
 +
[[File:Krita transforms free.png | 800px | center]]
  
 
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.
 
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.
Line 219: Line 239:
 
====[[Special:MyLanguage/Krita/Manual/BrushEngines/DeformBrush|Deform brush Engine]]====
 
====[[Special:MyLanguage/Krita/Manual/BrushEngines/DeformBrush|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.
 
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.
 +
 +
[[File:Krita transforms deformvsliquefy.png | thumb| 600px | center | 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.
 
Furthermore, you can't apply the deform brush as a non-destructive mask.
Line 229: Line 251:
 
===Assistants, Grids and Guides===
 
===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:
 
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:
 +
 +
[[File:Krita basic assistants.png|thumb|800px|center|Krita's vanishing point assistants in action]]
  
 
;[[Special:MyLanguage/Krita/Manual/Tools/EditGrid|Grids]]
 
;[[Special:MyLanguage/Krita/Manual/Tools/EditGrid|Grids]]
Line 240: Line 264:
 
This leads to the final concept: Customisation.
 
This leads to the final concept: Customisation.
  
You can not just rearrange the dockers, but also save your configuration via [[Special:myLanguage/Krita/Manual/Resources/Workspaces|workspaces]]. This is the button on the top-right.
+
In addition to rearranging the dockers according to your likes, Krita provides an save your configurations as [[Special:myLanguage/Krita/Manual/Resources/Workspaces|workspaces]]. This is the button on the top-right.
  
Krita also allows you to change all the shortcuts, via either <menuchoice>settings->configure shortcuts</menuchoice> or <menuchoice>settings->configure Krita->canvas display settings</menuchoice>.
+
Krita also allows you to change all the shortcuts, via either <menuchoice>settings->configure shortcuts</menuchoice> or <menuchoice>settings->configure Krita->canvas display settings</menuchoice>, and you can change the contents of the toolbar via <menuchoice>settings->configure Toolbars</menuchoice>.
  
 
In fact, check out the [[Special:MyLanguage/Krita/Manual/Preferences/General|settings]] for more defaults of Krita that can be edited!
 
In fact, check out the [[Special:MyLanguage/Krita/Manual/Preferences/General|settings]] for more defaults of Krita that can be edited!

Latest revision as of 08:41, 16 August 2015

Basic Concepts

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

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

Subtractive CMY colours on the left and addative RGB colours on the right. This difference means that printers benefit from colour 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 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. Because of that, in traditional pigment mixing, our most efficient primaries are three fairly light colours: Cyan blue and Magenta red and Yellow(CMY).

A computer also uses three primaries, and uses specific 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.

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

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 '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. When a given pixel is completely transparent on all layers, Krita will instead show a checkbox pattern, like the rose image to the left.

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.

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 it 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 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.
Normal
The normal blend mode just averages between colours 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 on 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 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 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 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, giving her a definite 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, it's 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.

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

In addition to rearranging the dockers according to your likes, Krita provides an save your configurations as 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, and you can change the contents of the toolbar via settings->configure Toolbars.

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


This page was last modified on 16 August 2015, at 08:41. Content is available under Creative Commons License SA 4.0 unless otherwise noted.