All Articles After Effects
Проектирование нижней трети в After Effects, Документальные Стиль
Richard Lainhart on Tue, August 23rd 0 comments
Lower third titles have become synonymous with a multitude of genres. With so many different styles available, Richard Lainhart shows how to create a typical animated documentary-style title.

"Нижняя треть" является общим термином для трансляции видео то, что вы видели сотни раз: анимированный графический элемент, который появляется в нижней части кадра (обычно в нижней трети экрана, отсюда и название), содержащий текст, который объясняет, либо с конкретным действием на экране. Вы видите их регулярно в выпусках новостей или документальных программ, где они идентифицируют динамик, и они обычно состоят из большего верхний элемент с именем спикера, и меньше нижнего элемента с более подробную информацию о докладчик: "Чарльз Моррис" в верхнем , а "директор по продажам" под ним, например. Поиск "нижней трети" на YouTube покажет много примеров и показать вам огромное разнообразие стилей используется сейчас.

В этой функции учебника, мы собираемся показать вам, как собрать вместе основные новости стиля анимированных нижней трети в After Effects . Давайте начнем.


Шаг 1 - Настройка После проекта Эффекты

Во-первых, создать 640x480 10-секундной композиции, с серым фоном, чтобы сделать его легче увидеть наши элементы:

gray background


(Мы собираемся работать в этом стандарте низкое разрешение здесь, чтобы сделать наши снимки экрана немного более управляемым, но вы можете легко масштабировать до того, что я собираюсь показать вам, в любом формате HD.)

Обязательно включите Название / Action Безопасный направляющие для Вашей компании, мы должны держать нашу нижней трети текста внутри Безопасная зона Название для обеспечения его будет видно:

Turn on Title/Action safe guides


Шаг 2 - Добавление первый элемент

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

Create a new solid, 450x50 pixels


Позиция твердого тела в нижней трети кадра, что значительно выше внутренней Название Безопасное руководство, и выровняйте его по левой стороне рамки:

align to left side of frame


Шаг 3 - маска первый элемент

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

Double-click rectangle tool


Это позволит добавить прямоугольную маску весь твердого тела. Затем выберите Pen Tool (G) и нажмите кнопку с ним на нижний край маски, возможно, 50 пикселей от правого края маски, чтобы добавить еще один момент, чтобы маска:

Adding another point to the mask


Выберите Selection Tool снова (V), щелкните на правой нижней точки маску и нажмите Удалить, чтобы удалить этот момент - твердые теперь будет иметь угловой передним краем:

The lower-third now has an angled edge


Наконец, выберите в твердых слоя панели типа Т для соло прозрачность и непрозрачность твердого тела до 60%. Мы хотим, чтобы убедиться, что мы можем увидеть основные видео через нижнюю треть:

Set the opacity to 60%


Шаг 4 - Анимация первый элемент

Теперь мы собираемся анимировать твердой на экран. Тип P к соло позиции твердого тела

Теперь выберите две позиции ключевых кадров вы только что создали, управление кнопкой мыши на один, и выберите ключевой кадр помощник

[Видео ID = "8352"]


Шаг 5 - Анимация первый текстовый элемент

Наш следующий шаг заключается в анимации в наш первый элемент текста, имя нашей теме, за которую мы будем использовать анимации Preset. Итак, выберите инструмент Horizontal Type Tool (Ctrl-T), и в характере палитра, выбор сильного без засечек шрифт, сделать его белый или светло-серый, и

Using an Animation preset


Далее, откройте или выдвинуть Эффекты

[Видео ID = "8356"]


Теперь, по умолчанию, Гладкий Перемещение в анимации слишком медленно, так что давайте регулировать эти ключевые кадры для ускорения во всех вверх. С текстовый слой выбран, тип U для соло всех его анимированные ключевых кадров. Выберите второй ключевыми кадрами (те, в 02:20): Старт, позиция, масштаб, поворот, и непрозрачность (все свойства при Range Selector 1), перетащив область выделения вокруг них, а затем перетащить их все, чтобы оставить о 1:15 точку на временной шкале. Предварительный просмотр этого, и вы увидите гораздо быстрее, анимации текста:

[Видео ID = "8354"]


Шаг 6 - Добавление тени к элементам

Далее, просто добавить немного глубины анимации, мы собираемся добавить тень как твердые и текст. Так, с твердой выбран, выбрать Влияние

[Видео ID = "8353"]


Шаг 7 - Создание вторичной нижней трети элементов

Хорошо, что мы в конечном подач нашей нижней трети учебника. Последнее, что нам нужно сделать, это создать вторичные элементы нашей анимации и заполните нижнюю треть. Чтобы сделать это, а не начинать с нуля, мы будем просто копировать и изменять существующие элементы. Итак, выберите оба текста и твердых слоев и типа Command-D, чтобы дублировать их. Пока, выключите видимость дублируется текстового слоя.

Далее, выберите дублируется твердый слой, и выберите слой

Changing the duplicated lower third's solid settings


Теперь наведите CTI вперед до 00:20, соло Положение для дублируется твердых (которые я буду называть оранжевые слой теперь), и настройте оба X и Y значения для твердых, чтобы он был чуть ниже красным слой, и его угловой переднего края линии с угловым краю красного слоя:

Adjust X and Y values for the orange layer


Обратите внимание на значение Y собственности в этой точке, шахта 389. Следующая наведите CTI обратно в 00:00, и установить значение Y в том, что ключевой кадр на 389 (или как там тебя значение должно быть, так что горизонтальное движение будет на прямую снова), и перетащить X значение, так оранжевый слой расположен в непосредственной близости видимого фрейма. При предварительном просмотре, вы должны увидеть анимацию оранжевый слой движется в в том же темпе и времени, как красный слой, но чуть ниже:

[Видео ID = "8355"]


Теперь давайте исправим вторичного текста. Включите его снова, выключите оригинальный слой текста, и с Text Tool, выберите вторичный текст и изменить его на что-то еще. Я использую "директор по продажам". Теперь наведите ИТК 1:15, где и анимации текста заканчивается, типа P в одиночку Положение для текста, и перетащите Y значение вниз так, чтобы вторичный текст находится в верхней части оранжевого слоя. Включите оригинальный текст снова и отрегулируйте горизонтальное положение вторичного текста, чтобы выровнять его с оригинала, все должно выглядеть примерно так:

The final look of the Lower-Third


Шаг 8 - Настройка анимации сроки

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

Итак, выберите оранжевый слой и директор текстовый слой продажам, наведите CTI до 00:20, и перетащите красный баров слой на временной шкале, так что их начала начинаются в 00:20 (не забудьте перетащить на телах баров себя, а не начало бары, или вы будете отделкой слоев, а не перемещать их):

Adjusting the animation timing of both layers


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

[Видео ID = "8357"]


И вот оно! Как я уже говорил, существует бесконечное разнообразие нижней трети: спорт, новости, реальность, погода, и moreand это было очень основной. Большинство нижней трети в эти дни, по сути, содержат анимированные элементы в фон баров, и так займет немного больше времени для настройки. Но я надеюсь, что даже этот простой урок помог вам начать работу в области проектирования и анимации вашей графике движения. И, как всегда, эксперимент, и весело провести время в After Effects !

Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: