X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Свободный доступ Премиум

Доступ всей нашей библиотеке Премиум Статьи концентратор, файлы проекта и первые 10% от каждого Учебник-Video из Интернет библиотека Учебник .

Создайте свой бесплатный аккаунт!

Проектирование нижней трети в After Effects, Документальные Стиль
Перевод Google Translate

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

Richard Lainhart

Richard Lainhart | Articles by this author

Richard Lainhart is an award-winning composer, filmmaker, and author. His compositions have been performed in the US, Europe Asia, and Australia, and recordings of his music have appeared on the Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD, and ExOvo labels. His animations and short films have been shown in festivals in the US, Europe, and Asia, and online at ResFest, The New Venue, The Bitscreen, and Streaming Cinema 2.0. He has authored over a dozen technical manuals for music and video hardware and software, served as Contributing Editor for Interactivity and 3D Design Magazines, and contributed to books on digital media production published by IDG, Peachpit Press, McGraw Hill, and Miller Freeman Books. Previously an Adobe Certified Expert in After Effects and Premiere, a demo artist for Adobe Systems, and co-founder of the official New York City After Effects User Group, he was, from 2000-2009, Technical Director for Total Training Productions, an innovative digital media training company based in New York and California.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link