May 22, 2020

Моушн-дизайн 2.0

Этап 3: Реализация стиля и наполнения. Моделирование.

Этот этап был не столько сложный как прошлый. Если бы в прошлом этапе не показывали бы как анимировать и двигать камерой, ты для меня этот этап был бы трудноват. На этом этапе я подправил несколько анимации движений и камеры. Пришлось и тут пошевелить мозгами) Каждую сцену пришлось моделировать, как и продукт, так и задний фон. Благодаря первому этапу цвет пришлось не искать. Каждый этап связен друг с другом. Цвет я выбирал не ориентируясь на какой-то референс. Я сам выбрал цвет)

Моё видео: https://youtu.be/XnQalrQPILU

Цвета которые я выбрал:

Первая сцена:

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

Вторая сцена:

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

Третья сцена:

В этой сцене я не стал ничего менять, только накинул цвет и всё.

Четвертая сцена:

В этой сцене я тоже не стал ничего менять, так как движение камеры отличное. Тут я только накинул цвет и всё.

Пятая сцена:

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

Шестая сцена:

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

Седьмая сцена:

Тут я сместил телефон чуть ниже что бы в глаза сфокусировались на камере телефона.

Восьмая сцена:

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

Девятая сцена:

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

Десятая сцена:

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

Одиннадцатая сцена:

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

На этом всё. Все мои изменения вы можете посмотреть в моем видео снизу) Приятного просмотра.

instagram.com/isaevworkshop