Создание Фигур

From Synfig Studio :: Documentation
Jump to: navigation, search
m
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<!--Categories-->
 
<!--Categories-->
 +
{{Title|Создание Фигур}}
 
{{Category|Учебники}}
 
{{Category|Учебники}}
  
 
= Рисование произвольных фигур =
 
= Рисование произвольных фигур =
  
Основные примитивы, такие как окружности и прямоугольники это, конечно, замечательно, но в жизни всегда хочется чего-то большего. Для рисования произвольных фигур и линий мы используем {{l|Bline Tool.ru|инструмент BLine}}.
+
Основные примитивы, такие как окружности и прямоугольники это, конечно, замечательно, но в жизни всегда хочется чего-то большего. Для рисования произвольных фигур и линий мы используем {{l|BLine Tool|инструмент BLine}}.
  
В программе Synfig с помощью инструмента, носящего имя "BLine" задаются кривые, которые затем превращаются в {{l|Region Layer.ru|области}} или {{l|Outline Layer.ru|контуры}}. Аналогом инструмента BLine в других графических программах является инструмент "Path".
+
В программе Synfig с помощью инструмента, носящего имя "BLine" задаются кривые, которые затем превращаются в {{l|Region Layer|области}} или {{l|Outline Layer|контуры}}. Аналогом инструмента BLine в других графических программах является инструмент "Path".
  
Как только вы выберите {{l|Bline Tool.ru|инструмент BLine}}, все {{l|Ducks.ru|уТочки}} на текущем выделенном слое (если таковой имеется) исчезнут, но слой останется выделенным. Это нормально. Всё, что вы создадите с помощью {{l|Bline Tool.ru|инструмента BLine}} будет помещено поверх текущего слоя. Просто запомните, что если вы хотите вставить фигуру куда-то в стопке слоёв, вы должны выделить тот слой, поверх которого расположится ваше творение, и только потом включить {{l|Bline Tool.ru|инструмент BLine}} &mdash; выделение другого слоя <u>после</u> этого автоматически снова включит {{l|Normal Tool.ru|стандартный инструмент преобразования}}.
+
Как только вы выберите {{l|BLine Tool|инструмент BLine}}, все {{l|Duck|уТочки}} на текущем выделенном слое (если таковой имеется) исчезнут, но слой останется выделенным. Это нормально. Всё, что вы создадите с помощью {{l|BLine Tool|инструмента BLine}} будет помещено поверх текущего слоя. Просто запомните, что если вы хотите вставить фигуру куда-то в стопке слоёв, вы должны выделить тот слой, поверх которого расположится ваше творение, и только потом включить {{l|BLine Tool|инструмент BLine}} &mdash; выделение другого слоя <u>после</u> этого автоматически снова включит {{l|Normal Tool|стандартный инструмент преобразования}}.
  
Если вы глянете на {{l|Bline Tool.ru#Options|панель параметров инструмента}}, вы увидите там несколько галочек. Убедитесь, что установлены галочки "Fill" ("Заливка") и "Outline" ("Контур"),  галочка "Gradient" ("Градиент") снята, а параметр "Feather" ("Растушевка") установлен в ноль. Остальное на данный момент не важно.
+
Если вы глянете на {{l|BLine Tool#Options|панель параметров инструмента}}, вы увидите там несколько галочек. Убедитесь, что установлены галочки "Fill" ("Заливка") и "Outline" ("Контур"),  галочка "Gradient" ("Градиент") снята, а параметр "Feather" ("Растушевка") установлен в ноль. Остальное на данный момент не важно.
  
 
{| border="0" cellspacing="5" align="center" width="100%"
 
{| border="0" cellspacing="5" align="center" width="100%"
Line 19: Line 20:
 
|}
 
|}
  
Затем увеличьте {{l|New Layer Defaults.ru#Default Line Width|толщину линии}} (справа от ячеек с основным и фоновым цветами) — 10pt должно хватить.
+
Затем увеличьте {{l|New Layer Defaults#Default Line Width|толщину линии}} (справа от ячеек с основным и фоновым цветами) — 10pt должно хватить.
  
Щелчком левой кнопкой мыши на {{l|Canvas Window.ru|рабочей области}} ставятся вершины будущей фигуры. Можно  также (и часто нужно!) во время щелчка не отпуская кнопку перемещать мышь — это позволит изменять касательные вершин. Тогда будут получаться не острые углы, а плавные изгибы. Расставляя точку за точкой, вы задаёте кривую Bline, которая и определяет форму вашей фигуры.
+
Щелчком левой кнопкой мыши на {{l|Canvas Window|рабочей области}} ставятся вершины будущей фигуры. Можно  также (и часто нужно!) во время щелчка не отпуская кнопку перемещать мышь — это позволит изменять касательные вершин. Тогда будут получаться не острые углы, а плавные изгибы. Расставляя точку за точкой, вы задаёте кривую Bline, которая и определяет форму вашей фигуры.
  
 
Обратите внимание, что в процессе построения кривой ничто не мешает вам изменять положение или наклон касательных уже поставленных ранее точек. Честное пионерское! Если  хотите удалить точку, просто щёлкните правой кнопкой на ней и выберите "Delete Vertex" ("Удалить вершину"). Хотите разделить касательную? Нет проблем, щёлкните правой кнопкой мыши на любой из двух уТочек касательной и выберите "Split Tangents" ("Разделить касательную"). Это сделает оба конца касательной независимыми друг от друга. Хотите замкнуть кривую? Щёлкните правой кнопкой мыши на первой вершине и выберите пункт "Loop BLine" ("Замкнуть кривую").
 
Обратите внимание, что в процессе построения кривой ничто не мешает вам изменять положение или наклон касательных уже поставленных ранее точек. Честное пионерское! Если  хотите удалить точку, просто щёлкните правой кнопкой на ней и выберите "Delete Vertex" ("Удалить вершину"). Хотите разделить касательную? Нет проблем, щёлкните правой кнопкой мыши на любой из двух уТочек касательной и выберите "Split Tangents" ("Разделить касательную"). Это сделает оба конца касательной независимыми друг от друга. Хотите замкнуть кривую? Щёлкните правой кнопкой мыши на первой вершине и выберите пункт "Loop BLine" ("Замкнуть кривую").
Line 27: Line 28:
 
Итак, я могу полагать, что вы разместили свою первую кривую так как захотели. Это прекрасно. Но мы всё ещё находимся в режиме создания кривой - никакие слои ещё не созданы. Завершить создание кривой можно двумя способами:
 
Итак, я могу полагать, что вы разместили свою первую кривую так как захотели. Это прекрасно. Но мы всё ещё находимся в режиме создания кривой - никакие слои ещё не созданы. Завершить создание кривой можно двумя способами:
 
# просто выбрать другой инструмент
 
# просто выбрать другой инструмент
# или нажать кнопку "create" ("создать") в нижней части {{l|Bline Tool.ru|панели параметров инструмента}}.
+
# или нажать кнопку "create" ("создать") в нижней части {{l|BLine Tool|панели параметров инструмента}}.
  
Поэтому сейчас не стесняйтесь и выбирайте {{l|Normal Tool.ru|инструмент преобразования}}, так как работать с {{l|Bline Tool.ru|инструментом Bline}} мы пока закончили.
+
Поэтому сейчас не стесняйтесь и выбирайте {{l|Normal Tool|инструмент преобразования}}, так как работать с {{l|BLine Tool|инструментом Bline}} мы пока закончили.
  
Ок, теперь у нас есть симпатичная белая область с толстым чёрным контуром. Обратите внимание, что они представлены двумя слоями – {{l|Outline.ru|слоем контура}} и {{l|Region.ru|слоем области}}. Несмотря на то, что это два отдельных слоя, их вершины {{l|Linking.ru|связаны}} – так что, если вы будете редактировать один из них, другой будет изменяться соответственно.
+
Ок, теперь у нас есть симпатичная белая область с толстым чёрным контуром. Обратите внимание, что они представлены двумя слоями – {{l|Outline|слоем контура}} и {{l|Region|слоем области}}. Несмотря на то, что это два отдельных слоя, их вершины {{l|Linking|связаны}} – так что, если вы будете редактировать один из них, другой будет изменяться соответственно.
  
 
Вы хотите управлять вершинами после создания слоя? Нет ничего проще! Просто щёлкните по слою левой кнопкой мыши. Если вы хотите удалить вершину, щёлкните по ней правой кнопкой мыши и выберите "Remove Item (smart)". Хотите добавить ещё одну вершину? Щёлкните правой кнопкой по сегменту, в который вы хотите её добавить, и нажмите "Insert item (smart)".
 
Вы хотите управлять вершинами после создания слоя? Нет ничего проще! Просто щёлкните по слою левой кнопкой мыши. Если вы хотите удалить вершину, щёлкните по ней правой кнопкой мыши и выберите "Remove Item (smart)". Хотите добавить ещё одну вершину? Щёлкните правой кнопкой по сегменту, в который вы хотите её добавить, и нажмите "Insert item (smart)".
Line 37: Line 38:
 
: '''Замечание''': Единственное заметное отличие между режимом редактирования формы и режимом его создания это то, как разделяются касательные – в режиме создания вы должны щёлкнуть правой кнопкой мыши по самой касательной. При редактировании с помощью инструмента преобразования вам нужно щёлкнуть правой кнопкой по вершине, к которой присоединены касательные. Это можно считать эргономической ошибкой, и мы её когда-нибудь как-нибудь устраним.
 
: '''Замечание''': Единственное заметное отличие между режимом редактирования формы и режимом его создания это то, как разделяются касательные – в режиме создания вы должны щёлкнуть правой кнопкой мыши по самой касательной. При редактировании с помощью инструмента преобразования вам нужно щёлкнуть правой кнопкой по вершине, к которой присоединены касательные. Это можно считать эргономической ошибкой, и мы её когда-нибудь как-нибудь устраним.
  
Может показаться, что таким образом легко насоздавать кучу неупорядоченных слоёв и потеряться в них. Если вы неправильно используете программу, именно это и произойдёт. Однако на самом деле есть способ избежать этого. Чтобы узнать об этом способе, прочитайте {{l|Adding_Layers.ru|предыдущую главу}}.
+
Может показаться, что таким образом легко насоздавать кучу неупорядоченных слоёв и потеряться в них. Если вы неправильно используете программу, именно это и произойдёт. Однако на самом деле есть способ избежать этого. Чтобы узнать об этом способе, прочитайте {{l|Doc:Adding_Layers|предыдущую главу}}.
  
Да, надо ещё упомянуть вот какую вещь. Вы можете изменять толщину контура у каждой вершины. Чтобы сделать это, выберите слой с контуром (обратите внимание, именно с {{l|Outline_Layer.ru|контуром}}, {{l|Region_Layer.ru|область}} к ширине контура не имеет никакого отношения) и отрегулируйте его толщину с помощью {{l|Duck.ru|уТочек}} ширины контура. По умолчанию они скрыты. Чтобы сделать их видимыми, нажмите Alt-5. Повторное нажатие Alt-5 спрячет их снова. Какие {{l|Duck.ru|уТочки}} отображаются, а какие нет, можно настроить ещё одним способом: нажав кнопку вызова меню и выбрав пункт "{{l|View_Menu.ru|View Menu}} -> {{l|Mask_Ducks.ru | Mask Ducks}}".
+
Да, надо ещё упомянуть вот какую вещь. Вы можете изменять толщину контура у каждой вершины. Чтобы сделать это, выберите слой с контуром (обратите внимание, именно с {{l|Outline_Layer|контуром}}, {{l|Region_Layer|область}} к ширине контура не имеет никакого отношения) и отрегулируйте его толщину с помощью {{l|Duck|уТочек}} ширины контура. По умолчанию они скрыты. Чтобы сделать их видимыми, нажмите Alt-5. Повторное нажатие Alt-5 спрячет их снова. Какие {{l|Duck|уТочки}} отображаются, а какие нет, можно настроить ещё одним способом: нажав кнопку вызова меню и выбрав пункт "{{l|View_Menu|View Menu}} -> {{l|Mask_Ducks | Mask Ducks}}".
  
 
Описанных возможностей должно быть достаточно, чтобы вы могли теперь нарисовать какую-нибудь форму сами.
 
Описанных возможностей должно быть достаточно, чтобы вы могли теперь нарисовать какую-нибудь форму сами.
  
== Using tablet to draw shapes ==
+
== Используем планшет для рисования  ==
  
If you have a [http://en.wikipedia.org/wiki/Graphics_tablet graphic tablet] you can use Draw Tool to create BLines.
+
Если у вас есть [http://ru.wikipedia.org/wiki/%D0%93%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9_%D0%BF%D0%BB%D0%B0%D0%BD%D1%88%D0%B5%D1%82 графический планшет] вы можете пользоваться инструментом "Векторный карандаш" для создания кривых BLines.
  
Synfig Studio supports pressure sensitivity, but you need to configure it first. Go to {{c|File|Input Devices...}} from toolbox menu. In the Input dialog find your tablet's stylus device and set its mode to {{Literal|Screen}}. Click {{Literal|Save}} and then {{Literal|Close}}.
+
Synfig Studio поддерживает чувствительность к давлению на перо, но вы должно сначала настроить эту функцию, нажав {{c|Файл|Устройства ввода...}} на меню панели инструментов. В открывшемся диалоговом окне найдите ваш планшет и установите его в режим (Mode) {{Literal|Screen}}. Теперь нажмите {{Literal|Save}}, а затем {{Literal|Close}}.
  
Now grab your stylus, create a new file and click on the Draw Tool button in the toolbox. Set the default line width value to be big enough &mdash; say, 15pt &mdash; otherwise you will not notice any pressure sensitivity effect. Choose brown as the default fill color.
+
Теперь вооружившись планшетом мы можем открыть новый файл и выбрать инструмент "Векторный карандаш" на панели инструментов. Установите стандартную толщину кривой на довольно высокое значение &mdash; скажем на 15pt &mdash; иначе вы не заметите эффекта от силы давления на перо. Также установите цвет заливки на коричневый.
  
{{Note|Note|Steps above should be done with the stylus of your tablet, not the mouse. Synfig Studio remembers settings for each input device independently. That's why if you set those options with your mouse device they will not have any effect when you switch to stylus.}}
+
 
In the Tool Options Panel, make sure that you have the same options as shown on the screenshot below.
+
{{Note|Note|Все выше перечисленные действия по настройке должны быть сделаны для вашего планшета, а не мыши. Synfig Studio запоминает настройки для каждого устройства ввода отдельно, поэтому если вы настроите таким образом мышь то они не буду работать когда вы переключитесь на планшет.}}
 +
 
 +
Убедитесь что на панели "Параметры инструмента" все параметры выставлены так же как на картинке ниже.
  
 
[[Image:DrawToolOptions.png|center|frame]]
 
[[Image:DrawToolOptions.png|center|frame]]
  
Now let's draw some thing like a curvy mountain background. Start drawing a line from the left border to the middle of the canvas. Try to vary your stylus pressure while you are drawing. Stop near the center of the canvas. This is your first line. Notice the new outline layer created in the Layers Panel.
+
Теперь давайте нарисуем что то похожее на извилистый горный хребет. Начните рисовать линию от левого края холста в сторону середины, попробуйте изменять давление на перо пока проводите линию, остановитесь в центре холста. Вы увидите что новый слой с контуром появился на панели слоёв.  
  
 
[[Image:Creating-shapes-4-draw.png|center|frame]]
 
[[Image:Creating-shapes-4-draw.png|center|frame]]
  
Point your stylus at the last duck of your new BLine and continue drawing to the right border of the canvas. When you finish, look at the Layers Panel again. There's still only one outline layer. Synfig Studio is smart enough to figure out that you don't need a new outline layer and properly extends the last one. You can extend the BLine from both ends, but if you start drawing from any other place of the canvas a new outline layer will be created. Though your first line will remain selected and nothing stops you from extending it later.
+
Продолжите рисунок начав с последней контрольной точки уже нарисованной кривой и проведите линию до правого края холста, у нас до сих пор остаётся только один слой с контуром, Synfig Studio заботится о том чтобы не создавать лишние слои без надобности, поэтому вся наша линия остаётся в рамках одного слоя. Вы можете продолжить линию с обоих сторон, но если вы начнёте рисовать где то в другом месте холста новый слой будет создан, хотя первая линия останется выделенной и ничто не мешает вам продолжить её позже.
  
Back to our artwork. In the Tool Panel hit the button with the bucket icon to fill the outline we just created. A region layer will appear at the top of the layer we are working with. Select the outline layer and press the {{Literal|Raise Layer}} button in the layers panel to put the outline layer on top of the region.
+
Но вернёмся к нашему рисунку, на панели "Параметры инструмента" нажмите на кнопку с "ведёрком" чтобы залить созданную область цветом, на панели слоёв появится "слой области" над слоем с которым мы работаем, выберите слой контура и нажмите на кнопку "поднять слой" ({{Literal|Raise Layer}}) на панели слоёв чтобы поднять контур над областью заливки.
  
 
[[Image:Creating-shapes-5-draw.png|center|frame]]
 
[[Image:Creating-shapes-5-draw.png|center|frame]]
  
Extend a line from both sides down to the corners of the canvas to make the fill appear at the bottom. Great.
+
Продолжите линию с обоих сторон вниз до краёв холста чтобы заливка покрыла всю нижнюю часть, получилось? Замечательно.
  
 
[[Image:Creating-shapes-6-draw.png|center|frame]]
 
[[Image:Creating-shapes-6-draw.png|center|frame]]
  
Go ahead and add a few more lines on top of the filled area to give it a mountain-like look. If brown ducks are in your way, you can hide them by clicking the {{Literal|Toggle vertex ducks}} button at the top of the canvas window (the second one from the left).
+
Продолжаем творческий процесс, добавьте несколько линий на залитую цветом область чтобы она стала похожа на горный рельеф, если вам мешают коричневые контрольные точки вы можете отключить их нажав на
 +
кнопку {{Literal|Переключить уТочки вершин}} на верхней части холста (вторую слева).
  
 
[[Image:Creating-shapes-7-draw.png|center|frame]]
 
[[Image:Creating-shapes-7-draw.png|center|frame]]
  
{{
+
Векторный карандаш прекрасно подходит для рисования сложных фигур, но в результате вы имеете дело с слишком большим количеством контрольных точек которые сложно отрегулировать инструментом трансформации так как было описано выше и у этой проблемы есть два варианта решения.
Note|Warning!|Don't use {{Shortcut|Alt|2}} shortcut to turn off visibility of vertex ducks while you using Draw Tool. There's a bug that will cause Synfig Studio to hang.{{DevNotesBegin}}
+
This bug is fixed in the upcoming release (0.63.00).
+
{{DevNotesEnd}}
+
}}
+
 
+
 
+
Draw tool is great for drawing complex shapes, but you end up with a bunch of ducks, which are hard to manipulate with the Transform Tool in the way we described above. There are two solutions here.
+
 
+
First, you can increase the {{Literal|Smooth}} value in the Tool Options Dialog while using Draw Tool. That will reduce the count of vertices produced at drawing time, but will make your shape less detailed.  
+
  
Second, you can use Smooth Move Tool to deform an existing shape. Go for it and click the Smooth Move Tool button in the toolbox. The trick about this tool is that it affects ''selected ducks only''. Press and hold your left mouse button in an empty place of the canvas. Drag to create a selection box. Release the mouse button when you are done. Or just hit {{Shortcut|Ctrl|a}} to select all ducks. Now you can deform the selected segments of BLines. You can change the size of the influence area by tweaking {{Literal|Radius}} in the Tool Options Panel.
+
Во первых вы можете увеличить значение параметра {{Literal|Сглаживание кривой}} на панели параметров инструмента векторного карандаша. Это уменьшит количество контрольных точек, но сделает фигуру менее детализированной
  
What about outline width? There is a Width Tool for that purpose. It is designed for increasing or decreasing the width of a line much like you would with a pencil on paper. Click the Width Tool button in the toolbox, move your stylus over the line you want to change, press and move the cursor back and forth along the line, like you are scratching something. The width of the outline will be increased at the places where you moved the cursor. If you want to decrease the width, just hold "Ctrl" while scratching. Easy!
+
Во вторых вы может использовать инструмент "Деформация" чтобы изменить уже существующую фигуру. Попробуйте, найдите инструмент деформации на панели инструментов и выберите его. Фишка этого инструмента в том что он влияет только на ''выделенные контрольные точки''. Нажмите и удерживайте левую кнопку мыши на пустом месте холста и двигайте мышь чтобы создать "область выделения" в которую попадут некоторые точки на кривой. Отпустит кнопку чтобы закончить выделение, или просто нажмите {{Shortcut|Ctrl|a}} чтобы выделить все точки сразу. Теперь вы можете деформировать выделенную область кривой. Вы можете изменить силу влияния деформации изменив значение {{Literal|Радиус}} на панели параметров инструмента.
  
If you don't want Width Ducks to be displayed, during usage of the Width Tool, just turn them off by pressing the {{Literal|Toggle width ducks}} button at the top of the canvas window.
+
А что на счёт ширины контура? За это отвечает инструмент "Коррекция толщины" он создан так чтобы увеличивать или уменьшать толщину линий как обычным карандашом на бумаге. Выберите этот инструмент на панели инструментов, наведите стилус на линию которую хотите изменить, надавите и двигайте курсор назад и вперёд вдоль линии, как бы прорисовывая её. Толщина линии будет увеличиваться в месте где вы двигаете курсор, если вы хотите уменьшить толщину линии просто удерживайте "ctrl" и делайте тоже самое, как видите это очень просто!
  
{{
+
Если вы не хотите чтобы контрольные точки толщины отображались во время использования инструмента "Коррекция толщины" просто отключите их нажав на кнопку {{Literal|Переключить уТочки толщины}} на верхней части холста.
Note|Warning!|Don't use {{Shortcut|Alt|5}} shortcut to turn off visibility of width ducks while you using Width Tool. There's a bug that will cause Synfig Studio to hang.
+
{{DevNotesBegin}}
+
This bug is fixed in the upcoming release (0.63.00).
+
{{DevNotesEnd}}
+
}}
+
  
== Other ways to create BLines ==
+
== Другие способы создать кривые BLines ==
  
Is that all? Not yet. You can use Circle, Rectangle, Star and Polygon tools to create BLines too. Just check the {{Literal|Create Outline BLine}} and {{Literal|Create Region BLine}} options in the Tool Options Panel when using those tools.  
+
Создавать кривые можно не только описанными выше способами, вы можете также использовать инструменты Окружность, Прямоугольник, Звезда и Многоугольник для создания кривых. Для этого на панели параметров инструмента поставьте флажок напротив {{Literal|Создать кривую контура}} и {{Literal|Создать кривую области}} когда используете один из этих инструментов.
  
Creating geometric primitive as BLine gives you a better control over it's shape and look. For example, if you want a deformed star, then you can use the Star Tool to create it as outline and region BLines and then use the Transform Tool to deform it.
+
Создание геометрических примитивов как кривых BLine даёт вам возможность лучше контролировать их форму в последствии. Например если вы хотите создать деформированную звезду то вы можете использовать инструмент "Звезда" для создания кривой и области, а затем с помощью инструмента трансформации изменить её форму.
  
Now you are ready for the {{L|Doc:Flower Animation|last tutorial}} in this section. Hang on!
+
Теперь вы можете перейти к {{L|Doc:Flower Animation|последней статье}} этого раздела. Да прибудет с вами сила!

Latest revision as of 20:10, 6 June 2012

Languages Language: 

English • español • français • italiano • português • română • русский • 中文(中国大陆)‎

Warning!

This page contains outdated information.

The release of Synfig Studio 0.64.0 introduced new terminology and this translated page needs to be updated according to original English text.

You can help updating this page - see instructions here. Thank you!

warning end


Рисование произвольных фигур

Основные примитивы, такие как окружности и прямоугольники это, конечно, замечательно, но в жизни всегда хочется чего-то большего. Для рисования произвольных фигур и линий мы используем инструмент BLine.

В программе Synfig с помощью инструмента, носящего имя "BLine" задаются кривые, которые затем превращаются в области или контуры. Аналогом инструмента BLine в других графических программах является инструмент "Path".

Как только вы выберите инструмент BLine, все уТочки на текущем выделенном слое (если таковой имеется) исчезнут, но слой останется выделенным. Это нормально. Всё, что вы создадите с помощью инструмента BLine будет помещено поверх текущего слоя. Просто запомните, что если вы хотите вставить фигуру куда-то в стопке слоёв, вы должны выделить тот слой, поверх которого расположится ваше творение, и только потом включить инструмент BLine — выделение другого слоя после этого автоматически снова включит стандартный инструмент преобразования.

Если вы глянете на панель параметров инструмента, вы увидите там несколько галочек. Убедитесь, что установлены галочки "Fill" ("Заливка") и "Outline" ("Контур"), галочка "Gradient" ("Градиент") снята, а параметр "Feather" ("Растушевка") установлен в ноль. Остальное на данный момент не важно.

Reset Colors button in the Toolbox

Теперь щёлкните на кнопке "Сбросить цвета до чёрного и белого" слева внизу от ячеек с основным/фоновым цветами на панели инструментов. Это установит основной и фоновый цвета по-умолчанию — чёрный и белый.

Затем увеличьте толщину линии (справа от ячеек с основным и фоновым цветами) — 10pt должно хватить.

Щелчком левой кнопкой мыши на рабочей области ставятся вершины будущей фигуры. Можно также (и часто нужно!) во время щелчка не отпуская кнопку перемещать мышь — это позволит изменять касательные вершин. Тогда будут получаться не острые углы, а плавные изгибы. Расставляя точку за точкой, вы задаёте кривую Bline, которая и определяет форму вашей фигуры.

Обратите внимание, что в процессе построения кривой ничто не мешает вам изменять положение или наклон касательных уже поставленных ранее точек. Честное пионерское! Если хотите удалить точку, просто щёлкните правой кнопкой на ней и выберите "Delete Vertex" ("Удалить вершину"). Хотите разделить касательную? Нет проблем, щёлкните правой кнопкой мыши на любой из двух уТочек касательной и выберите "Split Tangents" ("Разделить касательную"). Это сделает оба конца касательной независимыми друг от друга. Хотите замкнуть кривую? Щёлкните правой кнопкой мыши на первой вершине и выберите пункт "Loop BLine" ("Замкнуть кривую").

Итак, я могу полагать, что вы разместили свою первую кривую так как захотели. Это прекрасно. Но мы всё ещё находимся в режиме создания кривой - никакие слои ещё не созданы. Завершить создание кривой можно двумя способами:

  1. просто выбрать другой инструмент
  2. или нажать кнопку "create" ("создать") в нижней части панели параметров инструмента.

Поэтому сейчас не стесняйтесь и выбирайте инструмент преобразования, так как работать с инструментом Bline мы пока закончили.

Ок, теперь у нас есть симпатичная белая область с толстым чёрным контуром. Обратите внимание, что они представлены двумя слоями – слоем контура и слоем области. Несмотря на то, что это два отдельных слоя, их вершины связаны – так что, если вы будете редактировать один из них, другой будет изменяться соответственно.

Вы хотите управлять вершинами после создания слоя? Нет ничего проще! Просто щёлкните по слою левой кнопкой мыши. Если вы хотите удалить вершину, щёлкните по ней правой кнопкой мыши и выберите "Remove Item (smart)". Хотите добавить ещё одну вершину? Щёлкните правой кнопкой по сегменту, в который вы хотите её добавить, и нажмите "Insert item (smart)".

Замечание: Единственное заметное отличие между режимом редактирования формы и режимом его создания это то, как разделяются касательные – в режиме создания вы должны щёлкнуть правой кнопкой мыши по самой касательной. При редактировании с помощью инструмента преобразования вам нужно щёлкнуть правой кнопкой по вершине, к которой присоединены касательные. Это можно считать эргономической ошибкой, и мы её когда-нибудь как-нибудь устраним.

Может показаться, что таким образом легко насоздавать кучу неупорядоченных слоёв и потеряться в них. Если вы неправильно используете программу, именно это и произойдёт. Однако на самом деле есть способ избежать этого. Чтобы узнать об этом способе, прочитайте предыдущую главу.

Да, надо ещё упомянуть вот какую вещь. Вы можете изменять толщину контура у каждой вершины. Чтобы сделать это, выберите слой с контуром (обратите внимание, именно с контуром, область к ширине контура не имеет никакого отношения) и отрегулируйте его толщину с помощью уТочек ширины контура. По умолчанию они скрыты. Чтобы сделать их видимыми, нажмите Alt-5. Повторное нажатие Alt-5 спрячет их снова. Какие уТочки отображаются, а какие нет, можно настроить ещё одним способом: нажав кнопку вызова меню и выбрав пункт "View Menu -> Mask Ducks".

Описанных возможностей должно быть достаточно, чтобы вы могли теперь нарисовать какую-нибудь форму сами.

Используем планшет для рисования

Если у вас есть графический планшет вы можете пользоваться инструментом "Векторный карандаш" для создания кривых BLines.

Synfig Studio поддерживает чувствительность к давлению на перо, но вы должно сначала настроить эту функцию, нажав "Файл → Устройства ввода..." на меню панели инструментов. В открывшемся диалоговом окне найдите ваш планшет и установите его в режим (Mode) "Screen". Теперь нажмите "Save", а затем "Close".

Теперь вооружившись планшетом мы можем открыть новый файл и выбрать инструмент "Векторный карандаш" на панели инструментов. Установите стандартную толщину кривой на довольно высокое значение — скажем на 15pt — иначе вы не заметите эффекта от силы давления на перо. Также установите цвет заливки на коричневый.


Note

Все выше перечисленные действия по настройке должны быть сделаны для вашего планшета, а не мыши. Synfig Studio запоминает настройки для каждого устройства ввода отдельно, поэтому если вы настроите таким образом мышь то они не буду работать когда вы переключитесь на планшет.
note end


Убедитесь что на панели "Параметры инструмента" все параметры выставлены так же как на картинке ниже.

DrawToolOptions.png

Теперь давайте нарисуем что то похожее на извилистый горный хребет. Начните рисовать линию от левого края холста в сторону середины, попробуйте изменять давление на перо пока проводите линию, остановитесь в центре холста. Вы увидите что новый слой с контуром появился на панели слоёв.

Creating-shapes-4-draw.png

Продолжите рисунок начав с последней контрольной точки уже нарисованной кривой и проведите линию до правого края холста, у нас до сих пор остаётся только один слой с контуром, Synfig Studio заботится о том чтобы не создавать лишние слои без надобности, поэтому вся наша линия остаётся в рамках одного слоя. Вы можете продолжить линию с обоих сторон, но если вы начнёте рисовать где то в другом месте холста новый слой будет создан, хотя первая линия останется выделенной и ничто не мешает вам продолжить её позже.

Но вернёмся к нашему рисунку, на панели "Параметры инструмента" нажмите на кнопку с "ведёрком" чтобы залить созданную область цветом, на панели слоёв появится "слой области" над слоем с которым мы работаем, выберите слой контура и нажмите на кнопку "поднять слой" ("Raise Layer") на панели слоёв чтобы поднять контур над областью заливки.

Creating-shapes-5-draw.png

Продолжите линию с обоих сторон вниз до краёв холста чтобы заливка покрыла всю нижнюю часть, получилось? Замечательно.

Creating-shapes-6-draw.png

Продолжаем творческий процесс, добавьте несколько линий на залитую цветом область чтобы она стала похожа на горный рельеф, если вам мешают коричневые контрольные точки вы можете отключить их нажав на кнопку "Переключить уТочки вершин" на верхней части холста (вторую слева).

Creating-shapes-7-draw.png

Векторный карандаш прекрасно подходит для рисования сложных фигур, но в результате вы имеете дело с слишком большим количеством контрольных точек которые сложно отрегулировать инструментом трансформации так как было описано выше и у этой проблемы есть два варианта решения.

Во первых вы можете увеличить значение параметра "Сглаживание кривой" на панели параметров инструмента векторного карандаша. Это уменьшит количество контрольных точек, но сделает фигуру менее детализированной

Во вторых вы может использовать инструмент "Деформация" чтобы изменить уже существующую фигуру. Попробуйте, найдите инструмент деформации на панели инструментов и выберите его. Фишка этого инструмента в том что он влияет только на выделенные контрольные точки. Нажмите и удерживайте левую кнопку мыши на пустом месте холста и двигайте мышь чтобы создать "область выделения" в которую попадут некоторые точки на кривой. Отпустит кнопку чтобы закончить выделение, или просто нажмите CtrlA чтобы выделить все точки сразу. Теперь вы можете деформировать выделенную область кривой. Вы можете изменить силу влияния деформации изменив значение "Радиус" на панели параметров инструмента.

А что на счёт ширины контура? За это отвечает инструмент "Коррекция толщины" он создан так чтобы увеличивать или уменьшать толщину линий как обычным карандашом на бумаге. Выберите этот инструмент на панели инструментов, наведите стилус на линию которую хотите изменить, надавите и двигайте курсор назад и вперёд вдоль линии, как бы прорисовывая её. Толщина линии будет увеличиваться в месте где вы двигаете курсор, если вы хотите уменьшить толщину линии просто удерживайте "ctrl" и делайте тоже самое, как видите это очень просто!

Если вы не хотите чтобы контрольные точки толщины отображались во время использования инструмента "Коррекция толщины" просто отключите их нажав на кнопку "Переключить уТочки толщины" на верхней части холста.

Другие способы создать кривые BLines

Создавать кривые можно не только описанными выше способами, вы можете также использовать инструменты Окружность, Прямоугольник, Звезда и Многоугольник для создания кривых. Для этого на панели параметров инструмента поставьте флажок напротив "Создать кривую контура" и "Создать кривую области" когда используете один из этих инструментов.

Создание геометрических примитивов как кривых BLine даёт вам возможность лучше контролировать их форму в последствии. Например если вы хотите создать деформированную звезду то вы можете использовать инструмент "Звезда" для создания кривой и области, а затем с помощью инструмента трансформации изменить её форму.

Теперь вы можете перейти к последней статье этого раздела. Да прибудет с вами сила!


Languages Language: 

English • español • français • italiano • português • română • русский • 中文(中国大陆)‎