Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#Руководства</a>

2 <ul><li>7 дек 2021</li>

3 <li>0</li>

4 </ul>Рассказываем, как при помощи бесплатного плагина превратить видео в эффектный мультик.

5 Иллюстрация: Катя Павловская для Skillbox Media

6 Автор статей по дизайну. В веб-дизайн пришёл в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил вёрстку. Время от времени публикую переводы на Habr.

7 Дизайнерские задачи бывают разные. Иногда требуется что-то необычное - чтобы ролик выглядел не снятым на камеру, а, например, нарисованным от руки карандашом или мелом, в акварельном стиле или гуашью. Но как получить такой эффект? Отрисовывать вручную каждый кадр? Это долго и затруднительно, особенно если нет навыка. На помощь придёт довольно простой плагин для After Effects. Он по одному или нескольким ключевым кадрам в заданном стиле обрабатывает остальные кадры видео, затем импортирует их в After Effects и собирает в виде анимации.

8 Таким образом можно быстро и без особых усилий создавать эффектные анимационные рисованные ролики, стилизованные под мультфильм в практически любой из техник.

9 Мы разберём, как с помощью плагина<a>EbSynth</a>для After Effects и простого приложения для стилизации фотографий превратить обычное видео в рисованное.

10 Основные этапы работы:

11 <ul><li><a>выбираем нужное видео</a>,</li>

12 <li><a>делаем секвенцию</a>,</li>

13 <li><a>выбираем стиль будущего мультфильма</a>,</li>

14 <li><a>применяем эффект к видео</a>.</li>

15 </ul>Зайдите на официальный сайт плагина<a>ebsynth.com</a>и нажмите кнопку Download. В появившемся окне кликните по еле заметной строчке No thanks, just start the download и сохраните архив. Распаковав его, запустите вот этот файл:

16 Изображение: Skillbox MediaИзображение: Skillbox MediaОткройте After Effects и создайте новый проект: File → New → New Project ("Файл" → "Новый" → "Новый проект"). В новом проекте нужно создать композицию: выберите New Composition ("Новая композиция").

17 Изображение: Skillbox MediaВ окне настроек композиции укажите параметры, как показано ниже. Частоту кадров выставите 30. Назовите композицию park.

18 Изображение: Skillbox MediaДля начала нужно подобрать исходное видео для проекта. Потребуется один короткий ролик

19 Для поиска нужного исходника мы воспользовались бесплатным онлайн-сервисом<a>Pexels</a>. Наиболее эффектно плагин работает с роликами со статичным фоном, поэтому наш выбор<a>пал на видео с человеком, идущим через парк</a>, - съёмку вели со штатива. Мы использовали вот этот фрагмент:

20 Изображение: Twicce Switzerland / PexelsПросто перетяните из окна проводника на панель слоёв нужное видео.

21 Изображение: Skillbox MediaЕсли вы хотите оставить общий тайминг, то можно ничего не менять. Но в конце ролика ничего не происходит, а камера начинает дрожать, поэтому лучше сделать видео короче. Заодно сократим и начало.

22 Изображение: Skillbox MediaПередвиньте ползунок, например, на седьмую секунду и выберите пункт Trim Comp to Work Area ("Обрезать композицию до рабочей области"), как показано ниже. Теперь композиция занимает семь секунд.

23 Изображение: Skillbox MediaДалее нужно сделать секвенцию видео - сохранить его в виде картинок. Выберите пункт Composition → Add to Render Queue ("Композиция" → "Добавить в очередь рендеринга").

24 Изображение: Skillbox MediaНажмите на пункт Lossless ("Без потерь") и выберите JPEG Sequence ("JPEG секвенция").

25 Изображение: Skillbox MediaВыберите папку для сохранения файлов, кликнув по названию файла рядом с Output To ("Вывод в"), назовите её video.

26 Изображение: Skillbox MediaЧтобы не было путаницы, при работе с плагином придерживайтесь такой структуры папок в проекте:

27 Изображение: Skillbox MediaНажмите кнопку Render, чтобы запустить процесс сохранения файлов в выбранную папку.

28 Изображение: Skillbox MediaПосле завершения процесса убедитесь, что файлы сохранены и каждому присвоен номер. Порядковые номера файлов соответствуют порядку кадров в видео.

29 Изображение: Skillbox MediaОтлично - для нашего ролика мы получили 211 картинок (у вас это количество может отличаться, но также будет порядка двухсот). Теперь нужно выбрать одно изображение, на котором есть все элементы из ролика - деревья, трава, листья, горы, море, лавка и человек. Человек в кадре нужен обязательно, потому что иначе плагин не сможет получить графическую информацию о нём и соберёт нечто среднее "на свой вкус".

30 Теперь примените к выбранной картинке какой-нибудь интересный рисованный эффект. Поскольку популярный редактор Prisma Labs работает только через мобильное приложение, мы воспользовались его аналогом - онлайн-сервисом<a>Loonapix</a>.

31 Нам понравился такой вариант стилизации:

32 Изображение: Skillbox MediaНо выбор действительно велик:

33 Изображение: Skillbox MediaИзображение: Skillbox MediaИзображение: Skillbox MediaИзображение: Skillbox MediaСохраните понравившееся изображение в папке keys и откройте плагин EbSynth:

34 Изображение: Skillbox MediaВыберите изображение из папки keys, кликнув по Select рядом с полем Keyframes, а для поля Video - первый файл из папки video. Элемент [####] в названии файла - переменная, которая означает, что будет использоваться последовательность кадров.

35 Изображение: Skillbox MediaВнизу укажите папку вывода обработанных файлов - output.

36 Изображение: Skillbox MediaНажмите на кнопку Synth и дождитесь окончания процесса обработки изображений. Это займёт время - плагину нужно отрисовать каждый кадр оригинала из папки video в соответствии с ключевым кадром из папки keys и сохранить его в папке output. Чем длиннее видео, тем больше изображений, тем дольше обработка.

37 После завершения обработки нажмите на кнопку Export to AE.

38 Изображение: Skillbox MediaПоявится окошко, в котором можно указать необходимое количество кадров, - ничего не меняйте, просто нажмите Export, и вас автоматически перекинет в After Effects.

39 Изображение: Skillbox MediaOutput ("Вывод") - это слой, который объединил все изображения, обработанные плагином.

40 Изображение: Skillbox MediaНажмите на пробел и посмотрите, что получилось. Проверьте, чтобы не было артефактов - например, мыльности в деталях, - и, если всё устраивает, сохраняйте проект!

41 <a>Попробуйте бесплатно 4 топовые профессии в дизайнеПройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>