Контуры (Outline Layer)

From Synfig Studio :: Documentation
Jump to: navigation, search
(Однородность)
m
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<!-- Page info -->
 
<!-- Page info -->
{{Title|Outline Layer}}
+
{{Title|Контуры (Outline Layer)}}
 
{{Category|Layers}}
 
{{Category|Layers}}
 +
{{Category|Geometry}}
 +
{{NewTerminology}}
 
<!-- Page info end -->
 
<!-- Page info end -->
  
Line 10: Line 12:
 
Кривые контура используются для создания штрихов или окантовки залитых цветом областей, они придают "комиксный" вид анимации если обрисовать ими залитые цветом области. Также отдельные кривые контура (штрихи) используются для создания реалистичных объёмных рисунков и вместе с тенями (созданными градиентом или размыванием) являются основами создания художественной работы.
 
Кривые контура используются для создания штрихов или окантовки залитых цветом областей, они придают "комиксный" вид анимации если обрисовать ими залитые цветом области. Также отдельные кривые контура (штрихи) используются для создания реалистичных объёмных рисунков и вместе с тенями (созданными градиентом или размыванием) являются основами создания художественной работы.
  
Чтобы создать кривую контура используйте инструмент "Кривые" {{l|BLine Tool}} и выставьте флажок "Создать кривую контура" (Create Outline BLine) на Панели "Параметры инструмента" {{l|Tool Options Panel}}. Когда вы закончили создавать форму кривой контура и нажали кнопку "Создать" (или выбрали другой инструмент) можно считать что кривая создана, её цвет будет соответствовать выбранному для контура.  
+
Чтобы создать кривую контура используйте инструмент {{l|Spline Tool|"Кривые"}} и выставьте флажок "Создать кривую" (Create Outline) на Панели "Параметры инструмента" {{l|Tool Options Panel}}. Когда вы закончили создавать форму кривой контура и нажали кнопку "Создать" (или выбрали другой инструмент) можно считать что кривая создана, её цвет будет соответствовать выбранному для контура.
  
 
== Параметры кривой контура ==
 
== Параметры кривой контура ==
Line 16: Line 18:
 
Ниже представлены параметры кривой контура:
 
Ниже представлены параметры кривой контура:
  
{|border="0" align="left" style="border-collapse"  cellpadding="3" cellspacing="0"
+
{|{{Parameters}}
|-style="background:#silver"
+
 
|'''Name'''||'''Value'''||'''Type''' 
+
|-style="background:#"
|-
+
||{{l|Image:Type_real_icon.png|16px}} {{l|Z Depth Parameter|Глубина на оси Z}}
||{{l|Image:Type_real_icon.png|16px}} {{l|Z Depth Parameter|Z Depth}}
+
 
||0.000000
 
||0.000000
 
||real
 
||real
  
 
|-style="background:#eeeeee"
 
|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} {{l|Amount Parameter|Amount}}
+
||{{l|Image:Type_real_icon.png|16px}} {{l|Amount Parameter|Величина}}
 
||1.000000
 
||1.000000
 
||real
 
||real
  
|-
+
|-style="background:#"
||{{l|Image:type_integer_icon.png|16px}} {{l|Blend Method|Blend Method}}
+
||{{l|Image:type_integer_icon.png|16px}} {{l|Blend Method|Режим смешивания}}
 
||Composite
 
||Composite
 
||integer
 
||integer
  
 
|-style="background:#eeeeee"
 
|-style="background:#eeeeee"
||{{l|Image:Type_color_icon.png|16px}} {{l|Colors Dialog|Color}}
+
||{{l|Image:Type_color_icon.png|16px}} {{l|Colors Dialog|Цвет}}
||
+
|| {{Color|000000}}
{| style="width:95%; height:16px; background:black; color:black" border="1"
+
|-
+
|}
+
 
||color
 
||color
  
 
|-style="background:#"
 
|-style="background:#"
||{{l|Image:Type_vector_icon.png|16px}} Origin
+
||{{l|Image:Type_vector_icon.png|16px}} Исходная точка
 
||0.000000u,0.000000u
 
||0.000000u,0.000000u
 
||vector
 
||vector
  
 
|-style="background:#eeeeee"
 
|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} Invert
+
||{{l|Image:Type_bool_icon.png|16px}} Инвертировать
||
+
|| {{Bool|}}
{| style="width:16px; height:16px" border="1"
+
|-
+
|}
+
 
||bool
 
||bool
  
|-
+
|-|-style="background:#"
||{{l|Image:Type_bool_icon.png|16px}} Antialiasing
+
||{{l|Image:Type_bool_icon.png|16px}} Сглаживание
||
+
|| {{Bool|}}
{| style="width:16px; height:16px" border="1"
+
|-
+
|}
+
 
||bool
 
||bool
  
 
|-style="background:#eeeeee"
 
|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} Feather
+
||{{l|Image:Type_real_icon.png|16px}} Растушёвка
 
||0.000000pt
 
||0.000000pt
 
||real
 
||real
  
|-
+
|-style="background:#"
||{{l|Image:Type_integer_icon.png|16px}} Type of Feather
+
||{{l|Image:Type_integer_icon.png|16px}} Тип растушёвки
 
||Fast Gaussian Blur
 
||Fast Gaussian Blur
 
||integer
 
||integer
  
 
|-style="background:#eeeeee"
 
|-style="background:#eeeeee"
||{{l|Image:Type_integer_icon.png|16px}} Winding Style
+
||{{l|Image:Type_integer_icon.png|16px}} Обработка взаимопересечений
 
||Non Zero
 
||Non Zero
 
||integer
 
||integer
  
|-
+
|-style="background:#"
||{{l|Image:Type_list_icon.png|16px}} Vertices
+
||{{l|Image:Type_list_icon.png|16px}} Вершины
 
||List
 
||List
||list (BLine)
+
||list (Кривые)
  
 
|-style="background:#eeeeee"
 
|-style="background:#eeeeee"
||{{l|Image:Type_real_icon.png|16px}} Outline Width
+
||{{l|Image:Type_real_icon.png|16px}} Толщина контура
 
||2.000000pt
 
||2.000000pt
 
||real
 
||real
  
|-
+
|-style="background:#"
||{{l|Image:Type_real_icon.png|16px}} Expand
+
||{{l|Image:Type_real_icon.png|16px}} Расширение
 
||0.000000pt
 
||0.000000pt
 
||real
 
||real
Line 95: Line 87:
 
|-style="background:#eeeeee"
 
|-style="background:#eeeeee"
 
||{{l|Image:Type_bool_icon.png|16px}} Sharp Cusps
 
||{{l|Image:Type_bool_icon.png|16px}} Sharp Cusps
||
+
|| {{Bool|}}
{| style="width:16px; height:16px" border="1"
+
|-
+
|}
+
 
||bool
 
||bool
  
 
|-
 
|-
 
||{{l|Image:Type_bool_icon.png|16px}} Rounded Begin
 
||{{l|Image:Type_bool_icon.png|16px}} Rounded Begin
||
+
|| {{Bool|}}
{| style="width:16px; height:16px" border="1"
+
|-
+
|}
+
 
||bool
 
||bool
  
 
|-style="background:#eeeeee"
 
|-style="background:#eeeeee"
 
||{{l|Image:Type_bool_icon.png|16px}} Rounded End
 
||{{l|Image:Type_bool_icon.png|16px}} Rounded End
||
+
|| {{Bool|}}
{| style="width:16px; height:16px" border="1"
+
|-
+
|}
+
 
||bool
 
||bool
  
|-
+
|-style="background:#"
 
||{{l|Image:Type_real_icon.png|16px}} Loopyness
 
||{{l|Image:Type_real_icon.png|16px}} Loopyness
 
||1.000000
 
||1.000000
Line 123: Line 106:
  
 
|-style="background:#eeeeee"
 
|-style="background:#eeeeee"
||{{l|Image:Type_bool_icon.png|16px}} Homogeneous
+
||{{l|Image:Type_bool_icon.png|16px}} Однородность
||
+
|| {{Bool|}}
{| style="width:16px; height:16px" border="1"
+
|-
+
|}
+
 
||bool
 
||bool
  
 +
|-
 
|}
 
|}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  
  
Line 175: Line 120:
 
Ниже представлен скриншот с кривой контура в процессе создания:
 
Ниже представлен скриншот с кривой контура в процессе создания:
  
{{l|Image:Outline_Sample.png}}
+
[[File:Outline Sample 0.63.06.png|frame|none]]
  
=== Ширина контура ===
+
=== Толщина контура ===
  
Параметр ширина контура это величина представляющая собой рациональное число в пикселях и определяющее основное значение ширины для всех точек кривой одновременно. Он производит эффект в сочетании с параметром ширины дочерних вершин кривой, таким образом установив значение Ширины Контура в 1.0px конечный результат для каждой вершины будет получен исходя из формулы: Ш = ОШК * ШВ + 2Р.
+
Параметр толщина контура это величина представляющая собой рациональное число в пикселях и определяющее основное значение толщины для всех точек кривой одновременно. Он производит эффект в сочетании с параметром толщины дочерних вершин кривой, таким образом установив значение Толщины Контура в 1.0px конечный результат для каждой вершины будет получен исходя из формулы: Т = ОТК * ТВ + 2Р.
  
 
Где:
 
Где:
* Ш - фактическая ширина для данной вершины
+
* Т - фактическая толщина для данной вершины
* ОШК - общий параметр ширины всех вершин (то есть Ширина Контура)
+
* ОТК - общий параметр толщины всех вершин (то есть Толщина Контура)
* ШВ - значение ширины конкретной вершины
+
* ТВ - значение толщины конкретной вершины
 
* Р - значение параметра Расширение  
 
* Р - значение параметра Расширение  
  
Line 190: Line 135:
 
Контрольная точка толщины будет показывать радиус для каждой вершины.(Ш/2)
 
Контрольная точка толщины будет показывать радиус для каждой вершины.(Ш/2)
  
В конечном счёте ширина для каждой вершины будет ровна: ((Ширина Вершины * Ширину Контура) + Расширение*2):
+
В конечном счёте толщина для каждой вершины будет ровна: ((Толщина Вершины * Толщина Контура) + Расширение*2):
  
 
{|  
 
{|  
| {{l|Image:Outline-default.png}}
+
| [[File:Outline-Layer default 0.63.06.png|450px]]
| {{l|Image:Outline-outline-width.png}}
+
| [[File:Outline-Layer width 0.63.06.png|450px]]
 
|-
 
|-
 
| изначальное изображение
 
| изначальное изображение
| после удвоения значения "Ширина Контура"
+
| после удвоения значения "Толщина Контура"
 
|}
 
|}
  
Есть возможность установить отрицательное значение для ширины, которое вывернет вершину на изнанку. Вот пример на котором левая вершина имеет отрицательное значение ширины, а правая имеет положительное значение. Обратите внимание как края кривой пересекаются между вершинами по середине:  
+
Есть возможность установить отрицательное значение для толщины, которое вывернет вершину на изнанку. Вот пример на котором левая вершина имеет отрицательное значение толщины, а правая имеет положительное значение. Обратите внимание как края кривой пересекаются между вершинами по середине:  
  
 
{|
 
{|
Line 209: Line 154:
 
=== Расширение ===
 
=== Расширение ===
  
Параметр Расширение схож с Шириной контура, но вместо того чтобы умножать значение ширины каждой вершины оно прибавляется к радиусу этой вершины. Другими словами (2*Расширение) добавляется к диаметру каждой вершины.
+
Параметр Расширение схож с Толщиной контура, но вместо того чтобы умножать значение ширины каждой вершины оно прибавляется к радиусу этой вершины. Другими словами (2*Расширение) добавляется к диаметру каждой вершины.
  
В конечном счёте ширина каждой конкретной вершины будет ровна: ((Ширина Вершины * Ширина Контура) + Расширение*2):
+
В конечном счёте ширина каждой конкретной вершины будет ровна: ((Толщина Вершины * Толщина Контура) + Расширение*2):
  
 
{|  
 
{|  
| {{l|Image:Outline-default.png}}
+
| [[File:Outline-Layer default 0.63.06.png|450px]]
| {{l|Image:Outline-expand.png}}
+
| [[File:Outline-Layer expand 0.63.06.png|450px]]
 
|-
 
|-
 
| нулевое расширение
 
| нулевое расширение
Line 225: Line 170:
 
Активирует 'острые пики' делает углы заострёнными если касательные разделены:
 
Активирует 'острые пики' делает углы заострёнными если касательные разделены:
 
{|  
 
{|  
| {{l|Image:Outline-default.png}}
+
| | [[File:Outline-Layer default 0.63.06.png|450px]]
| {{l|Image:Outline-sharp-cusps.png}}
+
| [[File:Outline-Layer sharp 0.63.06.png|450px]]
 
|-
 
|-
 
| не заострённые пики
 
| не заострённые пики
Line 236: Line 181:
 
Активирует 'закруглённое начало' делает начало кривой закруглённым:
 
Активирует 'закруглённое начало' делает начало кривой закруглённым:
 
{|  
 
{|  
| {{l|Image:Outline-default.png}}
+
| [[File:Outline-Layer default 0.63.06.png|450px]]
| {{l|Image:Outline-rounded-begin.png}}
+
| [[File:Outline-Layer rounded begin 0.63.06.png|450px]]
 
|-
 
|-
 
| не закруглённое начало
 
| не закруглённое начало
Line 248: Line 193:
  
 
{|  
 
{|  
| {{l|Image:Outline-default.png}}
+
| [[File:Outline-Layer default 0.63.06.png|450px]]
| {{l|Image:Outline-rounded-end.png}}
+
| [[File:Outline-Layer rounded end 0.63.06.png|450px]]
 
|-
 
|-
 
| не закруглённый конец
 
| не закруглённый конец
 
| закруглённый конец
 
| закруглённый конец
 
|}
 
|}
 +
 +
Nota : With cairo render activated, if quality superior to '''6''', enabling {{Literal|Rounded End}} enable also {{Literal|Rounded Begin}}.
  
 
=== Loopyness ===
 
=== Loopyness ===
Line 280: Line 227:
  
 
{|  
 
{|  
| {{l|Image:Outline-no-antialias.png}}
+
| [[File:Outline-Layer no antialias 0.63.06.png|450px]]
| {{l|Image:Outline-default.png}}
+
| [[File:Outline-Layer default 0.63.06.png|450px]]
 
|-
 
|-
 
| нет сглаживания
 
| нет сглаживания
 
| есть сглаживание
 
| есть сглаживание
 
|}
 
|}

Latest revision as of 17:15, 2 March 2017

Languages Language: 

English • español • français • italiano • română • русский


Layer geometry outline icon.png

О кривых контура

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

Чтобы создать кривую контура используйте инструмент "Кривые" и выставьте флажок "Создать кривую" (Create Outline) на Панели "Параметры инструмента" Tool Options Panel. Когда вы закончили создавать форму кривой контура и нажали кнопку "Создать" (или выбрали другой инструмент) можно считать что кривая создана, её цвет будет соответствовать выбранному для контура.

Параметры кривой контура

Ниже представлены параметры кривой контура:

Name Value Type
Type real icon.png Глубина на оси Z 0.000000 real
Type real icon.png Величина 1.000000 real
Type integer icon.png Режим смешивания Composite integer
Type color icon.png Цвет
 
color
Type vector icon.png Исходная точка 0.000000u,0.000000u vector
Type bool icon.png Инвертировать
 
bool
Type bool icon.png Сглаживание
 
bool
Type real icon.png Растушёвка 0.000000pt real
Type integer icon.png Тип растушёвки Fast Gaussian Blur integer
Type integer icon.png Обработка взаимопересечений Non Zero integer
Type list icon.png Вершины List list (Кривые)
Type real icon.png Толщина контура 2.000000pt real
Type real icon.png Расширение 0.000000pt real
Type bool icon.png Sharp Cusps
 
bool
Type bool icon.png Rounded Begin
 
bool
Type bool icon.png Rounded End
 
bool
Type real icon.png Loopyness 1.000000 real
Type bool icon.png Однородность
 
bool


Специфические параметры кривой контура

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

Ниже представлен скриншот с кривой контура в процессе создания:

Outline Sample 0.63.06.png

Толщина контура

Параметр толщина контура это величина представляющая собой рациональное число в пикселях и определяющее основное значение толщины для всех точек кривой одновременно. Он производит эффект в сочетании с параметром толщины дочерних вершин кривой, таким образом установив значение Толщины Контура в 1.0px конечный результат для каждой вершины будет получен исходя из формулы: Т = ОТК * ТВ + 2Р.

Где:

  • Т - фактическая толщина для данной вершины
  • ОТК - общий параметр толщины всех вершин (то есть Толщина Контура)
  • ТВ - значение толщины конкретной вершины
  • Р - значение параметра Расширение


Контрольная точка толщины будет показывать радиус для каждой вершины.(Ш/2)

В конечном счёте толщина для каждой вершины будет ровна: ((Толщина Вершины * Толщина Контура) + Расширение*2):

Outline-Layer default 0.63.06.png Outline-Layer width 0.63.06.png
изначальное изображение после удвоения значения "Толщина Контура"

Есть возможность установить отрицательное значение для толщины, которое вывернет вершину на изнанку. Вот пример на котором левая вершина имеет отрицательное значение толщины, а правая имеет положительное значение. Обратите внимание как края кривой пересекаются между вершинами по середине:

Image:Outline-negative-width.png Image:Outline-negative-width-selected.png

Расширение

Параметр Расширение схож с Толщиной контура, но вместо того чтобы умножать значение ширины каждой вершины оно прибавляется к радиусу этой вершины. Другими словами (2*Расширение) добавляется к диаметру каждой вершины.

В конечном счёте ширина каждой конкретной вершины будет ровна: ((Толщина Вершины * Толщина Контура) + Расширение*2):

Outline-Layer default 0.63.06.png Outline-Layer expand 0.63.06.png
нулевое расширение не нулевое расширение

Острые пики

Активирует 'острые пики' делает углы заострёнными если касательные разделены:

Outline-Layer default 0.63.06.png Outline-Layer sharp 0.63.06.png
не заострённые пики заострённые пики

Закруглённое начало

Активирует 'закруглённое начало' делает начало кривой закруглённым:

Outline-Layer default 0.63.06.png Outline-Layer rounded begin 0.63.06.png
не закруглённое начало закруглённое начало

Закруглённый конец

Активирует 'закруглённый конец' делает конец кривой закруглённым:

Outline-Layer default 0.63.06.png Outline-Layer rounded end 0.63.06.png
не закруглённый конец закруглённый конец

Nota : With cairo render activated, if quality superior to 6, enabling "Rounded End" enable also "Rounded Begin".

Loopyness

Этот параметр на данный момент абсолютно ничего не делает!

Однородность

Включенная "Однородность" меняет метод изменения ширины контура от одной точки кривой до другой. Каждая точка на кривой имеет свою собственную толщину и сама кривая имеет свои параметры "Толщина контура" и "Расширение" которые используются для окончательного формирования толщины для каждой точки. Параметр "Однородность" контролирует то как изменяется толщина от одной точки к другой:

  • Когда "Однородность" не отмечена, ширина изменяется линейно (используется параметр сплайна "t")
  • Когда "Однородность" отмечена, ширина изменяется линейно (используется длинна сплайна).

Отключение "Однородности" часто делает более широкий конец кривой "комковатым". Возможно это баг:

Image:Outline-not-homogeneous.png Image:Outline-homogeneous.png
нет однородности есть однородность

Разное

Параметр "Сглаживание" не относится на прямую к контурам, но он может оказаться полезным так как делает края более гладкими.

Outline-Layer no antialias 0.63.06.png Outline-Layer default 0.63.06.png
нет сглаживания есть сглаживание


Languages Language: 

English • español • français • italiano • română • русский