Difference between revisions of "Doc:Adding Layers/ru"

From Synfig Studio :: Documentation
Jump to: navigation, search
(Screenshots added)
(Несколько новых параграфов)
Line 34: Line 34:
  
 
Выделите слой градиента и слой прямоугольника на [[Панель слоёв|панели слоёв]].
 
Выделите слой градиента и слой прямоугольника на [[Панель слоёв|панели слоёв]].
Затем щёлкните правой кнопкой мыши на них и выберите пункт "Encapsulate" (Изолировать). Вместо наших двух слоёв появится один слой под названием "[[Объединяющий слой|Inline Canvas]]" с треугольничком сбоку.
+
Затем щёлкните правой кнопкой мыши на них и выберите пункт "Encapsulate" (Изолировать). Вместо наших двух слоёв появится один слой под названием "[[Объединяющий слой|Inline Canvas]]" (Объединяющий слой) с треугольничком сбоку.
  
 
Вы можете обращаться с этим слоем точно также, как и с любым другим - перемещать, копировать, и т. д. Щёлкнув на треугольничке рядом с его значком вы можете получить доступ к его содержимому - слою градиента и слою с прямоугольником.
 
Вы можете обращаться с этим слоем точно также, как и с любым другим - перемещать, копировать, и т. д. Щёлкнув на треугольничке рядом с его значком вы можете получить доступ к его содержимому - слою градиента и слою с прямоугольником.
Line 44: Line 44:
 
[[Image:Adding-layers-tutorial-2.jpg]]
 
[[Image:Adding-layers-tutorial-2.jpg]]
  
Тем не менее, проблема так и осталась - градиент всё ещё покрывает весь рисунок, а не ограничен прямоугольником. Без паники, просто выделяем слой градиента на [[Панель слоёв|панели слоёв]] и ищем на [Панель свойств|панели свойств] (Params) параметр под названием "Blend Method" ([[Метод смешивания]]). Дважды щёлкните на слове [[Метод смешивания#Composite|Composite]] напротив названия параметра и из раскрывшегося списка выберите пункт [[Метод смешивания#Onto|Onto]] (Наложение).
+
Тем не менее, проблема так и осталась - градиент всё ещё покрывает весь рисунок, а не ограничен прямоугольником. Без паники, просто выделяем слой градиента на [[Панель слоёв|панели слоёв]] и ищем на [[Панель свойств|панели свойств]] (Params) параметр под названием "Blend Method" ([[Метод смешивания]]). Дважды щёлкните на слове [[Метод смешивания#Composite|Composite]] напротив названия параметра и из раскрывшегося списка выберите пункт [[Метод смешивания#Onto|Onto]] (Наложение).
  
 
[[Image:Adding-layers-tutorial-3.jpg]]
 
[[Image:Adding-layers-tutorial-3.jpg]]
Line 52: Line 52:
 
[[Image:Adding-layers-tutorial-4.jpg]]
 
[[Image:Adding-layers-tutorial-4.jpg]]
  
= Непереведённая часть =
+
Использование изоляции слоёв для структурирования рисунка значительно упрощает работу с Synfig Studio. Но многие другие программы позволяют делать то же самое.  Только что продемонстрированная концепция ограничения влияния одного слоя на другие ставит Synfig отдельно от программ, позволяющих упорядочивать слои просто в виде иерархической структуры.
  
If only for the additional organization, encapsulating layers into inline canvases dramatically improves the ease of use of Synfig Studio. But lots of programs can do this. The concept of scope as just demonstrated sets Synfig apart from other programs with layer hierarchies.
+
Итак, слой может изменять отображение лишь тех слоёв, которые находятся непосредственно под ним. Другими словами, если вы положите [[Слой размывания]] (Blur Layer) внутрь [[Объединяющий слой|объединяющего слоя]] (Inline Canvas), который мы только что создали, то он будет размывать только слои находящиеся под ним внутри непосредственно под ним. Любые слои, находящиеся за пределами [[Объединяющий слой|объединяющего слоя]] не будут размыты!
  
However, a layer can only modify the data that it gets from directly below it. In other words, if you were to throw a [[Blur Layer]] on top of the layers inside the [[Paste Canvas|inline canvas]] we just created, it would just blur them -- anything under the inline canvas would not be blurred!
+
Давайте проверим это. Создайте пару красных [[Инструмент окружность|окружностей]] так, чтобы они пересекались с [[Объединяющий слой|объединяющим слоем]]. Затем на [[Панель слоёв|панели слоёв]] перетащите [[Объединяющий слой|объединяющий слой]] на самый верх стопки слоёв, чтобы он был поверх окружностей.
  
Let's try it. Add a few circles under the inline canvas we just created. Expand the inline canvas to show its contents, and select the top layer inside of it (should be the "Outline" layer). This is where we want to insert the blur. Right click on the selected layer and a popup menu will appear. The first item in that popup is "New Layer". Inside of the "New Layer" menu, you'll see several categories of layers you could create, but what we want is a blur, so goto the Blur category and select the "Blur" layer. (so that would be "New Layer->[[Blur Layer Category|Blurs]]->[[Blur Layer|Blur]]")
+
[[Image:Adding-layers-tutorial-5.jpg]]
  
Well, it blurred... but something is not quite right--the inside edge of the outline is now all soft, but it still kinda looks like there is a hard edge on the outside. It is doing this because the blend method of the blur defaulted to "[[Blend Method#Composite|Composite]]" (you can change the [[New Layer Defaults#Default Blend Method|default blend method]] for new layers from the [[New Layer Defaults]] section of the [[Toolbox]]). What we want is a blend method of "[[Blend Method#Straight|Straight]]". Just select the blur layer, and change the [[Blend Method]] to "[[Blend Method#Straight|Straight]]" in the [[Params Dialog]].  
+
Теперь раскройте слой "[[Объединяющий слой|Inline Canvas]]" и выберите самый верхний слой внутри него (это должен быть слой "Gradient"). Создайте ещё одну окружность чёрного цвета так, как показано на рисунке. Она будет создана поверх слоя "Gradient".
  
(NOTE: I will probably change the way that default blend methods are handled in the future--as the way it is currently handled seems to only create hassles like this)
+
[[Image:Adding-layers-tutorial-6.jpg]] [[Image:Adding-layers-tutorial-7.jpg]]
  
Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!
+
На [[Панель слоёв|панели слоёв]] щёлкните на только что созданном слое с окружностью правой кнопкой и выберите из появившегося меню пункт "New Layer" (Новый слой). Раскроется подменю, внутри которого вы увидеите список различных категорий слоёв, которые вы можете создавать. Нам нужно размытие, поэтому выберите категорию "Blurs", и затем внутри неё пункт "Blur". (Таким образом, вы выбрали команду "New Layer -> Blurs -> Blur".)
 +
 
 +
[[Image:Adding-layers-tutorial-8.jpg]]
 +
 
 +
Ну что-ж, размытие получилось... но что-то опять не так - внешний край размытого слоя по прежнему чёткий, несмотря на то что внутри всё размыто. Это всё потому, что [[Метод смешивания]] (Blend Method) по-умолчанию для слоёв установлен в значение [[Метод смешивания#Composite|Composite]]. Чтобы всё было нормально, нам нужно изменить [[Метод смешивания]] на [[Метод смешивания#Straight|Straight]]. Для этого просто выделите только что созданный [[Слой размывания]] и на [[Панель свойств|панели свойств]] измените параметр "Blend Method" на [[Метод смешивания#Straight|Straight]].
 +
 
 +
: Замечание: Вы можете изменить [[Метод смешивания]], устанавливаемый по-умолчанию для новых слоёв с помощью секции [[Параметры нового слоя]] (New Layer Defaults) на [[Панель инструментов|панели инструментов]]. Возможно, в будуйщих версиях программы способ задания [[Метод смешивания|метода смешивания]] для новых слоёв будет изменён.
 +
 
 +
[[Image:Adding-layers-tutorial-9.jpg]] [[Image:Adding-layers-tutorial-10.jpg]]
 +
 
 +
Отлично, теперь всё содержимое [[Объединяющий слой|объединяющего слоя]] "Inline Canvas" размыто, но то что под ним - нет.
 +
 
 +
= Непереведённая часть =
  
 
== Digging further... ==
 
== Digging further... ==

Revision as of 10:38, 1 January 2008

Languages Language: 

English • Deutsch • español • suomi • français • italiano • Nederlands • 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'e используются слои. Они чем-то похожи на те слои, с которыми вы, возможно, имели дело в других графических программах типа GIMP.

Тем не менее, слои в Synfig'е отличается от обычных слоёв тем, что:

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


Работает это всё достаточно просто. Давайте посмотрим на простом примере.

  1. Создайте файл. Не заморачивайтесь с его длинной, пусть она будет нулевая - сейчас это абсолютно не важно.
  2. Нарисуйте произвольный прямоугольник с помощью соответствующего инструмента.

Rectangle-tool-on-panel.jpg


Adding-layers-tutorial-0.jpg

Комбинирование слоёв

Теперь необходимо сделать две вещи. Во-первых, выберите Инструмент градиент (Gradient) на панели инструментов (Toolbox), щёлкните левой кнопкой на рабочей области и не, отпуская кнопку, переместите мышь на некоторое расстояние. Затем отпустите кнопку. На экране появится переход от одного цвета к другому, а на панели слоёв (Layer Dialog) он будет виден как новый слой под названием "Gradient". Чтобы изменить градиент, щёлкните на этот слой и с помощью инструмента перемещения (Normal Tool) измените положение его уТочек.

Adding-layers-tutorial-1.jpg

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

Выделите слой градиента и слой прямоугольника на панели слоёв. Затем щёлкните правой кнопкой мыши на них и выберите пункт "Encapsulate" (Изолировать). Вместо наших двух слоёв появится один слой под названием "Inline Canvas" (Объединяющий слой) с треугольничком сбоку.

Вы можете обращаться с этим слоем точно также, как и с любым другим - перемещать, копировать, и т. д. Щёлкнув на треугольничке рядом с его значком вы можете получить доступ к его содержимому - слою градиента и слою с прямоугольником.

Если хотите изменить имя объединяющего слоя на что-то более информативное, просто выделите его на панели слоёв и щёлкните на его названии. Вы можете переименовывать таким образом ЛЮБОЙ слой, что вам настоятельно рекомендую.

Использование изоляции

Adding-layers-tutorial-2.jpg

Тем не менее, проблема так и осталась - градиент всё ещё покрывает весь рисунок, а не ограничен прямоугольником. Без паники, просто выделяем слой градиента на панели слоёв и ищем на панели свойств (Params) параметр под названием "Blend Method" (Метод смешивания). Дважды щёлкните на слове Composite напротив названия параметра и из раскрывшегося списка выберите пункт Onto (Наложение).

Adding-layers-tutorial-3.jpg

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

Adding-layers-tutorial-4.jpg

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

Итак, слой может изменять отображение лишь тех слоёв, которые находятся непосредственно под ним. Другими словами, если вы положите Слой размывания (Blur Layer) внутрь объединяющего слоя (Inline Canvas), который мы только что создали, то он будет размывать только слои находящиеся под ним внутри непосредственно под ним. Любые слои, находящиеся за пределами объединяющего слоя не будут размыты!

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

Adding-layers-tutorial-5.jpg

Теперь раскройте слой "Inline Canvas" и выберите самый верхний слой внутри него (это должен быть слой "Gradient"). Создайте ещё одну окружность чёрного цвета так, как показано на рисунке. Она будет создана поверх слоя "Gradient".

Adding-layers-tutorial-6.jpg Adding-layers-tutorial-7.jpg

На панели слоёв щёлкните на только что созданном слое с окружностью правой кнопкой и выберите из появившегося меню пункт "New Layer" (Новый слой). Раскроется подменю, внутри которого вы увидеите список различных категорий слоёв, которые вы можете создавать. Нам нужно размытие, поэтому выберите категорию "Blurs", и затем внутри неё пункт "Blur". (Таким образом, вы выбрали команду "New Layer -> Blurs -> Blur".)

Adding-layers-tutorial-8.jpg

Ну что-ж, размытие получилось... но что-то опять не так - внешний край размытого слоя по прежнему чёткий, несмотря на то что внутри всё размыто. Это всё потому, что Метод смешивания (Blend Method) по-умолчанию для слоёв установлен в значение Composite. Чтобы всё было нормально, нам нужно изменить Метод смешивания на Straight. Для этого просто выделите только что созданный Слой размывания и на панели свойств измените параметр "Blend Method" на Straight.

Замечание: Вы можете изменить Метод смешивания, устанавливаемый по-умолчанию для новых слоёв с помощью секции Параметры нового слоя (New Layer Defaults) на панели инструментов. Возможно, в будуйщих версиях программы способ задания метода смешивания для новых слоёв будет изменён.

Adding-layers-tutorial-9.jpg Adding-layers-tutorial-10.jpg

Отлично, теперь всё содержимое объединяющего слоя "Inline Canvas" размыто, но то что под ним - нет.

Непереведённая часть

Digging further...

If you care to look into Synfig's main menu 'Layer > New Layer' you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual; 'Transform > Rotate' for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the previous animation tutorial, you can change them to be different on certain keyframes. Synfig will take care of interpolating the steps in between.

For example, you could create a star from the Layer Menu, add a Rotate Layer. Combine this with the lesson learned in the last tutorial and you can create a rotating star. Change its color, too, and you'll get a quite impressive effect for 2 minutes of work.


Languages Language: 

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