Анимация вентилятора

Дорогие друзья, сегодня очередной урок простейшей анимации. В этом уроке мы создадим gif анимацию вентилятора с помощью synfig studio. Не поможет, конечно, во время реальной жары, но все же.

Gif анимация вентилятора в synfig studio.

Запустите synfig studio и загляните в холст- свойства. Во вкладке Изображение установите размер 256 на 256 рх (быстрее будет происходить визуализация). Длительность всей анимации можно указать после завершения работы посмотрев на шкалу времени.

gif анимация вентилятора

Шаг 1. Рисуем вентилятор

С помощью инструмента прямоугольник R растяните прямоугольник во весь холст и укажите в параметрах белый цвет. На панели слоев задайте этому слою имя фон.

рисунок стойка вентилятора

Далее выбираем инструмент кривые b, в панели создание кривой (справа) отмечаем тип слоя создать слой области и рисуем трапецию произвольного цвета.

сердце в synfig studio

Нажимаем на панели слоев символ + и добавляем слой линейного вертикального градиента (+ Градиенты- Линейный градиент). В настройках цвета опорных точек градиента укажите цвет верхней точки 8B0000, нижней FF5D5D.

Для слоя градиента в панели параметры укажите Режим смешивания На. Добавьте оба слоя в одну группу и задайте имя стойка вентилятора.

рисунок стойка вентилятора

Тем-же инструментом в нижней части нарисуйте вот такую фигуру. Фигура может быть любой, это не так важно. Можете нарисовать просто прямоугольник. Это основание вентилятора. Не забываем в настройках создаваемого слоя отмечать только создать слой области. Цвет области AD0C0C

По центру нарисуйте пару кругов белого цвета- это кнопки.

рисунок основание вентилятора

Основание вентилятора и две кнопки добавьте в одну группу и назовите основание вентилятора. Вообще, группировать по смыслу элементы анимации (рисунка) вещь очень полезная. Это позволяет удобно организовать процесс и сильно упростить себе работу.

рисунок основание вентилятора

Справа (или слева) кривыми b нарисуйте провод (например, синего цвета) и розетку на стене из одного квадрата серого цвета и круга черного цвета. Под основание вентилятора нарисуйте прямую линию черного цвета.

рисунок вентилятора

Все объекты, которые мы нарисовали, будут статичными. Переходим к элементам вентилятора, которые будут анимированы.

Вооружаемся кривыми b и рисуем первую лопасть вентилятора. Цвет лопасти укажите FF5D5D. Постарайтесь придать именно такую форму лопасти. В процессе построения используйте минимумом узлов. Добавьте слой в группу лопасть 1.

лопасть вентилятора вектор

Создайте еще две копии этой группы и поворачивайте каждый раз на 120 градусов относительно того, с чего создавали копию группы. Вот так должны быть расположены лопасти.

лопасти вентилятора вектор

В центре лопастей нарисуйте крышку вентилятора- черный круг и небольшой белый круг в качестве блика.

лопасти вентилятора вектор

На поверхность каждой лопасти по краю добавьте контур светло-серого цвета цвета. Для этого используйте кривые b и включите точки толщины контура. У правого узла (см ниже) задайте толщину контура больше.

лопасти вентилятора вектор

Все три лопасти, крышку и блики на лопастях добавьте в одну группу с именем винт (или назовите по своему). Именно эту группу вентилятора мы и будем анимировать.

вентилятор вектор

В качестве примера вот мой вариант групп слоев.

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

Работа со всеми инструментами кратко рассмотрена в уроках рубрики уроки synfig studio

Шаг 2. Анимация вентилятора

Давайте сначала посмотри на то, что должно получиться. Это самый простой и короткий этап урока.

gif анимация вентилятора

Выделяем группу винт и устанавливаем центр системы управляющих точек по центру крышки. Для этого цепляемся за исходную точку и смещаем так, чтобы зеленая точка была бы в центре крышки вентилятора.

Переходим в режим анимации- жмем на зеленого человечка. Нажимаем мышкой в момент времени 0,08 секунды. Далее жмем в синюю управляющую точку (она отвечает за поворот). На панели параметров будет выделен параметр угол. Укажите для него значение -90 градусов. На временной школе появятся два фиксатора (для 0 секунды и 0,08 секунды) Как вы уже поняли через каждые 0,08 секунды необходимо менять угол

  • 0 с — 0 градусов
  • 0,08 с угол -90
  • 0,16 с угол -180
  • 0, 24 с угол -270
  • 0,32 с угол -360

Посмотрите на шкале время соответствующее последнему фиксатору и внесите изменение в холст- свойства вкладка время.

Переходим Файл- визуализация. Цель- magick++ и визуализация. В результате получаем gif анимацию вентилятора. А мы встретимся на уроке анимация магнита

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

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

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

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

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