Synfig Studio :: Documentation - User contributions [en]

Doc talk:Animation Basics/ru

2008-11-12T11:59:24Z

Techtonik: Lost in Translation

В последней версии Synfig Studio замечены следующие изменения, не совпадающие с туториалом:
* Новый файл автоматически создаётся при запуске программы. (см. "Подготовка рабочего места")
* Этот файл _уже_ имеет длину 5s (см. "Подготовка рабочего места")
* ...Следовательно ползунок времени уже присутствует по-умолчанию. (см. "Добавляем движение" - абзац в начале)
* При щелчке на End Time (см. "Подготовка рабочего места") значение поля ввода больше не превращается в нотацию вида '0h 0m 0s 0f'.

В связи с этим ставится вопрос о переработке туториала.

: А чего это он ставится на русской версии? Это ведь просто перевод. На [http://synfig.org/forums/viewforum.php?f=9 форум] его или на [[Talk:Animation_Basics]], а лучше сразу в [[Bugs|багтрекер]]. --[[User:Techtonik|Techtonik]] 05:10, 12 November 2008 (EST)

== Lost in Translation ==

Не могу не прокомментировать поправки:

[http://synfig.org/index.php?title=Animation_Basics.ru&diff=8166&oldid=8165 diff 8166] - заумно получилось. По первому абзацу возникает вопрос - в какие определённые моменты времени надо изменять рисунок? "во время анимации с окружностью произойдёт три ключевых изменения" - что такое ключевое изменение? Чем не нравиться слово 'сцена' или 'шаг'? Может быть попроще, т.к. основная целевая аудитория всё таки люди без технического образования, может быть даже дети? Хотя им уже проще английский вариант читать. =) --[[User:Techtonik|Techtonik]] 06:59, 12 November 2008 (EST)

[http://synfig.org/index.php?title=Animation_Basics.ru&diff=next&oldid=8166 diff 8167] - в последнем абзаце логическая связка теряется. Если "например" стоит в середине, то мы начинем новую мысль. Если он стоит в начале, то мы продолжаем предыдущую. Пример в последнем абзаце не имеет прямой логической сязи к информации о нумерации кадров с нуля из предыдущего абзаца, поэтому "например" в начале предложения читается странно. --[[User:Techtonik|Techtonik]] 06:59, 12 November 2008 (EST)

[http://synfig.org/index.php?title=Animation_Basics.ru&diff=next&oldid=8167 diff 8168] - есть какое-то принципиальное отличие между "временной шкалой" и "шкалой времени"? =) --[[User:Techtonik|Techtonik]] 06:59, 12 November 2008 (EST)

[http://synfig.org/index.php?title=Animation_Basics.ru&diff=next&oldid=8168 diff 8169] - аналогично, если есть какая-то принципиальная разница между "click on it" или "click it", то в оригинале именно второе, а в поправке - первое. Кстати, в последней версии оно так не работает. Не очень понятно зачем править второй абзац? - начинаю сомневаться в своих знаниях русского.. По третьему абзацу тоже не могу проигнорировать. Обычно стараются делать документацию на русском в безличном "наклонении". Здесь даже в английском оригинале это правило сохранилось. Потом как можно "ошибиться с размером и положением", если изначально не известно, каким он должен быть? =) --[[User:Techtonik|Techtonik]] 06:59, 12 November 2008 (EST)

Doc talk:Animation Basics/ru

2008-11-12T10:10:12Z

Techtonik:

Doc:Animation Basics/ru

2008-11-11T18:01:32Z

Techtonik: /* Список ключевых кадров */ + чуть-чуть перефразировать

[[Category:Tutorials.ru]]

== Введение ==

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

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

Поехали!

== Подготовка рабочего места ==

Запустите Synfig Studio и создайте новый файл. Нажмите на стрелку между горизонтальной и вертикальной линейками вверху слева, чтобы через меню "Edit" -> "Properties" вызвать [[File Properties Dialog.ru|диалог свойств файла]]. Дайте файлу название (Name) и описание (Description). Затем перейдите на вкладку Time (Время) и отредактируйте поле End Time (Конец). Непонятное значение '0f' (что значит нулевой кадр) превратится в '0h 0m 0s 0f', позволяя установить время окончания анимации в часах (h), минутах (m), секундах (s) и кадрах (f), как только вы его щёлкните. Установите значение равное двум секундам: '0h 0m 2s 0f'.

[[Image:File Properties Dialog - End Time.jpg]]

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

http://www.mondojohnson.com/Synfig/synfig_tut_2.png

Теперь нам нужна окружность. Измените основной цвет на красный и нарисуйте окружность. Не беда, если она вышла не идеальной - всё можно поправить. Для этого выберите [[Normal Tool.ru|обычный инструмент]] и щёлкните по окружности. В центре и у края круга появятся [[Duck.ru|уТочки]], позволяющие изменить положение и радиус.

http://www.mondojohnson.com/Synfig/synfig_tut_3.png

Итак, мы нарисовали объект и научились его двигать. Но как вы могли заметить, это ещё не анимация. Давайте теперь посмотрим как работает всё это хозяйство.

== Добавляем движение ==
В самом начале в свойствах файла мы установили значение End Time (Конец) равное двум секундам (2s). Благодаря этому у нашего рабочего окна появились дополнительные элементы. Например, серенький ползунок времени внизу. Щёлкнув по нему можно перейти к моменту времени, который отметится на ползунке оранжевой полоской.

Чтобы создать движение, необходимо перейти в "режим анимации". Для этого справа от ползунка есть зелёная кнопка. Если на неё нажать, то вокруг рисунка появится красная рамка - напоминание о том, что все действия с объектами будут влиять на их движение во времени.

http://www.mondojohnson.com/Synfig/synfig_tut_4.png

Ранее были упомянуты три шага или сцены нашей анимации. Эти шаги представляют так называемые [[Keyframe.ru|ключевые кадры]]. Ключевой кадр — это картинка, на которой фиксируется положение объектов в определённый момент времени. Обычно в этот момент с ними происходит что-то важное.

Для работы с ключевыми кадрами перейдите на [[Keyframes Panel.ru|панель ключевых кадров]], щёлкнув на её [[Dock Tab.ru|заголовке]] (он находится в нижнем окне и на нём изображён ключик). Если его не видно - попробуйте перейти через меню "File" -> "Panels" -> "Keyframes". Теперь щёлкните на маленькую кнопку со значком "плюс" — в списке появится новый элемент '0f, 0f, (JMP)'. Ваш первый ключевой кадр.

http://www.mondojohnson.com/Synfig/params.png

Если этого не произошло, значит вы сделали что-то не то. Закройте файл и начните сначала.

Если всё нормально, идём дальше. Перейдите на ползунке времени в позицию '1s'. Оранжевый маркер должен сдвинуться на это место. Добавьте ещё один ключевой кадр, снова щёлкнув на кнопку со значком "плюс". Повторите операцию для значения '2s' на временной шкале. Теперь у вас должно быть три ключевых кадра.

== f-ки и s-ки: Разбираем обозначения ==
Вы уже наверняка давно сообразили, что означают аббревиатуры типа '1s 0f'.
Они указывают на конкретные точки на ползунке времени, выражая время в секундах (s) и кадрах (f).

Каждая секунда делится на 24 кадра, также как метр на рулетке делится на 100 сантиметров. Кадры нумеруются с нуля (0) до 23-х. На 24ом кадре начинается новая секунда, и кадры опять начинают нумероваться с нуля.

В таких обозначениях, например, "третий кадр шестой секунды" будет записан как "5s 3f". Почему "5s", а не "6s"? Потому что мы всегда начинаем считать "с нуля".

== Список ключевых кадров ==

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

Вы можете задать вопрос - что за странные надписи '(JMP)' в колонке 'Jump' (Переход)? На самом деле это ссылки, наподобие гиперссылок в web-браузере. Щёлкнув на ссылку можно переместиться в соответствующий момент на ползунке времени.

Это можно использовать для редактирования изображения в определённый момент времени. Перейдите, к примеру, к первой секунде и передвиньте красный кружок в правую часть экрана. Да-да, вот туда! Поздравляем с вашей первой анимацией в Synfig!

http://www.mondojohnson.com/Synfig/synfig_tut_5.png

Что, интересно где же тут анимация? Попробуйте перейти в произвольную точку на ползунке времени, и вы заметите, что кружок находится в положениях, куда вы его не ставили. Что происходит? Благодаря позициям круга на различных ключевых кадрах, Synfig может понять, какое движение вы хотите получить (передвинуть круг, в частности) и дорисовать промежуточные изображения между этими состояниями. Каждое изображение будет составлять кадр вашей анимации, и, в конечном итоге, круг будет двигаться.

== Рендеринг анимации ==

Прежде чем увидеть анимацию в окончательном виде, вам необходимо её обсчитать - выполнить [[Rendering.ru|рендеринг]]. Есть два способа сделать это. Первый - использовать Synfig Studio (с которой вы сейчас и работаете), второй - использовать консольную программу synfig.

Для начала выйдите из режима анимации, щёлкнув на кнопку с красным значком в правой части ползунка времени. Затем сохраните файл, например под именем Circle.sifz.

Теперь попробуем [[Rendering.ru|отрендерить]] анимацию первым способом. Щёлкните на [[Canvas Menu Caret.ru|кнопке вызова меню]] (не забыли? она в левом верхнем углу рабочего окна) и выберите "File" -> "Render". Нажмите кнопку "Choose..." ("Выбрать..."), укажите имя файла - "Circle.gif" - и каталог, куда хотите отрендерить. Также в поле "Target" ("Целевой формат") вместо "Auto" выберите "gif".

Убедитесь, что галочка "Use current frame" ("Только текущий кадр") снята и нажмите "Render" ("Отрендерить").

Через некоторое время (которое зависит от мощности вашего компьютера) в строке состояния [[Canvas Window.ru|рабочего окна]] появится сообщение "File rendered successfully" ("Файл успешно отрендерен").

Теперь вы можете открыть файл Circle.gif в браузере или любой другой программе, способной воспроизводить анимированные gif'ы. Не знаю, как другие программы, но если вы открыли в браузере, то он будет воспроизводить вашу анимацию по кругу и вы сможете наслаждаться бегающим шариком сколько душе угодно. И если вы действительно видите движущийся кружок, то примите мои поздравления - вы только что успешно отрендерили вашу первую анимацию!

''Замечание: Вы также можете воспользоваться [[Preview.ru|предварительным просмотром]]. Для этого откройте [[Canvas Menu.ru|меню изображения]] и выберите "File" -> "Preview".

http://www.mondojohnson.com/Synfig/synfig_tut_6.png

Если вы предпочитаете командную строку, то откройте терминал, перейдите в директорию с файлом вашей анимации и введите что-то типа:

synfig -t gif Circle.sifz

На экране появится куча сообщений, можете не обращать на них внимания. Через некоторое время, которое зависит от мощности вашего процессора, появится строчка

BasicKnightRider.sifz ==> BasicKnightRider.gif: DONE

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

== Заключение ==

Разумеется, положение объекта это не единственная вещь, которую вы можете изменять. Существует огромное количество других параметров - размер, толщина контура, цвет и пр. В основном они меняются либо с помощью уТочек, либо с через [[Params Panel.ru|панель свойств]].

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

Doc:Animation Basics/ru

2008-11-11T17:36:14Z

Techtonik: /* f-ки и s-ки: Разбираем обозначения */ + немного прояснить примерчик

[[Category:Tutorials.ru]]

== Введение ==

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

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

Поехали!

== Подготовка рабочего места ==

Запустите Synfig Studio и создайте новый файл. Нажмите на стрелку между горизонтальной и вертикальной линейками вверху слева, чтобы через меню "Edit" -> "Properties" вызвать [[File Properties Dialog.ru|диалог свойств файла]]. Дайте файлу название (Name) и описание (Description). Затем перейдите на вкладку Time (Время) и отредактируйте поле End Time (Конец). Непонятное значение '0f' (что значит нулевой кадр) превратится в '0h 0m 0s 0f', позволяя установить время окончания анимации в часах (h), минутах (m), секундах (s) и кадрах (f), как только вы его щёлкните. Установите значение равное двум секундам: '0h 0m 2s 0f'.

[[Image:File Properties Dialog - End Time.jpg]]

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

http://www.mondojohnson.com/Synfig/synfig_tut_2.png

Теперь нам нужна окружность. Измените основной цвет на красный и нарисуйте окружность. Не беда, если она вышла не идеальной - всё можно поправить. Для этого выберите [[Normal Tool.ru|обычный инструмент]] и щёлкните по окружности. В центре и у края круга появятся [[Duck.ru|уТочки]], позволяющие изменить положение и радиус.

http://www.mondojohnson.com/Synfig/synfig_tut_3.png

Итак, мы нарисовали объект и научились его двигать. Но как вы могли заметить, это ещё не анимация. Давайте теперь посмотрим как работает всё это хозяйство.

== Добавляем движение ==
В самом начале в свойствах файла мы установили значение End Time (Конец) равное двум секундам (2s). Благодаря этому у нашего рабочего окна появились дополнительные элементы. Например, серенький ползунок времени внизу. Щёлкнув по нему можно перейти к моменту времени, который отметится на ползунке оранжевой полоской.

Чтобы создать движение, необходимо перейти в "режим анимации". Для этого справа от ползунка есть зелёная кнопка. Если на неё нажать, то вокруг рисунка появится красная рамка - напоминание о том, что все действия с объектами будут влиять на их движение во времени.

http://www.mondojohnson.com/Synfig/synfig_tut_4.png

Ранее были упомянуты три шага или сцены нашей анимации. Эти шаги представляют так называемые [[Keyframe.ru|ключевые кадры]]. Ключевой кадр — это картинка, на которой фиксируется положение объектов в определённый момент времени. Обычно в этот момент с ними происходит что-то важное.

Для работы с ключевыми кадрами перейдите на [[Keyframes Panel.ru|панель ключевых кадров]], щёлкнув на её [[Dock Tab.ru|заголовке]] (он находится в нижнем окне и на нём изображён ключик). Если его не видно - попробуйте перейти через меню "File" -> "Panels" -> "Keyframes". Теперь щёлкните на маленькую кнопку со значком "плюс" — в списке появится новый элемент '0f, 0f, (JMP)'. Ваш первый ключевой кадр.

http://www.mondojohnson.com/Synfig/params.png

Если этого не произошло, значит вы сделали что-то не то. Закройте файл и начните сначала.

Если всё нормально, идём дальше. Перейдите на ползунке времени в позицию '1s'. Оранжевый маркер должен сдвинуться на это место. Добавьте ещё один ключевой кадр, снова щёлкнув на кнопку со значком "плюс". Повторите операцию для значения '2s' на временной шкале. Теперь у вас должно быть три ключевых кадра.

== f-ки и s-ки: Разбираем обозначения ==
Вы уже наверняка давно сообразили, что означают аббревиатуры типа '1s 0f'.
Они указывают на конкретные точки на ползунке времени, выражая время в секундах (s) и кадрах (f).

Каждая секунда делится на 24 кадра, также как метр на рулетке делится на 100 сантиметров. Кадры нумеруются с нуля (0) до 23-х. На 24ом кадре начинается новая секунда, и кадры опять начинают нумероваться с нуля.

В таких обозначениях, например, "третий кадр шестой секунды" будет записан как "5s 3f". Почему "5s", а не "6s"? Потому что мы всегда начинаем считать "с нуля".

== Список ключевых кадров ==

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

А что это за странные надписи '(JMP)' в колонке 'Jump' (Переход)? Просто представьте что это гиперссылки, типа ссылок в вашем web-браузере. Просто щёлкните на них и курсор на ползунке времени автоматически перескочит в позицию, соответствующую нужному моменту.

Воспользуйтесь этим, чтобы отредактировать ваше изображение в конкретный момент времени. Например, перейдите к первой секунде и передвиньте красный кружок в правую часть экрана. Да-да, вот туда. Мои поздравления, вы создали вашу первую анимацию в Synfig!

http://www.mondojohnson.com/Synfig/synfig_tut_5.png

Вы спрашиваете где тут анимация? Просто щёлкните в произвольной точке ползунке времени и вы увидите, что кружок находится в положении, куда вы его не ставили! В чём дело? Благодаря позициям круга на различных ключевых кадрах, Synfig сообразила какое движение вы хотите получить и прорисовала промежуточные позиции между ключевыми кадрами. Каждая позиция курсора на ползунке времени - это кадр вашей анимации, которые, при быстром отображении на экране по порядку (воспроизведении) создают иллюзию движения.

== Рендеринг анимации ==

Прежде чем увидеть анимацию в окончательном виде, вам необходимо её обсчитать - выполнить [[Rendering.ru|рендеринг]]. Есть два способа сделать это. Первый - использовать Synfig Studio (с которой вы сейчас и работаете), второй - использовать консольную программу synfig.

Для начала выйдите из режима анимации, щёлкнув на кнопку с красным значком в правой части ползунка времени. Затем сохраните файл, например под именем Circle.sifz.

Теперь попробуем [[Rendering.ru|отрендерить]] анимацию первым способом. Щёлкните на [[Canvas Menu Caret.ru|кнопке вызова меню]] (не забыли? она в левом верхнем углу рабочего окна) и выберите "File" -> "Render". Нажмите кнопку "Choose..." ("Выбрать..."), укажите имя файла - "Circle.gif" - и каталог, куда хотите отрендерить. Также в поле "Target" ("Целевой формат") вместо "Auto" выберите "gif".

Убедитесь, что галочка "Use current frame" ("Только текущий кадр") снята и нажмите "Render" ("Отрендерить").

Через некоторое время (которое зависит от мощности вашего компьютера) в строке состояния [[Canvas Window.ru|рабочего окна]] появится сообщение "File rendered successfully" ("Файл успешно отрендерен").

Теперь вы можете открыть файл Circle.gif в браузере или любой другой программе, способной воспроизводить анимированные gif'ы. Не знаю, как другие программы, но если вы открыли в браузере, то он будет воспроизводить вашу анимацию по кругу и вы сможете наслаждаться бегающим шариком сколько душе угодно. И если вы действительно видите движущийся кружок, то примите мои поздравления - вы только что успешно отрендерили вашу первую анимацию!

''Замечание: Вы также можете воспользоваться [[Preview.ru|предварительным просмотром]]. Для этого откройте [[Canvas Menu.ru|меню изображения]] и выберите "File" -> "Preview".

http://www.mondojohnson.com/Synfig/synfig_tut_6.png

Если вы предпочитаете командную строку, то откройте терминал, перейдите в директорию с файлом вашей анимации и введите что-то типа:

synfig -t gif Circle.sifz

На экране появится куча сообщений, можете не обращать на них внимания. Через некоторое время, которое зависит от мощности вашего процессора, появится строчка

BasicKnightRider.sifz ==> BasicKnightRider.gif: DONE

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

== Заключение ==

Разумеется, положение объекта это не единственная вещь, которую вы можете изменять. Существует огромное количество других параметров - размер, толщина контура, цвет и пр. В основном они меняются либо с помощью уТочек, либо с через [[Params Panel.ru|панель свойств]].

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

Doc:Animation Basics/ru

2008-11-11T17:18:30Z

Techtonik: /* Добавляем движение */ + так оно вроде как полегче читаться будет

[[Category:Tutorials.ru]]

== Введение ==

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

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

Поехали!

== Подготовка рабочего места ==

Запустите Synfig Studio и создайте новый файл. Нажмите на стрелку между горизонтальной и вертикальной линейками вверху слева, чтобы через меню "Edit" -> "Properties" вызвать [[File Properties Dialog.ru|диалог свойств файла]]. Дайте файлу название (Name) и описание (Description). Затем перейдите на вкладку Time (Время) и отредактируйте поле End Time (Конец). Непонятное значение '0f' (что значит нулевой кадр) превратится в '0h 0m 0s 0f', позволяя установить время окончания анимации в часах (h), минутах (m), секундах (s) и кадрах (f), как только вы его щёлкните. Установите значение равное двум секундам: '0h 0m 2s 0f'.

[[Image:File Properties Dialog - End Time.jpg]]

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

http://www.mondojohnson.com/Synfig/synfig_tut_2.png

Теперь нам нужна окружность. Измените основной цвет на красный и нарисуйте окружность. Не беда, если она вышла не идеальной - всё можно поправить. Для этого выберите [[Normal Tool.ru|обычный инструмент]] и щёлкните по окружности. В центре и у края круга появятся [[Duck.ru|уТочки]], позволяющие изменить положение и радиус.

http://www.mondojohnson.com/Synfig/synfig_tut_3.png

Итак, мы нарисовали объект и научились его двигать. Но как вы могли заметить, это ещё не анимация. Давайте теперь посмотрим как работает всё это хозяйство.

== Добавляем движение ==
В самом начале в свойствах файла мы установили значение End Time (Конец) равное двум секундам (2s). Благодаря этому у нашего рабочего окна появились дополнительные элементы. Например, серенький ползунок времени внизу. Щёлкнув по нему можно перейти к моменту времени, который отметится на ползунке оранжевой полоской.

Чтобы создать движение, необходимо перейти в "режим анимации". Для этого справа от ползунка есть зелёная кнопка. Если на неё нажать, то вокруг рисунка появится красная рамка - напоминание о том, что все действия с объектами будут влиять на их движение во времени.

http://www.mondojohnson.com/Synfig/synfig_tut_4.png

Ранее были упомянуты три шага или сцены нашей анимации. Эти шаги представляют так называемые [[Keyframe.ru|ключевые кадры]]. Ключевой кадр — это картинка, на которой фиксируется положение объектов в определённый момент времени. Обычно в этот момент с ними происходит что-то важное.

Для работы с ключевыми кадрами перейдите на [[Keyframes Panel.ru|панель ключевых кадров]], щёлкнув на её [[Dock Tab.ru|заголовке]] (он находится в нижнем окне и на нём изображён ключик). Если его не видно - попробуйте перейти через меню "File" -> "Panels" -> "Keyframes". Теперь щёлкните на маленькую кнопку со значком "плюс" — в списке появится новый элемент '0f, 0f, (JMP)'. Ваш первый ключевой кадр.

http://www.mondojohnson.com/Synfig/params.png

Если этого не произошло, значит вы сделали что-то не то. Закройте файл и начните сначала.

Если всё нормально, идём дальше. Перейдите на ползунке времени в позицию '1s'. Оранжевый маркер должен сдвинуться на это место. Добавьте ещё один ключевой кадр, снова щёлкнув на кнопку со значком "плюс". Повторите операцию для значения '2s' на временной шкале. Теперь у вас должно быть три ключевых кадра.

== f-ки и s-ки: Разбираем обозначения ==
Сейчас вы, наверное уже сообразили, что значат эти аббревиатуры типа '1s 0f'.
Они указывают на конкретные точки на ползунке времени, выражая время в секундах (s) и кадрах (f).

Каждая секунда делится на 24 кадра, также как метр на рулетке делится на 100 сантиметров. Отметки кадров начинаются с нуля (0) и нумеруются до 24-х, где начинается и новая секунда, в которой кадры опять начинают нумероваться с нуля.

Например, вместо того чтобы говорить "третий кадр шестой секунды", мы пишем "5s 3f". Почему "5s", а не "6s"? Потому что мы всегда начинаем считать "с нуля".

== Список ключевых кадров ==

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

А что это за странные надписи '(JMP)' в колонке 'Jump' (Переход)? Просто представьте что это гиперссылки, типа ссылок в вашем web-браузере. Просто щёлкните на них и курсор на ползунке времени автоматически перескочит в позицию, соответствующую нужному моменту.

Воспользуйтесь этим, чтобы отредактировать ваше изображение в конкретный момент времени. Например, перейдите к первой секунде и передвиньте красный кружок в правую часть экрана. Да-да, вот туда. Мои поздравления, вы создали вашу первую анимацию в Synfig!

http://www.mondojohnson.com/Synfig/synfig_tut_5.png

Вы спрашиваете где тут анимация? Просто щёлкните в произвольной точке ползунке времени и вы увидите, что кружок находится в положении, куда вы его не ставили! В чём дело? Благодаря позициям круга на различных ключевых кадрах, Synfig сообразила какое движение вы хотите получить и прорисовала промежуточные позиции между ключевыми кадрами. Каждая позиция курсора на ползунке времени - это кадр вашей анимации, которые, при быстром отображении на экране по порядку (воспроизведении) создают иллюзию движения.

== Рендеринг анимации ==

Прежде чем увидеть анимацию в окончательном виде, вам необходимо её обсчитать - выполнить [[Rendering.ru|рендеринг]]. Есть два способа сделать это. Первый - использовать Synfig Studio (с которой вы сейчас и работаете), второй - использовать консольную программу synfig.

Для начала выйдите из режима анимации, щёлкнув на кнопку с красным значком в правой части ползунка времени. Затем сохраните файл, например под именем Circle.sifz.

Теперь попробуем [[Rendering.ru|отрендерить]] анимацию первым способом. Щёлкните на [[Canvas Menu Caret.ru|кнопке вызова меню]] (не забыли? она в левом верхнем углу рабочего окна) и выберите "File" -> "Render". Нажмите кнопку "Choose..." ("Выбрать..."), укажите имя файла - "Circle.gif" - и каталог, куда хотите отрендерить. Также в поле "Target" ("Целевой формат") вместо "Auto" выберите "gif".

Убедитесь, что галочка "Use current frame" ("Только текущий кадр") снята и нажмите "Render" ("Отрендерить").

Через некоторое время (которое зависит от мощности вашего компьютера) в строке состояния [[Canvas Window.ru|рабочего окна]] появится сообщение "File rendered successfully" ("Файл успешно отрендерен").

Теперь вы можете открыть файл Circle.gif в браузере или любой другой программе, способной воспроизводить анимированные gif'ы. Не знаю, как другие программы, но если вы открыли в браузере, то он будет воспроизводить вашу анимацию по кругу и вы сможете наслаждаться бегающим шариком сколько душе угодно. И если вы действительно видите движущийся кружок, то примите мои поздравления - вы только что успешно отрендерили вашу первую анимацию!

''Замечание: Вы также можете воспользоваться [[Preview.ru|предварительным просмотром]]. Для этого откройте [[Canvas Menu.ru|меню изображения]] и выберите "File" -> "Preview".

http://www.mondojohnson.com/Synfig/synfig_tut_6.png

Если вы предпочитаете командную строку, то откройте терминал, перейдите в директорию с файлом вашей анимации и введите что-то типа:

synfig -t gif Circle.sifz

На экране появится куча сообщений, можете не обращать на них внимания. Через некоторое время, которое зависит от мощности вашего процессора, появится строчка

BasicKnightRider.sifz ==> BasicKnightRider.gif: DONE

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

== Заключение ==

Разумеется, положение объекта это не единственная вещь, которую вы можете изменять. Существует огромное количество других параметров - размер, толщина контура, цвет и пр. В основном они меняются либо с помощью уТочек, либо с через [[Params Panel.ru|панель свойств]].

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

Doc:Animation Basics/ru

2008-11-11T16:38:52Z

Techtonik: /* Подготовка рабочего места */

[[Category:Tutorials.ru]]

== Введение ==

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

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

Поехали!

== Подготовка рабочего места ==

Запустите Synfig Studio и создайте новый файл. Нажмите на стрелку между горизонтальной и вертикальной линейками вверху слева, чтобы через меню "Edit" -> "Properties" вызвать [[File Properties Dialog.ru|диалог свойств файла]]. Дайте файлу название (Name) и описание (Description). Затем перейдите на вкладку Time (Время) и отредактируйте поле End Time (Конец). Непонятное значение '0f' (что значит нулевой кадр) превратится в '0h 0m 0s 0f', позволяя установить время окончания анимации в часах (h), минутах (m), секундах (s) и кадрах (f), как только вы его щёлкните. Установите значение равное двум секундам: '0h 0m 2s 0f'.

[[Image:File Properties Dialog - End Time.jpg]]

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

http://www.mondojohnson.com/Synfig/synfig_tut_2.png

Теперь нам нужна окружность. Измените основной цвет на красный и нарисуйте окружность. Не беда, если она вышла не идеальной - всё можно поправить. Для этого выберите [[Normal Tool.ru|обычный инструмент]] и щёлкните по окружности. В центре и у края круга появятся [[Duck.ru|уТочки]], позволяющие изменить положение и радиус.

http://www.mondojohnson.com/Synfig/synfig_tut_3.png

Итак, мы нарисовали объект и научились его двигать. Но как вы могли заметить, это ещё не анимация. Давайте теперь посмотрим как работает всё это хозяйство.

== Добавляем движение ==

До того в свойствах файла мы установили значение End Time (Конец) равное двум секундам (2s). В связи с этим у нашего рабочего окна появились дополнительные элементы. Например, серенький ползунок времени внизу. Вы можете щёлкнуть левой кнопкой мыши в любом её месте, чтобы перейти к нужному моменту времени. Ваша текущая позиция на ползунке времени отмечается оранжевой полоской (курсором).

Чтобы начать анимировать, необходимо перейти в "режим анимации". Для этого щёлкните на кнопку с зелёным значком в правой части ползунка времени. Как только вы это сделаете, вокруг вашего рисунка появится красная рамка - это напоминание о том, что теперь все действия с объектами, которые вы будете производить, будут влиять на их движение.

http://www.mondojohnson.com/Synfig/synfig_tut_4.png

Выше я упомянул о трёх стадиях, на которые мы разбили действие, происходящее в нашей анимации. Так вот, эти три стадии представляют [[Keyframe.ru|ключевые кадры]]. Ключевой кадр — это картинка, на которой фиксируется положение объектов в определённый момент времени.

Отобразите [[Keyframes Panel.ru|панель ключевых кадров]], щёлкнув на её [[Dock Tab.ru|заголовке]] (он находится в нижнем окне и на нём изображён ключик). Здесь мы будем редактировать ключевые кадры. Теперь щёлкните на маленькую кнопку со значком "плюс" — в списке появится новый элемент '0f, 0f, (JMP)'. Мы создали первый ключевой кадр.

http://www.mondojohnson.com/Synfig/params.png

Если этого не произошло, значит вы что-то сделали не то. Закройте файл и начните сначала.

Если всё нормально, то идём дальше. Установите курсор на ползунке времени в позицию '1s' (просто щёлкните левой кнопкой мыши в нужном месте на ней). Добавьте ещё один ключевой кадр, снова щёлкнув на кнопку со значком "плюс". Затем, установите курсор на ползунке времени в крайнее правое положение, соответствующее значению '2s'. Добавьте третий ключевой кадр.

== f-ки и s-ки: Разбираем обозначения ==
Сейчас вы, наверное уже сообразили, что значат эти аббревиатуры типа '1s 0f'.
Они указывают на конкретные точки на ползунке времени, выражая время в секундах (s) и кадрах (f).

Каждая секунда делится на 24 кадра, также как метр на рулетке делится на 100 сантиметров. Отметки кадров начинаются с нуля (0) и нумеруются до 24-х, где начинается и новая секунда, в которой кадры опять начинают нумероваться с нуля.

Например, вместо того чтобы говорить "третий кадр шестой секунды", мы пишем "5s 3f". Почему "5s", а не "6s"? Потому что мы всегда начинаем считать "с нуля".

== Список ключевых кадров ==

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

А что это за странные надписи '(JMP)' в колонке 'Jump' (Переход)? Просто представьте что это гиперссылки, типа ссылок в вашем web-браузере. Просто щёлкните на них и курсор на ползунке времени автоматически перескочит в позицию, соответствующую нужному моменту.

Воспользуйтесь этим, чтобы отредактировать ваше изображение в конкретный момент времени. Например, перейдите к первой секунде и передвиньте красный кружок в правую часть экрана. Да-да, вот туда. Мои поздравления, вы создали вашу первую анимацию в Synfig!

http://www.mondojohnson.com/Synfig/synfig_tut_5.png

Вы спрашиваете где тут анимация? Просто щёлкните в произвольной точке ползунке времени и вы увидите, что кружок находится в положении, куда вы его не ставили! В чём дело? Благодаря позициям круга на различных ключевых кадрах, Synfig сообразила какое движение вы хотите получить и прорисовала промежуточные позиции между ключевыми кадрами. Каждая позиция курсора на ползунке времени - это кадр вашей анимации, которые, при быстром отображении на экране по порядку (воспроизведении) создают иллюзию движения.

== Рендеринг анимации ==

Прежде чем увидеть анимацию в окончательном виде, вам необходимо её обсчитать - выполнить [[Rendering.ru|рендеринг]]. Есть два способа сделать это. Первый - использовать Synfig Studio (с которой вы сейчас и работаете), второй - использовать консольную программу synfig.

Для начала выйдите из режима анимации, щёлкнув на кнопку с красным значком в правой части ползунка времени. Затем сохраните файл, например под именем Circle.sifz.

Теперь попробуем [[Rendering.ru|отрендерить]] анимацию первым способом. Щёлкните на [[Canvas Menu Caret.ru|кнопке вызова меню]] (не забыли? она в левом верхнем углу рабочего окна) и выберите "File" -> "Render". Нажмите кнопку "Choose..." ("Выбрать..."), укажите имя файла - "Circle.gif" - и каталог, куда хотите отрендерить. Также в поле "Target" ("Целевой формат") вместо "Auto" выберите "gif".

Убедитесь, что галочка "Use current frame" ("Только текущий кадр") снята и нажмите "Render" ("Отрендерить").

Через некоторое время (которое зависит от мощности вашего компьютера) в строке состояния [[Canvas Window.ru|рабочего окна]] появится сообщение "File rendered successfully" ("Файл успешно отрендерен").

Теперь вы можете открыть файл Circle.gif в браузере или любой другой программе, способной воспроизводить анимированные gif'ы. Не знаю, как другие программы, но если вы открыли в браузере, то он будет воспроизводить вашу анимацию по кругу и вы сможете наслаждаться бегающим шариком сколько душе угодно. И если вы действительно видите движущийся кружок, то примите мои поздравления - вы только что успешно отрендерили вашу первую анимацию!

''Замечание: Вы также можете воспользоваться [[Preview.ru|предварительным просмотром]]. Для этого откройте [[Canvas Menu.ru|меню изображения]] и выберите "File" -> "Preview".

http://www.mondojohnson.com/Synfig/synfig_tut_6.png

Если вы предпочитаете командную строку, то откройте терминал, перейдите в директорию с файлом вашей анимации и введите что-то типа:

synfig -t gif Circle.sifz

На экране появится куча сообщений, можете не обращать на них внимания. Через некоторое время, которое зависит от мощности вашего процессора, появится строчка

BasicKnightRider.sifz ==> BasicKnightRider.gif: DONE

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

== Заключение ==

Разумеется, положение объекта это не единственная вещь, которую вы можете изменять. Существует огромное количество других параметров - размер, толщина контура, цвет и пр. В основном они меняются либо с помощью уТочек, либо с через [[Params Panel.ru|панель свойств]].

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

Doc:Animation Basics/ru

2008-11-11T16:38:04Z

Techtonik: /* Подготовка рабочего места */ + немного худо.жесть.венности

[[Category:Tutorials.ru]]

== Введение ==

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

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

Поехали!

== Подготовка рабочего места ==

Запустите Synfig Studio и создайте новый файл. Нажмите на стрелку между горизонтальной и вертикальной линейками вверху слева, чтобы через меню "Edit" -> "Properties" вызвать [[File Properties Dialog.ru|диалог свойств файла]]. Дайте файлу название (Name) и описание (Description). Затем перейдите на вкладку Time (Время) и отредактируйте поле End Time (Конец). Непонятное значение '0f' (что значит нулевой кадр) превратится в '0h 0m 0s 0f', позволяя установить время окончания анимации в часах (h), минутах (m), секундах (s) и кадрах (f), как только вы его щёлкните. Установите значение равное двум секундам: '0h 0m 2s 0f'.

[[Image:File Properties Dialog - End Time.jpg]]

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

http://www.mondojohnson.com/Synfig/synfig_tut_2.png

Теперь нам нужна окружность. Измените основной цвет на красный и нарисуйте окружность. Не беда, если она вышла не идеальной - всё можно поправить. Для этого выберите [[Normal Tool.ru|обычный инструмент]] и щёлкните по окружности. В центре и у края круга появятся [[Duck.ru|уТочки]], позволяющие изменить положение и радиус.

http://www.mondojohnson.com/Synfig/synfig_tut_3.png

Итак, мы нарисовали объект и научились его двигать. Но как вы могли заметить, это ещё не анимация. Разумеется. Давайте посмотрим как работает всё это хозяйство.

== Добавляем движение ==

До того в свойствах файла мы установили значение End Time (Конец) равное двум секундам (2s). В связи с этим у нашего рабочего окна появились дополнительные элементы. Например, серенький ползунок времени внизу. Вы можете щёлкнуть левой кнопкой мыши в любом её месте, чтобы перейти к нужному моменту времени. Ваша текущая позиция на ползунке времени отмечается оранжевой полоской (курсором).

Чтобы начать анимировать, необходимо перейти в "режим анимации". Для этого щёлкните на кнопку с зелёным значком в правой части ползунка времени. Как только вы это сделаете, вокруг вашего рисунка появится красная рамка - это напоминание о том, что теперь все действия с объектами, которые вы будете производить, будут влиять на их движение.

http://www.mondojohnson.com/Synfig/synfig_tut_4.png

Выше я упомянул о трёх стадиях, на которые мы разбили действие, происходящее в нашей анимации. Так вот, эти три стадии представляют [[Keyframe.ru|ключевые кадры]]. Ключевой кадр — это картинка, на которой фиксируется положение объектов в определённый момент времени.

Отобразите [[Keyframes Panel.ru|панель ключевых кадров]], щёлкнув на её [[Dock Tab.ru|заголовке]] (он находится в нижнем окне и на нём изображён ключик). Здесь мы будем редактировать ключевые кадры. Теперь щёлкните на маленькую кнопку со значком "плюс" — в списке появится новый элемент '0f, 0f, (JMP)'. Мы создали первый ключевой кадр.

http://www.mondojohnson.com/Synfig/params.png

Если этого не произошло, значит вы что-то сделали не то. Закройте файл и начните сначала.

Если всё нормально, то идём дальше. Установите курсор на ползунке времени в позицию '1s' (просто щёлкните левой кнопкой мыши в нужном месте на ней). Добавьте ещё один ключевой кадр, снова щёлкнув на кнопку со значком "плюс". Затем, установите курсор на ползунке времени в крайнее правое положение, соответствующее значению '2s'. Добавьте третий ключевой кадр.

== f-ки и s-ки: Разбираем обозначения ==
Сейчас вы, наверное уже сообразили, что значат эти аббревиатуры типа '1s 0f'.
Они указывают на конкретные точки на ползунке времени, выражая время в секундах (s) и кадрах (f).

Каждая секунда делится на 24 кадра, также как метр на рулетке делится на 100 сантиметров. Отметки кадров начинаются с нуля (0) и нумеруются до 24-х, где начинается и новая секунда, в которой кадры опять начинают нумероваться с нуля.

Например, вместо того чтобы говорить "третий кадр шестой секунды", мы пишем "5s 3f". Почему "5s", а не "6s"? Потому что мы всегда начинаем считать "с нуля".

== Список ключевых кадров ==

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

А что это за странные надписи '(JMP)' в колонке 'Jump' (Переход)? Просто представьте что это гиперссылки, типа ссылок в вашем web-браузере. Просто щёлкните на них и курсор на ползунке времени автоматически перескочит в позицию, соответствующую нужному моменту.

Воспользуйтесь этим, чтобы отредактировать ваше изображение в конкретный момент времени. Например, перейдите к первой секунде и передвиньте красный кружок в правую часть экрана. Да-да, вот туда. Мои поздравления, вы создали вашу первую анимацию в Synfig!

http://www.mondojohnson.com/Synfig/synfig_tut_5.png

Вы спрашиваете где тут анимация? Просто щёлкните в произвольной точке ползунке времени и вы увидите, что кружок находится в положении, куда вы его не ставили! В чём дело? Благодаря позициям круга на различных ключевых кадрах, Synfig сообразила какое движение вы хотите получить и прорисовала промежуточные позиции между ключевыми кадрами. Каждая позиция курсора на ползунке времени - это кадр вашей анимации, которые, при быстром отображении на экране по порядку (воспроизведении) создают иллюзию движения.

== Рендеринг анимации ==

Прежде чем увидеть анимацию в окончательном виде, вам необходимо её обсчитать - выполнить [[Rendering.ru|рендеринг]]. Есть два способа сделать это. Первый - использовать Synfig Studio (с которой вы сейчас и работаете), второй - использовать консольную программу synfig.

Для начала выйдите из режима анимации, щёлкнув на кнопку с красным значком в правой части ползунка времени. Затем сохраните файл, например под именем Circle.sifz.

Теперь попробуем [[Rendering.ru|отрендерить]] анимацию первым способом. Щёлкните на [[Canvas Menu Caret.ru|кнопке вызова меню]] (не забыли? она в левом верхнем углу рабочего окна) и выберите "File" -> "Render". Нажмите кнопку "Choose..." ("Выбрать..."), укажите имя файла - "Circle.gif" - и каталог, куда хотите отрендерить. Также в поле "Target" ("Целевой формат") вместо "Auto" выберите "gif".

Убедитесь, что галочка "Use current frame" ("Только текущий кадр") снята и нажмите "Render" ("Отрендерить").

Через некоторое время (которое зависит от мощности вашего компьютера) в строке состояния [[Canvas Window.ru|рабочего окна]] появится сообщение "File rendered successfully" ("Файл успешно отрендерен").

Теперь вы можете открыть файл Circle.gif в браузере или любой другой программе, способной воспроизводить анимированные gif'ы. Не знаю, как другие программы, но если вы открыли в браузере, то он будет воспроизводить вашу анимацию по кругу и вы сможете наслаждаться бегающим шариком сколько душе угодно. И если вы действительно видите движущийся кружок, то примите мои поздравления - вы только что успешно отрендерили вашу первую анимацию!

''Замечание: Вы также можете воспользоваться [[Preview.ru|предварительным просмотром]]. Для этого откройте [[Canvas Menu.ru|меню изображения]] и выберите "File" -> "Preview".

http://www.mondojohnson.com/Synfig/synfig_tut_6.png

Если вы предпочитаете командную строку, то откройте терминал, перейдите в директорию с файлом вашей анимации и введите что-то типа:

synfig -t gif Circle.sifz

На экране появится куча сообщений, можете не обращать на них внимания. Через некоторое время, которое зависит от мощности вашего процессора, появится строчка

BasicKnightRider.sifz ==> BasicKnightRider.gif: DONE

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

== Заключение ==

Разумеется, положение объекта это не единственная вещь, которую вы можете изменять. Существует огромное количество других параметров - размер, толщина контура, цвет и пр. В основном они меняются либо с помощью уТочек, либо с через [[Params Panel.ru|панель свойств]].

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

Doc:Animation Basics/ru

2008-11-11T16:11:53Z

Techtonik: /* Введение */ + немножко специй

[[Category:Tutorials.ru]]

== Введение ==

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

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

Поехали!

== Подготовка рабочего места ==

Запустите Synfig Studio и создайте новый файл. Появится [[File Properties Dialog.ru|диалог свойств файла]] (Properties).
Введите название файла (Name) и описание (Description). Затем перейдите на вкладку Time (Время) и отредактируйте поле End Time (Конец). Как только вы щёлкните мышью на этом поле, его содержимое - '0f' (что значит нулевой кадр) - превратится в '0h 0m 0s 0f', позволяя установить время окончания анимации в часах (h), минутах (m), секундах (s) и кадрах (f). Установите значение равное двум секундам: '0h 0m 2s 0f'.

[[Image:File Properties Dialog - End Time.jpg]]

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

http://www.mondojohnson.com/Synfig/synfig_tut_2.png

Теперь нам нужна окружность. Измените основной цвет на красный и нарисуйте окружность. Если она получилась не такой, какой нужно - ничего страшного. Вы можете отредактировать её. Для этого выберите [[Normal Tool.ru|инструмент преобразования]] и щёлкните на получившейся окружности. В центре и у края окружности появятся [[Duck.ru|уТочки]], позволяющие изменить её положение и радиус.

http://www.mondojohnson.com/Synfig/synfig_tut_3.png

Итак, мы нарисовали объект и научились его двигать. Вы говорите что это ещё не анимация? Разумеется. Давайте посмотрим как это всё хозяйство работает.

== Добавляем движение ==

До того в свойствах файла мы установили значение End Time (Конец) равное двум секундам (2s). В связи с этим у нашего рабочего окна появились дополнительные элементы. Например, серенький ползунок времени внизу. Вы можете щёлкнуть левой кнопкой мыши в любом её месте, чтобы перейти к нужному моменту времени. Ваша текущая позиция на ползунке времени отмечается оранжевой полоской (курсором).

Чтобы начать анимировать, необходимо перейти в "режим анимации". Для этого щёлкните на кнопку с зелёным значком в правой части ползунка времени. Как только вы это сделаете, вокруг вашего рисунка появится красная рамка - это напоминание о том, что теперь все действия с объектами, которые вы будете производить, будут влиять на их движение.

http://www.mondojohnson.com/Synfig/synfig_tut_4.png

Выше я упомянул о трёх стадиях, на которые мы разбили действие, происходящее в нашей анимации. Так вот, эти три стадии представляют [[Keyframe.ru|ключевые кадры]]. Ключевой кадр — это картинка, на которой фиксируется положение объектов в определённый момент времени.

Отобразите [[Keyframes Panel.ru|панель ключевых кадров]], щёлкнув на её [[Dock Tab.ru|заголовке]] (он находится в нижнем окне и на нём изображён ключик). Здесь мы будем редактировать ключевые кадры. Теперь щёлкните на маленькую кнопку со значком "плюс" — в списке появится новый элемент '0f, 0f, (JMP)'. Мы создали первый ключевой кадр.

http://www.mondojohnson.com/Synfig/params.png

Если этого не произошло, значит вы что-то сделали не то. Закройте файл и начните сначала.

Если всё нормально, то идём дальше. Установите курсор на ползунке времени в позицию '1s' (просто щёлкните левой кнопкой мыши в нужном месте на ней). Добавьте ещё один ключевой кадр, снова щёлкнув на кнопку со значком "плюс". Затем, установите курсор на ползунке времени в крайнее правое положение, соответствующее значению '2s'. Добавьте третий ключевой кадр.

== f-ки и s-ки: Разбираем обозначения ==
Сейчас вы, наверное уже сообразили, что значат эти аббревиатуры типа '1s 0f'.
Они указывают на конкретные точки на ползунке времени, выражая время в секундах (s) и кадрах (f).

Каждая секунда делится на 24 кадра, также как метр на рулетке делится на 100 сантиметров. Отметки кадров начинаются с нуля (0) и нумеруются до 24-х, где начинается и новая секунда, в которой кадры опять начинают нумероваться с нуля.

Например, вместо того чтобы говорить "третий кадр шестой секунды", мы пишем "5s 3f". Почему "5s", а не "6s"? Потому что мы всегда начинаем считать "с нуля".

== Список ключевых кадров ==

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

А что это за странные надписи '(JMP)' в колонке 'Jump' (Переход)? Просто представьте что это гиперссылки, типа ссылок в вашем web-браузере. Просто щёлкните на них и курсор на ползунке времени автоматически перескочит в позицию, соответствующую нужному моменту.

Воспользуйтесь этим, чтобы отредактировать ваше изображение в конкретный момент времени. Например, перейдите к первой секунде и передвиньте красный кружок в правую часть экрана. Да-да, вот туда. Мои поздравления, вы создали вашу первую анимацию в Synfig!

http://www.mondojohnson.com/Synfig/synfig_tut_5.png

Вы спрашиваете где тут анимация? Просто щёлкните в произвольной точке ползунке времени и вы увидите, что кружок находится в положении, куда вы его не ставили! В чём дело? Благодаря позициям круга на различных ключевых кадрах, Synfig сообразила какое движение вы хотите получить и прорисовала промежуточные позиции между ключевыми кадрами. Каждая позиция курсора на ползунке времени - это кадр вашей анимации, которые, при быстром отображении на экране по порядку (воспроизведении) создают иллюзию движения.

== Рендеринг анимации ==

Прежде чем увидеть анимацию в окончательном виде, вам необходимо её обсчитать - выполнить [[Rendering.ru|рендеринг]]. Есть два способа сделать это. Первый - использовать Synfig Studio (с которой вы сейчас и работаете), второй - использовать консольную программу synfig.

Для начала выйдите из режима анимации, щёлкнув на кнопку с красным значком в правой части ползунка времени. Затем сохраните файл, например под именем Circle.sifz.

Теперь попробуем [[Rendering.ru|отрендерить]] анимацию первым способом. Щёлкните на [[Canvas Menu Caret.ru|кнопке вызова меню]] (не забыли? она в левом верхнем углу рабочего окна) и выберите "File" -> "Render". Нажмите кнопку "Choose..." ("Выбрать..."), укажите имя файла - "Circle.gif" - и каталог, куда хотите отрендерить. Также в поле "Target" ("Целевой формат") вместо "Auto" выберите "gif".

Убедитесь, что галочка "Use current frame" ("Только текущий кадр") снята и нажмите "Render" ("Отрендерить").

Через некоторое время (которое зависит от мощности вашего компьютера) в строке состояния [[Canvas Window.ru|рабочего окна]] появится сообщение "File rendered successfully" ("Файл успешно отрендерен").

Теперь вы можете открыть файл Circle.gif в браузере или любой другой программе, способной воспроизводить анимированные gif'ы. Не знаю, как другие программы, но если вы открыли в браузере, то он будет воспроизводить вашу анимацию по кругу и вы сможете наслаждаться бегающим шариком сколько душе угодно. И если вы действительно видите движущийся кружок, то примите мои поздравления - вы только что успешно отрендерили вашу первую анимацию!

''Замечание: Вы также можете воспользоваться [[Preview.ru|предварительным просмотром]]. Для этого откройте [[Canvas Menu.ru|меню изображения]] и выберите "File" -> "Preview".

http://www.mondojohnson.com/Synfig/synfig_tut_6.png

Если вы предпочитаете командную строку, то откройте терминал, перейдите в директорию с файлом вашей анимации и введите что-то типа:

synfig -t gif Circle.sifz

На экране появится куча сообщений, можете не обращать на них внимания. Через некоторое время, которое зависит от мощности вашего процессора, появится строчка

BasicKnightRider.sifz ==> BasicKnightRider.gif: DONE

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

== Заключение ==

Разумеется, положение объекта это не единственная вещь, которую вы можете изменять. Существует огромное количество других параметров - размер, толщина контура, цвет и пр. В основном они меняются либо с помощью уТочек, либо с через [[Params Panel.ru|панель свойств]].

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