В какой программе можно анимировать

Содержание

Моушн-дизайн — это инструмент визуального оживления неподвижного изображения. Его используют во многих сферах: начиная с кино и заканчивая разработкой игр. Анимировать можно не только изображение, но и текст. Это позволяет пользователю обращать внимание на важные детали и лучше усваивать информацию. Только не путайте моушн-дизайн с обычным видео!

Это не мультфильм. Анимация делает акцент на конкретные элементы, но не передает сюжет.

Быстрая доставка информации. Анимация эффективно работает в рекламе, поскольку обладает ясностью и лаконичностью. Таким образом пользователи запоминают рекламу и подсознательно выделяют из неё самое главное.
Раскрытие сложные идей и простое их донесение. Здесь действует принцип знакомой всем поговорки «лучше один раз увидеть, чем сто раз услышать». Пользователи намного чаще обращают внимание на изображение, нежели на текст. А если это изображение еще и движется, эффект будет намного больше.
Удержание внимания. Моушн-дизайн — лучший инструмент в ситуации, когда нужно зацепить зрителя/потребителя. Именно поэтому он так активно набирает популярность.

ДОБРЯК Анимация за 5 МИНУТ! [#ИзиМульт]

3D-дизайн. Специалисты в этой сфере создают объемную анимацию. Им требуются знания определенных программ и 3D-графики, а также мощная видеокарта.
Графический дизайн. Здесь нужно уметь проводить цветокоррекцию и выстраивать композицию. Графический дизайн востребован во многих сферах, а дополнительное владение анимированием делает специалистов просто незаменимыми. Если вы тоже хотите развиваться в этом направлении, я рекомендую начать с базового обучения графическому дизайну. Сделать это можно благодаря моему авторскому курсу по инфографике. Мои ученики зарабатывают на этом от 60 тысяч в месяц. Подробности по ссылке: https://goo.su/pbBNf.

Заработок на создании анимации

Профессия моушн-дизайнера дает огромные возможности для саморазвития. Специалисты по созданию анимации работают над веб-сайтами, визуальными эффектами и рекламными роликами. Сфера особенно пришлась по душе фрилансерам. Судите сами – вы можете работать дома, проводить больше времени с семьей и при этом зарабатывать от 100 000 рублей в месяц.

Для начала специалисту нужно определить целевую аудиторию. Скажем, дизайнер создает анимацию для крупного холдинга и онлайн-школы. В этом случае итоговая работа будет кардинально отличаться.
Далее необходимо обозначить цели и общий стиль проекта. Так будет проще выбрать инструменты, с помощью которых разрабатывается моушн-дизайн. Для этого специалист должен получить техническое задание от заказчика. В нем подробно прописываются основные нюансы: задача, сроки, примеры работ, которые нравятся клиенту.
Затем специалист создает набросок. Это необходимо, чтобы верно наложить слои, подобрать изображения и т.д. И в финале получается итоговый проект — всегда разный, в зависимости от задачи клиента.

КАК СДЕЛАТЬ МУЛЬТИК…? (Adobe Animate Tutorialподкаст)

в маркетинговых кампаниях: занимаются разработкой промоматериалов и создают анимацию для рекламы;
в медиа: занимаются созданием различных видео: от развлекательных до образовательных;
на телевидении: здесь необходима реализация титров, субтитров и заставок.

Лучшие приложения для анимации

Adobe Animate. Есть платная и бесплатная версии. В первом случае возможностей, конечно, больше. Тем не менее бесплатная версия тоже довольно популярна. Главное преимущество — удобный интерфейс, в котором всё интуитивно понятно. Кроме того, приложение постоянно улучшается и обновляется.
Adobe After Effects. Программа обладает широкими возможностями. Она легко коннектится с другими приложениями от Адоб. Из минусов — невозможность работы с аудио. Если вам нужно наложить звук, придется скачать дополнительное приложение.
Adobe Character Animator. Это настоящий must have для всех, кто любит создавать анимацию онлайн. Инструмент очень экономит время, позволяет создать разные виды анимации. Минус — цена платной версии (53$ в месяц). Бесплатная версия присутствует, но ее возможности сильно ограничены.
Toon Boom Harmony. Подойдет не только новичкам, но и опытным дизайнерам. Всё благодаря уникальным функциям, которые подбирались под разные уровни мастерства. Благодаря простому интерфейсу приложение легко освоить. Минус — нет бесплатной версии. Однако месячная цена относительно невысокая — 26$.

Источник: ddesign.moscow

12 лучших анимационных программ для создания объясняющего видео

Картинка стоит тысячи слов, но видео стоит миллионов слов! Люди часто ищут объясняющие видео, чтобы понять суть происходящего. Это лучший способ объяснить любому человеку о вашем бренде, инструменте или бизнесе. Анимация более привлекательна по сравнению с обычными учебными пособиями, в которых все объясняет человек.

Если вы просмотрели несколько анимированных видеороликов, то, возможно, обнаружили, что их довольно легко понять. Благодаря визуальным эффектам и анимации люди легко устанавливают контакт. Это самое важное преимущество объясняющего видео, потому что сложные вещи объясняются легко. Объясняющее видео полезно не только потому, что его легко понять, но есть и ряд других преимуществ, связанных с ним. Давайте рассмотрим некоторые из причин, по которым бизнес должен иметь объясняющее видео.

Оглавление данной статьи:

1 Конверсия

1.1 Очистите цель вашего продукта
1.2 Сделайте свое выступление живым
1.3 Поделитесь

Конверсия

Людям нравится смотреть объясняющее видео. Как владельцу бизнеса, это поможет вам вести подсчет посетителей, которых можно превратить в реальных клиентов. По количеству просмотров каждого видеоролика можно легко определить, какой продукт или услуга показались людям наиболее интересными.

Очистите цель вашего продукта

Текст часто бывает сложным, потому что каждый человек может воспринимать его по-разному. Объясняющее видео упростит задачу, избавив потенциальных клиентов, посещающих ваш сайт, от необходимости строить догадки. Люди часто способны лучше понять суть вещей, увидев или услышав чье-то объяснение. Объясняющее видео даст вам преимущество, потому что вы сможете обратиться к своим потенциальным клиентам и сообщить им, чем вы можете им помочь.

Сделайте свое выступление живым

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

Поделитесь

Разместите его везде — YouTube, Facebook, Twitter, Linked In, Vimeo, TikTok и позвольте вашей аудитории поделиться им со своими знакомыми. Люди чаще делятся видео, чем текстовыми блоками.

Что делает видео хорошим объясняющим видео?

Существует множество замечательных объясняющих видеороликов. Вы можете использовать их в качестве вдохновения, прежде чем приступить к созданию собственного объясняющего видео. Во время поиска классных объясняющих видеороликов, один из них от компании Cleanshot показался довольно привлекательным. Они легко объяснили людям суть своего продукта и все его функциональные возможности. Итак, на чем нужно сосредоточиться, чтобы сделать классное объясняющее видео?

Сохраняйте оригинальность
Постарайтесь сделать его смешным, потому что люди чаще делятся им, когда находят его немного юмористическим.
Будьте просты и понятны. Главная цель объясняющего видео — сделать так, чтобы люди легко поняли ваш продукт или услугу.
Узнайте больше о своей аудитории и выберите тот стиль, который они оценят.

Теперь давайте рассмотрим лучшие программы для создания объясняющих видео.

Adobe Animate

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

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

Вы можете экспортировать анимацию в различные платформы, такие как Flash/Adobe AIR, HTML5 Canvas и даже в различные пользовательские платформы, например SVG. Вы можете добавлять действия без необходимости написания кода. Таким образом, вы можете напрямую позволить своему воображению сделать всю работу. Нет конца способам, которые вы можете использовать Adobe для создания анимационного видео. Творчество сможет соединиться с вашим воображением с помощью этого инструмента.

Anireel

Если вы хотите вывести на рынок свой продукт, поделиться знаниями или предоставить онлайн-образование, Anireel идеально подходит для всех этих целей. Он позволяет создавать увлекательные анимационные объясняющие видеоролики с помощью готовых сцен и элементов. Даже если вы новичок в этой области, вы сможете легко понять весь процесс.

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

Animatron

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

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

Вы можете создать целую сцену в течение нескольких минут благодаря инфографике, иконкам и анимированным темам, доступным на рынке Animatron. Вы можете быстро импортировать свои собственные фотографии, видео и графику, добавив анимированный текст, персонажей, аннотации или даже наложив их на медиа. Он позволяет полностью настроить каждый актив, от базовых форм до полностью анимированных персонажей. С помощью Animatron вы можете настроить все в соответствии с вашими требованиями. Кроме того, вы можете загрузить и экспортировать созданное объясняющее видео в любой желаемый формат и поделиться им непосредственно на всех платформах социальных сетей.

VideoScribe

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

VideoScribe довольно прост в использовании, и вы сможете с легкостью создавать анимированные объясняющие видео. Если вы планируете создать объясняющее видео, то вам стоит начать с нуля. В коллекции имеется очень мало шаблонов с меньшим разнообразием стилей. Это очень универсальный инструмент, используемый владельцами бизнеса и маркетологами для создания объясняющих видео.

Для успешной работы с VideScribe вам понадобятся знания любительского видеомонтажа. Иконки, используемые в VideScribe, несколько устарели, но вы определенно можете выбрать эту версию, если вам нравится нарисованный от руки вид. Функциональность drag-and-drop позволяет легко использовать VideoScribe и создавать объясняющие видео. Имеется полная библиотека из тысяч настраиваемых музыкальных композиций и изображений, которые можно добавить в ваши объясняющие видео.

Doodly

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

Хотите ли вы сделать свое видео развлекательным или полностью объясняющим, вы можете использовать анимацию, чтобы придать ему привлекательный вид. С помощью анимации можно создать не только доску, но и стеклянную доску, зеленый экран и черную доску. Имеются различные типы мужских и женских рук, так что вы можете выбрать по своему вкусу.

Одним щелчком мыши вы можете синхронизировать свой записанный голос и добавить его к своему творению Doodly. Doodly предлагает 1000 000 нарисованных на заказ каракулей для досок, которые можно использовать везде, где вам нужно. Конечно, эти изображения можно использовать только на платформе Doodly.

Вы также можете добавить музыку на задний план из нескольких бесплатных аудиодорожек, доступных для выбора в соответствии с вашим жанром. Кроме того, вы можете установить Doodly на любое количество устройств. Он совместим как с Mac, так и с PC.

Powtoon

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

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

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

Animaker

Если вы ищете быструю и простую альтернативу After Effects, то Animaker должен стать вашим основным программным обеспечением. Она работает по принципу drag-and-drop, что делает ее простой в работе даже для людей, не обладающих техническими знаниями или знаниями в области дизайна.

Ваше пояснительное видео не только будет выглядеть привлекательно, но вы также заметите, что для его создания с Animaker вам пришлось приложить совсем немного усилий. Для облегчения процесса создания видео есть 6 различных стилей, таких как 2.5D, типографика, инфографика и другие.

Кроме того, 120 различных типов анимации служат прекрасным дополнением для создания отличного объясняющего видео. Вы можете легко разнообразить свое видео, используя диаграммы, иконки и персонажей из всей коллекции инструмента. Еще одна удивительная особенность Animaker заключается в том, что вы можете легко оптимизировать видео по вертикали под экран мобильного телефона.

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

Maya

Если вы ищете премиум-вариант для создания объясняющих видео, вам стоит выбрать Autodesk Maya. Это инструмент компьютерной 3D-анимации, моделирования, моделирования и рендеринга. Благодаря обширному набору инструментов вы сможете воплотить в жизнь свои фантазии. От моделирования ткани до эффекта взрыва — вы можете создавать реалистичные эффекты для каждой анимации.

Maya довольно быстра в создании и редактировании видео. Она способна обрабатывать большие массивы данных. Для работы с Adobe Maya необходимо обладать хорошими знаниями в области создания и редактирования видео. Функции 3D-анимации дополнены рядом других возможностей: редактор времени, редактор графики, редактор призраков, быстрое воспроизведение и эффекты деформации.

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

Vyond

Ранее компания Vyond была известна как GoAnimate. Это облачный инструмент для создания видео, который помогает создавать впечатляющие анимированные видеоролики для всех отраслей. Самое лучшее в Vyond то, что вы можете создавать отличные объясняющие видео с различными стилями анимации, такими как анимация на доске, видеоинфографика и даже бизнес-анимация.

Вы можете познакомиться с созданием видео, даже если у вас нет никаких знаний о дизайне. Благодаря оптимизированному потоку и сотням готовых шаблонов, медиа-активов, концепций и элементам управления drag-and-drop, вы найдете его довольно простым в использовании. Когда дело доходит до анимации и персонажей, этот инструмент может стать вашим незаменимым помощником.

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

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

Renderforest

Renderforest — это онлайн-платформа для создания объясняющих видео, фантастических логотипов и многого другого без необходимости загрузки программного обеспечения. Неважно, что это за событие, вы можете использовать Renderforest, когда дело доходит до создания видео.

Biteable

Biteable — это популярное программное обеспечение для создания видеороликов, инфографики, видеоконтента для социальных сетей, презентаций и маркетинговых роликов. Библиотека медиаконтента Biteable состоит из 85 000+ безвозмездных материалов с Shutterstock.

С помощью интуитивно понятной платформы Biteable вы можете создавать объясняющие видео, рекламные видео, слайд-шоу, рекламные видео и даже обучающие видео. Каждая сцена видео выглядит живой благодаря высококачественной графике и продвинутым инструментам анимации.

Имеются встроенные медиашаблоны, такие как корпоративный, портфолио, бизнес, свадебный, недвижимость и многие другие, так что вы можете мгновенно приступить к созданию видео. Вы можете либо использовать имеющиеся изображения и видео, либо загрузить свои фотографии, видео и музыку к видео. Если вы новичок и хотите создать профессиональное объясняющее видео, вам стоит обратить внимание на Biteable. У вас есть возможность персонализировать каждую сцену, а также добавлять новые сцены между ними.

Explee

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

Видеоролики-объяснения облегчают понимание вашего бизнеса или продукта, и вы можете создать превосходный видеоролик с помощью Explee. Он позволяет создавать потрясающие объясняющие видео с анимацией на доске. Эти объясняющие видео помогут вам привлечь внимание аудитории и остановить ее от прокрутки вашего сайта. Explee — это облачное приложение для создания видео, что позволяет использовать программу на любом устройстве и с легкостью получить на руки свое последнее творение. Хотите ли вы показать свою работу со смартфона или ноутбука, вы сможете это сделать, потому что все хранится в облаке.

Заключительные размышления

Видеоролики с объяснениями определенно могут дать огромный толчок к повышению конверсии. Причина в том, что людям довольно легко понять любой продукт или услугу с помощью объясняющего видео. Большинство людей все еще полагаются только на веб-копии. Вы можете легко выделиться среди толпы, добавив объясняющее видео на главную страницу вашего сайта.

Объясняющие видео очень увлекательны, информативны, занимательны, а также легко запоминаются. Объясняющие видео также работают как волшебство, когда дело доходит до SEO. Поэтому выберите инструмент из приведенного выше списка и приступайте к созданию фантастического объясняющего видео для вашего бренда.

3D моделирование и анимация: руководство для начинающих

И ещё немного полезной информации от партнёров: на этот раз компания Akadem представляет подробный туториал для начинающих разработчиков, которые желают освоить азы 3D моделирования и анимации для будущих проектов. Основываясь на собственном опыте создания симулятора паркура и адаптациии его для разных платформ, авторы подробно разбирают процесс создания персонажа экшн-игры, реализации базовых движений и локаций.

«Привет, читатель Хабра! Если ты чувствуешь, что ещё мало продвинулся в разработке игр на Unity3D, и мечтаешь о чём-то большем и, главное, динамичном — добро пожаловать под кат. Там мы расскажем о том, как создать своего собственного персонажа, не имея навыков 3D моделирования, импортировать его в Unity-проект и заставить двигаться.

Давайте представим, что в один прекрасный вечер после очередного просмотра фильма «13-ый район» вам вдруг захотелось сделать свою игру о безумных трюках, прыжках через пропасти и чудесах акробатики. В анамнезе у вас есть пара проектов с использованием геометрических примитивов, типа «3 в ряд», так что какие-то навыки программирования уже имеются, пусть и начального уровня.

Для реализации этой новой идеи вам понадобятся: модель персонажа, модель окружения и специфичные анимации. Всё просто! Но тут вы осознаёте, что господь не наделил вас навыками трехмерного моделирования. Самое сложное, что вам довелось совершить в этой области — создать модель чайника в пиратской копии 3D Studio Max, купленной за 200 рублей в переходе пару лет назад.

Тогда вам пришлось затратить на весь процесс целых 10 секунд времени и несколько калорий, чтобы поднять палец и нажать кнопку «Создать чайник». Да уж, никуда не годится.

Но не стоит отчаиваться, ведь современные технологии на сегодняшний день предоставляют безграничные возможности даже тем, кто не может похвалиться навыками в соответствующей сфере. Даже начинающий хирург сегодня, скачав приложение Пересадка печени 3D, может с легкостью прооперировать своего друга в домашних условиях. Но не будем отвлекаться на лёгкие художественные преувеличения — вернёмся к нашей будущей игре.

Для создания харизматичного персонажа мы будем использовать Adobe Fuse, как очень простой инструмент для работы с моделями такого рода. «С помощью этого нового приложения вы сможете с легкостью создавать, изменять и настраивать 3D-модели человеческих персонажей за считаные минуты, сохранять их в Creative Cloud Libraries, а затем добавлять для них позы и анимацию», — гласит описание. Отлично, нам подходит!

Интерфейс среды Fuse не даст вам почувствовать себя инспектором ядерной безопасности на Спрингфилдской АЭС.

Уверяем вас, процесс создания персонажа будет крайне простым и принесет сплошное удовольствие. Самому Господу Богу было бы намного удобнее создавать Адама, если бы он пользовался таким инструментом.

Итак, приступим. Перед вами главное окно программы, где основными для нас являются вкладки, расположенные над основной рабочей областью и представляющие собой этапы построения человеческой 3D модели. Вкладка Assemble даёт нам возможность создать непосредственно тело героя, составляя его из отдельных компонентов: торса, рук, ног и головы. С этого-то и начнём.

Раскрыв список Head в правой части экрана, мы увидим перед собой различные исходные варианты. Здесь вы найдете всевозможные головы: мужские и женские, светлокожие и темнокожие, молодые и в возрасте, и даже мультяшные. Вспомнив с улыбкой творение Мэтта Гроунинга, кликаем мышкой и выбираем подходящую.

Вкладка Torso, как понятно из названия, предоставляет нам возможность выбрать туловище. Тут вы решаете ходит ли ваш персонаж в спортзал, родился ли он в Африке, получает ли пенсию, а может, и вовсе пользуется Lady Speed Stick? Выбираем понравившийся вариант и двигаемся дальше.

Следуя сложившейся логике вещей, пробегаемся по оставшимся двум вкладкам. Разработчики постарались на славу и исключили возможность ошибки, поэтому руки нашего героя определённо будут расти из правильного места. В раздел Legs наращиваем подходящие ноги, в разделе Hands — соответственно руки. В конечном счете, в главном окне отобразится наше творение, которое можно повертеть вокруг своей оси, чтобы убедиться, что мы ничего не забыли.

Следующий этап, который мы проведём во вкладке Customize, можно назвать самым интересным в создании персонажа. С помощью удобных ползунков мы можем менять такие параметры, как длина рук, величина головы, телосложение, цвет кожи, разрез глаз, овал лица и многое другое. Именно здесь вы определяете, будет ли ваше детище трейсером спортивного сложения или же долговязым чернокожим азиатом, у которого явные проблемы с холестерином. Тут главное не переборщить, иначе результат может получиться самым неожиданным.

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

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

Останавливаться сейчас на каждом параметре этого раздела не имеет смысла, иначе печатная версия статьи превратится в один из томиков бессмертного произведения писателя Л.Толстого. Поверьте, на этом этапе кастомизация персонажа проста и интуитивно понятна, все названия подвергающихся изменению частей тела подписаны и обозначены. А если вы не знаток английского языка, то вам будет даже интереснее: придётся изучать функционал опытным путем, передвигая бегунки от одной крайней позиции в другую. Ниже представлены поэтапные иллюстрации настройки создаваемой 3D модели.

Последняя вкладка Texture отвечает за настройку экспортируемых материалов модели, включающих в себя цвет, фактуру ткани, паттерны и прочее. Изменим цвета одежды персонажа и получим яркий образ, готовый к экспорту.

Для продолжения работы с моделью удобнее всего экспортировать её в Mixamo — онлайн-сервис от Adobe, позволяющий анимировать созданного вами героя. Для этого вам нужно в правом верхнем углу нажать на одноименную кнопку «Export to Mixamo». Напоминаю, что вы должны быть подписчиком Creative Cloud и иметь свой Adobe ID, чтобы воспользоваться этой функцией.

Процесс импорта модели закончен, и теперь самое время стать доктором Франкенштейном, то есть повернуть рубильник и запустить адскую машину для оживления вашего создания. Для этого нужно зайти на страницу Mixamo под своим ID, в верхней панели перейти в раздел Store, затем в той же панели выбрать вкладку MyAssets. На загруженной странице в подразделе MyCharacters вас будет ждать свежеиспеченная модель трейсера.

Загруженная модель является статичной, но это временно — только до тех пор, пока мы не внедрим Rig скелет с точками сгиба и привязкой к конечностям. Чем и займёмся! Для этого заставим работать очень удобную функцию Auto-Rigger, которая находится в меню Products. Причем если модель была сделана в редакторе Fuse, как в нашем случае, то процесс автоматического создания скелета становится необычайно простым и не требует дополнительных шагов. В том случае, если модель была сделана в другой среде, то скорее всего придётся указывать на схеме точки сгиба конечностей, но сложностей это вызвать не должно.

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

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

Чтобы начать процесс анимирования, перейдем в разделе Store главного окна во вкладку Animations. Перед нами откроется библиотека всех анимаций, которые предлагает нам Mixamo. По поиску можно найти интересующие нас тематические движения прыжков и подкатов. Выбираем искомое и сохраняем его в наборе, нажав в правой части экрана на кнопку «Add to my assets».

Оказавшись в пункте меню My Assets, вы увидите 3 вкладки:

My Characters — модели персонажей, сохранённые в наборе из библиотеки или загруженные с внешнего ресурса;
My Animations — анимации из библиотеки, сохранённые в набор;
Downloads — подготовленные для скачивания файлы.

Настало время открыть Unity и загрузить в пустой проект модель персонажа, настроив параметры импорта. После этого, щёлкнув по файлу в иерархии ассетов, в окне Inspector мы увидим панель с тремя вкладками. В панели Rig обязательно нужно указать Animation Type Humanoid. Этим мы дадим понять, что скелет нашей модели имеет человеческое строение: это уточнение позволит без труда работать с анимациями такого типа и оценить все плюсы системы Mecanim. При нажатии Apply будет выполнена автоматическая конфигурация, об успешном завершении которой сообщит маленькая галочка слева от кнопки «Configure». В панели Animations нас интересуют следующие параметры:

Loop Time — зацикливание анимации. Для анимации бега цикличность очень важна, персонаж должен повторять одинаковые движения раз за разом.
Root Transform Rotation Bake Into Pose — сохранение корневого вектора вращения модели относительно движения костей. Проще говоря, выполняя различные анимации персонаж должен продолжать двигаться в одну сторону, в нашем случае по оси Z. Иначе после очередного прыжка он каждый раз будет поворачиваться на определенный градус по оси Y и спустя какое то время окажется бегущим совсем в другую сторону.
Root Transform Rotation Offset — сдвиг вектора вращения для выравнивания. Вручную выравниваем направление бега модели.
Root Transform PositionY Bake Into Pose — фиксация позиции по Y корневой точки. Если мы хотим, чтобы модель передвигалась с постоянной Y-координатой, (например, чтобы устранить тряску камеры), то стоит поставить тут флажок.

Следующим шагом будет создание и настройка компонента Animator, чтобы заставить персонажа использовать различные анимации в зависимости от условий. Для этого в любом удобном месте иерархии проекта кликнем правой кнопкой мыши и выберем из списка команд Create → Animator Controller».

Выделив новый файл и открыв окно Animator, мы увидим пустой контроллер, содержащий лишь 2 состояния по умолчанию — Entry и AnyState. Состояние Entry является стартовым и должно перетекать в другое, которое мы и создадим, выполнив команду CreateState → Empty при помощи правой кнопки мыши.

Нам будет удобно, если по умолчанию, когда игрок не вводит никаких команд, персонаж будет продолжать бег, поэтому назовем его Run. Добавим в созданном состоянии в поле Motion анимацию бега, выбрав её из списка либо перетащив мышкой, а также слегка увеличим скорость воспроизведения в поле Speed. От состояния Entry создадим переход в состояние Run с помощью контекстного меню первого. Пункт Make Transition создаст стрелочку-указатель, который мы вручную присоединим ко новому состоянию.

Теперь создадим ещё 2 состояния для прыжка и подката — Jump и Slide соответственно. Назначим им одноименные анимации, а также переходы с состоянием Run, как прямые, так и обратные. Переходы послужат нам не только полезным инструментом для сглаживания двух перетекающих анимаций, но и укажут условия смены состояний. Чтобы управлять переходами, придётся создать две булевых переменных jump и slide в параметрах аниматора. Для этого необходимо во вкладке Parameters окна Animator кликнуть на символ «+».

Выделив стрелку на ветке перехода в окне Inspector, мы увидим поле с кривыми анимаций, где можем указать промежуток перехода для их смешивания. В поле Conditions указываем условия перехода.

Теперь пришла пора почувствовать себя немного архитектором, создав простую локацию. Для этого нам отлично подойдут наборы бесплатных ассетов в Asset Store:

Low Poly Street Pack;
Set Builder: HongKong.

Для простоты сочленим построенные блоки, чтобы создать цельный отрезок улицы, выставим персонажа в начальную позицию и закрепим за ним камеру, предварительно настроив угол отображения. Назначим персонажу два простейших скрипта, один из которых позволяет ему бежать ровно по оси Z без отклонений, второй — даёт контроль над выполнением трюков подката и прыжка.

public class ZAxisAnchor : MonoBehaviour < Transform currentTransform; float posX, posY; Vector3 tempVector; void Start () < currentTransform = transform; posX = currentTransform.position.x; posY= currentTransform.position.y; tempVector = new Vector3 (posX, posY, currentTransform.position.z); >void Update () < tempVector.z = currentTransform.position.z; currentTransform.position = Vector3.Lerp (currentTransform.position, tempVector, 10); >>
public class Control : MonoBehaviour < Animator playerAnimator; AnimatorStateInfo stateAnimator; void Start () < playerAnimator = GetComponent(); > void Update () < Controller (); >void Controller () < stateAnimator = playerAnimator.GetCurrentAnimatorStateInfo (0); if (stateAnimator.IsName («Run»)) < if (Input.GetKeyDown (KeyCode.DownArrow)) < playerAnimator.SetBool («slide», true); Invoke («Clear», 1); >else if (Input.GetKeyDown (KeyCode.UpArrow)) < playerAnimator.SetBool («jump», true); Invoke («Clear», 1); >> > void Clear () < playerAnimator.SetBool («slide», false); playerAnimator.SetBool («jump», false); >>

Выглядит очень впечатляюще, не правда ли? Наверняка, если бы вы увидели такую картинку где-нибудь на просторах интернета, то подумали бы что это новая игра от DICE про крутого разносчика китайской еды.

В заключение хотелось бы выразить основную мысль данного поста: не бойтесь ничего нового и на первый взгляд сложного! Мы наглядно показали, как современные технологии могут дать вам отличную возможность без лишних финансовых затрат создать красивую и реалистичную заготовку будущей игры, имея за плечами лишь стартовый опыт в программировании. Успехов!»

Блог компании Productivity Inside
Разработка игр
C#
Unity

Источник: habr.com