Translation by Artem Sereda with my minor changes
[kde-ru.git] / docs / koffice / krita / tutorial-select-layer.docbook
blobc6d31fd3577cc02556f7db82f88333f370549c5b
1 <sect1 id="tutorial-select-layer">
2 <title
3 >Малое руководство по слоям и выделению</title>
5 <!-- Does someone know a better way to do this? -->
6 <screenshot>
7 <screeninfo
8 >Учебный рисунок</screeninfo>
9 <mediaobject>
10 <imageobject>
11 <imagedata fileref="tutorial-select-layer-sample.png" format="PNG"/>
12 </imageobject>
13 <textobject>
14 <phrase
15 >Учебный рисунок</phrase>
16 </textobject>
17 <caption
18 ><para
19 >Учебный рисунок</para
20 ></caption>
21 </mediaobject>
22 </screenshot>
24 <para
25 >Вот над этим рисунком мы с вами сейчас поработаем. Сохраните его на диск (щёлкнув правой кнопкой мыши и выбрав <guilabel
26 >Сохранить изображение как...</guilabel
27 >), затем откройте его в &krita; &mdash; ваш экран будет выглядеть примерно так (в масштабе): </para>
29 <screenshot>
30 <screeninfo
31 >Учебный рисунок в &krita;</screeninfo>
32 <mediaobject>
33 <imageobject>
34 <imagedata fileref="tutorial-select-layer-1.png" format="PNG"/>
35 </imageobject>
36 <textobject>
37 <phrase
38 >Учебный рисунок</phrase>
39 </textobject>
40 <caption
41 ><para
42 >Учебный рисунок</para
43 ></caption>
44 </mediaobject>
45 </screenshot>
47 <para
48 >Теперь попробуйте обрисовать контур головы инструментом контурного выделения: </para>
50 <screenshot>
51 <screeninfo
52 >Контурное выделение</screeninfo>
53 <mediaobject>
54 <imageobject>
55 <imagedata fileref="tutorial-select-layer-2.png" format="PNG"/>
56 </imageobject>
57 <textobject>
58 <phrase
59 >Контурное выделение</phrase>
60 </textobject>
61 <caption
62 ><para
63 >Контурное выделение</para
64 ></caption>
65 </mediaobject>
66 </screenshot>
68 <para
69 >Когда вы закончите контур, рисунок будет примерно таким: </para>
71 <screenshot>
72 <screeninfo
73 >Рисунок с контурным выделенным головы</screeninfo>
74 <mediaobject>
75 <imageobject>
76 <imagedata fileref="tutorial-select-layer-3.png" format="PNG"/>
77 </imageobject>
78 <textobject>
79 <phrase
80 >Рисунок с контурным выделенным головы</phrase>
81 </textobject>
82 <caption
83 ><para
84 >Рисунок с контурным выделенным головы</para
85 ></caption>
86 </mediaobject>
87 </screenshot>
89 <para
90 >Если вы случайно захватили лишнего - нетрудно исправить это, переключившись в режим вычитания: </para>
92 <screenshot>
93 <screeninfo
94 >Режим вычитания</screeninfo>
95 <mediaobject>
96 <imageobject>
97 <imagedata fileref="tutorial-select-layer-4.png" format="PNG"/>
98 </imageobject>
99 <textobject>
100 <phrase
101 >Режим вычитания</phrase>
102 </textobject>
103 <caption
104 ><para
105 >Режим вычитания</para
106 ></caption>
107 </mediaobject>
108 </screenshot>
110 <para
111 >Теперь слегка смягчим края выделения. Этого можно добиться, применив к нему сглаживание (размытие) краёв. </para>
113 <screenshot>
114 <screeninfo
115 >Сглаживание краёв выделения</screeninfo>
116 <mediaobject>
117 <imageobject>
118 <imagedata fileref="tutorial-select-layer-5.png" format="PNG"/>
119 </imageobject>
120 <textobject>
121 <phrase
122 >Сглаживание краёв выделения</phrase>
123 </textobject>
124 <caption
125 ><para
126 >Сглаживание краёв выделения</para
127 ></caption>
128 </mediaobject>
129 </screenshot>
131 <para
132 >Теперь вырежьте выделение (<menuchoice
133 ><guimenu
134 >Правка</guimenu
135 ><guimenuitem
136 >Вырезать</guimenuitem
137 ></menuchoice
138 >). Удалите текущий слой командой <menuchoice
139 ><guimenu
140 >Слой</guimenu
141 ><guimenuitem
142 >Удалить слой</guimenuitem
143 ></menuchoice
144 >. Вставьте выборку с помощью пункта меню <menuchoice
145 ><guimenu
146 >Правка</guimenu
147 ><guimenuitem
148 >Вставить</guimenuitem
149 ></menuchoice
150 >. Теперь нам будет проще работать с изображением, изменив его размер. Сделайте это с помощью диалога <menuchoice
151 ><guimenu
152 >Рисунок</guimenu
153 ><guimenuitem
154 >Размер рисунка...</guimenuitem
155 ></menuchoice
156 >. </para>
158 <screenshot>
159 <screeninfo
160 >Диалог размера рисунка</screeninfo>
161 <mediaobject>
162 <imageobject>
163 <imagedata fileref="tutorial-select-layer-6.png" format="PNG"/>
164 </imageobject>
165 <textobject>
166 <phrase
167 >Диалог размера рисунка</phrase>
168 </textobject>
169 <caption
170 ><para
171 >Диалог размера рисунка</para
172 ></caption>
173 </mediaobject>
174 </screenshot>
176 <para
177 >Добавьте новый слой и поместите его под существующий. Сделать это можно, выделив новый слой в диалоге слоёв и нажав маленькую стрелку "вниз" внизу. Теперь займёмся выделением области вокруг головы с помощью смежного выделения (на значке инструмента - выделение, окружённое заливкой). </para>
179 <screenshot>
180 <screeninfo
181 >Инструмент смежного выделения</screeninfo>
182 <mediaobject>
183 <imageobject>
184 <imagedata fileref="tutorial-select-layer-7.png" format="PNG"/>
185 </imageobject>
186 <textobject>
187 <phrase
188 >Инструмент смежного выделения</phrase>
189 </textobject>
190 <caption
191 ><para
192 >Инструмент смежного выделения</para
193 ></caption>
194 </mediaobject>
195 </screenshot>
197 <para
198 >Убедитесь, что в свойствах инструмента установлен параметр "Объединять области по образцу (не разбивать на слои при выделении)". </para>
200 <screenshot>
201 <screeninfo
202 >Объединять области по образцу (не разбивать на слои при выделении)</screeninfo>
203 <mediaobject>
204 <imageobject>
205 <imagedata fileref="tutorial-select-layer-8.png" format="PNG"/>
206 </imageobject>
207 <textobject>
208 <phrase
209 >Объединять области по образцу (не разбивать на слои при выделении)</phrase>
210 </textobject>
211 <caption
212 ><para
213 >Объединять области по образцу (не разбивать на слои при выделении)</para
214 ></caption>
215 </mediaobject>
216 </screenshot>
218 <para
219 >Снова сгладьте края выборки и инвертируйте её. Выберите инструмент смежной заливки (это не инструмент смежного выделения) и примените его к текущему слою. </para>
221 <screenshot>
222 <screeninfo
223 >Инструмент смежной заливки</screeninfo>
224 <mediaobject>
225 <imageobject>
226 <imagedata fileref="tutorial-select-layer-9.png" format="PNG"/>
227 </imageobject>
228 <textobject>
229 <phrase
230 >Инструмент смежной заливки</phrase>
231 </textobject>
232 <caption
233 ><para
234 >Инструмент смежной заливки</para
235 ></caption>
236 </mediaobject>
237 </screenshot>
239 <para
240 >Снимите выделение с помощью <menuchoice
241 ><guimenu
242 >Выделить</guimenu
243 ><guimenuitem
244 >Снять выделение</guimenuitem
245 ></menuchoice
246 >. Могут остаться следы размытия у краёв выборки. Их нетрудно выделить прямоугольным выделением, а затем вырезать. </para>
248 <screenshot>
249 <screeninfo
250 >Инструмент прямоугольного выделения</screeninfo>
251 <mediaobject>
252 <imageobject>
253 <imagedata fileref="tutorial-select-layer-10.png" format="PNG"/>
254 </imageobject>
255 <textobject>
256 <phrase
257 >Инструмент прямоугольного выделения</phrase>
258 </textobject>
259 <caption
260 ><para
261 >Инструмент прямоугольного выделения</para
262 ></caption>
263 </mediaobject>
264 </screenshot>
266 <para
267 >Сдвиньте теневой слой немного вниз и вправо, так приятнее смотрится. </para>
269 <screenshot>
270 <screeninfo
271 >Сдвиг теневого слоя</screeninfo>
272 <mediaobject>
273 <imageobject>
274 <imagedata fileref="tutorial-select-layer-11.png" format="PNG"/>
275 </imageobject>
276 <textobject>
277 <phrase
278 >Сдвиг теневого слоя</phrase>
279 </textobject>
280 <caption
281 ><para
282 >Сдвиг теневого слоя</para
283 ></caption>
284 </mediaobject>
285 </screenshot>
287 <para
288 >Для подгонки изображения к контурам головы воспользуйтесь рихтовочным инструментом. </para>
290 <screenshot>
291 <screeninfo
292 >Инструмент рихтовки</screeninfo>
293 <mediaobject>
294 <imageobject>
295 <imagedata fileref="tutorial-select-layer-12.png" format="PNG"/>
296 </imageobject>
297 <textobject>
298 <phrase
299 >Инструмент рихтовки</phrase>
300 </textobject>
301 <caption
302 ><para
303 >Инструмент рихтовки</para
304 ></caption>
305 </mediaobject>
306 </screenshot>
308 <para
309 >Сохраните рисунок, и это всё :-) </para>
311 <screenshot>
312 <screeninfo
313 >Итоговое изображение</screeninfo>
314 <mediaobject>
315 <imageobject>
316 <imagedata fileref="tutorial-select-layer-13.png" format="PNG"/>
317 </imageobject>
318 <textobject>
319 <phrase
320 >Итоговое изображение</phrase>
321 </textobject>
322 <caption
323 ><para
324 >Итоговое изображение</para
325 ></caption>
326 </mediaobject>
327 </screenshot>
329 <para
330 >Выражаем признательность за предоставленное руководство Барту Коппенсу (Bart Coppens). Оригинал расположен по адресу: <ulink url="http://www.bartcoppens.be/krita/hackergotchi.html"
331 >http://www.bartcoppens.be/krita/hackergotchi.html</ulink
332 >. </para>
334 </sect1>