Differential D20448 Diff 55928 tutorials/common_workflows.rst

Changeset View

Standalone View

tutorials/common_workflows.rst

1	.. meta::	1	.. meta::
2	:description lang=en:	2	:description lang=en:
3	Common workflows used in Krita	3	Common workflows used in Krita
4		4
5	.. metadata-placeholder	5	.. metadata-placeholder
6	:authors: - Wolthera van Hövell tot Westerflier <griffinvalley@gmail.com>	6	:authors: - Wolthera van Hövell tot Westerflier <griffinvalley@gmail.com>
7	- Vancemoss	7	- Vancemoss
8	- Raghavendra Kamath <raghavendr.raghu@gmail.com>	8	- Raghavendra Kamath <raghavendr.raghu@gmail.com>
9	:license: GNU free documentation license 1.3 or later.	9	:license: GNU free documentation license 1.3 or later.
10		10
11	.. _common_wokflows:	11	.. _common_wokflows:
12		12
13	================	13	================
14	Common Workflows	14	Common Workflows
15	================	15	================
16		16
17	Krita's main goal is to help artists create digital painting from scratch. Krita is used by comic artists, matte painters, texture artists, and illustrators around the world. This section explains some common workflow that artists use in Krita. When you open a new document in Krita for the first time, you can start painting instantly. The brush tool is selected by default and you just have to paint on the canvas. However, let us look at what artists do in Krita. Below are some of the common workflows used in Krita:	17	Krita's main goal is to help artists create a digital painting from scratch. Krita is used by comic artists, matte painters, texture artists, and illustrators around the world. This section explains some common workflow that artists use in Krita. When you open a new document in Krita for the first time, you can start painting instantly. The brush tool is selected by default and you just have to paint on the canvas. However, let us look at what artists do in Krita. Below are some of the common workflows used in Krita:
18		18
19	Speed Painting and Conceptualizing	19	Speed Painting and Conceptualizing
20	----------------------------------	20	----------------------------------
21		21
22	Some artists work only on digital medium, sketching and visualizing concepts in Krita from scratch. As the name suggests a technique of painting done within matter of hours to quickly visualize the basic scene, character, look and feel of the environment or to denote the general mood and overall concept is called a speed painting. Finishing and finer details are not the main goal of this type of painting, but the representation of form value and layout is main goal.	22	Some artists work only on the digital medium, sketching and visualizing concepts in Krita from scratch. As the name suggests a technique of painting done within a matter of hours to quickly visualize the basic scene, character, look and feel of the environment or to denote the general mood and overall concept is called a speed painting. Finishing and finer details are not the main goals of this type of painting, but the representation of form value and layout is the main goal.
23		23
24	Some artists set time limit to complete the painting while some paint casually. Speed painting then can be taken forward by adding finer details and polish to create a final piece. Generally artists first block in the composition by adding patches and blobs of flat colors, defining the silhouette, etc. Krita has some efficient brushes for this situation, for example, the brush under Block Tag like Block fuzzy, Block basic, layout_block, etc.	24	Some artists set a time limit to complete the painting while some paint casually. Speed painting then can be taken forward by adding finer details and polish to create a final piece. Generally, artists first block in the composition by adding patches and blobs of flat colors, defining the silhouette, etc. Krita has some efficient brushes for this situation, for example, the brush under Block Tag like Block fuzzy, Block basic, layout_block, etc.
25		25
26	After the composition and a basic layout has been laid out the artists add as many details as possible in the given limited time, this requires a decent knowledge of forms, value perspective and proportions of the objects. Below is an example of speed paint done by `David Revoy <http://www.davidrevoy.com/>`_ done in an hours time.	26	After the composition and a basic layout has been laid out the artists add as many details as possible in the given limited time, this requires a decent knowledge of forms, value perspective and proportions of the objects. Below is an example of speed paint done by `David Revoy <http://www.davidrevoy.com/>`_ in an hours time.
27		27
28	.. image:: /images/en/Pepper-speedpaint-deevad.jpg	28	.. image:: /images/en/Pepper-speedpaint-deevad.jpg
29	:alt: speedpaint of pepper and carrot by deevad (David Revoy)	29	:alt: speedpaint of pepper and carrot by deevad (David Revoy)
30	:width: 800	30	:width: 800
31		31
32	Artwork by David Revoy, license : `CC-BY <http://creativecommons.org/licenses/by/3.0/>`_	32	Artwork by David Revoy, license : `CC-BY <http://creativecommons.org/licenses/by/3.0/>`_
33		33
34	You can view the recorded speed painting demo for the above image `on Youtube <https://www.youtube.com/watch?v=93lMLEuxSLk>`_.	34	You can view the recorded speed painting demo for the above image `on Youtube <https://www.youtube.com/watch?v=93lMLEuxSLk>`_.
35		35
36	Colorizing Line Art	36	Colorizing Line Art
37	-------------------	37	-------------------
38		38
39	Often an artist for example a comic book colorist will need to take a pencil sketch or other line art of some sort and use Krita to paint underneath it. This can be either an image created digitally or something that was done outside the computer and has been scanned.	39	Often an artist, for example, a comic book colorist will need to take a pencil sketch or other line art of some sort and use Krita to paint underneath it. This can be either an image created digitally or something that was done outside the computer and has been scanned.
40		40
41	Preparing the line art	41	Preparing the line art
42	^^^^^^^^^^^^^^^^^^^^^^	42	^^^^^^^^^^^^^^^^^^^^^^
43		43
44	If your images have a white or other single-tone background, you can use either of the following methods to prepare the art for coloring:	44	If your images have a white or other single-tone background, you can use either of the following methods to prepare the art for coloring:
45		45
46	Place the line art at the top of the layer stack and set its layer blending mode to :guilabel:`Multiply`	46	Place the line art at the top of the layer stack and set its layer blending mode to :guilabel:`Multiply`
47		47
48	If you want to clean the line art a bit you can press :kbd:`Ctrl + L` or go to :menuselection:`Filters --> Adjust --> Levels`	48	If you want to clean the line art a bit you can press :kbd:`Ctrl + L` or go to :menuselection:`Filters --> Adjust --> Levels`
49		49
50	.. image:: /images/en/Levels-filter.png	50	.. image:: /images/en/Levels-filter.png
51	:alt: level filter dialog	51	:alt: level filter dialog
52		52
53	You can clean the unwanted greys by moving the white triangle in the input levels section to left and darken the black by moving the black triangle to right.	53	You can clean the unwanted greys by moving the white triangle in the input levels section to left and darken the black by moving the black triangle to right.
54		54
55	If you draw in blue pencils and then ink your line art you may need to remove the blue lines first to do that go to :menuselection:`Filters --> Adjust --> Color adjustment` curves or press shortcut :kbd:`Ctrl + M`.	55	If you draw in blue pencils and then ink your line art you may need to remove the blue lines first to do that go to :menuselection:`Filters --> Adjust --> Color adjustment` curves or press shortcut :kbd:`Ctrl + M`.
56		56
57	.. image:: /images/en/common-workflows/Color-adjustment-cw.png	57	.. image:: /images/en/common-workflows/Color-adjustment-cw.png
58	:alt: remove blue lines from image step 1	58	:alt: remove blue lines from image step 1
59		59
60	Now select Red from the drop-down, click on the top right node on the graph and slide it all the way down. Or you can click on the top right node and enter 0 in the output field. Repeat this step for Green too.	60	Now select Red from the drop-down, click on the top right node on the graph and slide it all the way down. Or you can click on the top right node and enter 0 in the input field. Repeat this step for Green too.
61		61
62	.. image:: /images/en/common-workflows/Color-adjustment-02.png	62	.. image:: /images/en/common-workflows/Color-adjustment-02.png
63	:alt: removing blue lines from scan step 2	63	:alt: removing blue lines from scan step 2
64		64
65	Now the whole drawing will have a blue overlay, zoom in and check if the blue pencil lines are still visible slightly, If you still see them, then go to Blue Channel in the color adjustment and shift the top right node towards left a bit, Or enter a value around 190 (one that removes the remaining rough lines) in the input box.	65	Now the whole drawing will have a blue overlay, zoom in and check if the blue pencil lines are still visible slightly. If you still see them, then go to Blue Channel in the color adjustment and shift the top right node towards left a bit, Or enter a value around 190 (one that removes the remaining rough lines) in the input box.
66		66
67	.. image:: /images/en/common-workflows/Color-adjustment-03.png	67	.. image:: /images/en/common-workflows/Color-adjustment-03.png
68	:alt: remove blue lines from scans step 3	68	:alt: remove blue lines from scans step 3
69		69
70	Now apply the color adjustment filter, yes we still have lots of blue on the artwork. Be patient and move on to the next step. Go to :menuselection:`Filters --> Adjust --> Desaturate` or press :kbd:`Ctrl + Shift + U`. Now select :guilabel:`Max` from the list.	70	Now apply the color adjustment filter, yes we still have lots of blue on the artwork. Be patient and move on to the next step. Go to :menuselection:`Filters --> Adjust --> Desaturate` or press :kbd:`Ctrl + Shift + U`. Now select :guilabel:`Max` from the list.
71		71
72	.. image:: /images/en/common-workflows/Color-adjustment-04.png	72	.. image:: /images/en/common-workflows/Color-adjustment-04.png
73	:alt: remove blue lines from scans step 4	73	:alt: remove blue lines from scans step 4
Show All 18 Lines
92	2. Fill with Flood fill Tool.	92	2. Fill with Flood fill Tool.
93	3. Use one of the G'MIC colorize comics filters.	93	3. Use one of the G'MIC colorize comics filters.
94		94
95	Blocking with brush	95	Blocking with brush
96	"""""""""""""""""""	96	"""""""""""""""""""
97		97
98	The first is the more traditional method of taking a shape brush or using the geometric tools to lay in color. This would be similar to using an analog marker or brush on paper. There are various block brushes in Krita, you can select Block Tag from the drop-down in the brush presets docker and use the brushes listed there.	98	The first is the more traditional method of taking a shape brush or using the geometric tools to lay in color. This would be similar to using an analog marker or brush on paper. There are various block brushes in Krita, you can select Block Tag from the drop-down in the brush presets docker and use the brushes listed there.
99		99
100	Add a layer underneath your line art layer and start painting with the brush, If you want to correct any area you can press :kbd:`E` and convert the same brush into an eraser. You can also use a layer each for different colors for more flexibility.	100	Add a layer underneath your line art layer and start painting with the brush. If you want to correct any area you can press :kbd:`E` and convert the same brush into an eraser. You can also use a layer each for different colors for more flexibility.
101		101
102	Filling with Flood Fill tool	102	Filling with Flood Fill tool
103	""""""""""""""""""""""""""""	103	""""""""""""""""""""""""""""
104		104
105	The second method is to use the Flood fill tool to fill large parts of your line art quickly. This method generally requires closed gaps in the line art. To begin with this method place your line art on a separate layer. Then activate the flood fill tool and set the grow selection to 2px, uncheck limit to current layer if previously checked.	105	The second method is to use the Flood fill tool to fill large parts of your line art quickly. This method generally requires closed gaps in the line art. To begin with this method place your line art on a separate layer. Then activate the flood fill tool and set the grow selection to 2px, uncheck limit to current layer if previously checked.
106		106
107	.. image:: /images/en/common-workflows/Floodfill-krita.png	107	.. image:: /images/en/common-workflows/Floodfill-krita.png
108	:alt: flood fill in krita	108	:alt: flood fill in krita
109		109
110	Choose a color from color elector and just click on the area you want to fill the color. As we have expanded the fill with grow selection the color will be filled slightly underneath the line art thus giving us a clean fill.	110	Choose a color from color selector and just click on the area you want to fill the color. As we have expanded the fill with grow selection the color will be filled slightly underneath the line art thus giving us a clean fill.
111		111
112	GMIC Colorize [Interactive]	112	GMIC Colorize [Interactive]
113	"""""""""""""""""""""""""""	113	"""""""""""""""""""""""""""
114		114
115	The third method is to use take advantage of the integrated G'Mic filters. These are powerful filters that can dramatically improve your workflow and cut you down on your production time.	115	The third method is to use take advantage of the integrated G'Mic filters. These are powerful filters that can dramatically improve your workflow and cut you down on your production time.
116	To begin coloring with the G'MIC colorize interactive, go to :menuselection:`Filters --> G'MIC`. Choose :menuselection:`Filters --> G'MIC --> Black & white --> Colorize[interactive]` from the list of filters. Then select Line art for :menuselection:`Input type, Image + Colors (2 Layers)` for output type, set the view resolution according to your need. If you have any specific color palette to use for coloring add the path for it in an additional color palette. The example of the filter window with the required inputs is shown below.	116	To begin coloring with the G'MIC colorize interactive, go to :menuselection:`Filters --> G'MIC`. Choose :menuselection:`Filters --> G'MIC --> Black & white --> Colorize[interactive]` from the list of filters. Then select Line art for :menuselection:`Input type, Image + Colors (2 Layers)` for output type, set the view resolution according to your need. If you have any specific color palette to use for coloring add the path for it in an additional color palette. The example of the filter window with the required inputs is shown below.
117		117
118	.. image:: /images/en/common-workflows/GMIC-colorize-interactive-krita.png	118	.. image:: /images/en/common-workflows/GMIC-colorize-interactive-krita.png
Show All 31 Lines
150	More details about this technique can be found in the tutorial `at Timothée Giet's blog <http://timotheegiet.com/blog/comics/gmic-colorize-comics-working-in-krita.html>`_.	150	More details about this technique can be found in the tutorial `at Timothée Giet's blog <http://timotheegiet.com/blog/comics/gmic-colorize-comics-working-in-krita.html>`_.
151		151
152	Painting	152	Painting
153	--------	153	--------
154		154
155	Starting from chaos	155	Starting from chaos
156	^^^^^^^^^^^^^^^^^^^	156	^^^^^^^^^^^^^^^^^^^
157		157
158	Here, you start by making a mess through random shapes and texture, then taking inspirations from the resulting chaos you can form various concepts. It is kind of like making things from clouds or finding recognizable shapes of things in abstract and random textures. Many concept artist work with this technique.	158	Here, you start by making a mess through random shapes and texture, then taking inspirations from the resulting chaos you can form various concepts. It is kind of like making things from clouds or finding recognizable shapes of things in abstract and random textures. Many concept artists work with this technique.
159		159
160	You can use brushes like the shape brush, or the spray brush to paint a lot of different shapes, and from the resulting noise, you let your brain pick out shapes and compositions.	160	You can use brushes like the shape brush, or the spray brush to paint a lot of different shapes, and from the resulting noise, you let your brain pick out shapes and compositions.
161		161
162	.. image:: /images/en/common-workflows/Chaos2.jpg	162	.. image:: /images/en/common-workflows/Chaos2.jpg
163	:alt: Starting a painting from chaotic sketch	163	:alt: Starting a painting from chaotic sketch
164		164
165	You then refine these shapes to look more like shapes you think they look, and paint them over with a normal paintbrush. This method is best done in a painting environment.	165	You then refine these shapes to look more like shapes you think they look, and paint them over with a normal paintbrush. This method is best done in a painting environment.
166		166
Show All 11 Lines
178		178
179	Many artists use Krita to create textures for 3d assets used for games animation etc. Krita has many texture template for you to choose and get started with creating textures. These templates have common sizes, bit depth and color profiles that are used for texturing workflow.	179	Many artists use Krita to create textures for 3d assets used for games animation etc. Krita has many texture template for you to choose and get started with creating textures. These templates have common sizes, bit depth and color profiles that are used for texturing workflow.
180		180
181	Krita also has a real-time seamless tile mode to help texture artist prepare tiles and texture easily and check if it is seamless on the fly. The tiled mode is called wrap-around mode, to activate this mode you have press :kbd:`W`. No when you paint the canvas is tiled in real-time allowing you to create seamless pattern and texture, it is also easy to prepare interlocking patterns and motifs in this mode.	181	Krita also has a real-time seamless tile mode to help texture artist prepare tiles and texture easily and check if it is seamless on the fly. The tiled mode is called wrap-around mode, to activate this mode you have press :kbd:`W`. No when you paint the canvas is tiled in real-time allowing you to create seamless pattern and texture, it is also easy to prepare interlocking patterns and motifs in this mode.
182		182
183	Creating Pixel Art	183	Creating Pixel Art
184	------------------	184	------------------
185		185
186	Krita can also be used to create high definition pixel painting. The pixel art look can be achieved by using Index color filter layer and overlaying dithering patterns. The general layer stack arrangement is as shown below.	186	Krita can also be used to create a high definition pixel painting. The pixel art look can be achieved by using Index color filter layer and overlaying dithering patterns. The general layer stack arrangement is as shown below.
187		187
188	.. image:: /images/en/common-workflows/Layer-docker-pixelart.png	188	.. image:: /images/en/common-workflows/Layer-docker-pixelart.png
189	:alt: Layer stack setup for pixel art	189	:alt: Layer stack setup for pixel art
190		190
191	The index color filter maps specific user-selected colors to the grey scale value of the artwork. You can see the example below, the strip below the black and white gradient has an index color applied to it so that the black and white gradient gets the color selected to different values.	191	The index color filter maps specific user-selected colors to the grey scale value of the artwork. You can see the example below, the strip below the black and white gradient has an index color applied to it so that the black and white gradient gets the color selected to different values.
192		192
193	.. image:: /images/en/common-workflows/Gradient-pixelart.png	193	.. image:: /images/en/common-workflows/Gradient-pixelart.png
194	:alt: color mapping in index color to greyscale	194	:alt: color mapping in index color to greyscale
Show All 16 Lines