Ali Aliyev

МОУШН ДИЗАЙН 3.0

2020-11-28T18:43:25.074Z

Цвет в Моушн-Дизайне

2020-11-27T20:16:32.104Z

Сылка на пост в Instagram: https://www.instagram.com/p/CIG2jN8jeHK/

В моушн-дизайне одну из основных ролей помимо крутых спецэффектов, анимации камеры, движения объектов, качество текстур и 2д/3д моделей, играет цвет. Часто начинающие моушн дизайнеры не уделяют должного внимание этой теме, думая , что сделав крутой шот со сложной анимацией и симуляцией, получится достойный ролик. Я тоже так думал несколько недель назад. Но после того как я записался на курсы по моушн дизайну от @isaevworkshop, я начал просматривать по 50 роликов в день. Я анализировал каждый кадр, каждый пиксель, в тех роликах был какой-то особенный шарм. Но я не мог понять, почему ролики с простой анимацией и менее детализированностью , выглядят намного лучше чем мои. Одним из факторов делающих эти ролики такими классными оказался цвет. Цвет притягивает взгляд, рождает эмоции и передает смысл. Поэтому перед тем, как делать что-либо, нужно задать цель ролика. В хорошем моушн-дизайне цвета всегда подобраны под его цель. Хорошо подобранные цвета притягивают взгляды, заставляют зрителя с изумлением рассматривать поверхностью трёхмерного изображения. Вот примеры влияние цвета на восприятие композиции. Цвет расположенный по вертикали воспринимается легким, диагональ — динамика, горизонталь — устойчивость. Напряжение цвета внизу — композиция естественная и устойчивая. Вверху — неестественность положения, высокое давление. С какого либо краю — неустойчивость композиции. Концентрация активного цвета в правом верхнем углу активизирует композицию, все увеличивается в размере. Напротив же в левом нижнем создает иллюзию пассивности и зрительное сжатие, движение назад. Цвет представленный кругом, увеличивает плоскость и создает движение вперед, впечатление усиливается если это желтый, красный или оранжевый круг. Квадрат окрашенный в холодные тона наоборот создает впечатление вогнутости и сжатия. Или например если нам нужно выделить главный объект в сцене, то можно использовать цветовой контраст(разновидность оптического контраста, связанная с разницей цветовых оттенков).
Восприятие цвета — это сложный процесс, обусловленный не только физическими, физиологическими, но и психологическими факторами. От цвета возникают определенные образы, а также связанные с ними воспоминания, эмоции и психические состояния — то есть появляются ассоциации, связанные с цветом.
Вот примеры психологических свойств цветов:
Красный — экстрим, страсть, азарт и энергия
Оранжевый — свежесть, молодость, креативность и приключения.
Желтый — оптимизм, жизнерадостность, веселье и счастье.
Зеленый — естественность, жизненные силы, престиж и богатство.
Синий — общительность, надежность, спокойствие и честность.
Фиолетовый — царственность, величие, духовность и таинственность.
Коричневый — органичность, порядочность, честность и простота.
Розовый — женственность, сентиментальность, романтика и восторг.
Черный — изысканность, официоз, роскошь и скорбь.
Белый — чистота, простота, невинность и минимализм.
Разноцветный — разнообразие.

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

@isaevworkshop #мастерскаяисаева

МОУШН ДИЗАЙН 3.0

2020-11-14T15:40:17.486Z

ЭТАП 2: ПРЕВИЗУАЛИЗАЦИЯ И БЛОКИНГ

Темой моего ролика является электрокары Тесла .

в 7-ом кадре я специально изменил угол камеры, что бы связать переход с 6-ого кадра на 7-мой

МОУШН ДИЗАЙН 3.0

2020-11-04T13:51:27.424Z

ЭТАП 1: ПРЕ-ПРОДАКШН

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

Компания была основана в июле 2003 года Мартином Эберхардом и Марком Тарпеннингом, но сама компания считает Илона Маска, Джеффри Брайана и Иэна Райта её сооснователями.

Компания названа в честь всемирно известного электротехника и физика Николы Теслы.

Официальный сайт компании.

https://www.tesla.com/

Подготовка

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

Сообщества

[1] Discord - https://bit.ly/32el0Kl / https://bit.ly/3mQB0tN

[2] VK - https://vk.com/elonmusk ( у этого сообщества 330 000 подписчиков, я пообщался с админами и договорился что бы они выложили мой ролик). 1.2https://vk.com/teslacars.group .

[3] Reddit - https://bit.ly/366Kbzw / https://bit.ly/3kVq4dS

[4] Telegram - https://t.me/TeslaOwners / https://bit.ly/2I2f93w

[5] Tesla motors club - https://bit.ly/3mQGDIr

[6] Facebook - https://bit.ly/3enLyOd / https://bit.ly/2GqMiFE /

[7] Pikabu - https://bit.ly/3jU0Afx

[8] Forum - https://teslamotorsclub.ru/activity.php

Анализ и работа с целевой аудитории

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

Другие переписки с ЦА будут на миро [https://bit.ly/3oVThYF].

Сбор референсов и составление цветовых схем

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

Цветовые схемы

По опросу ЦА я понял, что в ролике должны доминировать более холодные тона.

Цвета на миро [https://bit.ly/2TOZZkW]

Моушн

Моушн рефы на миро [ https://bit.ly/34Wrjns ]

Окружение Зарядка Теслы

Камера Создание метала кузова

Мозг теслы динамичная текстура кузова

1.Окружение 2.Очень интересная левитация

Походка+окружение Левитация

Свет Свет

Свет

Движение камеры(зум) Движение камеры(зум)

Движение камеры( переход) Движение камеры(зум)

Прошивка сидений мозг Теслы

Анимация состовных частей диска с последущим переходом на сам диск

Мудборд

Мудборд на миро [https://bit.ly/367aWEh]

]

Рефернс

0:00-0:08( с земли собирается метал затем сливается с другми, тем самым образуя метал кузова) 0:17-0:20 ( можно сделать подобный моушн на фару теслы, а затем переход камеры через фару на боковую часть кузова)

0:00-0:14( знакомство с окружающим миром )0:50-0:51 ( можно подобным образом анимировать запчасти теслы)

0:00-0:03 Положения машин. 0:04-0:05 разряд молнии( ассоциация с тесла т.е. электро тема) 0:16-:0:20 ( очень крутой и динамичный мошн камеры относительно машины)

0:00-0:09 запчасти автомобиля

Ну здесь вообще много чего.

Тоже очень интересный ролик, много чего можно взять. Особенно переход 0:21-0:23

0:00-0:06 (окружение) 0:12-0:22(строения). Вообще в этом ролике тоже очнь много прикольных кадров.

Технологичность Теслы. 0:10-0:15 ( волну, хочу использывать на кузове )

Здесь только 0:03-0:07 ( с помощью этого приёма можно показать как шьется сиденья Теслы)

Движение камеры

0:04-0:07 зарядка Теслы

3D Модели

https://www.artstation.com/marketplace/p/GwVA/tesla-model-s-3d-model

https://www.desirefx.me/tesla-model-x-2017-3d-model/ https://www.3dcadbrowser.com/3d-model/tesla-model-x-2017-123676

Скролл

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

Музыка и SFX

Background ambiance - https://www.youtube.com/watch?v=pd2eApaL_Qk

SFX - https://www.youtube.com/watch?v=ZNLXPxnwf50

Free SFX - https://www.youtube.com/watch?v=o2uJxdfDnR4

Free SFX - https://www.youtube.com/watch?v=L1YF3vr2rH8

Селфи

https://www.instagram.com/isaevworkshop/