Первая страница

Enve

2d анимация
Онлайн: РИСОВАЛКИ | ИГРЫ | РЕЛАКС программы

О программе

Enve – легкая, бесплатная, функциональная программа для создания рисованной анимации по фреймам и векторной анимации по ключевым кадрам. Эти два типа анимации гармонично сочетаются в интерфейсе программы. Экспорт осуществляется в видео, последовательность растровых изображений, в SVG (во все форматы, которые поддерживает библиотека ffmpeg). Подход по созданию анимации в Enve сильно напоминает работу в After Effects.

Enve - интерфейс

Концепция работы

Создается новая сцена. В настройках сцены указывается ее имя, размер кадра, цвет фона, длительность. Причем, длительность можно выбрать как во фреймах (кадрах), так и в секундах. Если длительность назначена в секундах, то при следующем открытии настроек сцены все-равно будут фреймы, пересчитанные из секунд, и таймлайн также имеет насечки во фреймах. Поэтому сразу приучайтесь к измерению времени во фреймах. Важным параметром в настройках сцены является FPS – это количество кадров в секунду. Чтобы понять, сколько секунд длится ваша сцена, надо количество фреймов разделить на значение FPS.
Теперь на холсте можно располагать объекты и их аниимировать. Есть два подхода в анимации: по фреймам и по ключевым кадрам.

Анимация по фреймам
Подходит для любителей и мастеров рисовать мультфильмы. Ползунок таймлайна выставляется на начальный кадр. Рисуется сцена/персонаж… Переходим на следующий кадр. Перерисовывается сцена/персонаж… Для рисования в программе предусмотрено очень много интересных кистей. Для покадрового рисования анимируется параметр canvas у объекта Brush.

Анимация по ключевым кадрам
У любого объекта есть свойства, такие как координаты на холсте, поворот, прозрачность… Каждый из параметров можно плавно изменять во времени. По клику на белый кружочек в начале названия свойства выставляется ключевой кадр (или по ПКМ). Выделяется другой фрейм, не следующий как при фреймовой анимации, а, допусти через 48 фреймов. Меняется значение этого же свойства на другое. Теперь при проигрывании на протяжении 48 фреймов (это 2 сек при fps=24) данное свойство будет плавно изменяься. Пересчет визуализации будет делать программа и вам не надо рисовать каждый фрейм.

Рендеринг Это экспорт в конечный формат видео или изображения. Для новичка может вызвать затруднение найти, как сохранять в видео. Вот как:

  • Меню: Scene > Add to Render Queue
  • Открыть закладку Render (вместо Timeline)
  • Открыть настройки рендера (треугольничек рядом с названием сцены)
  • Нажать на [Settings] и настроить выходной формат
  • Нажать [Destination] и выбрать путь к выходному файлу
  • Нажать кнопку [Render]
  • Дождаться окончания рендеринга

Если вы раньше работали в After Effects, то, наверное, заметили большое сходство Enve с этой классической программой от Adobe в области анимации. Также устроен таймлайн, работа с ключевыми кадрами, рендер… Программа поддерживает даже выражения (т.е., анимацию объектов с помощью скриптов в синтаксисе Javascript).

Нюансы

Масштабирование таймлайна. По умолчанию на таймлайне один фрейм занимает слишком широкую ячейку. Может быть, это удобно для фреймовой анимации, но для анимации по ключам очень неудобно. Два дня искал как изменить масштаб, чтобы на фрейм отводилась меньшая ширина. Оказалось так: наводите курсор мыши кликом на ползунок внизу таймлайна и начинаете вращать колесико мыши к себе – ширина ячейки фрейма уменьшается.

Graph Editor. Фича полезная для визуализации анимационных параметров. Кроме того, в enve это единственное место, где можно настроить интерполяцию ключей… но я не сразу сориентировался с ним. Открывать Graph Editor надо по кнопке – открывается пустое разлинееное пространство. Не вижу своих кривых изменений параметров объектов по выставленным уже ключам. Оказывается, надо в панеле слоев рядом с тем параметром, который анимирован и нужно по нему посмотреть/отредактировать кривую, нажать кнопку – и кривая появится. Можно передвигать узловые точки, можно преобразовывать узлы в сглаженный тип и настраивать интерполяцию контролами как у кривых Безье.

Follow Path. Выигрышный прием в анимации, когда объект движется по заранее заданному пути. Инструментом нарисуйте кривую. В вашей сцене появится новый слой Path. У объекта, который вы хотите заставить двигаться, откройте свойства и откройте ветку transform. В этой ветке кликните ПКМ на нижней строке transform effects и выберите Add Follow Path Effect. Теперь выберите объект сцены, который является путем – это Path. Пока ваш объект статичен, но уже привязан к объекту пути. Чтобы объект начал двигаться вдоль пути надо анимировать свойство complete, которое отвечает за то, в каком месте пути находится объект: 0 – в самом начале, 1 – в самом конце. Так что, поставьте на таймлайне у этого свойства два ключевых кадра – в первом со значением 0, и во втором со значением 1.

Тень объектов. Как сказано в недостатках ниже, тень в редакторе не адекватно устроена для векторных фигур. Но выкрутиться всегда можно. Создаем фигуру. Дублируем фигуру. Нижнюю фигуру заливаем черным и настраиваем прозрачность и смещаем относительно верхней. Объединяем фигуры в группу, чтобы легко было трансформировать. Если нужно размытие тени, то на холсте по нижней фигуре: ПКМ > Raster Effects > Blur. И тут вы заметите в списке Raster Effects пункт Shadow, и удивитесь, почему бы сразу фигуре не придать этот эффект. Так вот, эта Shadow тоже размывает края самой фигуры довольно неаккуратно – в этом я и усмотрел неадекватность. Повторюсь, что недостаток касается векторных фигур, а с растровыми – всё Ok.

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

Плюсы и минусы

ПонравилосьНе понравилось
• Инструменты для двух типов анимации.
• Большое разнообразие кистей для рисования.
• Полноценная поддержка векторной графики.
• Анимация векторных контуров и путей по узловым точкам.
• Простота и логичность интерфейса.
• Изменение мышкой значений параметров объектов.
• Импорт на сцену всех основных медиа файлов.
• Следование вдоль пути.
• Слежение за объектом.
• Родительский объект.
• Эффекты наложения.
• Анимационные эффекты для текста.
• Выражения.
• При выборе некоторых кодеков рендер зависает.
• Затруднен эффект тени для векторных объектов.
• Отсутствует руководство пользователя, даже на английском.
• Проигрывание сцены по кнопке [Play] вылядит несколько размыто (после рендера - всё отлично).

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

Скачать, посмотреть

📥 Страница скачивания enve-инсталяторов для Windows и Linux.
📥 Скачать портабельную версию enve под Windows (пароль для разархивирования newart.ru). Проверял на Windows 10 x64.
📺 Обучающий ролик на английском – для начинающих. 25 минут. Об интерфейсе и принципах работы в программе.
📺 Обучающий ролик на русском – для начинающих. Полтора часа. Несколько занудно, но много полезного можно узнать из особенностей программы.
📺 Канал разработчика enve.

Анатолий Опарин, декабрь 2021 г.


Ещё программы для анимации:
ActivePresenter // создание интерактивных и анимированных презентаций и тестов
Algodoo // симулятор реального физического мира
Animiz // создание анимированных презентаций с персонажами
Aphalina // программа для создания SVG-анимации
Articulate Storyline // конструирование онлайновых презентаций и обучающих курсов
Aseprite // анимация в стиле пиксельной графики
Aurora 3D Animation Maker // создание и анимирование 3d текстов и фигур
Camtasia Studio // видеоредактор с анимационными инструментами
Cavalry // для создания сложносочиненных 2d анимаций
Corel PhotoMirage // производство стильных фото-анимаций
DP Animation Maker // "оживление" фотографий анимационными эффектами
Explaindio Video Creator // программа для создания рисованного видео
Express Animate // After Effects Lite с экспортом в Video, HTML5, GIF
FantaMorph // морфинг изображений
Google Web Designer // конструктор HTML5 баннеров и приложений
HelpXplain // для создания анимированных онлайн-презентаций
Hippani Animator // удобная анимационная студия с экспортом в HTML, video, анимированный gif
Piskel // крайне привлекательная программа для создания и редактирования анимаций в стиле pixel art
Pivot Animator // простой редактор для создания костной анимации по ключевым кадрам
PixelOver // пикселизация и анимация 2d и 3d
Pro Motion NG // пиксельное рисование и анимация
ProShow Producer // для создания продвинутых слайдшоу и видеопрезентаций
Saola Animate // программа для быстрого и удобного создания анимации в HTML5
ScreenToGif // анимированный Gif – запись/редактирование/конвертация
Spriter // создание костной анимации персонажа для игровых движков
Tahoma2D // для создания 2d мультипликации
TouchDesigner // композер для генеративной графики
VoxEdit // воксельный редактор для моделирования и анимации
WebAnimator // редактор анимации для веба
Wick Editor // многоплатформенное приложение для создания веб-роликов
ФотоШОУ PRO // для создания видеороликов со слайдшоу
Онлайн-сервисы для создания анимации // работают в браузере без загрузки на компьютер
Новости
От рекламы не скрыться
Начинающим аниматорам книга
Реклама
домой | живопись | графика | компьютерная графика | поделки | юные художники | темы | комментарии | перлы
конкурсы | игры | релакс | рисовалки | учиться рисовать | детские карты Москвы | детские стихи | статьи | видео | поиск | обратная связь