Обновлено: 20.03.2023
Вас тоже волнует тема анимации персонажей в Adobe Animate (Flash) или любой другой программе? Ищете ответ на вопрос, что делать, когда нужно создать реалистичную анимацию персонажа, а таланта художника Дисней нет? Я расскажу о том, как решить данную проблему и повысить уровень своих навыков в создании анимации.
1. Возьмите за основу готовую анимацию
Кради, как художник! /Остин Клеон — автор одноименной книги
Ну уж совсем заниматься плагиатом, я вас не призываю, как и автор вышеупомянутой книги, а вот проявить немного смекалки, которая впрочем не избавит от кропотливого труда — это пожалуйста.
Я веду разговор к тому, что шаблоном для анимации может послужить либо видео, либо gif анимация, коей на просторах интернета достаточно. Попробуйте сами ввести соответствующий запрос в поисковике и на конце дописать gif, например, «лошадь gif» и поисковик выдаст вам много интересного.
Анимация лошади — пример из поиска Яндекс
Убедились?! Теперь нужно правильно использовать найденную информацию.
Просто так взять ее мы не можем, так как это будет нарушение авторских прав, но нарисовать собственную анимацию на основании уже готовой — мы можем.
Приведу в качестве примера следующее видео.
Анимация танцующей девушки — источник rattlingbones.tumblr.com
Используем его для создания контурной анимации.
Открываем, Adobe Flash, создаем новый документ. Можно задать в панели свойств частоту кадров, хотя, если честно, сама я не меняю данную настройку, так как может потеряться плавность всей анимации.
Импортируем в рабочую область найденную gif-ку. Тот, кто знает, что такое gif анимация, сразу догадается, что это ни что иное как покадровая анимация, в которой каждое новое положение объекта — ключевой кадр. И Adobe Flash разбивает gif анимацию на кадры, их-то мы и можем использовать в качестве референсов и шаблонов для flash анимации.
Вот пример анимации, которая была создана на основании найденного в интернете отрывка видео.
За основу можно взять и видео файл, и так же импортировать его в рабочую область Flash. Но я все же советую, прежде чем делать это — обрежьте нужный кусочек в программе для редактирования видео и сохраните его в формате Flv — к нему Adobe Flash относится всех благосклоннее.
У такого подхода есть несколько нюансов.
- Видео или gif исходник должен быть качественным, большого разрешения, иначе процесс обрисовки превратится в мучение. Поэтому скачивайте материалы с профессиональных стоков
- Приготовьтесь к долгому и кропотливому труду. В скаченных видео, трудно уловить какой-то цикл, поэтому обрисовкой 5-10 кадров дело не обойдется.
2. Используйте шаблоны, референсы
Профессиональные аниматоры описывают в учебниках, как создавать реалистичные движения персонажей, приводят примеры с объяснением физики движений. Такие примеры называются референсами или шаблонами. Так же на многих сайтах публикуют свои работы дизайнеры-аниматоры. Иногда они разрешают использовать их.
Референс — это образец для подражания, которым пользуется дизайнер или художник при создании своей работы.
Можно обратить внимание на 2 ресурса с большой коллекцией шаблонов для анимации:
- Pinterest — графическая социальная сеть, где каждый может сохранить на доску понравившиеся ему изображения с разных сайтов. Она насчитывает огромное количество картинок и видео, но нужно быть готовыми к тому что исходников вы там не найдете, а сами картинки будут плохого качества. Там будет опубликована ссылка, на сайт, где было взято изображение, но, к сожалению, и он может оказаться не первоисточником.
- Freepik — сток для профессиональных дизайнеров. Там вы найдете огромное количество иллюстраций, фотографий, шаблонов. Референсы там так же присутствуют. Причем в отличном качестве и с ветровыми исходниками. Если хотите получить материалы бесплатные для коммерческого использования — поставьте галочку Free в фильтре поиска.
Поиск референсов может стать очень трудоемким процессом, потому что многие из них разбросаны по всему интернету. В свое время, такая подготовка к созданию анимации доставляла мне много хлопот. Поэтому я решила создавать свои коллекции шаблонов для анимации и делиться ими с вами.
Пример референта для анимации походки медвежонка на freepik
В моей копилке уже есть:
- Шаблоны для анимации зверей, птиц
- Незаменимые шаблоны для анимации людей.
- Шаблоны анимации рук
Они будут пополняться и дальше, следите за обновлениями.
Заключение
Надеюсь, моя статья помогла вам ответить на вопрос «Где брать шаблоны для анимации во Flash».
Видео и референсы, которые вы используете, в конечном счете помогут вам лучше разобраться в физике движения и повысят ваш уровень создания анимации.
На моем блоге вы так же можете найти много интересной информации по работе в программе Adobe Flash, Adobe Photoshop, мировых школах дизайна и многое другое.
Подписывайтесь на обновления блога «Дизайн в жизни» по e-mail или социальных сетях и мы обязательно опубликуем для вас еще больше полезных уроков! |
Классный приемчик! Обязательно им воспользуюсь!
Татьяна, я рада, что вам понравилась статья.