Doc:Walk Cycle/ru - Revision history

Zelgadis: /* Создание цикла ходьбы */

2018-04-07T14:22:40Z

‎Создание цикла ходьбы

D.j.a.y: {{Category|ImportArt}}

2016-03-31T12:02:15Z

Zelgadis: Zelgadis moved page Walk Cycle/ru to Doc:Walk Cycle/ru: Tutorials should be in Doc namespace

2013-02-12T14:27:27Z

Zelgadis moved page Walk Cycle/ru to Doc:Walk Cycle/ru: Tutorials should be in Doc namespace

Zurba11: /* Создание цикла ходьбы */

2012-02-09T11:52:47Z

‎Создание цикла ходьбы

Zurba11: /* Создание цикла ходьбы */

2012-02-09T10:57:35Z

‎Создание цикла ходьбы

Zurba11: /* Создание цикла ходьбы */

2012-02-08T20:10:48Z

‎Создание цикла ходьбы

Zurba11: /* Constructing a Walk cycle */

2012-02-08T16:04:19Z

‎Constructing a Walk cycle

Zurba11: Created page with " {{Title|Анимация "Шагающего человечка"}} {{Category|Tutorials}} {{Category|Tutorials Advanced}} == Файл "..."

2012-02-07T11:55:55Z

Created page with " {{Title|Анимация "Шагающего человечка"}} {{Category|Tutorials}} {{Category|Tutorials Advanced}}  == Файл "..."

New page

{{Title|Анимация "Шагающего человечка"}}
{{Category|Tutorials}}
{{Category|Tutorials Advanced}}


== Файл "Список" (List) ==

Одна из самых не очевидных возможностей Synfig кроется в использовании слоя "Импорт изображения" (Import Image layer). Помимо того что он позволяет просто импортировать основные графические форматы хранения изображений он также может работать с файлом ".lst". Этот файл "Список" простой текстовый файл хранящий информацию о "Частоте кадров" (framerate) и список файлов с изображениями которые будут использоваться (если частота кадров не будет указана то используется её значение равное 15 FPS (кадров в секунду)).

Вот пример от "Voria Studios", он содержит 4 неподвижных изображения персонажа в разных стадиях цикла ходьбы. Эта последовательность изображений по сути 4 кадра которые повторяясь создадут идущего персонажа.

Вот эти изображения 
<gallery widths="104px" heights="216px">
Image:frame_01.jpg|Frame 1
Image:frame_02.jpg|Frame 2
Image:frame_03.jpg|Frame 3
Image:frame_04.jpg|Frame 4
</gallery>

А вот начало файла "lst". 
<code>
FPS 4 
frame_01.jpg 
frame_02.jpg 
frame_03.jpg 
frame_04.jpg 
frame_01.jpg 
frame_02.jpg 
frame_03.jpg 
frame_04.jpg 
frame_01.jpg 
frame_02.jpg 
frame_03.jpg 
frame_04.jpg 
...</code> 

== Constructing a Walk cycle ==
Let's take a look at how we can use these images to create a complete walk cycle for a character in Synfig.

Start with a new canvas and add a timeline of several seconds with the default framerate of 24 FPS. On the canvas, select the Caret > Layer, New layer, Other, Import Image.

This creates a new Import Image layer, but nothing will show up until the filename is selected. Go to the Params dialog and scroll down to Filename. There you can navigate to the '.lst' file and select open.
Now you should see the first image in the list. Moving forward along the timeline will show successive images from the list every 6 frames. You can preview or render these as is and get a low frame rate animation.

But the result doesn't look very smooth, and the images are not very flexible. (The images can be translated, rotated and stretched, but no elements within the images can be changed.) To make a fully editable character we need to trace over it with Synfig elements such as Blines or Draw layers.

I work with a drawing tablet, so the easiest solution for me is to use the {{l|Draw Tool}}. Move back to frame 0, select the draw tool and trace over the character. I find it easiest to break the character down into several regions (Head, Left Arm, Right Arm, Torso, Left Leg, Right Leg). As a helpful tip, if the shape didn't come out quite right, go to the layer menu and uncheck the region checkbox - this will allow you to see the image below as you drag the ducks around to correct your line.

{{l|Image:Synfig_walk.png|488x192px}}

Once you've finished Frame 0, move along the timeframe to Frame 6. Instead of tracing, this time we're going to take the existing elements and reposition them to match the image. Again, turning off the region layers will allow you to see the image below as you edit them. Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning. [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]

Repeat for Frames 12 & 18, then you can turn off the Import Image layer (uncheck the checkbox in the layer menu). Now, even though we've only drawn 4 keyframes, by the power of Synfig, we can render a smooth 24 frames of man walking. Add a 1 second timeloop layer on top, and the man will pace on the spot for the length of your animation.

{{l|Image:walk.gif}}

Adding Translation layer will enable your character to walk from one side of the canvas to the other (or moonwalk backwards if you're so inclined.)

{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file. Unzip them in the same directory and open the newwalk.sif file with synfig.

@@ Line 41: / Line 41: @@
 Давайте теперь разберёмся как использовать эти изображения для того чтобы создать законченный цикл ходьбы персонажа в Synfig.
-Начните с создания нового холста, добавьте линию времени длинной в несколько секунд со стандартной частотой кадров в 24 FPS. В меню холста выберите Слой > Создать слой > Прочие > Импорт изображения (Caret > Layer, New layer, Other, Import Image).
+Начните с создания нового холста, со стандартной частотой кадров в 24 FPS. В меню холста выберите Слой > Создать слой > Прочие > Импорт изображения (Caret > Layer, New layer, Other, Import Image).
 Теперь у нас есть новый Слой "Импорт изображения", но он остаётся пустым до тех пор пока не указан путь к файлу для импорта. Найдите строку "Имя Файла" (Filename) на панели параметров и укажите в ней путь к файлу ".lst".

@@ Line 48: / Line 48: @@
 У меня графический планшет, поэтому для меня больше подойдёт Векторный карандаш {{l|Draw Tool}}. Вернитесь обратно на нулевой кадр, выберите инструмент которым будете трассировать персонаж. Проще всего создать отдельные элементы нескольких областей (Голова, Левая рука, Правая рука, Торс, Левая нога, Правая нога). Дам вам полезный совет, чтобы лучше видеть оригинал во время трассировки отключите слой заливки сняв соответствующий флажок на панели слоёв, это позволит вам видеть изображение внизу и правильней подогнать форму под оригинал с помощью контрольных точек.
 {{l|Image:Synfig_walk.png|488x192px}}
 Когда закончите на нулевом кадре, переместитесь по шкале времени на 6 кадр. Вместо того чтоб трассировать в этот раз мы переместим уже имеющиеся элементы так чтобы они совпали с изображением. Снова отключите слой заливки чтобы видеть изображение внизу и можете начинать. Используйте инструмент вращения и инструмент перемещения чтобы подогнать элементы персонажа, с помощью контрольных точек предайте им нужную форму. [Не забудьте перед этим переключиться в "Режим редактирования анимации" (Animate Editing Mode) как это сделать описано в {{L|Doc:Animation Basics}}]
-Once you've finished Frame 0, move along the timeframe to Frame 6.  Instead of tracing, this time we're going to take the existing elements and reposition them to match the image.  Again, turning off the region layers will allow you to see the image below as you edit them.  Use the rotate and translate tools to reposition the body parts, adjusting the line ducks for fine tuning.  [Don't forget to switch to "Animate Editing Mode" as explained in {{L|Doc:Animation Basics}}.]
+Повторите эти действия на 12 и 18 кадрах, после чего вы можете отключить слой "импорт изображения"(сняв флажок с него на панели слоёв). Теперь, не смотря на то что мы нарисовали только четыре кадра, используя мощь Synfig мы можем отрендерить плавную (24 кадра в секунду) анимацию цикла ходьбы. Добавьте сверху слой "Петля времени" (timeloop layer) с длительностью 1 секунда и персонаж будет шагать на месте на всём протяжении анимации.
 {{l|Image:walk.gif}}
-{{l|media:walk.zip|Here is a zipfile}} with the list file, 4 still images, and the finished Synfig file.  Unzip them in the same directory and open the newwalk.sif file with synfig.
+Добавив слой "Перемещение" (Translation layer) вы сможете заставить персонаж двигаться вперёд от одной части холста к другой (или двигаться назад, лунной походкой, если так вам больше нравится)

@@ Line 42: / Line 42: @@
 Начните с создания нового холста, добавьте линию времени длинной в несколько секунд со стандартной частотой кадров в 24 FPS. В меню холста выберите Слой > Создать слой > Прочие > Импорт изображения (Caret > Layer, New layer, Other, Import Image).
-Теперь у нас есть новый Слой "Импорт изображения", но он остаётся пустым до тех пор не указан путь к файлу для импорта. Найдите строку "Имя Файла" (Filename) на панели параметров и укажите в ней путь к файлу ".lst".
+Теперь у нас есть новый Слой "Импорт изображения", но он остаётся пустым до тех пор пока не указан путь к файлу для импорта. Найдите строку "Имя Файла" (Filename) на панели параметров и укажите в ней путь к файлу ".lst".
 Теперь вы должны видеть первое изображение из списка. Продвигаясь вперёд по шкале кадров вы увидите расположенные последовательно изображения из списка на каждом 6 кадре. Вы можете сделать предпросмотр или визуализировать (отрендерить) эту последовательность в нынешнем виде и получите анимацию с низкой кадровой частотой.

@@ Line 3: / Line 3: @@
 {{Category|Tutorials}}
 {{Category|Tutorials Advanced}}
 <!-- Page info end -->

← Older revision	Revision as of 14:27, 12 February 2013
(No difference)

@@ Line 36: / Line 36: @@
 ...</code><br>
-== Constructing a Walk cycle ==
+== Создание цикла ходьбы ==
-Let's take a look at how we can use these images to create a complete walk cycle for a character in Synfig.
-Start with a new canvas and add a timeline of several seconds with the default framerate of 24 FPS.  On the canvas, select the Caret > Layer, New layer, Other, Import Image.
+Давайте теперь разберёмся как использовать эти изображения для того чтобы создать законченный цикл ходьбы персонажа в Synfig.
-This creates a new Import Image layer, but nothing will show up until the filename is selected.  Go to the Params dialog and scroll down to Filename.  There you can navigate to the '.lst' file and select open.
+Начните с создания нового холста, добавьте линию времени длинной в несколько секунд со стандартной частотой кадров в 24 FPS. В меню холста выберите Слой > Создать слой > Прочие > Импорт изображения (Caret > Layer, New layer, Other, Import Image).
-Now you should see the first image in the list.  Moving forward along the timeline will show successive images from the list every 6 frames.  You can preview or render these as is and get a low frame rate animation.
 I work with a drawing tablet, so the easiest solution for me is to use the {{l|Draw Tool}}.  Move back to frame 0, select the draw tool and trace over the character.  I find it easiest to break the character down into several regions (Head, Left Arm, Right Arm, Torso, Left Leg, Right Leg).  As a helpful tip, if the shape didn't come out quite right, go to the layer menu and uncheck the region checkbox - this will allow you to see the image below as you drag the ducks around to correct your line.