Сердце gif анимация

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

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

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

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

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

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

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

сердце в synfig studio

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

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

круг

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

сердце в synfig studio

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

группы слоев в synfig studio

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

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

Здесь вы найдете еще больше уроков synfig studio для начинающих

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

группы слоев в synfig studio

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

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

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

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

сердце synfig studio

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

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

купить футболки, худи

купить футболки, худи

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

группы слоев в synfig studio

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

Добавить комментарий

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.