Вероятно сте виждали долни трети на почти всеки видеоклип в YouTube, който сте гледали, тези банери, които ви молят да се абонирате или да следвате техните социални мрежи или добавяне на забавни факти за видеоклипа.
Долните трети са лесни за създаване и добавят излъчване на професионализъм към всяко видео, когато е направено правилно. В този урок ви показваме как да създадете проста графика в долната трета и как да я анимирате в Adobe After Effects.
Какво е долна трета?
Долните трети са различни графики, които се появяват в долната третина на видео екрана във видеоклипове и по телевизията. Не е необходимо да заемат цялата долна трета от пространството, но всяка графика, която се появява в тази долна секция, се квалифицира като долна трета.
Долните трети могат да бъдат скрити надписи, информационни банери, лога или интерактивни съобщения. Обикновено дава информация на зрителя, но може да има и развлекателна стойност. Ако не искате сами да правите долна трета графика в After Effects, можете намиране на анимирани графични елементи с помощта на Jitter.
Как да създадете долна трета в After Effects
Започнете със създаване на нова композиция. Отидете на Състав > Нова композиция и задайте размера на видеото; по подразбиране е 1920 x 1080 px. Кликнете Добре когато сте готови.
Включете прозрачността, като щракнете Превключване на прозрачната мрежа в панела за композиция. Тъй като долната трета се наслагва върху видеозаписа, тя трябва да бъде изобразена с прозрачен фон така че кадрите могат да бъдат видими, но можете да проектирате с цветен фон и да превключите прозрачността по-късно.
Отидете на Слой > Нов > Твърди за добавяне на плътен цвят. Изберете цвят за вашата долна трета графика. Кликнете Добре. Цялата ви композиция ще има плътен цвят, който също се появява като слой във времевата линия. Можете да промените цвета на тази графика по всяко време, като изберете графиката и отидете на Слой > Солидни настройки.
Щракнете и плъзнете ъглите, за да промените размера на плътния цвят до по-подходящ размер. След като стане с размер на банерна графика, преместете го в - познахте - долната трета на екрана.
Включете Заглавие/Действие Безопасно ръководства чрез натискане на апострофа на клавиатурата (‘), което ви помага да подредите долната си трета, така че да не бъде отрязана. Не е необходимо да е центрирано, така че го поставете където предпочитате в долната част на вашата композиция, но го дръжте далеч от указанията за безопасност.
Как да анимирате долна трета в After Effects
Долната трета трябва да бъде анимирана, за да преминава плавно в и извън рамката. На времевата линия отворете свойствата на твърдия слой и отворете Трансформирайте. Ще използваме Позиция опция за анимиране на долния трети банер на и извън екрана. Трябва да е сравнително прост преход, за да не отвлича вниманието на зрителя от останалото видео съдържание.
Преместете индикатора за време на 00:02 сек и изберете Хронометър до Позиция за да активирате ключовите кадри за позиция. Работейки назад, това добавя нов ключов кадър на времевата линия, за да посочи крайната позиция на графиката.
След това преместете индикатора за време обратно на 00:00 с и променете X-ос до Позиция, или можете да щракнете и плъзнете графиката извън рамката. Преместете долната си трета изцяло извън рамката до мястото, откъдето искате да влезе графиката.
Сега имате два ключови кадъра във времевата линия. Маркирайте ключовите кадри, като щракнете и плъзнете върху тях, за да изберете и двата наведнъж. След това щракнете Графичен редактор в горната част на времевата линия. Това ви дава визуално представяне на това как ключовите кадри движат вашата анимация.
В графиката маркирайте всички ключови кадри, за които искате да промените настройките. Вдясно, под времевата линия, ще намерите опции за това как реагират движенията. Тук ще намерите Лесна лекота. Easy Ease добавя фина извивка към всяко движение, така че да не е толкова рязко. Ключов кадър Easy Ease се променя на пясъчен часовник на времевата линия.
Можете също така да щракнете с десния бутон върху ключов кадър и да изберете Скорост на ключовите кадри. Тук можете да въведете суми както за входящата, така и за изходящата скорост. Входящо въвеждане на 80 и изходящ вход на 20 ще въведе графиката бързо, но ще я уреди бавно.
За да прегледате промените в ключовите си кадри, преместете индикатора за време на 00:00 с и натиснете Интервал за стартиране и спиране на възпроизвеждането. След като зададете входните ключови кадри, изберете ги всички. Копирайте ключовите кадри—Ctrl + ° С (Windows) или Cmd + ° С (Mac)—и ги поставете няколко секунди по-късно във вашата времева линия—Ctrl + V (Windows) или Cmd + V (Mac).
Пренаредете поставените ключови кадри така, че да са обратни на оригиналния ред. Това създава изходящи движения за долната ви трета по обратния начин, така че банерът се измества от екрана, вместо да влиза.
Добавете детайли към долната си трета
Много влогъри в YouTube използват долна трета графика, за да насърчат хората да се абонират за техния канал или да следват техните социални медии. Така че нека го направим.
Изберете Тип инструмент—Ctrl + T (Windows) или Cmd + T (Mac)—и напишете вашите имена в социалните медии. Ако още не е отворено, отидете на прозорец > Характер за да отворите Характер панел. След това маркирайте текста, за да промените шрифта, цвета или размера.
След като текстът ви е форматиран както искате, използвайте Инструмент за избор (V), за да плъзнете текста върху плътния цвят. Позиционирайте го както искате; не е нужно да е центриран, ако това не е вашият стил.
Тъй като вече сте задали анимацията на позицията за плътния цвят, можете лесно да прикачите текста, който да преместите, със същите атрибути.
Ако искате текстът да остане отгоре на цветния блок и да преминава с него, променете основния фон на текста на плътния цветен слой. Това запазва текста и плътния цвят като отделни слоеве, но ги групира заедно за целите на анимацията. Не е необходимо да добавяте ключови кадри към текстовия слой.
Ние също ще използваме Track Matte особеност. Кликнете с десния бутон Име на източника над слоевете и изберете Колони > Режими.
Кликнете върху слоя с плътен цвят Track Matte. Можете да изберете някоя от опциите за различни ефекти, но ние ще продължим с Алфа обърнат мат. Това обръща цвета на вашия текст, което - ако използвате прозрачен фон - означава, че текстът е прозрачен. Натиснете Интервал за визуализация на новия ефект. Можете да направите подобно маскирана текстова анимация с помощта на Canva.
Изберете плътния цветен слой и го копирайте и поставете (Ctrl + ° С и Ctrl + V за Windows или Cmd + ° С и Cmd + V за Mac). Изберете долния цветен слой, след което отидете на Слой > Солидни настройки за да промените цвета на цвят на акцент. Превключете Track Matte на No Track Matte на този слой.
Можете да добавите други елементи към долната си трета по същия начин или можете да я оставите както е. Можете дори импортирайте графики на Illustrator, за да ги анимирате в After Effects или извършете допълнителната миля и синхронизирайте долната си трета, за да реагирате на аудио запис за визуално вълнение.
Изобразете анимацията си с прозрачен фон, след което я добавете като слой, когато редактирате всяко видео, за което искате да я използвате.
Създайте професионална долна трета графика с After Effects
Създаването на долна трета графика е по-просто, отколкото си мислите. Започна с цветен правоъгълник и ако сте следвали този урок, сега имате страхотен анимиран банер, който да добавите към вашите видеоклипове в After Effects.