Моушен дизайнер. Моушн-дизайн: от простого к сложному
Моушн дизайн (motion design) — это цифровая дисциплина, которая применяет принципы графического дизайна к производству видео контента посредством использования анимации и визуальных эффектов. Современный моушн дизайнер помимо графики взаимодействует с такими составляющими, как время, пространство и звук. И более того, сейчас дизайнеры вообще не ограничены реальностью как таковой. На сегодняшний день моушн технологии позволяют проявлять чудеса креатива, создавая запредельные фантастические миры, поражающие воображение. Но давайте разберемся, какие тренды будут особенно востребаваны в наступившем году, что появилось нового в технике цифровой визуализации, и на какие стили и приемы следует обратить внимание, чтобы держать руку на пульсе и быть в курсе современных реалий моушн дизайна.
1. Сложные визуальные эффекты
Взрывы, природные катастрофы, динозавры и трансформеры… Такие сцены нельзя снять в реальной жизни. Но благодаря визуальным эффектам, мы можем увидеть их в фильмах или рекламных роликах. Комбинируя настоящее видео с компьютерной графикой можно легко перенести в зрителя в другую волшебную реальность, где все возможно. Неудивительно, что такой вид моушн анимации становится все более популярным. Это гибрид технологии и мастерства, который дает зрителям эксклюзивный визуальный опыт. Спешите чтобы, интересные визуальные эффекты были включены в вашу маркетинговую кампанию. Это тренд, которую нельзя игнорировать.
2. 3D анимация
Несомненный флагман наступившего года — движущаяся 3D графика. Она действительно повсюду. Комбинация из 3D, анимации, звука и видео открывает большие возможности для демонстрации невероятных сцен, которые ранее не могли отображать дизайнеры. Мы видим трехмерные фигуры в игровом дизайне, в маркетинговых роликах и презентациях, в объясняющих видео. Этот инструмент может чрезвычайно выгодно подчеркнуть достоинства продукта или услуги. Так что, в наступившем году экспансия 3D будет продолжаться.
3. Сочетание 2D и 3D графики
Этот тренд стал модным в конце 2017 года. В этом году его популярность только усилится. Дизайнерские ниндзя продолжают тестировать новые подходы и работают над потрясающей комбинацией 2D и 3D графики. В качестве доказательства мы можем наблюдать множество новых примеров не только в офлайн рекламе с большим бюджетом, но и в цифровой рекламе и маркетинге. И это не удивительно. Сам дизайн 3D графики может быть довольно дорогим, в то время как простая 2D анимация не всегда достаточна. Продуманное сочетание того и другого рождает визуально привлекательную графику по доступной цене.
4. Красочные цветовые палитры
Цвет очень сильно влияет на любое визуальное послание или сторителлинг. Он может удвоить эмоциональное воздействие, прояснить мотивацию или установить правильное настроение. Итак, как выбрать наиболее подходящий цвет? Ответ заключается в том, что ваш дизайн должен выделяться. А яркие смелые цвета правят миром цифрового дизайна прямо сейчас. Помните, что цвет также является формой выражения бренда. Цветовая палитра анимации на предстоящий год внушает позитив. Не бойтесь использовать визуальную силу цвета, чтобы ваша анимация выглядела свежей и пикантной.
5. Анимированные gif лого
Анимированный дизайн логотипа — это очень горячий тренд, который будет развиваться в течение 2019 года. Привлекательная магия движущихся элементов теперь активно используется в анимации логотипов, заставляя буквы деформироваться, переставляться, расширяться, трансформироваться, скрываться, показываться и вращаться. Мы наверняка станем свидетелями появления все новых и новых способов таких лого эффектов, которые будут привлекать внимание пользователей. Попробуйте использовать эту тенденцию в своем следующем проекте, чтобы создать что-то действительно уникальное.
6. Анимация шрифтов и заголовков
Использование анимированных шрифтов и заголовков — это модный способ привлечь внимание аудитории, а также передать им сообщение. Тем более, что всевозможные трансформации текста могут быть поистине завораживающими и креативными. И, несомненно, украсят любой проект.
7. Ретро моушн графика
Ретро стиль опять служит источником вдохновения для муошн дизайнеров. Именно ретро поможет вам выделиться в наступившем году. Если вы будете достаточно смелы, чтобы объединить ретро и современные визуальные эффекты, то ваша аудитория, несомненно, по достоинству оценит ваши эксперименты и будет постоянно возвращаться ради других увлекательных новинок. Ретро-эффекты в движении выглядят круто, они пробуждают ностальгические воспоминания и способны привлечь гораздо более широкий круг аудитории, чем ожидалось.
8. Микро взаимодействия в Web & Apps
Пользователь достаточно быстро принимает решение — уйти или остаться на сайте или в приложении. И в этом случае нескучная анимация интерфейса, интересные переходы и неожиданные открытия помогут вам существенно повысить конкурентную способность вашего ресурса. Микро взаимодействия — это очень тонкие анимации, которые улучшают пользовательский опыт и позволяют пользователю взаимодействовать с интерфейсом в одно мгновение.
9. Кинетическая типографика
Нас всегда учили — ни в коем случае не растягивать и не деформировать слова. И вот пожалуйста, в пику этому утверждению родился новый тренд — кинетическая типографика или движущийся текст. Он представляет собой технику, в которой движение и текст сочетаются для выражения идей или эмоций с использованием видео анимации. Так что сейчас дизайнеры растягивают, скручивают, пикселируют и изменяют текст во всех направлениях, часто формируя почти трехмерные структуры из букв.
10. Визуализация разорванного текста
Этот тренд не новый, но получивший новый импульс, который выводит его на совершенно новый уровень. Слова воспроизводятся по-разному — они могут появляться постепенно, одно за другим, располагаться на разных уровнях, или сами буквы могут быть деконструированы и разбросаны по экрану. Они могут быть анимированы, например, в поэтической манере, предлагая визуальное представление фактических значений слов.
11. Морфинг
Плавные переходы или морфинг — это один из тех трендов, который всегда будет оставаться в наших сердцах, и поэтому он такой популярный в течение многих лет. В настоящее время дизайнеры внедряют эту изящную технику с более современным подходом. Отсутствие разрывов между сценами создает видео с очень плавным ощущением, где сцены тонко смешиваются друг с другом действуют как приманка для глаз, привлекая внимание зрителей к изображению, в то время как другие элементы изменяются на заднем плане.
12. Тонкие линии
Вообще линии явно недооценены. Несмотря на свою простоту, они имеют бесконечное количество функций в дизайне: подсказки по направлениям, определение форм, разделение элементов и многое другое. Сегодня возможности скромной линии становятся бесконечными. Теперь мы можем видеть растущее использование линий в муошн дизайне, поскольку они интегрированы и анимированы для создания различных эффектов, как то создание контуров фигур, формирование узоров и украшений.
13. Анимация Liquid motion
Liquid motion, движение жидкости – это стиль, который подразумевает перетекание одного элемента в другой, сопровождаемое характерными брызгами, каплями и волнами. Он хорошо разбавляет строгость геометрических форм обычной шейповой анимации, так же его элементами можно сделать акценты и подчеркнуть необходимые детали.
14. Макро типографика
Еще один заметный тренд в мире дизайна — это крупная, доминирующая типографика. Этот прием позволяет наглядно донести свое обращение до пользователя в смелой и однозначной форме с помощью слов, визуально захватывающих экран.
15. Синемаграфия
Синемаграфы - фотографии, на которой происходят незначительные повторяющиеся движения. Обычно они представлены в gif формате и создают зрителю иллюзию просмотра видео. получают путём создания серии фотографий из видеозаписи с последующей обработкой в графическом редакторе, когда фотографии объединяются в беспрерывный цикл последовательных кадров так, что анимированный объект воспринимается, как беспрерывно повторяющееся движение, в отличие от остальной неподвижной части изображения.
16. Цифровой сюрреализм
Этот стиль изображает сюрреалистический виртуальный мир, состоящий из необычных визуальных элементов и материалов, которые кажутся одновременно знакомыми и воображаемыми. Соединение текстур и цифрового дизайна создает движение, которое было бы невозможно в реальной жизни — от пузырьков, которые никогда не лопаются, до объектов, испаряющихся в воздухе или бросающих вызов гравитации и жидкостям, волшебным образом превращающимся в твердые тела.
Движение может объяснить то, что статика показать не в состоянии. Рассказываем о моушн-дизайне.
Что такое моушн-дизайн
Как только статический кадр начинает двигаться, он становится графической анимацией, анимированной картинкой, но не моушн-дизайном. Когда
изображение оживает и появляется дополнительный смысл, - вот тогда мы говорим о моушн-дизайне.
Продукт моушн-дизайна - ролик-история, рассказанная во времени. Создание такого, даже очень короткого ролика - занятие трудоемкое и затратное.
Профессия моушн-дизайнера объединяет в себе огромное количество навыков, знаний и умений. Это дизайнер-оркестр: сценарист, художник, режиссер, оператор, монтажер, продюсер, саунд-дизайнер и даже программист.
История возникновения
Тот моушн-дизайн, каким мы его знаем сейчас, обязан своим появлением почти 200-летней истории анимации. Многие приемы, изобретенные тогда, активно используются моушн-дизайнерами до сих пор.
Начало
1825
Тауматроп - игрушка, основанная на оптической иллюзии: при быстром вращении кружка с двумя рисунками, нанесенными с разных сторон, они воспринимаются, как один. Была особо популярна в Викторианскую эпоху. Возможный изобретатель тауматропа - английский врач Джон Айртон Пэрис.
Пример тауматропа. Игрушка Икабода Крейна из фильма Тима Бертона «Сонная лощина»
1832
Фенакистископ - лабораторный прибор для демонстрации движущихся рисунков, конструкция которого основана на персистенции - инерции человеческого зрения. Изобретателем фенакистископа считается Жозеф Плато. Почти одновременно с Плато Симон фон Штампфер изобрел аппарат, очень похожий на фенакистископ, и назвал его стробоскопом.
Общий вид фенакистископа
1833
Зоотроп - устройство для демонстрации движущихся рисунков, конструкция которого основана на инерции человеческого зрения. Изобретателем зоотропа считается Уильям Джордж Горнер .
Зоотроп
1876
Эмиль Рейно усовершенствовал зоотроп, соединив его с волшебным фонарем, что позволило просматривать движущиеся картинки не одному человеку, а одновременно нескольким.
В честь первого показа «светящихся пантомим» Рейно в 1892 году 28 октября отмечается как Международный день анимации. Праздник был утвержден АСИФА в 2002 году.
Рейно стал использовать постоянную декорацию, рисуя ее отдельно от персонажей и передавая на экран посредством отдельного волшебного фонаря. Он был первым, кто синхронизировал изображение и звук, причем музыкальное сопровождение для своих фильмов сочинял тоже сам.
Рейно применил некоторые приемы, ставшие основой технологии мультипликации. В их числе - раздельное рисование персонажей и декораций.
Кинематограф
Немой кинематограф
1895
Год официального рождения кинематографа. Публичные платные сеансы братьев Огюста и Луи Люмьер оказались наиболее популярны и успешны с коммерческой точки зрения, нежели все прочие начинания, поэтому именно Люмьер принято считать родоначальниками кинематографии.
Звуковой кинематограф
1927
Первым в истории полнометражным фильмом с синхронной речевой фонограммой в 1927 году стал музыкальный фильм «Певец джаза», созданный по технологии «Вайтафон» со звуком на грампластинке.
Последние тенденции
Кинематограф стал средой, в которой зародился моушн-дизайн, он получил значительное развитие в 50-х годах в США, благодаря таким дизайнерам, как Сол Басс, Морис Биндер и Пабло Ферро. В то время на телевидении стали появляться анимированные титры и логотипы. Так произошел переломный момент: анимация перестала быть исключительно инструментом развлечения и получила функциональные задачи.
Области применения моушн-дизайна в жизни
Кино
Основное применение - титры и футуристические интерфейсы. Титры можно считать прародителем такого современного направления, как моушн-айдентика.
Видеоклипы
Реклама
Моушн используется в ней повсеместно. Эмоциональные ролики с коротким, но емким сюжетом, рассчитанные на эмоциональное восприятие.
Презентации
Видеоконтент понемногу вытесняет все остальные виды контента. Проще посмотреть обучающее видео, чем прочитать руководство. Движение интереснее статики, оно завораживает и затягивает. Видео стараются использовать везде: в презентациях, отчетах, уроках, объяснениях работы с сервисами.
3D-mapping
Это лазерное шоу, где «экраном» для 3D-проекции выступают фасады зданий - при этом обыгрывается геометрия постройки, ее архитектура и местоположение.
Интерактивный дизайн
Это достаточно новое направление, симбиоз дизайна, программирования и шоу. Интерактивность помогает сделать пользовательские интерфейсы выразительными и простыми в использовании. Моушн-дизайн - одно из самых востребованных направлений на сегодняшний день. Применяется в таких областях:
- создание иконок;
- прелоадеров;
- микровзаимодействия;
- видеобэкграундов;
- прототипов;
- оформления кейсов;
- презентаций.
Пример анимации интерфейса сайта от Sergey Gurov
Профессиональный софт
Для того, чтобы создавать крутые моушн-проекты, необходим специальное ПО. В арсенале моушн-дизайнера - широкий спектр инструментов от базовых дизайнерских до узкоспециализированных. Эти инструменты используются во всех приведенных выше сферах моушн-дизайна, от кино до веба.
Adobe Photoshop
Популярный и мощный инструмент, который входит в линейку Adobe-продуктов Creative Cloud и отлично с ними интегрирован.
Для чего может пригодиться:
- создание Matte Painting;
- редактирование текстур;
- объединение изображений;
- создание GIF;
- наложение покадровой анимации;
- ротоскопинг (обрисовка кадр за кадром).
Adobe Illustrator
Софт для работы с векторными изображениями. Применяется в основном для создания логотипов, векторных иллюстраций и фонов для последующего использования в моушн-графике. Так же, как и Photoshop, легко интегрируется, например, с After Effects.
After Effects
Пожалуй, одна из самых главных программ для освоения моушн-дизайна. After Effects - это 2,5D-программа для анимации.
Возможности After Effects:
- анимация логотипов;
- персонажная анимация;
- 3D композитинг;
- моушн-трекинг (отслеживание движения);
- удаление объектов;
- UX/UI дизайн;
- создание обучающих роликов и презентаций;
- эффекты симуляции;
- анимационные слайд-шоу;
- кинетическая типографика;
- визуальные эффекты.
Как и любой творческой личности, моушн-дизайнеру нужно искать где-то свежие идеи и вдохновение. На помощь придет наша полезная подборка из 8 сайтов, которые по достоинству займут место в ваших закладках.
Motiongrapher
Motiongrapher - «мировой рупор в индустрии моушн дизайна». Отличный ресурс. Служит источником вдохновения для творческих людей со всего мира. Здесь вы найдете все самое новое и интересное в сфере графики и дизайна:
- лучшие работы студий и фрилансеров;
- интервью с профессиональными дизайнерами.
Проект некоммерческий. Во главе Motiongrapher - профессиональные дизайнеры и режиссеры. Сайт постоянно обновляется и радует качественным и профессиональным материалом.
From up north
From up north - международный сайт для творческих людей. Кураторы сайта отбирают лучшее в сферах:
- графического дизайна;
- рекламы;
- фотографии;
- иллюстрации;
- веб дизайна;
- моушн графики;
- и многих других.
Галерея моушн графики одна из самых впечатляющих в этом списке. Также на сайте можно найти ссылки на полезные ресурсы и статьи о выдающихся работах.
Behance -крупная и перспективная платформа с множеством потрясающих работ. Достаточно зайти в нужный вам раздел, чтобы убедиться в этом. Но самое важное, сайт предлагает возможность создать свой собственный сайт-портфолио, с помощью которого можно продавать, покупать работы, делиться опытом и активно участвовать в жизни сообщества.
Vimeo - сервис для ценителей качественного и профессионального видео. Главное отличие Vimeo от популярного видеохостинга YouTube - серьезная и креативная аудитория, которая знает толк в работах и критике. Рекомендуем раздел Vimeo Staff Picks , с сотнями тщательно отобранных работ моушн дизайнеров и кинолюбителей.
Art of the title
Art of the title - уникальный ресурс с огромной библиотекой заставок и титров к фильмам, сериалам, мультфильмам. Кроме самих видео на сайте вас ждут интервью с дизайнерами о том, как создавался тот или иной проект: от идеи до технических деталей. Отличный сайт, на котором можно найти много интересного и почерпнуть вдохновение.
Motion Graphics Served
Motion Graphics Served - «дочерний» проект Behance, всецело посвящен моушн графике. Здесь выкладывают работы лучших профессионалов Behance.
Inspiration Grid
Inspiration Grid курируется сайтом From Up North. Проект представляет собой галерею с работами талантливых художников, фотографов и дизайнеров со всего мира. Моушн дизайн представлен категорией Video & motion.
Dribbble
Dribbble - социальная сеть для дизайнеров со всего мира. Платформа работает по принципу Твиттера, только вместо сообщений - так называемые шоты (shots) - небольшие образцы дизайна. Мало кто знает, что помимо статичных изображений в разделе After Effects много интересных Gif’ок. Сайт тщательно отбирает пользователей, поэтому, в основном, здесь можно встретить работы очень высокого качества.
Помимо представленных сайтов в сети можно найти множество других не менее полезных ресурсов. И не забывайте, черпать ценные идеи для собственных работ можно также из произведений искусства, фильмов, музыки и книг.
Удачи Вам и побольше вдохновения!
Всем привет! В этой статье расскажу о таком интересном явлении в индустрии дизайна как моушн-дизайн.
Итак, что такое моушн дизайн?
Многим из Вас приходилось видеть в интернете или по телевизору анимированные ролики с движущимися картинками или буквами. Такие ролики обычно используют в рекламных заставках. Все это движение на экране называется моушн-дизайном.
Другими словами, моушн-дизайн - это оживление графики средствами анимации. Статичное изображение переходит в мир моушн-дизайна как только начинает двигаться.
Наглядный пример того, как работает моушн вы можете увидеть ниже. Посмотрите сначала на изображение в неподвижном состоянии, потом нажмите кнопку плей и Вам станет все понятно.
Таким же образом можно «оживлять» любые графические объекты.
При использовании моушн-графики вы можете просто и понятно донести любую информацию до клиента. Хотите рассказать клиенту о своей компании? Вместо скучного текста и статичных картинок создайте моушн видео.
Откуда же взялся этот вид 2D дизайна?
Моушен-дизайн зародился у истоков кинематографа и получил значительное развитие в 50-х годах в США, благодаря таким дизайнерам как Сол Басс, Маурис Биндер и Пабло Ферро. В то время на телевидении стали появляться анимированные титры и логотипы.
Эта форма искусства продолжала развиваться на протяжении 50 лет, а за последние 15 лет в связи с развитием цифровой техники переживает настоящий бум.
На сегодняшний день моушн графика это актуальный и востребованный вид творчества и интересное хобби.
Разработка видеоклипов с 2D моушн-графикой — очень завораживающий процесс, от которого невозможно оторваться.
Промо ролик, выполненный к фильму «Неуловимые», вызывает неуемное желание посмотреть этот фильм целиком.
Благодаря высокой потребности рынка в моушн-графике, ваше увлечение моушн роликами может перерасти в хорошо оплачиваемую профессию.
Где применяется моушн-дизайн?
Приведу в пример несколько областей, где плотно применяется моушн-дизайн:
- реклама
- видеоклипы
- инфографика
- веб сайты
- корпоративное видео
- кино (титры)
- обучение (видео объяснения). Часто применяется в инфобизнесе.
- мобильные приложения
Кто-то может сказать, что моушн-дизайн это сложно и дорого. Что моушн подвластен только супер специалистам с большим стажем работы, но смею Вас уверить все это не более чем миф.
Как научится делать моушн-видео?
Научиться делать качественные ролики с моушн-графикой может каждый. Звучит конечно невероятно, но несмотря на бешеную популярность моушн-графики, в интернете практически не было обучающих курсов по этой теме. Но с появлением курса «Супер моушн» все изменилось.
Авторы курса сделали уроки по моушн-графике доступными и понятным каждому. Видеокурс наполнен качественным и полезным контентом, чтобы он был интересен как новичкам, так и более продвинутым пользователям программы After Effects.
Чтобы эффкт от курса был максимальным, все занятия в курсе состоят только из практических уроков. Никакой занудной теории, только практика. После изучения каждой главы курса вы создадите готовый видеоролик.
В подтверждение своих слов приведу обзорный ролик одной из глав курса по моушн дизайну.
Глядя на эти ролики может показаться,что сделать что-то подобное вам не под силу, но в самом деле это проще чем кажется. В этом Вы можете убедиться сами посетив страницу с курсом и почитав отзывы реальных учеников.
Есть еще одна вещь на котороую я хотел бы обратить ваше внимание — это отсутствие конкуренции на рынке моушн-дизайна. Но пройдет еще пару-тройку лет появится больше специалистов в этой области и ниша моушн дизайна будет занята.
Если вы человек творческий и решили стать первым среди тех, кто хочет попробовать себя в новом перспективном виде дизайна — действуйте. А видеокурс «Супер Моушн» вам поможет!
Обратите внимание! По промокоду SUPERMOTION_10EB вы получите скидку — 15% на приобретение курса
P.S. Как применить промокод читайте
ЗАДАТЬ ВОПРОС Посетить экскурсиюДлительность обучения
2 года (4 семестра)
Цена
330 000 рублей в год (возможна оплата в рассрочку)
Примерный график обучения –
PART TIME: ДВА ИЛИ ТРИ ВЕЧЕРА В БУДНИЕ ДНИ (19:00 - 22:10) И ОДИН ВЫХОДНОЙ (11:00 - 18:20)*
*данный график обучения может меняться в зависимости от расписания
НАЧАЛО ОБУЧЕНИЯ
ОКТЯБРЬ 2020 ГОДА
Цель курса
Студенты осваивают инструменты, необходимые для выполнения всего цикла производства графических проектов. Выпускники курса - будущие моушн/мультимедиа-дизайнеры, CG-дженералисты смогут работать в современных продакшн-студиях.
Обучение
Одной из уникальных методик обучения в нашей Школе является процесс работы над студийным брифом, а главное, учебный процесс строится так же, как и работа над реальным проектом в студиях.
- анализ и изучение задачи клиента, разработка креативной идеи;
- поиск референсов, сборка мудборда, создание стайлфреймов и презентации;
- создание аниматика и превизуализация ролика;
- 3d-моделирование, текстурирование и освещение объектов;
- навык рига, анимации по ключам и процедурной анимации;
- навык фотореалистичного и стилизованного рендера, рендера по пассам;
- владение основами композитинга и работы с большими разрешениями.
Студенты программы учатся совместно со студентами специализации « ». Первый курс посвящен базовым навыкам работы с основными инструментами Cinema4D, AfterEffects, Houdini, Unreal Engine, Redshift; изучению основ арт-дирекшна: композиции, модульных сеток, типографики; изучению работы с новыми медиа и сторителлингом. Второй год занимает более углубленное изучение инструментов, применение генеративной графики, работа с мультимедиа-технологиями и пространством. А также, на втором году обучение студенты готовят реальные проекты по живым брифам и создают дипломные проекты на их основе.
Подробнее с программой можно познакомиться в разделе « ».
Загрузка...
