Doc:Animation Basics/ru - Revision history

Zurba11 at 18:12, 6 June 2012

2012-06-06T18:12:43Z

N job: Поправил начало

2010-05-24T10:51:15Z

Поправил начало

Zelgadis: moved Animation Basics.ru to Doc:Animation Basics/ru

2010-02-19T06:44:59Z

moved Animation Basics.ru to Doc:Animation Basics/ru

Zelgadis: Text replace - '{{l|Category:' to '{{Category|'

2010-01-13T16:07:49Z

Text replace - '{{l|Category:' to '{{Category|'

Zelgadis: Text replace - ']]' to '}}'

2009-09-08T06:30:29Z

Text replace - ']]' to '}}'

Zelgadis: Text replace - '[[' to '{{l|'

2009-09-07T15:16:28Z

Text replace - '[[' to '{{l|'

Yushi: /* Рендеринг анимации */ Оформил замечание как в первом уроке

2009-03-06T14:44:56Z

‎Рендеринг анимации: Оформил замечание как в первом уроке

Zelgadis: Fixed images

2009-01-19T15:06:23Z

Fixed images

Zelgadis: /* Список ключевых кадров */

2008-11-12T05:09:04Z

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

Zelgadis: /* Подготовка рабочего места */ - Мелкие правки

2008-11-12T05:06:46Z

‎Подготовка рабочего места: - Мелкие правки

← Older revision		Revision as of 18:12, 6 June 2012
Line 1:		Line 1:
	<!--Categories-->		<!--Categories-->
		+	{{Title\|Основы анимации}}
	{{Category\|Tutorials.ru}}		{{Category\|Tutorials.ru}}

@@ Line 4: / Line 4: @@
 == Введение ==
-Создать анимацию в Synfig очень легко - достаточно просто изменять рисунок в определённые моменты времени. Synfig автоматически сделает все промежуточные преобразования, чтобы анимация была плавной.
+Создать анимацию в Synfig очень легко. В основном это изменение рисунка - нужно просто создавать начальные и последние кадры каждых небольших элементов вашей анимации, а Synfig позаботится о промежуточных кадрах, чтобы анимация была плавной.
-Рассмотрим простой пример. Возьмём блуждающий огонёк. Опустив реализм получим окружность, которая будет двигаться слева направо, а потом обратно. Другими словами, во время анимации с окружностью произойдёт три ключевых изменения:
+Рассмотрим простой пример. Возьмём "блуждающий огонёк". Упрощая задачу, получим окружность, которая будет двигаться слева направо, а потом обратно. Другими словами, необходимо создать три 'кадра' и три 'сцены':
 # Окружность находится слева.
 # Окружность находится справа.
 # Окружность вернулась и опять находится слева.
-Поехали!
+Начнем!
 == Подготовка рабочего места ==
-Запустите Synfig Studio и создайте новый файл. Нажмите на стрелку между горизонтальной и вертикальной линейками вверху слева, чтобы через меню "Edit" -> "Properties" вызвать {{l|File Properties Dialog.ru|диалог свойств файла}}. Дайте файлу название (Name) и описание (Description). Затем перейдите на вкладку Time (Время) и отредактируйте поле End Time (Конец). Непонятное значение '0f' (что значит нулевой кадр) превратится в '0h 0m 0s 0f', позволяя установить время окончания анимации в часах (h), минутах (m), секундах (s) и кадрах (f), как только вы на него щёлкните. Установите значение равное двум секундам: '0h 0m 2s 0f'.
+Запустите Synfig Studio. Новый холст(для создания анимации) автоматически создастся. Нажмите на кнопку с изображением стрелки (между горизонтальной и вертикальной линейками вверху слева), и в появившемся меню выбирете "Правка(Edit)" -> "Свойства(Properties)" вызвать {{l|File Properties Dialog|диалог свойств холста}}.
 {{l|Image:File Properties Dialog - End Time.jpg}}
-Теперь создайте чёрный прямоугольник, который будет служить нам фоном. Растягивать его на весь экран не обязательно.
+Теперь создайте чёрный прямоугольник, который будет служить нам фоном. Растягивать его на весь экран не обязательно. Также снимите галку с переключателя 'Низкое разрешение'(Low Res) в верхней части окна редактирования холста, чтобы отключить режим просмотра с низкем разрешением - это сделает более четким отображение картинки, но увеличет время отображения картинки во время работы с ней.
 {{l|Image:synfig_tut_2.png}}

@@ Line 1: / Line 1: @@
 <!--Categories-->
-{{l|Category:Tutorials.ru}}
+{{Category|Tutorials.ru}}
 == Введение ==

@@ Line 1: / Line 1: @@
 <!--Categories-->
-{{l|Category:Tutorials.ru]]
+{{l|Category:Tutorials.ru}}
 == Введение ==
@@ Line 15: / Line 15: @@
 == Подготовка рабочего места ==
-Запустите Synfig Studio и создайте новый файл. Нажмите на стрелку между горизонтальной и вертикальной линейками вверху слева, чтобы через меню "Edit" -> "Properties" вызвать {{l|File Properties Dialog.ru|диалог свойств файла]]. Дайте файлу название (Name) и описание (Description). Затем перейдите на вкладку Time (Время) и отредактируйте поле End Time (Конец). Непонятное значение '0f' (что значит нулевой кадр) превратится в '0h 0m 0s 0f', позволяя установить время окончания анимации в часах (h), минутах (m), секундах (s) и кадрах (f), как только вы на него щёлкните. Установите значение равное двум секундам: '0h 0m 2s 0f'.
+Запустите Synfig Studio и создайте новый файл. Нажмите на стрелку между горизонтальной и вертикальной линейками вверху слева, чтобы через меню "Edit" -> "Properties" вызвать {{l|File Properties Dialog.ru|диалог свойств файла}}. Дайте файлу название (Name) и описание (Description). Затем перейдите на вкладку Time (Время) и отредактируйте поле End Time (Конец). Непонятное значение '0f' (что значит нулевой кадр) превратится в '0h 0m 0s 0f', позволяя установить время окончания анимации в часах (h), минутах (m), секундах (s) и кадрах (f), как только вы на него щёлкните. Установите значение равное двум секундам: '0h 0m 2s 0f'.
-{{l|Image:File Properties Dialog - End Time.jpg]]
+{{l|Image:File Properties Dialog - End Time.jpg}}
 Теперь создайте чёрный прямоугольник, который будет служить нам фоном. Растягивать его на весь экран не обязательно.
-{{l|Image:synfig_tut_2.png]]
+{{l|Image:synfig_tut_2.png}}
-Теперь нам нужна окружность. Измените основной цвет на красный и нарисуйте окружность. Не беда, если вы ошиблись с размером или положением - всё можно поправить. Для этого выберите {{l|Normal Tool.ru|обычный инструмент]] и щёлкните по окружности. В центре и у края круга появятся {{l|Duck.ru|уТочки]], позволяющие изменить положение и радиус.
+Теперь нам нужна окружность. Измените основной цвет на красный и нарисуйте окружность. Не беда, если вы ошиблись с размером или положением - всё можно поправить. Для этого выберите {{l|Normal Tool.ru|обычный инструмент}} и щёлкните по окружности. В центре и у края круга появятся {{l|Duck.ru|уТочки}}, позволяющие изменить положение и радиус.
-{{l|Image:synfig_tut_3.png]]
+{{l|Image:synfig_tut_3.png}}
 Итак, мы нарисовали объект и научились его двигать. Но, как вы могли заметить, это ещё не анимация. Давайте теперь посмотрим как работает всё это хозяйство.
@@ Line 34: / Line 34: @@
 Чтобы создать движение, необходимо перейти в "режим анимации". Для этого справа от ползунка есть зелёная кнопка. Если на неё нажать, то вокруг рисунка появится красная рамка - напоминание о том, что все действия с объектами будут влиять на их движение во времени.
-{{l|Image:synfig_tut_4.png]]
+{{l|Image:synfig_tut_4.png}}
-Ранее были упомянуты три шага нашей анимации. Эти шаги представляют так называемые {{l|Keyframe.ru|ключевые кадры]]. Ключевой кадр — это картинка, на которой фиксируется положение объектов в определённый момент времени. Обычно в этот момент с ними происходит что-то важное.
+Ранее были упомянуты три шага нашей анимации. Эти шаги представляют так называемые {{l|Keyframe.ru|ключевые кадры}}. Ключевой кадр — это картинка, на которой фиксируется положение объектов в определённый момент времени. Обычно в этот момент с ними происходит что-то важное.
-Для работы с ключевыми кадрами перейдите на {{l|Keyframes Panel.ru|панель ключевых кадров]], щёлкнув на её {{l|Dock Tab.ru|заголовке]] (он находится в нижнем окне и на нём изображён ключик). Если его не видно - попробуйте перейти через меню "File" -> "Panels" -> "Keyframes". Теперь щёлкните на маленькую кнопку со значком "плюс" — в списке появится новый элемент '0f, 0f, (JMP)'. Ваш первый ключевой кадр.
+Для работы с ключевыми кадрами перейдите на {{l|Keyframes Panel.ru|панель ключевых кадров}}, щёлкнув на её {{l|Dock Tab.ru|заголовке}} (он находится в нижнем окне и на нём изображён ключик). Если его не видно - попробуйте перейти через меню "File" -> "Panels" -> "Keyframes". Теперь щёлкните на маленькую кнопку со значком "плюс" — в списке появится новый элемент '0f, 0f, (JMP)'. Ваш первый ключевой кадр.
-{{l|Image:params.png]]
+{{l|Image:params.png}}
 Если этого не произошло, значит вы сделали что-то не то. Закройте файл и начните сначала.
@@ Line 62: / Line 62: @@
 Это можно использовать для редактирования изображения в определённый момент времени. Перейдите, к примеру, к первой секунде и передвиньте красный кружок в правую часть экрана. Да-да, вот туда! Поздравляем с вашей первой анимацией в Synfig!
-{{l|Image:synfig_tut_5.png]]
+{{l|Image:synfig_tut_5.png}}
 Интересно где же тут анимация? Попробуйте перейти в произвольную точку на ползунке времени, и вы заметите, что кружок находится в положениях, куда вы его не ставили. Что происходит? Благодаря позициям круга на различных ключевых кадрах, Synfig может понять, какое движение вы хотите получить (передвинуть круг, в частности) и дорисовать промежуточные изображения между этими состояниями. Каждое изображение будет составлять кадр вашей анимации, и, в конечном итоге, круг будет двигаться.
@@ Line 68: / Line 68: @@
 == Рендеринг анимации ==
-Прежде чем увидеть анимацию в окончательном виде, вам необходимо её обсчитать - выполнить {{l|Rendering.ru|рендеринг]]. Есть два способа сделать это. Первый - использовать Synfig Studio (с которой вы сейчас и работаете), второй - использовать консольную программу synfig.
+Прежде чем увидеть анимацию в окончательном виде, вам необходимо её обсчитать - выполнить {{l|Rendering.ru|рендеринг}}. Есть два способа сделать это. Первый - использовать Synfig Studio (с которой вы сейчас и работаете), второй - использовать консольную программу synfig.
 Для начала выйдите из режима анимации, щёлкнув на кнопку с красным значком в правой части ползунка времени. Затем сохраните файл, например под именем Circle.sifz.
-Теперь попробуем {{l|Rendering.ru|отрендерить]] анимацию первым способом. Щёлкните на {{l|Canvas Menu Caret.ru|кнопке вызова меню]] (не забыли? она в левом верхнем углу рабочего окна) и выберите "File" -> "Render". Нажмите кнопку "Choose..." ("Выбрать..."), укажите имя файла - "Circle.gif" - и каталог, куда хотите отрендерить. Также в поле "Target" ("Целевой формат") вместо "Auto" выберите "gif".
+Теперь попробуем {{l|Rendering.ru|отрендерить}} анимацию первым способом. Щёлкните на {{l|Canvas Menu Caret.ru|кнопке вызова меню}} (не забыли? она в левом верхнем углу рабочего окна) и выберите "File" -> "Render". Нажмите кнопку "Choose..." ("Выбрать..."), укажите имя файла - "Circle.gif" - и каталог, куда хотите отрендерить. Также в поле "Target" ("Целевой формат") вместо "Auto" выберите "gif".
 Убедитесь, что галочка "Use current frame" ("Только текущий кадр") снята и нажмите "Render" ("Отрендерить").
-Через некоторое время (которое зависит от мощности вашего компьютера) в строке состояния {{l|Canvas Window.ru|рабочего окна]] появится сообщение "File rendered successfully" ("Файл успешно отрендерен").
+Через некоторое время (которое зависит от мощности вашего компьютера) в строке состояния {{l|Canvas Window.ru|рабочего окна}} появится сообщение "File rendered successfully" ("Файл успешно отрендерен").
 Теперь вы можете открыть файл Circle.gif в браузере или любой другой программе, способной воспроизводить анимированные gif'ы. Не знаю, как другие программы, но если вы открыли в браузере, то он будет воспроизводить вашу анимацию по кругу и вы сможете наслаждаться бегающим шариком сколько душе угодно. И если вы действительно видите движущийся кружок, то примите мои поздравления - вы только что успешно отрендерили вашу первую анимацию!
-: '''Замечание''': Вы также можете воспользоваться {{l|Preview.ru|предварительным просмотром]]. Для этого откройте {{l|Canvas Menu.ru|меню изображения]] и выберите "File" -> "Preview".
+: '''Замечание''': Вы также можете воспользоваться {{l|Preview.ru|предварительным просмотром}}. Для этого откройте {{l|Canvas Menu.ru|меню изображения}} и выберите "File" -> "Preview".
-{{l|Image:synfig_tut_6.png]]
+{{l|Image:synfig_tut_6.png}}
 Если вы предпочитаете командную строку, то откройте терминал, перейдите в директорию с файлом вашей анимации и введите что-то типа:
@@ Line 96: / Line 96: @@
 == Заключение ==
-Разумеется, положение объекта это не единственная вещь, которую вы можете изменять. Существует огромное количество других параметров - размер, толщина контура, цвет и пр. В основном они меняются либо с помощью уТочек, либо с через {{l|Params Panel.ru|панель свойств]].
+Разумеется, положение объекта это не единственная вещь, которую вы можете изменять. Существует огромное количество других параметров - размер, толщина контура, цвет и пр. В основном они меняются либо с помощью уТочек, либо с через {{l|Params Panel.ru|панель свойств}}.
 Вместе с программой поставляется несколько файлов с примерами, которые могут помочь вам глубже разобраться с возможностями. Ну, и конечно не забываем читать документацию.

@@ Line 1: / Line 1: @@
 <!--Categories-->
-[[Category:Tutorials.ru]]
+{{l|Category:Tutorials.ru]]
 == Введение ==
@@ Line 15: / Line 15: @@
 == Подготовка рабочего места ==
-Запустите 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'.
+Запустите Synfig Studio и создайте новый файл. Нажмите на стрелку между горизонтальной и вертикальной линейками вверху слева, чтобы через меню "Edit" -> "Properties" вызвать {{l|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]]
+{{l|Image:File Properties Dialog - End Time.jpg]]
 Теперь создайте чёрный прямоугольник, который будет служить нам фоном. Растягивать его на весь экран не обязательно.
-[[Image:synfig_tut_2.png]]
+{{l|Image:synfig_tut_2.png]]
-Теперь нам нужна окружность. Измените основной цвет на красный и нарисуйте окружность. Не беда, если вы ошиблись с размером или положением - всё можно поправить. Для этого выберите [[Normal Tool.ru|обычный инструмент]] и щёлкните по окружности. В центре и у края круга появятся [[Duck.ru|уТочки]], позволяющие изменить положение и радиус.
+Теперь нам нужна окружность. Измените основной цвет на красный и нарисуйте окружность. Не беда, если вы ошиблись с размером или положением - всё можно поправить. Для этого выберите {{l|Normal Tool.ru|обычный инструмент]] и щёлкните по окружности. В центре и у края круга появятся {{l|Duck.ru|уТочки]], позволяющие изменить положение и радиус.
-[[Image:synfig_tut_3.png]]
+{{l|Image:synfig_tut_3.png]]
 Итак, мы нарисовали объект и научились его двигать. Но, как вы могли заметить, это ещё не анимация. Давайте теперь посмотрим как работает всё это хозяйство.
@@ Line 34: / Line 34: @@
 Чтобы создать движение, необходимо перейти в "режим анимации". Для этого справа от ползунка есть зелёная кнопка. Если на неё нажать, то вокруг рисунка появится красная рамка - напоминание о том, что все действия с объектами будут влиять на их движение во времени.
-[[Image:synfig_tut_4.png]]
+{{l|Image:synfig_tut_4.png]]
-Ранее были упомянуты три шага нашей анимации. Эти шаги представляют так называемые [[Keyframe.ru|ключевые кадры]]. Ключевой кадр — это картинка, на которой фиксируется положение объектов в определённый момент времени. Обычно в этот момент с ними происходит что-то важное.
+Ранее были упомянуты три шага нашей анимации. Эти шаги представляют так называемые {{l|Keyframe.ru|ключевые кадры]]. Ключевой кадр — это картинка, на которой фиксируется положение объектов в определённый момент времени. Обычно в этот момент с ними происходит что-то важное.
-Для работы с ключевыми кадрами перейдите на [[Keyframes Panel.ru|панель ключевых кадров]], щёлкнув на её [[Dock Tab.ru|заголовке]] (он находится в нижнем окне и на нём изображён ключик). Если его не видно - попробуйте перейти через меню "File" -> "Panels" -> "Keyframes". Теперь щёлкните на маленькую кнопку со значком "плюс" — в списке появится новый элемент '0f, 0f, (JMP)'. Ваш первый ключевой кадр.
+Для работы с ключевыми кадрами перейдите на {{l|Keyframes Panel.ru|панель ключевых кадров]], щёлкнув на её {{l|Dock Tab.ru|заголовке]] (он находится в нижнем окне и на нём изображён ключик). Если его не видно - попробуйте перейти через меню "File" -> "Panels" -> "Keyframes". Теперь щёлкните на маленькую кнопку со значком "плюс" — в списке появится новый элемент '0f, 0f, (JMP)'. Ваш первый ключевой кадр.
-[[Image:params.png]]
+{{l|Image:params.png]]
 Если этого не произошло, значит вы сделали что-то не то. Закройте файл и начните сначала.
@@ Line 62: / Line 62: @@
 Это можно использовать для редактирования изображения в определённый момент времени. Перейдите, к примеру, к первой секунде и передвиньте красный кружок в правую часть экрана. Да-да, вот туда! Поздравляем с вашей первой анимацией в Synfig!
-[[Image:synfig_tut_5.png]]
+{{l|Image:synfig_tut_5.png]]
 Интересно где же тут анимация? Попробуйте перейти в произвольную точку на ползунке времени, и вы заметите, что кружок находится в положениях, куда вы его не ставили. Что происходит? Благодаря позициям круга на различных ключевых кадрах, Synfig может понять, какое движение вы хотите получить (передвинуть круг, в частности) и дорисовать промежуточные изображения между этими состояниями. Каждое изображение будет составлять кадр вашей анимации, и, в конечном итоге, круг будет двигаться.
@@ Line 68: / Line 68: @@
 == Рендеринг анимации ==
-Прежде чем увидеть анимацию в окончательном виде, вам необходимо её обсчитать - выполнить [[Rendering.ru|рендеринг]]. Есть два способа сделать это. Первый - использовать Synfig Studio (с которой вы сейчас и работаете), второй - использовать консольную программу synfig.
+Прежде чем увидеть анимацию в окончательном виде, вам необходимо её обсчитать - выполнить {{l|Rendering.ru|рендеринг]]. Есть два способа сделать это. Первый - использовать Synfig Studio (с которой вы сейчас и работаете), второй - использовать консольную программу synfig.
 Для начала выйдите из режима анимации, щёлкнув на кнопку с красным значком в правой части ползунка времени. Затем сохраните файл, например под именем Circle.sifz.
-Теперь попробуем [[Rendering.ru|отрендерить]] анимацию первым способом. Щёлкните на [[Canvas Menu Caret.ru|кнопке вызова меню]] (не забыли? она в левом верхнем углу рабочего окна) и выберите "File" -> "Render". Нажмите кнопку "Choose..." ("Выбрать..."), укажите имя файла - "Circle.gif" - и каталог, куда хотите отрендерить. Также в поле "Target" ("Целевой формат") вместо "Auto" выберите "gif".
+Теперь попробуем {{l|Rendering.ru|отрендерить]] анимацию первым способом. Щёлкните на {{l|Canvas Menu Caret.ru|кнопке вызова меню]] (не забыли? она в левом верхнем углу рабочего окна) и выберите "File" -> "Render". Нажмите кнопку "Choose..." ("Выбрать..."), укажите имя файла - "Circle.gif" - и каталог, куда хотите отрендерить. Также в поле "Target" ("Целевой формат") вместо "Auto" выберите "gif".
 Убедитесь, что галочка "Use current frame" ("Только текущий кадр") снята и нажмите "Render" ("Отрендерить").
-Через некоторое время (которое зависит от мощности вашего компьютера) в строке состояния [[Canvas Window.ru|рабочего окна]] появится сообщение "File rendered successfully" ("Файл успешно отрендерен").
+Через некоторое время (которое зависит от мощности вашего компьютера) в строке состояния {{l|Canvas Window.ru|рабочего окна]] появится сообщение "File rendered successfully" ("Файл успешно отрендерен").
 Теперь вы можете открыть файл Circle.gif в браузере или любой другой программе, способной воспроизводить анимированные gif'ы. Не знаю, как другие программы, но если вы открыли в браузере, то он будет воспроизводить вашу анимацию по кругу и вы сможете наслаждаться бегающим шариком сколько душе угодно. И если вы действительно видите движущийся кружок, то примите мои поздравления - вы только что успешно отрендерили вашу первую анимацию!
-: '''Замечание''': Вы также можете воспользоваться [[Preview.ru|предварительным просмотром]]. Для этого откройте [[Canvas Menu.ru|меню изображения]] и выберите "File" -> "Preview".
+: '''Замечание''': Вы также можете воспользоваться {{l|Preview.ru|предварительным просмотром]]. Для этого откройте {{l|Canvas Menu.ru|меню изображения]] и выберите "File" -> "Preview".
-[[Image:synfig_tut_6.png]]
+{{l|Image:synfig_tut_6.png]]
 Если вы предпочитаете командную строку, то откройте терминал, перейдите в директорию с файлом вашей анимации и введите что-то типа:
@@ Line 96: / Line 96: @@
 == Заключение ==
-Разумеется, положение объекта это не единственная вещь, которую вы можете изменять. Существует огромное количество других параметров - размер, толщина контура, цвет и пр. В основном они меняются либо с помощью уТочек, либо с через [[Params Panel.ru|панель свойств]].
+Разумеется, положение объекта это не единственная вещь, которую вы можете изменять. Существует огромное количество других параметров - размер, толщина контура, цвет и пр. В основном они меняются либо с помощью уТочек, либо с через {{l|Params Panel.ru|панель свойств]].
 Вместе с программой поставляется несколько файлов с примерами, которые могут помочь вам глубже разобраться с возможностями. Ну, и конечно не забываем читать документацию.

← Older revision	Revision as of 06:44, 19 February 2010
(No difference)

@@ Line 64: / Line 64: @@
 http://www.mondojohnson.com/Synfig/synfig_tut_5.png
-Что, интересно где же тут анимация? Попробуйте перейти в произвольную точку на ползунке времени, и вы заметите, что кружок находится в положениях, куда вы его не ставили. Что происходит? Благодаря позициям круга на различных ключевых кадрах, Synfig может понять, какое движение вы хотите получить (передвинуть круг, в частности) и дорисовать промежуточные изображения между этими состояниями. Каждое изображение будет составлять кадр вашей анимации, и, в конечном итоге, круг будет двигаться.
+Интересно где же тут анимация? Попробуйте перейти в произвольную точку на ползунке времени, и вы заметите, что кружок находится в положениях, куда вы его не ставили. Что происходит? Благодаря позициям круга на различных ключевых кадрах, Synfig может понять, какое движение вы хотите получить (передвинуть круг, в частности) и дорисовать промежуточные изображения между этими состояниями. Каждое изображение будет составлять кадр вашей анимации, и, в конечном итоге, круг будет двигаться.
 == Рендеринг анимации ==