В этом уроке synfig studio вы узнаете как создать gif анимацию сердца.

Gif анимация бьющегося сердца

До начала работы необходимо проделать некоторые изменения в настройках холста. Идем в холст- свойства и устанавливаем размер холста 400 на 400 рх и время конца анимации 2 с.

Шаг 1. Рисуем сердце для анимации

Нарисуйте прямоугольник R, который полностью закрывает холст. Это будет фон нашей анимации. Цвет области укажите черный. На этом фоне, с помощью кривых В, нарисуйте сердце. Для этого потребуется добавить только 4 узла. Понимаю, проще сказать чем сделать. Вы можете поступить так. Найти растровый рисунок сердца, импортировать его и обвести кривыми. Цвет области C60004

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

Контур области переименуйте контур сердце и добавьте в группу Сердце

По центру сердца (в его верхней части) нарисуйте круг с заливкой более светлой чем сердце F24840. Нажмите на + на панели слоев и в группе Размывание выберите размывание. Выделите этот слой и в панели параметры задайте размер размытия 20 рх по каждой оси.

Выделите оба слоя (размытие и круг) и добавьте в одну группу и назовите ее блик. Теперь размытие будет применено только к кругу. Эта группа должна быть выше чем группа Сердце.

Создайте копию группы сердце и опустите ее ниже оригинала и переименуйте в эффекты. В этой группе мы добавим немного эффектов нашей анимации

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

Переходим к анимации

Шаг 2. Gif Анимация сердца

Анимация выглядит так. Сердце бьется на счет раз-два. Первый удар по амплитуде меньше, а второй больше. Последний удар сопровождается долгим угасание и при этом расходится контур сердца с размытием. Вот так

Видно, что необходимо создать анимацию трех параметров: масштаба, исчезновения и размытия. Начнем с масштаба. Переключитесь в режим анимации- нажмите на зеленого человечка.

В начальный момент времени значение масштаб равно 140 (вы можете задать свои значения). Выделите всю группу сердце аним и нажмите мышкой на временной шкале в момент времени 0,04 с. Нажмите на оранжевую управляющую точку и в панели параметры, напротив параметра масштаб, укажите значение 144 по обеим осям. Далее указываем следующие значения

• 0,09 с — 160
• 0,12 с — 140
• 0,18 с — 168
• 1,15 с — 140

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

В панели параметры выделится параметр Размер. В начальный момент времени установите значение 0 по обеим осям, а в момент времени 1,20 с установите значение 30 рх по обеим осям. Копия сердца будет размываться со временем. Пока этот эффект не виден, он под группой сердце аним. Необходимо задать увеличение размера со временем.

Выделите всю группу сердце, нажмите на оранжевую управляющую точку. В начальный момент времени задайте размер меньше чем само сердце. Например, масштаб 130. В момент времени 0,16 с продублируйте состояние фиксатора с 0 секунды. Для этого нажмите мышкой на фиксатор в момент времени 0,16 с, затем правую кнопку мышки. В открывшемся меню выбираем Продублировать. Теперь нажмите мышкой в момент 1,15 с и установите значение масштаба 258.

Осталось задать исчезновение эффекта. Должна быть выделена группа эффекты. Перейдите в момент времени 0,16 с и задайте значение параметра непрозрачность 1. Затем задаем непрозрачность в момент 1,26 с равной 0. В результате у вас должна получиться вот такая анимация

Отправляемся в меню Файл- визуализация. Выбираем цель magick++ и жмем визуализация. Ну вот и все, как видите, создать gif анимацию сердца несложно.