Никита Максимов

Evernote. Mo-design 3.0 part 4

2021-06-14T11:43:42.271Z

Look development

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

Сплитскрин асетов и лукдевинга

Скриншоты сравнения 3 этапов

==============
==============

Evernote. Mo-design 3.0 part 3

2021-05-19T00:11:23.765Z

Работа с ассетами

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

О этапе

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

Идея заключается в том что Евернот – приложение для электронных заметок и взлетающие листы показывают что больше не нужно тратить бумагу и все записки пользователя переходят в "облако". Было проведено несколько контрольных тестов в реальной жизни (кинул лист на пол). Много часов ушло на то что б лист смахивал на лист, а не плоскую дощечку, но и не был гибким резиновым ковриком. Ещё больше времени ушло на симуляцию. Т к листы тонкие и лёгкие они делали в воздухе что угодно: кувыркались, фонтанировали, крутились, смешивались но не летели как надо. Эта задача была настоящим вызовом, а решение пришло почти случайно.

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

Сравнение с рефами

Рефы

Скриншоты сравнения трёх этапов

==============
==============

Цвета из оффициального брендбука:

Ссылки на статьи:

https://pikabu.ru/story/kak_ya_delayu_fanvideo_chast_1_8217608

https://www.reddit.com/r/Evernote/comments/nfqhoq/the_story_of_how_i_created_the_fan_video_part_1/

https://forum.c4d.space/topic/230/%D0%BA%D0%B0%D0%BA-%D1%8F-%D0%B4%D0%B5%D0%BB%D0%B0%D1%8E-%D1%84%D0%B0%D0%BD-%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-%D1%87%D0%B0%D1%81%D1%82%D1%8C-1

https://habr.com/ru/sandbox/154612/

https://discussion.evernote.com/forums/topic/136340-the-story-of-how-i-created-the-fan-video-part-1/

https://www.graphicdesignforum.com/t/the-story-of-how-i-created-the-fan-video-part-1/18195?u=tetravocado

Скриншоты на случай удаления:

3.0.3 шаблон для рассылки

2021-05-18T21:49:54.010Z

Как я делаю фан-видео. Часть 1

Всем привет, я моушн-дизайнер (это тот, кто "оживляет" статичные объекты анимацией). Три недели назад я приступил к созданию фан-ролика для программы Evernote.
Evernote — веб-сервис для создания и хранения заметок.
Пару лет назад я был в поиске чего то типо блокнота, но с большим функционалом, в который я мог бы конспектировать записи и сохранять скриншоты, но при этом мне не пришлось бы смотреть на панель из 100 кнопок как в ворде. И в итоге выбор пал на вышесказанный продукт.

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

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

В итоге то, на что я планировал потратить пару вечеров вылилось в целую неделю упорного труда. То есть вначале я выделил основные пункты и решил что просто красиво покажу их, а на деле оказалось что одно не вяжется с другим, а если и вяжется, то визуально одна сцена не очень удачно выглядит сразу после второй, нужен как бы визуальный переход, на который тратишь время, а если у тебя 20 сек то ты просто не успеваешь показать всё. Заранее даю ответ для тех, кто задаёт вопрос "почему не сделать ролике длиннее?". Потому что в 3д создание одной сцены длиной в 2-3 секунды может занять целый рабочий день, а после ещё много часов рендера (просчёта компьютером красивой картинки). В итоге после многих часов раздумья и планировки каждой секунды была отброшена половина идей, ещё часть идей была полностью переосмыслена в плане того как их визуально показать зрителю.
Выглядит это всё примерно так:

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

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

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

Если вам и дальше интересен процесс создание видеороликов то ожидайте продолжения. Чуть позже планирую рассказать 2 часть

Evernote. Mo-design 3.0 part 2

2021-05-09T14:06:29.157Z

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

Блокинг (превизуализация)

Видео имеет чёткую логичесткую структуру:

1) Мы знакомим пользователя с приложением для заметок;
2) Показываем на примере, что люди активно могут использовать его для своих рабочих проектов;
3) Сцена где бумаги улетают со стола символизирует отказ от ненужных бумажных носителей;
4) После мы как бы окунаемся в мир заметок, внутри облачного хранилища;
5) В конце показан телефон, который намекает, что Evernote всегда у нас под рукой

Скриншоты

копии скриншотов доступны по ссылке https://miro.com/app/board/o9J_lHnjcoI=/

Evernote. Mo-design 3.0 part 1

2021-04-25T13:05:00.881Z

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

Арт-дирекшн

1. Сбор информации

Сслыка на оффициальный сайт

Evernote — веб-сервис для создания и хранения заметок.

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

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

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

Мультиплатформа
Удобный поиск
Распознавание текста
Интеграция с сервисами

2. Комьюнити

Для дальнейшего продвижения было выделено несколько крупных фанатских сообществ:

Следующие сайты не связаны с Evernote, но там есть наша целевая аудитория. Это люди, которым нравится моушн-дизайн. И как активные пользователи компьютера, они могут пользоваться заметками.

3. Основные референсы

Сслыка на мудборд

Спасибо этим ребятам: instagram.com/isaevworkshop.

Motion design 3.0

2021-04-21T19:26:19.466Z

Впервые я познакомился с мастерской пару лет назад, тогда я попробовал пройти второй моушн параллельно с работой. В силу ограниченного времени и слабого компа я дошёл до 3 этапа. С того момента я собрал мощный комьютер, набрался опыта и завтра увольняюсь с работы (7 лет сильнейшей зоны комфорта между прочим) что бы полностью посвятить себя курсу.
Афтер, премьер, энкодер, синема установлены уже давно.
Редшифт куплен, чаёк заварен, погнали!

instagram.com/isaevworkshop