Моушен дизайн: Курс моушн-дизайна, обучение по motion design – Британская высшая школа дизайна

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

Тот моушн-дизайн, каким мы его знаем сейчас, обязан своим появлением почти 200-летней истории анимации. Многие приёмы, изобретённые тогда, активно используются до сих пор.

Тауматроп — игрушка, основанная на оптической иллюзии: при быстром вращении кружка́ с двумя рисунками с разных сторон они воспринимаются как один. Была особо популярна в Викторианскую эпоху.

Пример тауматропа. Игрушка Икабода Крейна из фильма Тима Бертона «Сонная лощина»

Фенакистископ — прибор для демонстрации движущихся рисунков, конструкция которого основана на инерции человеческого зрения. Почти одновременно с ним был изобретён стробоскоп.

Зоотроп — устройство для демонстрации движущихся рисунков, конструкция которого основана на инерции человеческого зрения. Изобретателем зоотропа считается Уильям Джордж Горнер.

Зоотроп

Эмиль Рейно усовершенствовал эти и похожие устройства, соединив их с «волшебным фонарём», что позволило просматривать движущиеся картинки не одному человеку, а одновременно нескольким.

В честь первого показа «светящихся пантомим» Рейно в 1892 году 28 октября отмечается как Международный день анимации.

Рейно стал использовать постоянную декорацию, рисуя её отдельно от персонажей и передавая на экран посредством отдельного «волшебного фонаря». Он был первым, кто синхронизировал изображение и звук.

Рейно применил некоторые приёмы, ставшие основой технологии мультипликации. В их числе — раздельное рисование персонажей и декораций.

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

Первым в истории полнометражным фильмом с синхронной речевой фонограммой в 1927 году стал музыкальный фильм «Певец джаза» по технологии «Вайтафон» со звуком на грампластинке.

Кинематограф стал средой, в которой зародился моушн-дизайн, он получил значительное развитие в пятидесятых годах в США благодаря таким дизайнерам, как Сол Басс, Морис Биндер и Пабло Ферро. В то время на телевидении стали появляться анимированные титры и логотипы. Так произошёл переломный момент: анимация перестала быть исключительно инструментом развлечения и получила новые функциональные задачи.

Что такое Motion Design и как стать моушн дизайнером

Motion Design или motion graphics — это графические элементы в движении. Однажды, когда статичная графика уже перестала удивлять её стали оживлять, так стал рождаться Motion Design, который сегодня превратился в целый мир разных направлений.

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

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

Кто такой моушен дизайнер

Моушн дизайнер — это маг и волшебник, который оживляет статичные объекты, превращая их в нечто увлекательное, например вот так:

Russian Motion Design 2013 from Designcollector Network on Vimeo.

Моушен дизайн уже захватил 2D и 3D миры, поэтому есть те, кто занимается анимацией двухмерной графики, есть те, кто занимается трехмерной и есть конечно же универсалы. В любом случае хороший специалист должен разбираться не только в анимации, но и, в первую очередь, в графическом дизайне, а также композиции, типографике, теории цвета, психологии цвета и даже программировании (не стоит пугаться, всему учимся постепенно, наращивая скилы).

С чего начать обучение

Лучше всего начать свой путь с изучения дизайна в целом — со статики. Изучите теорию цвета, композицию и типографику.

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

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

Далее можно переходить к изучению анимации: здесь, например, вам помогут книги о тайминге и 12 принципов анимации от Дисней.

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

• Adobe Illustrator — нужен для подготовки векторных изображений, которые будем анимировать;
• Adobe Premiere Pro или аналоги — для несложного монтажа;
• Adobe After Effects — супер программа для анимации и монтажа. Возможностей у нее просто не счесть! Must have любого моушен дизайнера. 
• Cinema 4d — программа для трехмерной анимации. Её преимущество по сравнению с другими 3D редакторами в том, что она легко взаимодействует с Adobe After Effects.

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

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

Какие направления включает в себя Motion Design

Моушн дизайн включает в себя множество направлений. Давайте рассмотрим несколько из них с примерами: 

1. Покадровая анимация

Этот метод оживления пришел из мультипликации, здесь каждый кадр прорисовывается отдельно  как при создании старых мультфильмов (например “Ну, погоди”).
Это непростая и долгая работа, но иногда результат стоит того:

_{Fears from Nata Metlukh on Vimeo.}

2. Стоп-моушн

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

Buhito from Maria T. Domenech on Vimeo.

McDonald’s Made of Love — Beef (DC) from EMENES GmbH on Vimeo.

Starbucks Coffee Perfection from Rogier Wieland on Vimeo.

А здесь показан процесс создания анимации с использованием технологий стоп-моушн и кеинг — когда на съемке используют зеленый/синий экран, далее этот цвет вырезают и рисуют нужный фон (часто используется в кинематографе).

3. Шейповая анимация (shape motion)

Анимация простых геометрических фигур, чаще всего используется для графических заставок. Отличный пример простой, но наглядной анимации с использованием линий, фигур и типографики:

What is Branding? from David Brier on Vimeo.

Фигуры можно преобразовывать и так:

KST — Factory from Homeboy on Vimeo.

Ну а это уже использование векторных изображений (они же тоже их фигур))

Explainer / Optimized Checkout from Artemii Pogodin on Vimeo.

В дополнение к шейпам добавился такой тренд, как liquid motion — движение жидкости. Этот стиль подразумевает «перетекание» одного элемента в другой, сопровождается брызгами, каплями или волнами.

Autentica Cuba from Daniel Mikhailov on Vimeo.

4. Трехмерная анимация

Все можно сделать объемным и конечно же анимировать. Смотрится очень эффектно:

Isometric motion graphics from Gennady Dobrynin on Vimeo.

Изучайте этот прекрасный мир, смотрите хорошие работы и творите новые прекрасные анимации! Остались вопросы? С удовольствием ответим на все по телефону 8 (800) 551-39-04 или в онлайн-чате на сайте. Не забывайте подписываться на нас в Instagram и ВКонтакте.

Моушн-дизайн. Высшее образование

Все направленияцифровой дизайнгейм-дизайнменеджментрекламабрендинганимацияграфический дизайнархитектурная средадизайн интерьераиллюстрациядизайн костюмавизуальные коммуникациимаркетингмоушн-дизайнВсе виды образованиябакалавриатмагистратураподготовительные курсыпрофессиональные курсыавторские курсыВсе формы обучениядень / очнаявечер / очно-заочнаявыходныедистанционная

О профиле

Программа высшего образования «Моушн-дизайн» направлена на профессиональную подготовку специалистов в области моушн-дизайна, владеющих современными компьютерными технологиями, методиками дизайн-мышления и высоким уровнем общей культуры.

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

Моушн-дизайн — одно из самых востребованных направлений профессиональной деятельности на сегодняшний день, актуальность которой растет с каждым годом. Анимированный контент используется во всех областях дизайна.

Программа обучения нацелена на формирование практических навыков для создания видеороликов, спецэффектов, интерактивных презентаций, разработки анимации 2D и 3D-графики, графического дизайна, понимание бизнес-процессов и технологий управления дизайн-проектами.

Основные области изучения:

• Моушн-дизайн — создание видеоконтента для оформления новых медиа, телевизионного эфира, постпродакшн и производство титров в кино, создание бизнес-презентаций
• Процедурное моделирование — методика создания 3D-моделей и текстур
• Графический дизайн — создание ярких визуальных образов в айдентике, брендинге и новых медиа
  *Новые медиа — формы коммуникации производителей контента: цифровой формат, интерактивность и мультимедийность
• Программирование в моушн-дизайне — скриптовая анимация, созданная с помощью кода
• Пайплайн — разработка цепочки процессов преобразования сценария в 2D и 3D изображения или в видео
• Основы сценарного мастерства и монтажа
• Продюсирование

Программа обучения

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

Учебная программа включает в себя:

• базовые дизайн-дисциплины, закладывающие основу для дальнейшего развития: «Введения в моушн-дизайн», «Основы дизайна», «Математические основы в 3D моделировании», «Основы композиции», «Типографика», «Типология дизайна».
• профессиональные программы: пакет Adobe (Photoshop, Illustrator, After Effects, Premiere Pro), Cinema 4D, Houdini.
• дисциплины, развивающие личностные качества: «Английский язык», «Гуманитарные исследования культуры», «История искусства», «История анимации», «История оптических приборов», «Психология клиента».

Преподаватели

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

Учебный процесс

Занятия проходят в современных проектных мастерских, лекционных аудиториях и компьютерных классах. Технические ресурсы института позволяют студентам воплотить в реальность самые смелые идеи.

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

В рамках проекта «Профессия дизайнер» в институте проводятся регулярные встречи с известными арт-директорами, дизайнерами и экспертами. А также студенческие мероприятия и посвящение в студенты.

Узнайте больше: в новостях на сайте B&D, социальных сетях Facebook, ВКонтакте, Instagram.

Лицензия и аккредитация

Институт бизнеса и дизайна осуществляет образовательную деятельность на основании лицензии, государственной аккредитации. Образовательная программа «Дизайн» имеет профессионально-общественную аккредитацию Ассоциации Коммуникационных Агентств России (АКАР).

По окончании обучения студенты получают диплом государственного образца.

Социальные льготы:

• Студентам призывного возраста очной формы обучения предоставляется отсрочка от службы в армии
• Право оплаты всего срока обучения или его части средствами материнского капитала
• Студенты очной формы обучения имеют право на льготный проезд на городском общественном транспорте

Грант ректора и скидки на обучение

Грант ректора — это признание и поощрение творческих и научных достижений студентов Института, при условии их отличной учёбы.

Грант ректора является благотворительной акцией учредителей Института и не регламентируется никакими государственными и иными законодательными актами РФ.

Грант ректора предоставляется гражданам РФ, поступающим на очную форму обучения, на конкурсной основе, по итогам рейтинга поступающих.

Количество грантов ежегодно определяется приказом ректора.

Для участия в конкурсе на Грант ректора: 

• абитуриентам необходимо набрать не менее 280 баллов (в сумме за три экзамена, Творческое испытание — 100 баллов).  Грант ректора предоставляется сроком на 1 семестр, который может быть продлен по итогам зимней сессии (все экзамены и зачеты должны быть сданы на «отлично»).
• студентам 2–4 курсов, окончившим учебный год «на отлично», предоставить заявку и портфолио с творческими и научными достижениями. (Грант ректора предоставляется сроком на 1 год).

Подробная информация о выдвижении на Грант ректора — Положение.

СКИДКИ НА ОБУЧЕНИЕ:

• 100% — Грант ректора (по конкурсу)
• 10% —  набравшим 280 баллов, но не прошедшим по конкурсу на Грант ректора
• 10% — выпускникам подготовительного курса «Дизайн», прошедшим полный курс обучения (8 месяцев)
• 10% — победителям и призёрам олимпиад (подробная информация по ссылке)
• 10% — детям-сиротам, детям, оставшимся без попечения родителей, детям из многодетных семей

Скидки не суммируются. Подробная информация о скидках.

Условия поступления

Для поступления на программу бакалавриата по образовательной программе «Моушн-дизайн» необходимо:

1. СДАТЬ ЭКЗАМЕН ПО РУССКОМУ ЯЗЫКУ И ЛИТЕРАТУРЕ

Выпускники школ, являющиеся гражданами России, предоставляют результаты ЕГЭ по русскому языку и литературе.

Внутренние вступительные испытания в формате компьютерного тестирования по русскому языку и литературе (проводятся в институте) имеют право сдавать следующие поступающие:

• выпускники вузов
• выпускники колледжей
• иностранные граждане или лица без гражданства
• лица, закончившие школу в иностранном государстве
• лица с ограниченными возможностями здоровья (кроме выпускников школ 2020 года)

Пробное тестирование по общеобразовательным предметам по ссылке.

Минимальные баллы для поступления

2. ПРОЙТИ ТВОРЧЕСКОЕ ИСПЫТАНИЕ 

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

Все этапы творческого испытания проводятся в один день в соответствии с расписанием вступительных испытаний. Продолжительность проведения творческого испытания — 60 минут.

РАСПИСАНИЕ ВСТУПИТЕЛЬНЫХ ИСПЫТАНИЙ

Запись на  вступительные испытания по тел. +7 (495) 790-01-81/WhatsApp: +7 (903) 790-01-81
Почта: [email protected]

Творческое испытание состоит из САМОПРЕЗЕНТАЦИИ И ПОКАЗА ТВОРЧЕСКОГО ПОРТФОЛИО.

Формат презентации: PDF, видео или онлайн-видеоплатформа.

Содержание презентации:

• Дизайнерский автопортрет
• Информация о себе: возраст, образование, интересы
• Портфолио – не менее 30 творческих работ, выполненных в различных жанрах и стилистике

Примеры творческих работ портфолио:

Другие примеры творческого портфолио смотрите в разделе подготовительные курсы.

Примерные вопросы экзаменационной комиссии:

• Почему вы хотите поступить в наш ВУЗ?
• Почему вы выбрали профессию моушн-дизайнера?
• Как вы понимаете эту профессию?
• Как вы себе представляете свою карьеру после окончания института?
• Какие книги читаете? Какие оказали на вас наибольшее влияние? Почему?
• Какие фильмы смотрите? Что из последнего больше всего запомнилось? Почему?

Критерии оценки:

• Навыки креативного мышления
• Навыки графической визуализации идей
• Композиционное решение
• Осмысленный подход к поставленной задаче
• Системность, критичность и рефлексивность

Творческое испытание оценивается по 100-балльной системе.

Минимальный проходной балл творческого испытания — 70.

Подробнее смотрите на странице Абитуриенту.

Как проходили вступительные испытания в 2020 году смотрите в нашем Instagram.

3. ПОДАТЬ ДОКУМЕНТЫ ДЛЯ ПОСТУПЛЕНИЯ:

• Копию паспорта
• Документ об образовании
• СНИЛС (при наличии)
• Две фотографии размером 3х4 (любые)
• Документ о смене фамилии (при наличии)
• Копии документов, подтверждающих особые права при поступлении (при наличии)

Студенты других вузов, желающих перевестись на данную программу:

• Проходят собеседование
• Предоставляют справку о периоде обучения (справку об обучении) с предыдущего места учебы

4. ВНЕСТИ ОПЛАТУ ЗА ОБУЧЕНИЕ

Оплата вносится минимум за триместр. Безналичный перевод через Сбербанк онлайн в разделе «Платежи» в поисковой строке ввести Институт бизнеса и дизайна и далее следовать указаниям приложения. Наличными в терминале института.

5. ЗАКЛЮЧИТЬ ДОГОВОР НА ОБУЧЕНИЕ

Договор заключает абитуриент, достигший 18-летнего возраста или его законный представитель.

Телефон приёмной комиссии: +7 (495) 790-01-81, почта [email protected]

График и стоимость обучения

Срок обучения: 4 года
Форма обучения: очная
График занятий: 5 дней в неделю по будням с 10:00 до 16:00
Стоимость: 456 000 в год / 114 000 за триместр
График оплаты обучения: 4 раза в год по триместрам

Подготовительные курсы

При отсутствии художественной подготовки абитуриент может записаться на подготовительные курсы:

• Для учеников 9-10 классов, только выбирающих будущую профессию разработан курс «Основы дизайна».
• Для учеников 11-х классов открыт курс «Цифровой дизайн» для подготовки к творческому экзамену и создания портфолио.
• Для абитуриентов, у которых совсем мало времени на подготовку, разработан «Летний интенсив», благодаря которому слушатель получает набор необходимых знаний и навыков для успешного поступления в вуз.

Выпускникам подготовительных курсов, прошедшим полную программу обучения (8 месяцев), предоставляется 10% скидка на бакалавриате.

 Диплом

При успешном окончании программы обучения и прохождении государственной итоговой аттестации выпускник получает диплом с присвоением квалификации бакалавр по направлению подготовки «Дизайн» по профилю «Моушн-дизайн».

Контактные данные

Приёмная комиссия:

Телефон: +7 (495) 790-01-81
Почта: [email protected]
Сообщения: ВКонтакте
Руководитель: Студитская Маргарита Николаевна

Отзывы

С отзывами наших студентов можно ознакомиться по ссылке.

Руководство по моушн-дизайну: советы, курсы, примеры

Движение — это жизнь! Именно поэтому моушн-графика не сдает своих позиций с середины XX века и продолжает интенсивно набирать обороты. Мир в движении вдохновляет дизайнеров на создание анимированных историй — это и есть моушн-дизайн.

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

Нажимайте в содержании на подходящий заголовок и переходите к нужному разделу статьи.

Что такое моушн-дизайн

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

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

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

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

Где можно применять моушн-дизайн

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

Реклама и SMM

Особенно активно моушн-дизайн используется в рекламных роликах для ТВ и социальных сетей. Посмотрите рекламу в моушн-технике для сингапурского приложения McDonalds.

В российском SMM моушн-дизайн — это один из трендовых приемов для привлечения внимания аудитории. Конечно, такие работы стоят дорого, но результат стоит того! SMM-специалисты гипермаркетов О’кей используют моушн-дизайн для презентации своей продукции. Анимация добавляет сочности!

Моушн-дизайн используется в интерактивных историях Инстаграм, чтобы вовлечь аудиторию и повысить лояльность к бренду. Еще простой моушн-дизайн можно применять в email-рассылках.

Маркетинг — одна из лучших сфер, где без моушн-дизайна не обойтись для продвижения проектов. Замечательно, если SMM-специалист обладает навыками моушн-дизайна, тогда стоимость его услуг значительно увеличивается и открывается возможность для сотрудничества с топовыми брендами.

Интерактивный дизайн

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

Обучающие проекты

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

В редакторе Canva можно сделать инфографики, презентации, кейсы с анимированными иллюстрациями из галереи.

Видеоклипы

Музыкальные клипы с применением моушн-графики становятся зрелищнее! В видеоклипе певицы Alseyda, видеопродакш от «Короче, Медиа», анимированны слова из песни. Получилось красиво! Моушн-дизайн дополнил общий смысл трека.

В редакторе Canva можно красиво оформить короткие ролики с помощью анимированных иллюстраций, стикеров и эффектов. Загрузите свое видео свадьбы в готовый шаблон Canva, чтобы получить красивый видеоролик. Нажимайте «Использовать этот шаблон».

Киноиндустрия

Моушн-дизайн первоначально появился именно в большом кино. После анимационной работы дизайнера Сола Басса для фильма «Человек с золотой рукой» моушн-дизайн в 1955 году стал «выходить в мир». Сол Басс сделал заставку к фильму, на которой белые линии обратили внимание зрителя на титры, а в конце сложились в изображение руки главного героя.

Динамические титры впечатлили Альфреда Хичкока, и моушн-графика стала прорывом в киноиндустрии. Сол Басс стал главным моушн-дизайнером тех лет, он делал анимированные титры еще для работ Хичкока, Кубрика и Скорсезе. Именно из кино вышел моушн-дизайн в рекламу и ТВ.

Если у вы ведете блог на YouTube, то используйте анимированную заставку, которая сделает ваш канал узнаваемым. Найдите подходящий вариант среди готовых шаблонов Canva или создайте в редакторе свой особенный дизайн. Используйте эффекты анимации, чтобы добавить динамики надписям и картинке.

Какие направления моушн-дизайна бывают

Моушн-дизайн многогранен, в чем и заключается его привлекательность. Здесь всегда будет куда развиваться и расти. Но в целом можно выделить 2 главных направления.

2D-анимация

2D – это анимация плоских объектов. Начинать карьеру в моушн-дизайне лучше с 2D-анимации, потому что ее проще освоить.

Пример залипательной 2D-анимации, которую мы нашли на Behance.

3D-анимация

3D – это анимация объемной реалистичной графики. Учтите, что программы для работы с 3D требовательны к ресурсам компьютера.

Эту 3D-анимацию мы тоже нашли на Behance. Сделать что-то похожее новичку в моушн-дизайне будет сложно.

Если говорить о конкретных видах деятельности, то вы можете поискать себя в создании:

• видеопрезентаций;

• анимации для сайтов и интерфейсов;

• обучающих роликов;

• мультфильмов;

• титров, заставок, спецэффектов, трейлеров для кино и телевизионных программ.

С чего начать изучение моушн-дизайна

Моушн-дизайн – это не просто работа в программах. Чтобы стать востребованным специалистом, вам придется изучить еще несколько вещей.
Начните обучение моушн-дизайну с графического дизайна:

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

Почему в моушн-дизайне так важна типографика

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

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

Завораживающая работа с типографикой от Roberto Warner.

С чего начинается процесс изготовления ролика или анимации

Просто открыть After Effects и сразу сделать крутую работу не получится. Сначала вас ждет стадия препродакшена – процесса подготовки к созданию видео или анимации.

1. Придумать идею, то есть что и для кого вы хотите сделать.

2. Найти референсы – все, что нравится и вдохновляет: анимации, видео, иллюстрации, цветовые гаммы, шрифты и т.д. Ниже, в 10 пункте, мы указали сайты, где можно искать референсы.

3. Создать сценарий, то есть подробно описать, что и когда будет происходить.

4. Сделать раскадровку – зарисовать ключевые кадры. Если вы не очень хорошо рисуете, расположение объектов изображайте схематично.

И только после этого приступайте к созданию анимации или видео.

Какие программы подойдут для моушн-дизайна

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

Графический дизайн и иллюстрация

3D-моделирование

Начать можно со связки Photoshop или Illustrator и After Effects. Постепенно пробуйте работать в других программах для моушн-дизайна, и со временем вы подберете идеальную лично для вас связку.

Как думаете, сколько программ понадобилось, чтобы сделать этот ролик?

Как ускорить и упростить создание анимации

В моушн-дизайне необязательно все делать вручную. Мы выбрали 5 лучших плагинов для After Effects, которые очень помогут начинающим.

2. Trapcode Particular – создание дыма, снега, облаков и других частиц.
3. Newton 3 – перемещение объектов и их взаимодействие друг с другом по законам физики.
4. Duik – анимация персонажей.
5. Trapcode Mir – создание реалистичных поверхностей.

Посмотрите, сколько разных частиц использовано в презентации плагина Trapcode Particular.

Где брать аудио для моушн-дизайна

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

Держите подборку сайтов с бесплатной музыкой и звуками!

• Раздел с музыкой от icons8.ru — треки можно отсортировать по жанрам, темам и настроению.
• Аудиобиблиотека от Youtube — доступна сортировка по жанрам, настроению, длительности, инструментам и необходимости указания авторства.
• В этом обсуждении в группе VideoSmile собраны ссылки на ресурсы с музыкой, звуками и базами дикторов.

К этому ролику на канале Science Channel идеально подобрали эпичную музыку.

Где искать готовые материалы для моушн-дизайна

Не всегда обязательно делать анимацию и видео с нуля. Иногда проще использовать готовые решения. Воспользуйтесь этой подборкой готовых ресурсов для моушн-дизайна:

• Mixkit – бесплатное стоковое видео, музыка и видеошаблоны;
• Istockphoto – платный, качественный сток с видео, иллюстрациями, фотографиями, музыкой и анимацией;
• Videohive. Это платный сток, где есть практически все – от 3D-анимации до заставок и анимированных логотипов;
• Free3d – ресурс с платными и бесплатными 3D-моделями для Maya, 3ds Max, Blender, Cinema 4D и других программ;
• Free3dmodelsstock – еще один бесплатный сток с 3D-моделями;
• Adobe Stock – официальный сток Adobe, где есть фотографии, видео, анимация и 3D-модели.

Что почитать моушн-дизайнеру

В начале обучения моушн-дизайну важно много читать. Советуем начать с этих книг:

1. «Профессия – аниматор», Ф. Хитрук. Из этой книги вы узнаете много полезного – от сути профессии до этапов создания мультфильмов.

2. «Аниматор: набор для выживания. Секреты и методы создания анимации, 3D-графики и компьютерных игр». Книга британского аниматора Р. Уильямса, в которой он делится секретами анимации и тонкостями своей профессии.

3. «Тайминг в анимации», Г. Уайтэкер, Д. Халас. В этой книге вы найдете основные законы и правила анимации.

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

Что делать, если нет вдохновения

В творческих профессиях такое случается часто. Заходите на эти сайты и вдохновляйтесь:

1. Dribbble. Один из лучших сервисов для вдохновения. Здесь есть все – от анимации логотипов до 3D-роликов.
2. Motionographer. Здесь можно не только посмотреть интересные работы по моушн дизайну со всего мира, но и почитать новости или интервью.
3. Behance. Мы не могли не упомянуть про этот ресурс, ведь здесь столько всего!

Нашли понравившиеся примеры? А теперь займитесь чем угодно, только не работой. У вашего мозга будет время, чтобы проанализировать полученную информацию и выдать классные идеи. Вот тогда и приступайте к творчеству.

Яркие цвета и забавный сюжет в примере Linn Fritz на Motionographer.

Какие интересные техники моушн-дизайна можно попробовать

Если вы уже с легкостью создаете простые анимации и видео, попробуйте сделать что-то посложнее.

Морфинг

Морфинг – это когда один объект плавно перетекает в другой. Яркий пример морфинга – когда один человек плавно превращается в другого, как в конце клипа Майкла Джексона «Black Or White».

Эта анимация создана 18 людьми более чем на 900 листах бумаги!

Ликвид-моушн

Наверняка вы видели ролики, в которых одни объекты плавно «перетекают» в другие, и все это дополняется каплями или брызгами, имитируя жидкость. Это и есть ликвид-моушн, от английского «liquid» – «жидкость».

Качественно сделанный ликвид-моушн от Alena Hovorkova.

Стоп-моушн

Стоп-моушн часто встречается в рекламе и старых мультфильмах. Это техника моушн-дизайна, которая подразумевает резкое перемещение предметов в кадре.

Как стать успешным моушн-дизайнером

Секрет успеха известных моушн-дизайнеров – в индивидуальном стиле. Проанализируйте их работы, и вы поймете, что узнаваемый стиль есть у каждого. Не беда, если в начале карьеры у вас не будет собственного стиля. Он обязательно появится со временем, но только если упорно практиковаться и постоянно анализировать работы других моушн-дизайнеров.

Профессия: моушн-дизайнер

Моушн-дизайнер (motion от англ. — «движение») занимается созданием динамической графики, которая представляет собой 2D и 3D графику в движении. Профессия подходит тем, кого интересует рисование, черчение и информатика.

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

Кто такой моушн-дизайнер?

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

Преимущества моушн-дизайна:

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

Плюсы и минусы профессии

Плюсы

• Востребованность профессии
• Отсутствие конкуренции в профессии моушн-дизайна на данный момент. Рынок подобных услуг велик, при малом количестве квалифицированных специалистов
• Высокая оплата труда
• Творческая, интересная работа

Минусы

• Возможное недовольство заказчиков результатами работы
• Умение самоорганизовать свой процесс работы
• В профессии постоянно нужно развиваться и учиться новому

Где работать Моушн-дизайнеру

• Телевидение – создание титров, заставок, субтитров, оформление заставок программ
• Кино – создание опенингов, трейлеров, тизеров, титров, заставок
• Маркетинговые компании – рекламная деятельность в СМИ, разработка промоматериалов, создание нативной рекламы
• Медиа – создание видеороликов для развлекательных, новостных и обучающих программ
• Бизнес-структуры – разработка презентаций и инфографики для конференций, сайтов, рекламы продукции и услуг
• Система образования – возможности моушн-графики позволяют доходчиво объяснить аудитории самые сложные научные проблемы
• Развлекательная индустрия

Интересные факты о профессии

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

Профессия моушн-дизайнера очень творческая, интересная и перспективная. Она требует знания основ графического дизайна – колористики (теории цвета), композиции, типографики (художественное и выразительное оформление текста) и т.д., а также свободное владение графическими программами и видеоредакторами.

Можно сказать, что моушн-дизайнер – узкопрофильный специалист с широким спектром навыков.

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

В ХУДОЖЕСТВЕННО-ТЕХНИЧЕСКОМ ИНСТИТУТЕ обучение професии моушн-дизайнера осуществляется по направлению 09.03.03 ПРИКЛАДНАЯ ИНФОРМАТИКА с направленностью дизайн (моушн-дизайн).

Узнать подробнее о факультете и направлении обучения: https://vhutein.ru/about_the_university/departments/it/#design

ВХУТЕИН приглашает абитуриентов освоить интересную профессию моушн-дизайнера

5 причин, по которым моушн дизайн помогает вам общаться с людьми / Хабр

Привет, Хабр! Представляю вашему вниманию перевод статьи

«5 Reasons Motion Graphics Help You Connect With People»

автора Katy French.

Оригинал статьи: Katy French | Перевод статьи сделал моушн дизайнер Игорь Царёв

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

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

Касательного этого формата может возникнуть некоторая путаница. Это что, видео? Это что, мультики? В основном, моушн дизайн – это термин нашей индустрии для анимированного видео. Это могут быть 2D-анимации, 3D-рендеринги или GIF-файлы.

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

Пример: мы создали этот простой моушн дизайн, чтобы помочь объяснить, как работает приложение Google Calendar для приложения Quickbooks.

Как моушн дизайн помогает брендам?

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

Все больше медиа-платформ поддерживают видео, и люди начинают предпочитать — если не ожидать – информацию, которая будет доставляться в этой упаковке. (Согласно опросу 2014 года Levels Beyond survey, 40% потребителей сказали, что они скорее будут смотреть видео бренда, чем читать ту же информацию.)

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

• Традиционная реклама: онлайн или телевизионная реклама (национальная или региональная).
• Промо-ролики: вирусные ролики, практические кейсы, отзывы, обзоры продуктов — всё, что рекламирует вашу работу или бренд. Могут быть редакционными или рекламными.
• Объяснительные видео (эксплейнеры): введение, обзор, процессы, учебные пособия (туториалы) для продуктов, услуг или идей.
• Видео культурного маркетинга: контент для демонстрации вашего бренда, людей или проекта.
• Видео контент для привлечения подписчиков в социальных сетях: Facebook, Instagram, Snapchat, YouTube и т. д. Может быть образовательным или чисто развлекательным. (По данным Tubular Insights, 46% потребителей заявили, что сделали покупку в результате просмотра видео бренда в социальных сетях.)
• Рекламно-информационные материалы: информация о компании, о продукте или всё, что департамент продаж регулярно передает. (Превращение этой информации в моушн дизайн может сэкономить время и энергию.)

5 самых больших преимуществ моушн дизайна

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

1. Он эмоционально увлекателен

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

(Вот почему вы испытываете физический страх в фильме ужасов или радость в романтических комедиях.)

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

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

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

2. Моушн дизайн доносит только самую суть, делая информацию легкой для понимания

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

(Исследование MIT 2014 года показало, что вы можете обрабатывать визуальную информацию всего за 13 миллисекунд.)

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

• Учебников: моушн дизайн идеально подходит для показа, а не просто рассказа —особенно отлично он подойдёт для создания объяснительных видео (эксплейнеров).
• Процессы: как что-то работает? Что это за процесс? Моушн дизайн – отличный способ подробно объяснить всё это.
• Визуализация данных: данные, которые кажутся плотными и непроницаемыми, можно легко оживить с помощью визуализации.
• Абстрактные понятия: моушн дизайн – отличный инструмент для прояснения, передачи контекста или объяснения информации.

Пример: мы работали с организацией Nature Conservancy над созданием 3D-моушн дизайна, чтобы объяснить зависимые от грунтовых вод экосистемы и то, как они страдают от чрезмерного забора грунтовых вод. Это кажется трудным для понимания, но это имеет гораздо больше смысла, как только визуализируется.

3. Моушн дизайн — это пассивный опыт

Tubular Insights

сообщает, что потребители тратят около 6 часов в неделю на просмотр видеоконтента в социальных сетях. В этом нет ничего удивительного. Мы все помним, почему мы были так счастливы, когда замещающий учитель ставил видео в классе. Это означало, что мы ничего не должны были делать. То же самое с моушн дизайном. Зрителям не нужно читать, изучать данные или прилагать много умственной энергии. Они просто должны нажать кнопку воспроизведения и сидеть сложа руки.

(Помните, что большинство потребителей предпочитают смотреть, а не читать.)

Когда вам нужно донести определённое сообщение, используйте для этого моушн дизайн, чтобы нужная вам информация легче воспринималась зрителями.

4. Возможность использовать моушн дизайн в разных областях

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

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

Пример: еще в 2011 году мы создали удобный моушн дизайн для объяснения ценности визуализации данных. Как эксперты по визуализации данных, мы хотели что-то такое, что позволило бы разбить концепции всех: от дизайнеров до маркетологов брендов. Это видео остается одним из наших самых популярных, и мы постоянно ссылаемся на него в нашем контенте—целых 6 лет спустя.

5. Моушн дизайн великолепен, когда у вас мало времени

Большая часть моушн дизайна длятся от 30 секунд до 3 минут, что невероятно полезно, когда вам нужно произвести эффект как можно скорее. (Это особенно полезно в социальных сетях. Согласно

исследованию Facebook 2015 года

, даже просмотр менее 10 секунд видео может помочь повысить узнаваемость бренда и сформировать намерение о покупке.)

Комбинируя аудио и визуальные эффекты, моушн дизайн максимально использует возможности человека по обработке информации, позволяя вам сказать больше, используя меньше контента. То, что можно было бы объяснить в статье из 1500 слов, можно показать за минуту.

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

Пример: мы сотрудничали с NBC Universal для создания моушн дизайна, призывающего американцев сократить объёмы бытовых отходов. Вместо пространной статьи, это 45-секундное видео включало данные Совета по защите природных ресурсов и быстрый совет, чтобы помочь зрителям.

Как начать делать моушн дизайн

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

Руководство по принципам моушн-дизайна | UXPUB

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

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

Спросите любого, кто впервые создает анимированные элементы интерфейса. Часы усилий приносят любительские результаты. Такая простая вещь, как выдвигающаяся на экран карточка, выглядит нелепо. Но почему?

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

Истоки моушн-дизайна

Сочетание моушн-дизайна и UX дизайна возникло относительно недавно, но его корни уходят к компании Disney. Фрэнк Томас и Олли Джонстон были одними из самых уважаемых аниматоров Уолта Диснея, и авторами таких классических произведений, как Пиннокио, Бэмби и Фантазия. Их 12 основных принципов анимации по-прежнему влияют на анимационную графику в фильмах, телевидении и цифровом контенте.

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

Современные дизайнеры попытались восполнить этот пробел. Один из наиболее наглядных примеров – «10 принципов моушн-дизайна», адаптация от эксперта по анимации Disney Jorge R. Canedo Estrada. Тем не менее, эти принципы нужно адаптировать к ​​дизайну цифрового продукта.

10 принципов моушн-дизайна Jorge R. Canedo Estrada

Самая амбициозная попытка переориентировать принципы движения на интерактивные элементы интерфейса (и их UX значение) – это статья Иссара Вилленскомера «UX in Motion Manifesto». Однако то не легкое чтиво.

В своем манифесте Вилленскомер:

• Установил, что отличает моушен-дизайн от UI-анимации
• Объяснил, как движение способствует юзабилити
• Разобрал на составные элементы основные движения.

Моушн-дизайн и UX: важные отличия

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

Движение – это больше, чем украшение

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

Два типа взаимодействия: в реальном времени и не в реальном времени

Моушен-дизайн связан с двумя фундаментальными взаимодействиями: в реальном времени и не в реальном времени.

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

Взаимодействие в реальном времени: Движение немедленно реагирует на ввод данных пользователем (Stan Yakusevich)
Взаимодействие не в реальном времени: После взаимодействия пользователи должны немного подождать и увидеть изменения в движении (Vitaly Rubtsov)

Моушн для юзабилити

Моушн-дизайн должен поддерживать юзабилити четырьмя различными способами.

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

12 принципов моушн-дизайна цифровых продуктов

1. Плавность (Easing)

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

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

Карточки интерфейса и соответствующие стулья перемещаются быстро, но благодаря плавности они постепенно останавливаются (Saptarshi Prakash)

2. Смещение и задержка (Offset and Delay)

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

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

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

Это приложение для криптовалюты вводит сразу несколько элементов интерфейса. Их появление немного смещено, чтобы сообщить пользователям, что элементы связаны, но различны (Gapsy Studio)

3. Родительство (Parenting)

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

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

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

Здесь положение синего ползунка контролирует непрозрачность фоновой маски, распространение эффекта свечения вокруг лампочки и числовое значение шкалы интенсивности света (Ayoub Kada)

4. Трансформация (Transformation)

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

С точки зрения UX трансформация – это эффективный способ показать пользователям их статус по отношению к цели ( видимость статуса системы). Это особенно полезно, когда переход между элементами интерфейса связан с началом и концом процесса (например, загрузка файла).

Трансформация сигнализирует о начале, середине и завершении загрузки. (Aaron Iker)

5. Изменение значений (Value Change)

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

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

Значения вводятся в движении, чтобы показать пользователям, что они могут повлиять на данные (Taras Migulko)

6. Маскировка (Masking)

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

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

Маскирование используется для перехода от захвата изображения к загрузке и включению в онлайн-магазин. (SELECTO)

7. Оверлей (Overlay)

В 2D-пространстве нет глубины, и элементы интерфейса могут перемещаться только по оси X или Y. Оверлей создает иллюзию различия между передним и задним планом в 2D-пространстве интерфейса. Имитируя глубину, оверлей позволяет скрывать и раскрывать элементы в соответствии с потребностями пользователя.

Информационная иерархия является важным фактором при использовании оверлея. Например, первое, что пользователи должны увидеть в приложении для создания заметок – это список заметок. Затем оверлей можно использовать для отображения дополнительных параметров для каждого сообщения, например, «Удалить» или «Архивировать».

Оверлей позволяет пользователям быстро архивировать или удалять записи в этом приложении для заметок (Karan Kapoor)

8. Клонирование (Cloning)

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

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

Пользователи могут с уверенностью нажимать на цветные кружки, потому что они явно происходят от иконки «Добавить заметки». (Ariuka)

9. Затемнение (Obscuration)

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

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

Затемнение предоставляет пользователям важные взаимодействия, позволяя оставаться ориентированными в рамках описания продукта. (Kyle Abarquez)

10. Параллакс (Parallax)

Параллакс отображается, когда два (или более) элементов интерфейса перемещаются одновременно, но с разной скоростью. Здесь снова цель – установить иерархию.

• Интерактивные элементы перемещаются быстрее и появляются на переднем плане.
• Не интерактивные элементы движутся медленнее и уходят на задний план.

Параллакс подталкивает пользователей к интерактивным элементам интерфейса, позволяя не интерактивным элементам оставаться на экране и сохранять единство дизайна.

Благодаря параллаксу наиболее важные интерактивные элементы перемещаются быстрее всего, в то время как не интерактивные перемещаются медленнее и отступают на задний план (Tubik)

11. Многомерность (Dimensionality)

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

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

Многомерность подразумевает, что 2D-элементы интерфейса имеют несколько интерактивных сторон – точно так же, как объекты в физическом мире (Sang Nguyen)

12. Наезд и масштабирование (Dolly and Zoom)

Наезд и масштабирование позволяют пользователям «путешествовать» по элементам интерфейса в пространстве или увеличивать их масштаб, чтобы раскрыть больший уровень детализации.

• Наезд возникает, когда точка зрения пользователя приближается (или отдаляется) к элементу интерфейса. Представьте себе человека с фотоаппаратом, который подходит к цветку, чтобы сделать более крупный снимок.
• Масштабирование: при масштабировании точка обзора пользователя и элемент интерфейса остаются фиксированными, но элемент увеличивается (или уменьшается) в размере на экране пользователя. Теперь представьте, что человек сидит на месте и использует зум камеры, чтобы цветок казался больше.

Наезд: кажется, что точка зрения пользователя приближается к фоновому изображению (Yanosh)
Масштабирование: точка зрения пользователя не приближается к изображению. Скорее, увеличивается масштаб изображения (Victor Aldabalde)

Движение – это общение

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

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

A Guide to Motion Design Principles

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

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

Спросите любого, кто впервые создает анимированные элементы пользовательского интерфейса. Часы усилий приносят любительские результаты. Такая простая вещь, как выдвигающаяся по экрану карточка, выглядит неуклюже. Это почему?

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

Истоки моушн-дизайна

Сочетание моушн-дизайна и UX относительно ново, но его корни уходят корнями в Дисней. Фрэнк Томас и Олли Джонстон были одними из самых уважаемых аниматоров Уолта Диснея и ключевыми участниками создания таких классических произведений, как Pinnochio , Bambi и Fantasia .Их 12 основных принципов анимации остаются влиятельными в анимационной графике для кино, телевидения и цифрового контента.

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

Современные дизайнеры попытались восполнить этот пробел. Один из наиболее наглядных примеров — это 10 принципов моушн-дизайна , адаптация Disney, разработанная экспертом по анимации Хорхе Р.Канедо Эстрада. Тем не менее, выводы требуют перевода, если их нужно применять в целостном виде к дизайну цифрового продукта.

10 принципов моушн-дизайна Хорхе Р. Канедо Эстрада.

Самая амбициозная попытка переориентировать принципы движения на интерактивные элементы пользовательского интерфейса (и их значение для UX) — это работа Иссары Вилленскомера « UX in Motion Manifesto ». Его глубина поразительна, но это не легкое чтение.

При создании 12 принципов UX в движении , Вилленскомер:

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

Моушн-дизайн и пользовательский интерфейс: важные отличия

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

Движение — это больше, чем просто украшение

Моушн-дизайн — это не синоним UI-анимации. Это очень важно, потому что UI-анимация почти всегда рассматривается как косметическая запоздалая мысль, не имеющая отношения к UX (за исключением добавления очарования). Движение — это не украшение, это поведение, а поведение может только помочь или затруднить взаимодействие с пользователем.

Два типа взаимодействия: в реальном времени и не в реальном времени

Моушн-дизайн связан с двумя фундаментальными взаимодействиями: в реальном времени и не в реальном времени.

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

Взаимодействие в реальном времени: поведение при движении немедленно реагирует на действия пользователя. (Стэн Якусевич) Взаимодействие не в реальном времени: после взаимодействия пользователи должны ненадолго подождать и наблюдать за поведением при движении.(Виталий Рубцов)

Движение поддерживает юзабилити

Motion-дизайн должен поддерживать удобство использования четырьмя различными способами.

• Ожидание: Когда пользователи взаимодействуют с элементами пользовательского интерфейса, какое поведение движения они ожидают увидеть? Соответствует ли движение ожиданиям или вызывает недоумение?
• Непрерывность: Приводят ли взаимодействия к последовательному поведению при движении на протяжении всего взаимодействия с пользователем?
• Повествование: Связаны ли взаимодействия и вызываемое ими поведение движения с логической последовательностью событий, которая удовлетворяет намерения пользователя?
• Взаимосвязь: Как пространственные, эстетические и иерархические атрибуты элементов пользовательского интерфейса соотносятся друг с другом и влияют на принятие решений пользователем? Как движение влияет на существующие взаимосвязи между элементами?

12 Принципов анимационного дизайна цифровых продуктов

1.Ослабление

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

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

Карточки пользовательского интерфейса и соответствующие стулья перемещаются быстро, но благодаря замедлению они останавливаются плавно и управляемо.(Саптарши Пракаш)

2. Смещение и задержка

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

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

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

Это приложение для криптовалюты вводит сразу несколько элементов пользовательского интерфейса. Их появление немного смещено, чтобы проинформировать пользователей о том, что элементы связаны, но различны. (Gapsy Studio)

3. Воспитание

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

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

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

Здесь положение синего ползунка определяет непрозрачность фоновой маски, распространение эффекта свечения вокруг лампочки и числовое значение шкалы интенсивности света.(Ayoub Kada)

4. Преобразование

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

С точки зрения UX, преобразование — это эффективный способ показать пользователям их статус по отношению к цели (видимость статуса системы). Это особенно полезно, когда переход между элементами пользовательского интерфейса связан с процессом с началом и концом (например,g., скачивая файл).

Преобразование сигнализирует о начале, середине и завершении загрузки. (Аарон Икер)

5. Изменение стоимости

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

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

Значения вводятся в движении, чтобы показать пользователям, что они могут повлиять на данные. (Тарас Мигулко)

6. Маскировка

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

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

Маскирование используется для перехода от захвата изображения к загрузке и включению в онлайн-магазин. (SELECTO)

7. Накладка

В 2D-пространстве нет глубины, и элементы пользовательского интерфейса могут перемещаться только по оси X или Y. Наложение создает иллюзию различия переднего и заднего плана в 2D-пространстве пользовательского интерфейса. Путем имитации глубины оверлей позволяет скрывать и раскрывать элементы в соответствии с потребностями пользователя.

Иерархия информации является важным фактором при использовании наложения. Например, первое, что пользователи должны увидеть в приложении для создания заметок, — это список своих заметок. Затем наложение можно использовать для отображения дополнительных опций для каждого сообщения, например Удалить или Архив .

Наложение позволяет пользователям быстро архивировать или удалять записи в этом приложении для заметок. (Каран Капур)

8. Клонирование

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

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

Пользователи могут с уверенностью нажимать на цветные кружки, потому что они явно исходят от значка «Добавить заметки». (Ариука)

9. Затмение

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

Скрытие работает точно так же. Он представляет пользователям интерфейс, который требует взаимодействия, одновременно показывая намек на экран, которому нужно следовать. Типичные примеры — меню навигации, экраны с паролями и окна папок / файлов.

Скрытность представляет пользователям важные взаимодействия, позволяя им оставаться ориентированными на повествование о продукте.(Кайл Абаркес)

10. Параллакс

Параллакс отображается, когда два (или более) элемента пользовательского интерфейса перемещаются одновременно, но с разной скоростью. Здесь снова цель — установление иерархии.

• Интерактивные элементы перемещаются быстрее и появляются на переднем плане.
• Неинтерактивные элементы движутся медленнее и уходят на задний план.

Parallax направляет пользователей к интерактивным элементам пользовательского интерфейса, позволяя неинтерактивным элементам оставаться на экране и сохранять единство дизайна.

С параллаксом наиболее важные интерактивные элементы перемещаются быстрее всего, в то время как неинтерактивные элементы перемещаются медленнее и отступают на задний план. (Тубик)

11. Размерность

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

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

Размерность подразумевает, что элементы 2D пользовательского интерфейса имеют несколько интерактивных сторон — точно так же, как объекты в физическом мире. (Санг Нгуен)

12. Dolly and Zoom

Dolly и zoom позволяют пользователям «путешествовать» по элементам пользовательского интерфейса в пространстве или увеличивать их масштаб, чтобы раскрыть более высокий уровень детализации.

• Dolly: Dolly возникает, когда точка зрения пользователя приближается (или дальше от) к элементу пользовательского интерфейса. Представьте себе человека с фотоаппаратом, подходящего к цветку, чтобы сделать более крупный снимок.
• Масштаб: При масштабировании точка обзора пользователя и элемент пользовательского интерфейса остаются фиксированными, но элемент увеличивается (или уменьшается) в размере на экране пользователя. Теперь представьте, что человек стоит на месте и использует функцию масштабирования камеры, чтобы цветок казался больше.

Dolly: взгляд пользователя приближается к фоновому изображению. (Янош) Масштаб: точка зрения пользователя не приближается к изображению. Скорее, увеличивается масштаб изображения.(Виктор Альдабальде)

Движение — это связь

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

Взаимосвязь между моушн-дизайном и UX цифровых продуктов стремительно развивается. Принципиальный подход к движению предотвращает чрезмерную зависимость от мимолетной полезности тенденций, инструментов и методов. Более того, он охватывает разрыв между абстрактным движением элементов на 2D-экранах и восприятием движения в 3D-мире.

Сообщите нам, что вы думаете! Пожалуйста, оставьте свои мысли, комментарии и отзывы ниже.

• • •

Дополнительная информация в блоге Toptal Design:

100 дней моушн-дизайна.Как я научился создавать 50 штук… | Тяньтянь Сюй | 100-дневный проект

1. Руководствуясь идеями

Как только у меня появилась идея, я решил воплотить ее в жизнь. Не имело значения, какие техники мне нужно было изучить.

Например, я хотел выразить свою любовь к чтению. Чтобы воплотить в жизнь мою идею перелистывания книги, я нашел учебник «Откройте вашу книгу» на Youtube и узнал, как включить 3D-слой для 2D-объекта.

100 дней движения — Book Flip

Точно так же я хотел сделать чашку латте с тыквенными специями.Я нашел учебник Flat 2D Smoke Clouds на Youtube и узнал, как использовать управление ползунком и выражение покачивания.

100 дней движения — латте с тыквенными специями

Подход, основанный на идеях, поддерживал меня воодушевляющим и подталкивал к открытию новых техник.

2. Оставайся скромным

Я был оптимистично уверен в своих навыках моушн-дизайна в начале проекта. Моя уверенность быстро упала, когда я начал изучать After Effects — огромный пробел в навыках заставил меня осознать, насколько ограниченными были мой опыт и знания в области моушн-дизайна.

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

Эффект Даннинга-Крюгера

Чем больше я осознавал свою некомпетентность, тем скромнее становился.

Чтобы улучшить свое ремесло, мне нужно оставаться скромным, независимо от того, сколько я думал, что уже знаю.

3. Будьте 1%

Перед тем, как я начал 100-дневный проект, я тратил большую часть своего свободного времени на контент: социальные сети, Netflix… Иногда я даже мог пойти в онлайн-класс или почитать книгу.Но все это было просто вводом.

В интернет-культуре существует «правило 1%», которое описывает степень участия интернет-сообщества: только 1% участников сообщества активно создают новый контент, 9% участников редактируют контент и 90% участники только просматривают контент.

Правило 1% (Интернет-культура)

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

Я хочу принадлежать к 1% людей, создающих контент — эта мысль побудила меня приходить сюда каждый день, особенно когда это сложно.

Оглядываясь назад, я благодарен людям, которые создали учебные пособия и бесплатно разместили их на Youtube. Меня глубоко мотивируют все творческие люди, которые постоянно создают объемные красивые вещи.

Вот 10 креативщиков, которые вдохновляли меня на протяжении всего проекта:

Великих сайтов для вдохновения в моушн-дизайне в 2021 году

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

Итак, мы собрали список веб-сайтов, которые должны вдохновить вас и ускорить ваш творческий процесс.

Не забудьте добавить эти сайты в закладки, потому что на них наверняка появится больше контента.

Вот чего ожидать от веб-сайтов, описанных в этой статье:

• Сайты, предлагающие галерею анимации и изображений

• Примеры использования анимационного дизайна

• Интервью профессиональных моушн-дизайнеров

• Сайты, предлагающие After Файлы проектов эффектов

Здесь вы можете найти галерею великолепных проектов моушн-дизайна

Хотите собрать изображения для мудборда? Ищете новый горячий стиль, чтобы начать учиться? Что может быть лучше, чем пробежаться глазами по тщательно подобранным спискам анимаций, иллюстраций и дизайнов, которые обязательно заставят вас сказать «как?»

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

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

Еще один тщательно отобранный веб-сайт — Inspiration Grid. Здесь вы найдете как неподвижные изображения, так и вдохновение в моушн-дизайне от некоторых из самых лучших художников. Контент, подобранный Innspiration Grid, как правило, уникален, что может быть действительно освежающим в индустрии, где одними и теми же вещами делятся снова и снова. Их раздел о видео и моушн-дизайне — отличный ресурс для художников MoGraph.

Без сомнения, Art of the Title — это лучший в мире веб-сайт, вдохновляющий на создание титульного дизайна.

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

Если вы работаете над заголовком или последовательностью титров, это место, где можно найти вдохновение.

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

Здесь и там вы найдете милые маленькие анимированные GIF-изображения, опубликованные действительно талантливыми дизайнерами движений. Большинство из того, что вы найдете, — это быстрые кадры, повторяющие определенное движение.

Хотите увидеть новейшие технологии и разработки для больших голливудских 3D-эффектов? Тогда CG Society — это место для вас.Подавляющее большинство из того, что вы здесь найдете, — это высококачественная 3D-анимация и вдохновляющие визуальные эффекты. Вы можете получить знания от сообщества художников на форумах или ознакомиться с некоторыми конкретными учебными пособиями по тонкостям 3D-анимации персонажей и разработки визуальных эффектов. В целом, это отличный ресурс в ящике для инструментов.

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

Сайты с тематическими исследованиями и анализами в области моушн-дизайна

Принадлежащая Adobe (все приветствуют Adobe), Behance, вероятно, является крупнейшим источником вдохновения для дизайнеров в Интернете. Кроме того, он невероятно разнообразен по своему содержанию. Вы не только найдете вдохновение от лучших художников мира, но и получите доступ к информативному видеоконтенту, а также разделу доски объявлений о вакансиях.Это действительно универсальный магазин для многих художников. Обязательно следите за каналом Motion Design, чтобы получить действительно впечатляющее вдохновение.

Жизнь моушн-дизайнера иногда бывает одинокой. Но вместо того, чтобы выходить на улицу, вы всегда можете встретить классных людей на mograph.net. MoGraph.net — это больше, чем просто вдохновляющий сайт, это место, где может тусоваться сообщество дизайнеров движений.

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

Вдохновляющие интервью с профессиональными дизайнерами движения

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

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

Вот несколько веб-сайтов, где вы можете найти замечательные интервью моушн-дизайнеров и других художников.

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

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

Сайты, предлагающие бесплатные и платные файлы проектов по моушн-дизайну

Часто мы видим искусство и спрашиваем себя: «Как это получилось? они это создают? », но на этом наше любопытство заканчивается.Но что, если, когда вы почувствовали вдохновение, вы смогли войти в произведение искусства. Помогите себе разместить ключевые кадры, как использовался редактор графиков, хитрости, советы и даже какие эффекты были применены к слоям.

Вот несколько веб-сайтов, которые предлагают бесплатные файлы проектов анимационного дизайна, которые вы можете просмотреть.

Здесь вы можете найти бесплатные и платные файлы проектов из самых популярных видео о моушн-дизайне, находящихся в обращении. Holdframe предоставляет прекрасно упакованные файлы проектов для After Effects и многих других анимационных программ.Некоторые из их предложений даже включают пошаговые руководства от художника, создавшего проекты!

Одна из самых знаковых студий в сфере моушн-дизайна. Ordinary Folk не только создает потрясающие работы, но и бесплатно отдает их сообществу.

Ordinary Folk Play предлагает вам реальные проекты и эксперименты в свободное время, которые вы можете загрузить и поучиться. Одно дело — вдохновляться высококлассной студией, совсем другое — жить в файлах их проектов. Так что не забудьте копаться и посмотреть, как Ordinary Folk может вас вдохновить.

Нужен небольшой толчок? Может пора повышать уровень!

Узнайте, как развить свою карьеру в области моушн-дизайнера в этом бесплатном курсе с мгновенным доступом: Level Up!

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

Все, что вам нужно знать, чтобы стать дизайнером анимационного дизайна

Профессия дизайнера анимированной графики — относительно новое явление в области дизайна.Профессии дизайнера, основанного на технологиях, растут. А существует так много разных дизайнеров, что сложно учесть их всех! Есть графические дизайнеры, веб-дизайнеры, дизайнеры пользовательского интерфейса, дизайнеры пользовательского интерфейса — список можно продолжить.

«Анимационная графика — это растущая область, и вряд ли она скоро исчезнет», — говорит дизайнер Пол Джозеф. «Частично это связано с тем, что высокотехнологичные образы, используемые в фильмах, очень быстро устаревают, а новые свежие подходы всегда востребованы.”

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

Но что именно влечет за собой эта профессия? А как можно начать эту творческую карьеру? Мы связались с несколькими экспертами, которые в настоящее время работают в этой области, чтобы ответить на этот и другие вопросы о мире дизайна анимированной графики.

Чем занимается дизайнер анимационной графики?

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

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

Кроме того, могут появиться возможности и за пределами этих более традиционных приложений анимированной графики. Хосе Андрес, менеджер сообщества разработчиков Enklu Cloud, рассматривает дополненную реальность (AR) и виртуальную реальность (VR) как следующее крупное расширение в мир дизайнерских технологий. «Я углубился в мир интерактивных технологий, — говорит Андрес.«Инструменты, к которым у меня есть доступ сейчас, сильно изменили мой процесс проектирования. Я могу начать разрабатывать концепцию и создавать ресурсы с помощью инструментов AR и VR намного быстрее, чем с помощью традиционного программного обеспечения для настольных компьютеров ».

В зависимости от того, какой тип анимированной графики вам нравится, вы можете закончить работу над дорогим фильмом в Голливуде или фрилансером вступительное слово для нового приложения для iPhone.

Где работают дизайнеры моушн-графики?

По данным Бюро статистики труда (BLS), аниматоры и дизайнеры мультимедиа обычно работают в киностудиях, компаниях по производству компьютерных систем и программного обеспечения, а также в рекламных агентствах. ¹ В 2018 году в этой отрасли также был очень высокий процент (59%) самозанятых работников, что свидетельствует о возможности организации удаленной работы в полевых условиях. ¹

«Наша студия специализируется на услугах по брендингу и графическому дизайну для вещательных компаний на Twitch®, YouTube® и Facebook Gaming®», — говорит Ник Авола из Visuals by Impulse. Авола объясняет, что все их моушн-дизайнеры работают удаленно. «Мы считаем, что благодаря ему художники становятся более счастливыми и эффективными. Наша команда может распоряжаться своим временем по собственному желанию.Сведены к минимуму отвлекающие факторы, и дизайнеры могут «оказаться в зоне».

Тем не менее, могут быть недостатки. Утрата удобства совместной работы — один из недостатков удаленной работы. «Командная работа часто бывает более эффективной, когда авторы работают лицом к лицу», — говорит Авола. «Не говоря уже о часовых поясах».

Какие навыки нужны дизайнерам моушн-графики?

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

3-D моделирование

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

Анимационная перспектива

«Хороший трехмерный дизайнер понимает движение и временные рамки», — говорит Джозеф. «Объекты могут двигаться.Источники света тоже. Камера, с которой видят зрители, тоже может двигаться. Дизайнер может ставить сложные движения, по одному элементу за раз, и раскручивать их разными способами ».

Организация

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

«Организация и многозадачность — важные атрибуты, которые мы ищем в новых дизайнерах движения», — говорит Авола.«Вы будете управлять множеством слоев и элементов одновременно. Держите свои файлы в чистоте и порядке, иначе придется расплачиваться за это ».

Процедурная анимация

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

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

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

Текстурирование и световые эффекты

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

Понимание общего контекста

«Хороший дизайнер знает, для чего будет использоваться его дизайн», — говорит Джозеф.Он подчеркивает, что видео, мультимедиа, игровой дизайн и виртуальная реальность растут и являются возможным направлением для дизайнеров анимированной графики. Но каждое отдельное приложение требует разного подхода. «Разберитесь во всех этих приложениях и как их спланировать».

Адаптивность

«Планы меняются, так же как и объем и цели проекта», — говорит Авола, объясняя, что опытные дизайнеры движения должны быть готовы изменить свое первоначальное видение, чтобы учесть отзывы клиентов. «Оставайся скромным и бросай вызов ударам.”

Сроки

По словам Аволы, расчет времени — один из самых сложных и самых важных навыков для дизайнера анимированной графики. «Моушн-дизайн — инструмент, ориентированный на сюжет, и лучшие истории содержат естественный поток и ритм».

Фантастически детализированная и в остальном красивая графика неэффективна, если темп звучит странно или не сочетается с другими элементами, например звуком. Лучшие аниматоры и моушн-дизайнеры учатся адаптировать свою работу и включать ритм и темп в свой процесс.

Заработная плата и перспективы работы дизайнера анимационного дизайна

Вы будете рады услышать, что дизайнеры анимированной графики довольно хорошо оплачиваются за свои технические знания. По данным BLS, средняя годовая заработная плата мультимедийных художников и аниматоров в 2018 году составляла 72 520 долларов США. ¹ Профессионалы, зарабатывающие больше всего в этих областях, были наняты компаниями-разработчиками программного обеспечения и киноиндустрией. ¹

BLS также прогнозирует 4-процентный рост занятости для художников мультимедиа и аниматоров, объясняя этот устойчивый рост ростом потребления фильмов, видео и цифровых медиа. ¹

Как стать дизайнером анимированной графики?

В этой карьере нет единого пути, но BLS объясняет, что работодатели для дизайнеров анимированной графики и аниматоров обычно предпочитают кандидатов со степенью бакалавра и сильным портфелем работ. ¹

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

Начните свою карьеру в области анимации

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

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

¹ Бюро статистики труда, Министерство труда США, Руководство по профессиональным перспективам, [по состоянию на декабрь 2019 г.] www.bls.gov/ooh/. Информация представляет собой усредненные по стране данные по перечисленным профессиям и включает работников всех уровней образования и опыта. Эти данные не отражают начальную зарплату.Условия трудоустройства в вашем районе могут отличаться.

ПРИМЕЧАНИЕ РЕДАКТОРА: эта статья была первоначально опубликована в 2015 году. С тех пор она была обновлена, чтобы включить информацию, относящуюся к 2020 году.

Подайте заявку на участие в программе Motion Designer

Есть вопросы?

Свяжитесь с Викторией

Обзор

Погрузитесь в мир анимированной графики

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

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

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

Содержание курса

Развитие новых навыков

Двухлетняя программа Motion Designer охватывает весь спектр навыков, необходимых для начала карьеры в индустрии движения.Для успеха не требуется никакого предыдущего опыта. Программа состоит из 67 недель обучения в нашем кампусе в Карлскруне и 23 недель стажировки в любой точке мира.

Уже есть опыт проектирования?

Развивайте свою дизайнерскую карьеру, становясь визуальным рассказчиком мирового класса, и воплощайте свои проекты в жизнь с помощью нашей программы Motion Creative.

Исследуй и твори

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

Практические техники

Экспериментируйте с различными техниками ремесла. К ним относятся принципы дизайна, повествование, раскадровка, рисование жизни, принципы анимации, покадровая анимация, дизайн персонажей и анимация, CEL-анимация, 2D-векторная анимация и 3D-анимация.
Научитесь работать с целым рядом различного отраслевого программного обеспечения — как на семинарах, так и на упражнениях.
Hyper Island предоставляет полный пакет Adobe.

Разработка и продвижение

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

Полное содержание курса

Карьерные возможности

Старт карьеры дизайнера анимации

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

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

Узнайте больше на странице выпускников Hyper Island в LinkedIn

Covid-19

IRL по сравнению с Интернетом?

С 2020 годом в зеркале заднего вида мы с нетерпением ждем наступающего года занятий! Первая неделя школы (9-13 августа) будет проходить очно в кампусе Hyper Island. Эта неделя, также известная как Неделя Hyper Island Way, — это возможность встретиться со своим классом и погрузиться в методологию Hyper Island.Ожидается ваше личное присутствие.

Недели 2 и 3 (16-27 августа) будут проходить онлайн для всех студентов. Эти недели, известные как недели инноваций и видения, наполнены вдохновляющим опытом и встречами с отраслевыми экспертами. Вы присоединитесь к этим 2 неделям (только) удаленно.

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

Karlskrona Campus

История Hyper Island началась в 1996 году с первого класса цифровых медиа в старой переоборудованной тюрьме в Карлскруне. Спустя более 20 лет кампус Карлскруны остается лучшим местом для творческих экспериментов и инноваций.

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

Посетите наш кампус Карлскруна

Посмотрите это видео и узнайте, как подать заявку на участие в наших дневных программах получения диплома в качестве студента из Северных стран.Процесс подачи заявки отличается для иностранных студентов — если вы подаете заявку из-за пределов Северного региона, пожалуйста, свяжитесь с [email protected] — наша команда будет рада помочь

Наша методология

The Hyper Island Way

Hyper Island methodology основан на подходе, ориентированном на учащегося и основанном на опыте. Мы облегчаем учебные поездки, в которых открытие, раскрытие, применение и размышление — все это часть процесса, посредством которого участники приобретают полезные навыки и знания, которые они могут сразу же применить.

Учитесь на практике

Стройте, создавайте, экспериментируйте! Благодаря более чем 20-летнему опыту мы знаем, что лучше всего люди учатся, активно действуя.

Работа в команде

Сотрудничество — это ключевая современная компетенция в мире сложности и постоянных изменений.

Готовность к работе

Мы строим обучение на реальных примерах и практических задачах, чтобы все это сразу стало актуальным и полезным.

Глобальная сеть экспертов

Мы работаем с ведущими мировыми отраслевыми экспертами, чтобы предоставлять самый передовой контент.

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

— Александр Шванднер

Выпускник, дизайнер движения Карлскруна

Лучшее профессиональное образование

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

Кабинет в Карлскруне
С богатейшим историческим наследием Швеции прямо за дверью и панорамным видом на океан, Hyper Island Karlskrona является идеальным местом для творчества. Наши студенты в Карлскруне развивают свои таланты в атмосфере, полной вдохновляющей красоты. Жить в Карлскруне — значит жить удивительно близко к Европе.Несколько ежедневных отправлений в Копенгаген отправляются поездом с центрального вокзала.

Присоединяйтесь к глобальной сети
Выпускников и сотрудников Hyper Island можно найти в любом уголке мира. Присоединяйтесь к нашей глобальной сети творцов перемен и радикальных мыслителей.

FAQ’s

Успешные кандидаты должны иметь как минимум аттестат о среднем образовании («Gymnasieexamen») или его иностранный эквивалент. Предыдущий опыт работы не требуется.

Для иностранных / платных студентов есть два стандартных варианта оплаты для этой программы: (1) Оплатите всю плату за обучение сразу, чтобы получить скидку 5%; (2) Оплатите обучение тремя частями.

Программа Motion Designer требует, чтобы вы проживали в кампусе Hyper Island в Карлскруне. Вы будете учиться с понедельника по пятницу с 09:00 до 17:00. Это означает, что вам нужно будет переехать в течение первых 67 недель программы. Hyper Island не рекомендует работать во время программы.

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

Hyper Island предоставит необходимую документацию для подачи заявлений в Шведское миграционное агентство (Migrationsverket) для студентов, которым требуется студенческий вид на жительство. Чтобы получить эту резервную копию от Hyper Island, вы должны быть платным иностранным студентом, который прошел с нами процесс международного приема. Если вы не уверены, являетесь ли вы иностранным студентом, свяжитесь с нами.

Чтобы считаться скандинавским студентом, имеющим право на бесплатное образование YH, вы ДОЛЖНЫ иметь личный идентификационный номер И соответствовать хотя бы одному из следующих критериев:
1) Быть гражданином Швеции, Исландии, Норвегии, Дании, Финляндии или любого другого смежных территорий.
2) Иметь право постоянного проживания в одной из указанных выше стран.
3) Иметь временное право на проживание в Швеции на весь срок программы. Вас могут попросить загрузить доказательство вашего права на проживание.
Ваше право на проживание не должно зависеть от вашего обучения в Hyper Island. Обратите внимание, что Hyper Island не может оказывать какую-либо иммиграционную поддержку или спонсорство студентам из Северных стран.

Где сейчас работают наши выпускники

23 лучших моушн-дизайнера, которым нужно следовать для визуального вдохновения

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

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

Называя себя «энтузиастом покадрового моделирования», Энрике Бароне — внештатный аниматор и креативный директор из Ванкувера, Канада. От создания сумасшедшего движения до тонких и спокойных моментов в рекламе, музыкальных клипах, телешоу и кампаниях в социальных сетях, он любит «настраивать стиль иллюстратора и заставлять его двигаться, понимая и уважая его язык, сосредотачиваясь на диапазоне эмоций в кадрах. могу передать ».Энрике недавно сотрудничал с агентством иллюстраций Handsome Frank, чтобы воплотить в жизнь работы различных иллюстраторов.

Иллюстрация Агаты Сингер и анимация Энрике Бароне по заказу Красавчика Фрэнка

Синди Суен — иллюстратор, аниматор и GIF-художник из Гонконга, в настоящее время проживает в Нью-Йорке. С явной любовью к милым кошкам, ее трехмерная анимированная графика в азиатском стиле вызывает радость.

Джеду Ли — иллюстратор и аниматор из Нью-Йорка.В его работах часто используются тонкие контуры с яркими насыщенными цветами, и он утверждает, что его иллюстрации, в частности, часто являются просто «банальными шутками». В настоящее время он представлен Jacky Winter Group.

Ева Кремерс — 3D-иллюстратор из Нидерландов, клиентами которой являются Apple, Nike и New York Times. Ее стиль характерен смелым, ярким и удивительно привлекательным, и он вдохновит любого современного моушн-дизайнера. Посетите ее новый веб-сайт, который передает серьезную атмосферу Вилли Вонки.

Арт-директор из Сан-Франциско, Пабло Роша использует онлайн-культуру для создания интересного контента для брендов. Его работа с такими клиентами, как Facebook, Netflix, Instagram и Airbnb, часто вызывает ощущение ранней сети с блестящим эффектом.

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

Рози Филпот — внештатный аниматор и иллюстратор из Челтенхэма, Великобритания. Специализируясь на 2D-анимации, анимированной графике и цифровой иллюстрации, Рози работает с широким кругом клиентов, от мировых брендов до местных агентств и стартапов. Имена, с которыми она уже работала, включают Microsoft, O2, IBM и Virgin Atlantic.

Майки Даудл работает дизайнером движений и аниматором в Art & Graft, независимой, отмеченной наградами студии, базирующейся в Лондоне, Великобритания.Его трехмерная анимированная графика наполнена энергией и дерзостью, которая мгновенно вызовет улыбку на вашем лице. Майки, которого привлекает в основном трехмерная анимация персонажей, говорит, что на него повлияли геометрические формы и смелые цвета. «Вероятно, это побочный продукт моего опыта в графическом дизайне», — говорит он.

Стивен Онг — аниматор, дизайнер и режиссер из Великобритании, который рассказывает короткие истории с помощью игрового дизайна и анимации. В его работе есть мгновенная энергия и яркость, которые заставляют ее выделяться из толпы.

Марко Читам — арт-директор и иллюстратор из Сент-Луиса, штат Миссури. Его работа сосредоточена как на редакционном, так и на моушн-дизайне. И он большой поклонник простых форм и ярких цветов для создания игривых персонажей и простых повествований в своих работах.

Элеонора Нгаи — дизайнер анимированной графики и иллюстратор из Новой Зеландии, которая в настоящее время работает фрилансером из Лондона. Благодаря таким клиентам, как Red Bull Studios, Реджи Йейтс, Nickelodeon, Facebook и Coca Cola, ее работа модна, актуальна и полна энергии.

Джулиан Гландер — известный 3D-художник и аниматор из США. Его глупые и грандиозные работы по моушн-дизайну для таких клиентов, как Adult Swim, Disney и Леброн Джеймс, просто не похожи ни на что другое.

Обладающий страстью к ностальгии и ярким цветам, Луи Уэс определенно должен быть на вашем радаре. В настоящее время он живет в Нью-Джерси, родом из Калифорнии, он иллюстратор и аниматор, который делал проекты для всех, от Apple, Facebook и Google до Target, CNN и Красного Креста.

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

Пол МакМахон, он же «Ржавый пиксель», — 3D-режиссер / дизайнер из Донегола, Ирландия, с хорошими навыками иллюстрации и движения.Работая в CINEMA4D 10 лет, он художник-самоучка, которого в основном движут эксперименты и попытки развить свой стиль. Его смелые, красочные и часто атмосферные работы обманчивы своей простотой и полны игривого очарования.

Тони Бабель — многопрофильный дизайнер, аниматор и иллюстратор из Израиля, специализирующийся на богатой анимации для цифровых продуктов. Его зацикленные анимации, вдохновленные старинными мультфильмами, просто завораживают.

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

Андриус ​​Визбарас — дизайнер движений из Лондона, обучавшийся в Created. Работая фрилансером с ноября прошлого года, он уже работал над рекламой для O2, и его портфолио полно драматических и ослепительных 2D и 3D анимационных работ.

Нурия Бодж — внештатный иллюстратор и моушн-дизайнер из Эдинбурга, Шотландия, работающая с международными клиентами и анимационными студиями.Она всегда предлагает уникальную и оригинальную точку зрения, которую нельзя спутать ни с какой другой.

Нурия Бой, по заказу Stoke для Adobe, Creativity Meets Intelligence

Саманта Джонс — внештатный аниматор и режиссер из Манчестера, Великобритания. Если вы ищете отличный пример того, как привнести традиционную 2D-иллюстрацию в движущуюся жизнь, вы не найдете лучшего, и ее искусные эксперименты с циклами — это радость для созерцания.

Анимация для Panimation

Эрика Андерсон — американка бельгийского происхождения, которая стремится «создавать подвижное изобразительное искусство».Днем она работает фрилансером, а ночью создает гифки. Среди ее клиентов — Джей Вольф, Манила Килла, Lionsgate и Массачусетский технологический институт. Посмотрите ее петли и абстрактные анимации, чтобы мгновенно получить вдохновение.

Энди Эванс — дизайнер движений из Лондона с более чем семилетним опытом создания контента для трансляций, прямых трансляций и социальных сетей, сотрудничая с такими компаниями, как BBC, Rolls Royce и Tesco. Мастер создания коллажей в моушн-дизайне, его работа объединяет фотографию и иллюстрацию, 2D и 3D, для получения блестящего эффекта.

Девон Мудли — уроженец Южной Африки, новозеландский дизайнер анимационной графики, продвигающий ключевые кадры из Амстердама по всему миру. Нам нравится эта работа, которую он анимировал для иллюстратора Элеоноры Нгаи.

Анимация для Элеонора Нгаи

Студия анимационной графики Лос-Анджелес | Студия моушн-дизайна

1) Сочувствуйте // Discovery

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

2) Определить // Предварительная подготовка

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

3) Идея // Инклюзивный дизайн + креативная разработка

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