Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. 3D & Motion Graphics
  2. Motion Graphics
Cgi

Создание анимации в честь Брюса Ли - День первый

by
Difficulty:AdvancedLength:MediumLanguages:

Russian (Pусский) translation by Mick Gakk (you can also view the original English article)

В этом учебнике Маркус бегло пройдется по созданию видео в соответствии с философией «Будь водой» Брюса Ли. Здесь используются яркие движущиеся типографические субтитры, анимированные иллюстрации и настройки умной камеры. Обучение будет разделено на более чем 3 дня в общей сложности в 71 минуту учебного видео.

В первый день обучения Маркус создает и анимирует текст для видео. Этот урок является прекрасным дополнением к учебнику Маркуса "Create Rhythmic Motion Typography" и демонстрирует некоторые более продвинутые типографские методы.


Руководство



Просмотрите видеозапись

Я Маркус Густафссон из aetuts.com, и сегодня я собираюсь дать вам полное представление о том, как я делаю фильм «Будь водой».

"Очистите свой разум. Будьте без форм и очертаний, подобно воде. Наполняя чашу водой она становится чашей. И влив воду в бутылку, она становиться бутылкой. Вода в чайнике становится чайником. Теперь вода может течь или разлететься в дребезги. Друг мой, будьте подобны воде.

Итак, этот учебник будет разделен на три части. Первая часть, то есть эта часть, будет о синхронизации звука. Проектирование и анимация. Вторая часть будет о создании воды и переходе между чашкой и бутылкой. И третья часть будет построена на сцене соединения камеры и [размытость 00:54] камеры.

Итак, приступим. Поэтому откройте новую композицию. Назовите её «Быть водой». Можно использовать те же параметры, как я использовал в фильме Быть Водой. Импортируйте звук, «Быть Водой». Отследите звук на линии времени и нажмите кнопку «LL». Включите звук.

Здесь я вижу в начале нет никакого звука так что перетащите слой влево. Я оставлю последние три секунды в звуке. [Воспроизведение аудио]. Так что есть какой-то звук, который нам не нужен, и я собираюсь вырезать его. Я сделаю это с помощью «Trim comp to work area (Обрезка рабочей области)». Теперь мы начнем синхронизировать текст со звуком.

[Воспроизведение аудио] Мы собираемся отобразить «Очистите свой разум и избавьтесь от формы».
Итак, «Очистите свой разум» - наш внешний слой. Удерживайте control, пока вы переходите к аудио. [Воспроизведение аудио] Итак, это начало. Обрезайте слои. [Воспроизведение аудио]

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

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

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

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

Давайте добавим фон. Сделайте сплошной, фон, размер компонента, сделайте его черным. Положите его под все слои. Мы будем использовать эффект, называемый рампой. Идите в "generate" и "ramp". Вы можете видеть это, но это там, "ramp". Мы собираемся выбрать радиальную рампу и переместить ее в центр.   Расширьте её.

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

Добавьте мозг в нашу временную линию. Здесь. Нам нужно уменьшить его. Подвиньте левее. Подвиньте. Расположите текст у головы. Теперь мы переходим к главной композиции. Мы добавим к нему некоторую тень. Идем в эффекты, перспектива и тень. Установите расстояние до 10 и мягкость, 25. Скопируйте эффект к мозгу.

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

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

Давайте продолжим с анимацией. Мы вернемся к нашей композиции "Очистите свой разум". И я собираюсь анимировать форму текста. Мы будем использовать инструмент маску. Мы собираемся установить ключевой кадр для маски.

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

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

Мы будем использовать ту же технику маскировки, что и здесь. Я остановлю эту запись и сделаю маскировку для вас, чтобы мы могли продолжить работу с другой частью анимации. Это то, что я сделал, когда приостановил всю запись. Обратите все композиции в 3D. Включите все текст в 3D и размытых движениях. И все иллюстрации в 3D и размытых движениях.

Давайте предварительно просмотрим. "Очистите свой разум. Будьте без форм и очертаний, подобно воде. Наполняя чашу водой она становится чашей. И влив воду в бутылку, она становиться бутылкой. Вода в чайнике становится чайником. Теперь вода может течь или разлететься в дребезги. Друг мой, будьте подобны воде.

Давайте продолжим с анимацией. То, что я хочу сделать это заставить "без формы" летать. Выберите слой "без форм и очертаний, подобно воде". Анимируйте позицию. Я хочу анимировать позицию по оси Z. Переместите слой "без форм" на минус тысячу пикселей.

Давайте предварительно просмотрим. "Без форм и очертаний, подобно". Выглядит хорошо. Я хочу оживить переход между «наполняя чашу водой» и «она становится чашей». Я собираюсь добавить нулевой объект. Переместите нулевой объект вниз в
композицию «наполняя чашу водой». Оберните в 3D.

Переместите нулевой объект вниз, чтобы он выравнивался с текстом. Здесь выставьте значение композиции на ноль. Так что если я поверну ноль, то поверну композицию также. Задайте значение нулевого объекта на 90 градусов. Уведите значение «она становится чашей» в ноль. ... Нам нужно анимировать это и установить значение 90.

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

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

[Воспроизведение аудио]. Вот чайник снова. Масштабируйте и перемещайте акцентную точку, чтобы она масштабировалась сверху. Установите масштаб на сто десять. Посмотрите, как это выглядит. .... «становится чайником». Я думаю, что я собираюсь увеличить это немного до 20. Давайте предварительно просмотрим. [Воспроизведение аудио]. Гораздо лучше. Теперь я хочу добавить всплеск воды. Добавьте новый слой и назовите эго всплеск воды. Сделайте размер комп. Переместите его вниз, чтобы вода могла течь. Обрежьте его.

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

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

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

Мы хотим анимировать начальное значение всплеска. Установите ключевой кадр для начала. Нажмите клавишу «U». «C Alt» ключевые кадры слоя. Выставьте начальное значение на сто. Выглядит хорошо. Motion blur также.

Давайте сделаем основание. Новое твердое основание. Сначала переместите его вниз, а затем обрезайте. Давайте используем инструмент маски. Добавьте всплеск снова. Включите прозрачность Разгладьте основание. Добавьте тени, перспективы, полутени. Установите значение на ноль. Установите расстояние до пяти, все в порядке. Мягкость около 20. Выглядит довольно хорошо.

Теперь мы добавим всплеск воды. Используйте эту краску щелкните и перетащите её в строку времени. Направьте анимацию на основание. Установите режим на экран и поместите его. Добавьте маску. Установите маску для вычитания. Подставьте эту анимацию к тексту.
Я хочу убрать средние брызги всплеска, поэтому мы будем маскировать их. Установите для вычитания. Посмотрим, все ли в порядке с синхронизацией с клипом. Передвинем клип немного назад. Это выглядит отлично. Я просто хочу обрезать клип, чтобы он появился, когда
"будьте подобны воде" появляется.

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

[Воспроизведение аудио] Здесь она заканчивается. Установите начальное значение в сто. Давайте посмотрим. [Воспроизведение аудио] Мы собираемся перетащить ключевые слова чуть ближе.
[Воспроизведение аудио] Гораздо лучше. Это конец первой части учебника «Будь водой». Настройтесь на вторую часть, где мы будем делать воду. Скоро увидимся.


Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.