Первое знакомство

From Synfig Studio :: Documentation
Jump to: navigation, search
(Интерфейс)
m ({{TOCright}} + interface)
 
(40 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<!--Categories-->
+
<!-- Page info -->
[[Category:Учебники]]
+
{{Title|Первое знакомство}}
 +
{{Navigation|Category:Manual|Doc:Animation_Basics}}
 +
{{TOCright}}
 +
{{Category|Manual}}
 +
{{Category|Tutorials}}
 +
{{Category|Tutorials Basic}}
 +
<!--{{NewTerminology}}-->
 +
<!-- Page info end -->
 +
 
 +
== Пользовательский интерфейс ==
 +
 
 +
На скриншоте ниже вы можете видеть расположение окон Synfig Studio:
 +
 
 +
[[File:Interface 1.0.png|900px|thumb|center|border|Default interface layout of Synfig Studio]]
 +
 
 +
 
 +
Главными компонентами интерфейса Synfig Studio являются:
 +
 
 +
* {{l|Toolbox|Панель инструментов}} &mdash; -это главное окно Synfig Studio, оно содержит системное меню и кнопки, инструменты и прочие элементы необходимые для создания и редактирования вашей работы. Закрытие этой панели влечёт за собой закрытие всей программы в целом.
 +
* {{l|Canvas|Холст}} &mdash; -отображает ваш рисунок и анимацию.
 +
* {{l|Category:Panels|Панели}} &mdash; -содержат инструменты и информацию о некоторых элементах вашего проекта, некоторые панели позволяют вам изменять эти элементы.
 +
 
 +
 
 +
{{Note|Note|Synfig Studio can be reset to its default window arrangement (as shown in the screenshot). In the {{Literal|File}} menu from the Toolbox select {{c|Panels|Reset Windows to Original Layout}}.}}
 +
 
 +
The center window is the {{L|Category:Canvas_Window|Canvas Window}}. A new Canvas Window appears each time Synfig Studio starts. The window represents the {{l|Root Canvas}}, not that it means much to you at the moment, but that's OK &mdash; we're just trying to show you around. In the upper left corner of the Canvas Window, you'll see a button with a {{l|Canvas Menu Caret|caret}}. If you click on this caret button, the {{l|Canvas Menu Caret|canvas window menu}} will pop up. If you right-click in the canvas area and there is no {{l|layer}} under the mouse position, this menu will also appear. So now you know where the most important canvas menu is. Good.
 +
 
 +
The other two windows (one on the bottom, and one to the right) are customizable {{l|dock dialogs|dock dialogs}}. Each dock dialog contains a set of {{L|panel|panels}}, arranged horizontally or vertically. Some panels share the same space inside the dock dialog and you can switch between them by clicking on their {{l|panel tab|tabs}}. You can rearrange the contents of dock dialogs as you wish by dragging the panel tab to where you want it. You can even create a new dock dialog by dragging a tab out of its dock dialog.
 +
 
 +
If you accidentally close a {{l|panel|panel}} (by dragging it out of the dock dialog, and closing the new dock dialog that gets created), no worries. Simply go to the {{l|Toolbox}}, select {{c|File|Panels}} in menu right there and then click on the name of the panel you need.
 +
 
 +
The most important panels are:
 +
 
 +
* {{l|Layers Panel}} &mdash; shows you the hierarchy of the layer of your working canvas. It also allows you to manipulate these layers.
 +
* {{l|Parameters Panel}} &mdash; shows you the parameters of the layer currently selected. When multiple layers are selected, only the parameters that the selected layers have in common are displayed.
 +
* {{l|Tool Options Panel}} &mdash; shows you any options specific to the currently selected tool.
 +
* {{l|Navigator|Navigator}} &mdash; shows a thumbnail image of what the currently selected canvas looks like. You can also zoom in and move the focus around with this panel.
 +
* {{l|History Panel}} &mdash; shows you the history stack for the current composition. You can also edit the actions in history.
 +
 
 +
There are also many other {{l|panel|panels}} in Synfig Studio. If you have no idea what a panel does, simply hold your mouse over its icon and a tooltip will pop up describing its function.
 +
 
 +
== Under the hood ==
  
 
== Введение ==
 
== Введение ==
  
Synfig, как и большинство других программ, размещает всё содержимое вашего рисунка на [[Слой|слоях]]. Тем не менее, эти слои отличаются от тех, с которыми, возможно, некоторые привыкли иметь дело в других программах Этих основных отличий два:
+
Synfig, как и большинство других программ, размещает всё содержимое вашего рисунка на {{l|Layer|слоях}}. Тем не менее, эти слои отличаются от тех, с которыми, возможно, некоторые привыкли иметь дело в других программах. Основных отличий два:
  
 
{| border="0" cellspacing="0" align="center" width="100%"
 
{| border="0" cellspacing="0" align="center" width="100%"
 
|
 
|
# Слой как правило представляет из себя один единственный объект - регион, контур, импортированный рисунок JPEG, и т.п. Не стоит этого пугаться, просто думайте о слоях в Synfig'e не как о слоях в привычном смысле слова, а как о списке объектов. Это обеспечивает большие возможности и контроль над рисунком. И это вполне нормально иметь несколько сотен слоёв в одном фрагменте анимации - средства программы позволяют организовать их в виде иерархической структуры, чтобы у нас всех крыша не поехала от попыток разобраться во всей этой куче.  
+
# Слой как правило представляет из себя один единственный объект — область, контур, импортированное изображение в формате JPEG и т.п. Не стоит этого пугаться, просто думайте о слоях в Synfig не как о слоях в привычном смысле слова, а как о списке объектов. Это обеспечивает большие возможности и контроль над рисунком. Несколько сотен слоёв в одном фрагменте анимации — обычное дело. Средства программы позволяют организовать их в виде иерархической структуры, чтобы у нас у всех крыша не поехала от попыток разобраться в этой куче.  
# Слой может не только отображать своё содержимое поверх низлежащих слоёв, но итакже искажать и/или модифицировать их каким-либо образом. В этом плане, слои в Synfigиграют ту же роль, которую играют фильтры в программах Adobe Photoshop и GIMP (http://www.gimp.org/). Например, у нас есть в распоряжении [[Cлой размытия]], [[Слой радиального размытия]], [[Слой сферического искажения]], [[Слой цветокоррекции]], [[Слой фаски]], и пр.
+
# Слой может не только отображать своё содержимое поверх низлежащих слоёв, но также искажать и/или модифицировать их тем или иным образом. В этом плане слои в Synfig играют ту же роль, какую играют фильтры в программах Adobe Photoshop и GIMP (http://www.gimp.org/). Например, у нас есть в распоряжении {{l|Blur Layer|слой размывания}} (Blur), {{l|Radial Blur Layer|слой радиального размывания}} (Radial Blur), {{l|Spherize Layer|слой сферического искажения}} (Spherize), {{l|Color Correction Layer|слой цветокоррекции}} (Color Correction), {{l|Bevel Layer|слой фаски}} (Bevel), и пр.
  
Каждый слой имеет набор параметров, определяющих его поведение. Когда вы щёлкаете на слое (в окне с рисунком или на [[Панель слоёв|панели слоёв]]), эти параметры отображаются на [[Панель параметров|панели параметров]].
+
Каждый слой имеет набор параметров, определяющих его поведение. Когда вы щёлкаете по слою (в окне с рисунком или на {{l|Layers Panel|панели слоёв}} (Layers), эти параметры отображаются на {{l|Parameters Panel|панели свойств}} (Parameters Panel).
  
 
|| ||   
 
|| ||   
Line 17: Line 58:
 
|}
 
|}
  
Synfig Studio имеет функцию автовосстановления. Если она "вылетает", то даже если текущий файл не был сохранён, вы не потеряете более пяти минут работы. При следующем запуске программа автоматически предложит восстановить несохранённый файл. К сожалению, история отмен при этом не восстанавливается.
+
В Synfig Studio есть функция автовосстановления. Когда программа «вылетает», то, даже если текущий файл не был сохранён, вы потеряете не более пяти минут работы. При следующем запуске программа автоматически предложит восстановить несохранённый ранее файл. К сожалению, история действий при этом не восстанавливается.
  
Одна вещь, которая может броситься вам в глаза это ЧРЕЗВЫЧАЙНАЯ медлительность программы. Программа настолько тормозная, что работа с ней на компьютерах 3-4 летней давности практически невозможна. Основная причина в том, что все цветовые операции выполняются с плавающей точкой -- Synfig Studio изначально разрабатывалась с учётом возможной реализации поддержки High-Dynamic-Range Imaging.
+
Одна вещь, которая может броситься вам в глаза это ЧРЕЗВЫЧАЙНАЯ медлительность программы. Программа настолько тормозная, что работа с ней на компьютерах 3-4 летней давности практически невозможна. Основная причина в том, что все цветовые операции выполняются с плавающей точкой Synfig Studio изначально разрабатывалась с учётом возможной реализации поддержки High Dynamic Range Imaging.
  
 
Тем не менее, такая ситуация с быстродействием не будет длиться вечно.  
 
Тем не менее, такая ситуация с быстродействием не будет длиться вечно.  
darco предлагает несколько определённо эффективных реимплементаций и оптимизаций, которые должны существенно улучшить производительность. Причём результатом обещает быть не 200% увеличение, а 2000% увеличение быстродействия.
+
darco предлагает несколько определённо эффективных изменений и оптимизаций кода, которые должны существенно улучшить производительность. Причём результатом обещает быть увеличение быстродействия не на 200%, а на 2000%. Эти оптимизации также должны открыть дорогу к использованию аппаратного ускорения современных графических процессоров, что обеспечит дальнейший прирост производительности.
Эти оптимизации также должны открыть дорогу к использованию аппаратного ускорения современных графических процессоров которые дадут дальнейший прирост производительности.
+
  
 
== Интерфейс ==
 
== Интерфейс ==
Line 29: Line 69:
 
{| border="0" cellspacing="5" align="center" width="100%"
 
{| border="0" cellspacing="5" align="center" width="100%"
 
|              |
 
|              |
|http://zelgadis.profusehost.net/files/synfig-doc/toolbox01.jpg
+
|{{l|Image:Toolbox.jpg}}
 
||            ||
 
||            ||
  
При запуске Synfig Studio отображает экран загрузке и затем на экране появляются три окна. Окно в левом верхнем углу представляет из себя [[Панель иснтрументов]]. С помощью неё вы можете открывать файлы, выбирать инструменты, менять цвета и т.п. Однако при запуске большинство кнопок неактивно - так как нет открытого файла.
+
При запуске Synfig Studio отображает экран загрузки и затем появляются три окна. Окно в левом верхнем углу представляет из себя {{l|Toolbox|панель инструментов}} (Toolbox). С помощью неё вы можете открывать файлы, выбирать инструменты, менять цвета и т.п. Однако при запуске большинство кнопок неактивно, так как нет открытого файла.
  
Остальные два окна (одно снизу и одно справа) содержат различные [[Панель|панели]] и являются настраиваемыми. Вы можете перетаскивать панели с одного места на другое за их [[Заголовок панели|заголовки]]. Вы даже можете создавать новые окна, просто перетащив [[Заголовок панели|заголовок панели]] за пределы окна, внутри которого он был.
+
Остальные два окна (одно снизу и одно справа) содержат различные {{l|Category:Panels|панели}} и являются настраиваемыми. Вы можете перетаскивать панели с одного места на другое за их {{l|Dock Tab|заголовки}}. Вы даже можете создавать новые окна, просто перетащив {{l|Dock Tab|заголовок панели}} за пределы окна, внутри которого он был.
  
Не беспокойтесь, если вы случайно закрыли [[Панель|панель]] (перетащив её за пределы окна и закрыв вновь созданное в результате окно). Просто выберите "File->Dialogs" из меню панели инструментов и в открывшемся меню щёлкните на имя той панели, которую вы хотите вновь отобразить.
+
Не беспокойтесь, если вы случайно закрыли {{l|Category:Panels|панель}} (перетащив её за пределы окна и закрыв вновь созданное в результате окно). Просто выберите "File->Dialogs" из меню панели инструментов и в открывшемся меню щёлкните на имя той панели, которую вы хотите вновь отобразить.
  
[[Панель|Панелей]] довольно много. Если вы не знаете для чего служит та или иная панель, просто наведите курсор мыши на [[Заголовок панели|её заголовок]] и подождите немного, пока не выскочит всплывающая подсказка с именем панели.
+
{{l|Category:Panels|Панелей}} довольно много. Если вы не знаете для чего служит та или иная панель, просто наведите курсор мыши на {{l|Dock Tab|её заголовок}} и подождите немного, пока не выскочит всплывающая подсказка с именем панели.
 
|}
 
|}
  
 
Вот наиболее важные панели:
 
Вот наиболее важные панели:
  
* [[Панель слоёв]] - Отображает иерархию слоёв для текущего изображения. Также позволяет манипулировать слоями.
+
* {{l|Layers Panel|Панель слоёв}} (Layers) — Отображает иерархию слоёв для текущего изображения. Также позволяет манипулировать слоями.
* [[Панель свойств]] - Отображает свойства выделенного слоя (или, если несколько слоёв выделено, те свойства, которые имеет и тот и другой слой
+
* {{l|Params Panel|Панель свойств}} (Params) — Отображает свойства выделенного слоя (или, если выделено несколько слоёв, те свойства, которые имеет и тот и другой слой).
* [[Панель свойств инструмента]] - Позволяет изменять параметры текущего инструмента.
+
* {{l|Tool Options Panel|Панель свойств инструмента}} (Tool Options) — Позволяет изменять параметры текущего инструмента.
* [[Панель навигации]] - Отображает уменьшенную копию рисунка, позволяет изменять масштаб и область отображения.
+
* {{l|Navigator Panel|Панель навигации}} (Navigator) — Отображает уменьшенную копию рисунка, позволяет изменять масштаб и область отображения.
* [[Панель истории действий]] - Показывает редактируемый список предыдущих действий.
+
* {{l|History Panel|Панель истории действий}} (History) — Показывает редактируемый список предыдущих действий.
  
Если вы щёлнките на кнопке http://zelgadis.profusehost.net/files/synfig-doc/new01.jpg на панели инструментов или выберите из меню  "File - Создать...", будет создан новый файл и появится его [[Окно свойств|окно свойств]].
+
Если вы щёлкните кнопку {{l|Image:New File Button.jpg}} на панели инструментов или выберите из меню  «File -> Создать...» ("File -> New"), будет создан новый файл и появится {{l|File Properties Dialog|диалог свойств}} (Properties).
  
При щелчке на кнопке ОК, окно свойств будет закрыто и появится [[Окно изображения]].  Это окно представляет собой [[Корневой холст]], наверное это вам сейчас ни о чём не говорит, но не обращайте внимания - я просто пытаюсь бегло ввести вас в курс дела.
+
По щелчку кнопки ОК окно свойств будет закрыто и появится {{l|Canvas Window|рабочее окно}}.  Это окно отображает собой {{l|Root Canvas|корневой холст}}, наверное это вам сейчас ни о чём не говорит, но не обращайте внимания я просто пытаюсь бегло ввести вас в курс дела.
  
В верхнем левом углу окна с изображением находится кнопочка с треугольничком - [[Кнопка вызова меню]]. Если щёлкнуть на неё, появится [[Меню изображения]]. (Вы также можете вызвать это меню, щёлкнув правой кнопкой в любом пустом месте окна, там где нет [[Слой|слоёв]].) Итак, теперь вы знаете где находится меню в окне изображения. Отлично. Остальные элементы этого окна в общем-то должны говорить сами за себя.
+
В верхнем левом углу окна с изображением находится кнопочка с треугольничком — {{l|Canvas Menu Caret|кнопка вызова меню}}. Если щёлкнуть на неё, появится {{l|Canvas Menu|Меню изображения}}. (Вы также можете вызвать это меню, щёлкнув правой кнопкой в любом пустом месте окна, там где нет {{l|Layer|слоёв}}.) Итак, теперь вы знаете где находится меню в окне изображения. Отлично. Остальные элементы этого окна в общем-то должны говорить сами за себя.
  
== First steps ==
+
== Первые шаги ==
  
Let's create something so that we can tweak with it. Now that you have a new composition open and the properties dialog is out of the way, go over to the toolbox and click on the [[Circle Tool|circle tool]].  (If you don't know which one it is, just mouse over them until you find the one with the tooltip that says "circle").  
+
Давайте теперь сделаем что-нибудь, с чем мы будем играться. Файл создан, окно свойств больше не маячит на экране, так что идём к панели инструментов и выбираем {{l|Circle Tool|инструмент окружность}} (Circle).
  
The second you click on the circle tool, you should notice that the [[Tool Options Dialog]] changed. But we'll get to that later.
+
Заметьте, что как только вы выберете этот инструмент, {{l|Params Panel|панель свойств инструмента}} (Params) изменится. Но мы разберёмся с ней позже.
  
: '''Note''': Some laptop users might experience trouble where click-drag on the canvas when using the [[Circle Tool|circle tool]] doesn't seem to do anything or produce insanely huge circles. The problem is that Synfig has detected the touchpad and enabled that device (incorrectly!) To fix this: click File->Input devices... In the resulting dialog window, select 'Disabled' for your touchpad device. After this change, your external mouse and the touchpad will work as expected.
+
: '''Замечание''': Те, кто работает с с Synfig Studio на ноутбуке могут столкнуться с проблемой, что при рисовании кругов либо не происходит ничего, либо ни с того ни с сего создаются ужасно большие круги. Это проблема взаимодействия Synfig и тачпада (touchpad). Чтобы исправить это, выберите из меню "File->Input Devices". В появившемся диалоге установите 'Disabled' ('Выключен') для устройства touchpad. После этого и внешняя мышь, и тачпад будут работать нормально.
  
With the circle tool selected, you can now create circles in the [[Work Area]]. This pretty much works exactly as you might expect it to. Go ahead and create two (or more, if you fancy) circles. If by accident you just clicked on the canvas instead of clicking and dragging (with mouse button pressed) to draw the circle, you end up creating a circle with 0 radius and it is effectively invisible! No need to worry, you can easily fix this. In the Params dialog, you can change the parameters of the selected object. If you just made a 0 radius circle, it should be the current selected object. you can change its radius to some value other than 0, say 10, and manipulate it to your liking with the canvas ducks later.
+
Используя инструмент круг вы можете создавать круги в {{l|Canvas Window|рабочем окне}}. Думаю, с этим проблем не возникнет — просто щёлкните мышью и, не отпуская левую кнопку, ведите мышь, пока не получится круг нужного вам радиуса. Давайте, сделайте парочку (или больше) кругов. Если вы случайно просто щёлкнули и сразу отпустили кнопку мыши (не перетаскивая), получится круг с нулевым радиусом, то есть невидимый. Без паники, идём на панель параметров, на ней мы сможем изменить свойства текущего объекта. А так как мы эту нашу окружность только что создали, то она и является текущим объектом. Найдите параметр 'Radius' ('Радиус') и придайте ему какое-нибудь значение, не равное нулю, например 10. Мы  поиграемся с этим параметром позже с помощью «уТочек».
  
Now go back to the toolbox and click on the [[Normal Tool|normal tool]] (the blue circle with the arrow on it). After you do this, click on one of your circles. You will then see a [[bounding box]](which is kinda useless at this point in time, but I digress), a green dot at the center, and a cyan dot on the radius. Those dots are called ''[[duck]]s''. If you want to modify the circle, grab a duck and drag it around. Easy!
+
Теперь опять идём на панель инструментов и выбираем {{l|Normal Tool|инструмент преобразования}} (чёрная стрелка в синем кружке). Затем щёлкните на одном из кругов. Вокруг выделенного круга тут же появится {{l|Bounding Box|рамка}} (от которой пока никакого проку нет), зелёная точка в центре и  синяя с краю. Эти точки называются ''управляющими точками'', или просто ''{{l|Duck|уТочками}}''. Если вы хотите изменить круг, просто перетащите уТочку куда-нибудь. Легко.
  
So you can select a [[layer]] by clicking on it. If you want to select more than one layer, hold down CONTROL while you are clicking -- this works in both the [[Work Area]] and the [[Layer Dialog]]. Try it!
+
Итак, щёлкая на слое (или объекте, что одно и то же), вы его выделяете. Если хотите выделить одновременно более одного слоя, щёлкайте, удерживая нажатой клавишу Ctrl — это работает и в {{l|Canvas Window|рабочем окне}} и на {{l|Layers Panel|панели слоёв}}. Попробуйте!
  
You can also select multiple ducks. You can do this in several ways. First, you can hold down CONTROL and individually click the ducks that you want selected, but this can be tedious. However, there is a much faster method -- just create a [[Selection|selection box]] by clicking the mouse and dragging it over the area of ducks that you want selected.  
+
Вы также можете выделять одновременно несколько уТочек, причём несколькими способами. Например, щёлкая на них, удерживая нажатой клавишу Ctrl, но это часто получается долго и скучно. Можно быстрее — щёлкните левой кнопкой и, не отпуская её, перемещайте мышь. На экране появится рамка выделения. Все уТочки, которые попадут в неё, будут выделены, когда вы отпустите кнопку мыши.
  
Go ahead and select two circles, and select all of their ducks. With several ducks selected, moving one duck will move all of the ducks. This behavior is dependent on the [[Normal Tool|normal tool]]. Thus, a more descriptive name for this tool might have been the "move" or "translate" tool.  
+
Давайте, выберите два круга и выделите все их уТочки. Если выделено несколько уТочек, перемещение одной из них перемещает все остальные. Вот что можно делать {{l|Normal Tool|инструментом перемещения}} (Normal Tool).
  
The [[Rotate Tool|rotate]] and [[Scale Tool|scale]] tools work much like the [[Normal Tool|normal tool]], except in the case where you have multiple ducks selected. It is much easier to just try it than read about it. Select a few circles, select all of their ducks, and try using the rotate and scale tools.  
+
Инструменты {{l|Rotate Tool|вращения}} (Rotate Tool) и {{l|Scale Tool|масштаба}} (Scale Tool) ведут себя так же, как и {{l|Normal Tool|инструмент преобразования}}, за исключением случаев, когда у вас выделено больше одной уТочки. Проще попробовать самим, чем читать про это. Выделите несколько кругов и попробуйте их вращать или масштабировать с помощью соответствующих инструментов.
  
Note that, unlike the normal tool, the other duck manipulation tools DO have options associated with them. If a particular tool isn't doing what you want, take a look in the [[Tool Options Dialog]] to see if it is set up like you want it.
+
Заметьте, что, в отличие от инструмента преобразования, остальные инструменты управления уТочками имеют параметры. Если какой-то инструмент делает не то, что вы хотите, загляните на {{l|Tool Options Panel|панель свойств инструмента}} (Tool Options).
  
== Linking ==
+
== Связывание ==
  
Now let's try [[linking]]. Let's say we always want these two circles to be the same size. Select two circles, and then select both of their Radius ducks(the cyan dot). Then right click on either duck and a menu will pop up. Click on "Link". Boom. The parameters are linked together. You can prove it to yourself by selecting just one of the circles and changing its radius -- the other one will change as well. Neat stuff, eh?
+
Теперь попробуем функцию {{l|Linking|связывания}}. Предположим, мы хотим, чтобы наши окружности имели одинаковый размер. Выберите обе окружности и затем выделите их  уТочки радиуса (те которые синенькие). Затем щёлкните правой кнопкой на любом из них и из появившегося меню выберите "Link" («Связать»). Бум! Теперь оба параметра зависят друг от друга. Проверьте сами - как только вы измените радиус одной окружности, радиус другой станет таким-же. Жесть, да?
  
Linking is a fundamental concept in Synfig. You can create links not only between ducks, but also between parameters as well by selecting multiple layers, right clicking on the parameter in the param tab, and selecting "Link".  
+
Связывание является фундаментальной концепцией Synfig. Вы можете создавать связи не только между уТочками, но и между параметрами. Просто выделите одновременно несколько слоёв, щёлкните правой кнопкой на том параметре  (на панели свойств), по которому хотите связать и выберите "Link" («Связать»).
  
<small>DIGRESSION: This is how [[Outline Layer|outlines]] are attached to their [[Region Layer|regions]]&mdash;but I'm getting ahead of myself. At the moment, the fundamental power and flexibility of linking in Synfig Core is beyond what Synfig Studio currently allows for. This will change in the future. Anyway, back on track...</small>
+
<small>Отступление: Таким макаром {{l|Outline Layer|контуры}} присоединяются к {{l|Region Layer|областям}}&mdash;но я опять забегаю вперёд. На текущий момент, потенциал связывания в ядре Synfig гораздо выше тех возможностей, которые предоставляет Synfig Studio. В будуйщем эта ситуация должна измениться. Едем дальше...</small>
  
Let's say you want one of the circles to be a different color. If you look in the toolbox below the tools, you'll see the foreground/background color selector, the outline width selector, and some other stuff like the default blend method and gradient. The foreground/background color widget works exactly as you might expect -- you can click on the foreground color, and a modest color chooser will appear. Now to can change the color pretty easily.  
+
Предположим, вы хотите изменить цвет одной из окружностей. Взгляните на низ панели инструментов — там есть ячейки основного цвета и цвета фона, регулятор толщины контура, и прочая лабуда типа метода смешивания по умолчанию и градиента. Щелчок на ячейке с цветом позволяет (кто бы мог подумать!) изменить его.
  
But sometimes you just want to click on a color and go. This is where the palette editor tab comes in. Its functionality isn't quite 100% yet (ie: saving and loading custom palettes hasn't been implemented yet), but the default palette is pretty decent. Click on the Palette editor tab and have a look -- it's the one with the palette-ish looking icon. Clicking on colors in here will immediately change the default foreground color.
+
Но иногда хочется просто выбрать цвет из набора. Здесь на помощь приходит панель палитры (Palette Editor). Она ещё не на 100% функциональна (например, ещё не реализовано сохранение набора цветов), но это лучше чем ничего.  
 +
Щелчок на нужном цвете немедленно изменит основной цвет.
  
That's all great, but we still haven't changed the color of the circle. There are two ways to do this. The first way is that you select the circle layer you want to modify, goto the params tab and double click on the color parameter--a color selector dialog shows up and you just tweak away. But let's say you already got the color you wanted selected as the default foreground color. Easy. Just click on the "Fill tool" from the toolbox, and then click on the circle in the canvas window. Boom. Circle changes color. This works with more than just circles, but we'll get to that in a sec.
+
Это всё, конечно здорово, но мы до сих пор не изменили цвет нашей окружности. Есть два способа сделать это. Первый - выделить слой с окружностью и на панели свойств (Params) дважды щёлкнуть в ячейке цвета напротив свойства "Color" («Цвет»). Появится диалог, позволяющий изменить его. Но предположим, что у вас уже выбран нужный цвет в качестве основного. Тогда просто щёлкните на {{l|Fill Tool|инструменте заливки}} (Fill) на панели инструментов и затем щёлкните на окружности. Бум. Окружность перекрасилась. Это работает не только на окружностях и мы доберёмся до этого через минуту.
  
Try playing around with the circles for a bit. Muck around with the parameters, and see what happens. To get you started, play around with feather a bit.
+
Поиграйтесь с кружками немножко. Попробуйте поменять различные параметры и посмотрите что получится. Например, попробуйте поменять параметр Feather.
  
== Digging deeper ==
+
== Копаем глубже ==
  
Of course, so far you just found out how to use the basic features of Synfig Studio but not how you animate a drawing. This is covered in the [[Animation_Basics|next tutorial]].
+
Разумеется, мы сейчас рассмотрели основные возможности Synfig Studio, но совершенно не затронули анимацию. Её мы рассмотрим в {{l|Animation Basics|следующем уроке}}.

Latest revision as of 12:42, 30 April 2015

Languages Language: 

English • čeština • Deutsch • español • suomi • français • italiano • 日本語 • Nederlands • polski • 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



Пользовательский интерфейс

На скриншоте ниже вы можете видеть расположение окон Synfig Studio:

Default interface layout of Synfig Studio


Главными компонентами интерфейса Synfig Studio являются:

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


Note

Synfig Studio can be reset to its default window arrangement (as shown in the screenshot). In the "File" menu from the Toolbox select "Panels → Reset Windows to Original Layout".
note end


The center window is the Canvas Window. A new Canvas Window appears each time Synfig Studio starts. The window represents the Root Canvas, not that it means much to you at the moment, but that's OK — we're just trying to show you around. In the upper left corner of the Canvas Window, you'll see a button with a caret. If you click on this caret button, the canvas window menu will pop up. If you right-click in the canvas area and there is no Layer under the mouse position, this menu will also appear. So now you know where the most important canvas menu is. Good.

The other two windows (one on the bottom, and one to the right) are customizable dock dialogs. Each dock dialog contains a set of panels, arranged horizontally or vertically. Some panels share the same space inside the dock dialog and you can switch between them by clicking on their tabs. You can rearrange the contents of dock dialogs as you wish by dragging the panel tab to where you want it. You can even create a new dock dialog by dragging a tab out of its dock dialog.

If you accidentally close a panel (by dragging it out of the dock dialog, and closing the new dock dialog that gets created), no worries. Simply go to the Toolbox, select "File → Panels" in menu right there and then click on the name of the panel you need.

The most important panels are:

  • Layers Panel — shows you the hierarchy of the layer of your working canvas. It also allows you to manipulate these layers.
  • Parameters Panel — shows you the parameters of the layer currently selected. When multiple layers are selected, only the parameters that the selected layers have in common are displayed.
  • Tool Options Panel — shows you any options specific to the currently selected tool.
  • Navigator — shows a thumbnail image of what the currently selected canvas looks like. You can also zoom in and move the focus around with this panel.
  • History Panel — shows you the history stack for the current composition. You can also edit the actions in history.

There are also many other panels in Synfig Studio. If you have no idea what a panel does, simply hold your mouse over its icon and a tooltip will pop up describing its function.

Under the hood

Введение

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

  1. Слой как правило представляет из себя один единственный объект — область, контур, импортированное изображение в формате JPEG и т.п. Не стоит этого пугаться, просто думайте о слоях в Synfig не как о слоях в привычном смысле слова, а как о списке объектов. Это обеспечивает большие возможности и контроль над рисунком. Несколько сотен слоёв в одном фрагменте анимации — обычное дело. Средства программы позволяют организовать их в виде иерархической структуры, чтобы у нас у всех крыша не поехала от попыток разобраться в этой куче.
  2. Слой может не только отображать своё содержимое поверх низлежащих слоёв, но также искажать и/или модифицировать их тем или иным образом. В этом плане слои в Synfig играют ту же роль, какую играют фильтры в программах Adobe Photoshop и GIMP (http://www.gimp.org/). Например, у нас есть в распоряжении слой размывания (Blur), слой радиального размывания (Radial Blur), слой сферического искажения (Spherize), слой цветокоррекции (Color Correction), слой фаски (Bevel), и пр.

Каждый слой имеет набор параметров, определяющих его поведение. Когда вы щёлкаете по слою (в окне с рисунком или на панели слоёв (Layers), эти параметры отображаются на панели свойств (Parameters Panel).

layer.png

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

Одна вещь, которая может броситься вам в глаза — это ЧРЕЗВЫЧАЙНАЯ медлительность программы. Программа настолько тормозная, что работа с ней на компьютерах 3-4 летней давности практически невозможна. Основная причина в том, что все цветовые операции выполняются с плавающей точкой — Synfig Studio изначально разрабатывалась с учётом возможной реализации поддержки High Dynamic Range Imaging.

Тем не менее, такая ситуация с быстродействием не будет длиться вечно. darco предлагает несколько определённо эффективных изменений и оптимизаций кода, которые должны существенно улучшить производительность. Причём результатом обещает быть увеличение быстродействия не на 200%, а на 2000%. Эти оптимизации также должны открыть дорогу к использованию аппаратного ускорения современных графических процессоров, что обеспечит дальнейший прирост производительности.

Интерфейс

Image:Toolbox.jpg

При запуске Synfig Studio отображает экран загрузки и затем появляются три окна. Окно в левом верхнем углу представляет из себя панель инструментов (Toolbox). С помощью неё вы можете открывать файлы, выбирать инструменты, менять цвета и т.п. Однако при запуске большинство кнопок неактивно, так как нет открытого файла.

Остальные два окна (одно снизу и одно справа) содержат различные панели и являются настраиваемыми. Вы можете перетаскивать панели с одного места на другое за их заголовки. Вы даже можете создавать новые окна, просто перетащив заголовок панели за пределы окна, внутри которого он был.

Не беспокойтесь, если вы случайно закрыли панель (перетащив её за пределы окна и закрыв вновь созданное в результате окно). Просто выберите "File->Dialogs" из меню панели инструментов и в открывшемся меню щёлкните на имя той панели, которую вы хотите вновь отобразить.

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

Вот наиболее важные панели:

  • Панель слоёв (Layers) — Отображает иерархию слоёв для текущего изображения. Также позволяет манипулировать слоями.
  • Панель свойств (Params) — Отображает свойства выделенного слоя (или, если выделено несколько слоёв, те свойства, которые имеет и тот и другой слой).
  • Панель свойств инструмента (Tool Options) — Позволяет изменять параметры текущего инструмента.
  • Панель навигации (Navigator) — Отображает уменьшенную копию рисунка, позволяет изменять масштаб и область отображения.
  • Панель истории действий (History) — Показывает редактируемый список предыдущих действий.

Если вы щёлкните кнопку Image:New File Button.jpg на панели инструментов или выберите из меню «File -> Создать...» ("File -> New"), будет создан новый файл и появится диалог свойств (Properties).

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

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

Первые шаги

Давайте теперь сделаем что-нибудь, с чем мы будем играться. Файл создан, окно свойств больше не маячит на экране, так что идём к панели инструментов и выбираем инструмент окружность (Circle).

Заметьте, что как только вы выберете этот инструмент, панель свойств инструмента (Params) изменится. Но мы разберёмся с ней позже.

Замечание: Те, кто работает с с Synfig Studio на ноутбуке могут столкнуться с проблемой, что при рисовании кругов либо не происходит ничего, либо ни с того ни с сего создаются ужасно большие круги. Это проблема взаимодействия Synfig и тачпада (touchpad). Чтобы исправить это, выберите из меню "File->Input Devices". В появившемся диалоге установите 'Disabled' ('Выключен') для устройства touchpad. После этого и внешняя мышь, и тачпад будут работать нормально.

Используя инструмент круг вы можете создавать круги в рабочем окне. Думаю, с этим проблем не возникнет — просто щёлкните мышью и, не отпуская левую кнопку, ведите мышь, пока не получится круг нужного вам радиуса. Давайте, сделайте парочку (или больше) кругов. Если вы случайно просто щёлкнули и сразу отпустили кнопку мыши (не перетаскивая), получится круг с нулевым радиусом, то есть невидимый. Без паники, идём на панель параметров, на ней мы сможем изменить свойства текущего объекта. А так как мы эту нашу окружность только что создали, то она и является текущим объектом. Найдите параметр 'Radius' ('Радиус') и придайте ему какое-нибудь значение, не равное нулю, например 10. Мы поиграемся с этим параметром позже с помощью «уТочек».

Теперь опять идём на панель инструментов и выбираем инструмент преобразования (чёрная стрелка в синем кружке). Затем щёлкните на одном из кругов. Вокруг выделенного круга тут же появится рамка (от которой пока никакого проку нет), зелёная точка в центре и синяя с краю. Эти точки называются управляющими точками, или просто уТочками. Если вы хотите изменить круг, просто перетащите уТочку куда-нибудь. Легко.

Итак, щёлкая на слое (или объекте, что одно и то же), вы его выделяете. Если хотите выделить одновременно более одного слоя, щёлкайте, удерживая нажатой клавишу Ctrl — это работает и в рабочем окне и на панели слоёв. Попробуйте!

Вы также можете выделять одновременно несколько уТочек, причём несколькими способами. Например, щёлкая на них, удерживая нажатой клавишу Ctrl, но это часто получается долго и скучно. Можно быстрее — щёлкните левой кнопкой и, не отпуская её, перемещайте мышь. На экране появится рамка выделения. Все уТочки, которые попадут в неё, будут выделены, когда вы отпустите кнопку мыши.

Давайте, выберите два круга и выделите все их уТочки. Если выделено несколько уТочек, перемещение одной из них перемещает все остальные. Вот что можно делать инструментом перемещения (Normal Tool).

Инструменты вращения (Rotate Tool) и масштаба (Scale Tool) ведут себя так же, как и инструмент преобразования, за исключением случаев, когда у вас выделено больше одной уТочки. Проще попробовать самим, чем читать про это. Выделите несколько кругов и попробуйте их вращать или масштабировать с помощью соответствующих инструментов.

Заметьте, что, в отличие от инструмента преобразования, остальные инструменты управления уТочками имеют параметры. Если какой-то инструмент делает не то, что вы хотите, загляните на панель свойств инструмента (Tool Options).

Связывание

Теперь попробуем функцию связывания. Предположим, мы хотим, чтобы наши окружности имели одинаковый размер. Выберите обе окружности и затем выделите их уТочки радиуса (те которые синенькие). Затем щёлкните правой кнопкой на любом из них и из появившегося меню выберите "Link" («Связать»). Бум! Теперь оба параметра зависят друг от друга. Проверьте сами - как только вы измените радиус одной окружности, радиус другой станет таким-же. Жесть, да?

Связывание является фундаментальной концепцией Synfig. Вы можете создавать связи не только между уТочками, но и между параметрами. Просто выделите одновременно несколько слоёв, щёлкните правой кнопкой на том параметре (на панели свойств), по которому хотите связать и выберите "Link" («Связать»).

Отступление: Таким макаром контуры присоединяются к областям—но я опять забегаю вперёд. На текущий момент, потенциал связывания в ядре Synfig гораздо выше тех возможностей, которые предоставляет Synfig Studio. В будуйщем эта ситуация должна измениться. Едем дальше...

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

Но иногда хочется просто выбрать цвет из набора. Здесь на помощь приходит панель палитры (Palette Editor). Она ещё не на 100% функциональна (например, ещё не реализовано сохранение набора цветов), но это лучше чем ничего. Щелчок на нужном цвете немедленно изменит основной цвет.

Это всё, конечно здорово, но мы до сих пор не изменили цвет нашей окружности. Есть два способа сделать это. Первый - выделить слой с окружностью и на панели свойств (Params) дважды щёлкнуть в ячейке цвета напротив свойства "Color" («Цвет»). Появится диалог, позволяющий изменить его. Но предположим, что у вас уже выбран нужный цвет в качестве основного. Тогда просто щёлкните на инструменте заливки (Fill) на панели инструментов и затем щёлкните на окружности. Бум. Окружность перекрасилась. Это работает не только на окружностях и мы доберёмся до этого через минуту.

Поиграйтесь с кружками немножко. Попробуйте поменять различные параметры и посмотрите что получится. Например, попробуйте поменять параметр Feather.

Копаем глубже

Разумеется, мы сейчас рассмотрели основные возможности Synfig Studio, но совершенно не затронули анимацию. Её мы рассмотрим в следующем уроке.


Languages Language: 

English • čeština • Deutsch • español • suomi • français • italiano • 日本語 • Nederlands • polski • português • română • русский • 中文(中国大陆)‎ • 中文(台灣)‎