Transcript for:
Урок After Effects: Использование шейп маски

здравствуйте дорогие друзья рад сейчас на этом уроке after affects в этом ru время о использования шип маски давайте для начала мы с вами создадим новую композицию композиция как всегда у нас будет свой где назовем эту композицию альфа мат длительность секунд частота кадров 30 кадров в секунду фон у нас черной и кликаем окей на всякий случай если у вас окно предварительного просмотра приближённое отдаленное зажимаем сочетание клавиш и flash чтобы у нас окно предварительного просмотра отображалась как следует ну и теперь давайте мы с вами дважды кликнем по инструменту текста и напишем здесь какой-нибудь текст например motion graphics если вас интересует какой шрифт и использую тогда открываем панель корректор у меня здесь стоит шрифт монтсеррат можно его скачать с интернета но здесь например если хочу увеличить шрифт я выделяю целиком текст и например гривой здесь значения 100 пикселей чтобы текст у меня был вот такого вот размера теперь возьмем наш selection tool для того чтобы выйти из режима редактирования текста нажимаем сочетание клавиш control all the home для того чтобы разместить экран точку по центру нашего слоя и сочетание клавиш kontrol хам чтобы бросить его в центр теперь для того чтобы мы с вами нарисовали шейп мы обязательно убеждаемся в том что у нас ни один слой и выделим данном случае это наш текстовый слой что произойдет если мы возьмем шипова слой и начнем рисовать у нас создастся маска внутри нашего текста во слоя это то что нам не нужно поэтому мы сейчас отменяем последнее действие с помощью сочетание клавиш control z и всегда мы снимаем выделение со всего зажимая клавишу f2 на клавиатуре почему f2 потому что ему конечно могли бы кликнуть на любое пустое место на нашей панели но иногда это неэффективно потому что мы когда начинаем работать у нас появляется очень большое количество слоев и это не всегда эффективно поэтому мы используем клавишу f2 и снимаем выделение со всего теперь то что нам надо сделать это нарисовать шейп который будет полностью покрывать наш текстовый слой фил мы выбираем solid color и кликаем окей цвет нас не беспокоит и рисуем шейп так чтобы он полностью покрывал текстовый слой теперь внимание что у нас произошло у нас есть текстовый слой и у нас есть шлейфовый слой над ним теперь для того чтобы этот шип стал действовать в качестве маски для этого слоя нам надо найти панель through мат мы можем просто здесь кликнуть на от угла switches это также делается с помощью клавиши f4 если все равно у вас through мат не отображается мы кликаем правой кнопкой мыши коллапс и ставим галочку возле функции параметры mode теперь всегда нам надо убеждаться в том что у нас слой которому мы хотим применить маску чтобы слой который мы хотим чтобы он появлялся там он был непосредственно под шиповым слоем соответственно у нас теперь слой текстовый слой motion graphics находится под шиповым своем здесь мы открываем панель through мат и в первую опцию которую мы выбираем это альфа матфей player 1 мы увидим что у нас как бы шельфовый слой с но внимание на панель то что у нас теперь появилась возле слоев это наше первом слое у нас появился вот такой вот квадратик с кружочком белым внутри и здесь внизу у нас появился квадратик с ахмад най сеткой и черном кружочка внутри это значит что вот эта иконка означает что этот слой замаскированный слой а этот слой играет роль маски то есть играет роль through мото если мы сейчас возьмем наш selection tool выделим наш текстовый слой если мы начнем двигать он будет у нас появляться исключительно в рамках шипова слоя давайте мы отменяем это действие с помощью сочетание клавиш control z и посмотрим как мы можем например создать анимацию давайте мы крепим на клавишу p на клавиатуре откроем для нашего текста в и слоя параметр позишн подвинемся на первую секунду создадим здесь ключевой кадр вернемся в первый кадр и например подвинем на шип куда-нибудь вот сюда но у нас получается вот такое вот съезжания сверху мы можем выделить вот эти круче крикнуть на клавишу f9 на клавиатуре чтобы применить easy из войдем наш графический редактор и сделаем чтобы он наш график выглядел примерно вот таким образом давайте посмотрим что у нас получилось у нас анимация гораздо плавнее конечно этому всему можно добавить еще размытость мы разрешаем размытость кликаем сюда и кликаем в эту ячейку чтобы разрешить размытие для этого слоя и посмотрим как у нас это все выглядит выглядит это у нас гораздо плавнее и динамичнее давайте попробуем создать какую-то крутую анимацию использовать эту функцию давайте мы эти слои удалим теперь мы здесь создадим какой-нибудь чип нарисуем вот таким образом и здесь в открытые панели мы разворачиваем кто неладен доктрины упав и снимаем замочек пропорциональности устанавливаете значение 1920 как помним это ширина нашего кадра и здесь высота будет у нас 15 пикселей у нас получается вот такая линия мы берем selection tool выделяем снова шеи player 1 так как мы видим у нас элементы управления слоем поменялись выделяем шепли r1 и у нас эти элементы управления стой которые нужны нажимаем сочетание клавиш kontrol чтобы разместить экран точку по центру нашего шипова слоя и зажимаем сочетание клавиш kontrol home для того чтобы разместить слой по центру нашей композиции после того как мы это сделали мы теперь снимаем выделение с помощью клавиши f2 на клавиатуре и рисуем два текстовых слоя сначала мы дважды кликнем по текстам условия напишем здесь motion graphics примеру теперь мы с вами берем selection tool для того чтобы выйти из режима редактирования текста зажимаем сочетание клавиш kontrol home размещаем эту точку по центру нашего слоя и теперь кликаем на сочетание клавиш контру home снова чтобы разместить текстовый слой по центру нашей композиции выделяем снова этот слой нажимаем сочетание клавиш kontrol д для того чтобы создать дубликат этого слоя снова выделяем нижний слой и зажимая shift и стрелку вверх на клавиатуре кликаем четыре раза 1234 выделяем этот слой делаем тоже самое зажимая shift и стрелку вниз на клавиатуре кликаем четыре раза один два три четыре и здесь мы дважды кликнем по этому текстовому слою и например напишем здесь is life вернемся наш selection tool чтобы выйти из режима редактирования текста и у нас есть вот такой вот интересный макет и теперь давайте мы попробуем создать анимацию всегда убеждаемся в том что о нас выделение снято со всего об этом уже поговорили мы теперь берем шипровый слой давайте выберем какой-нибудь другой цвет чтобы выделять и теперь мы с вами нарисуем шипы вы слой которые полностью будет покрывать наш текстовый слой теперь то что мы здесь видим давайте немножко приблизимся возьмем selection tool всегда возвращаемся в selection tool для того чтобы двигать наши слои потому что если мы случайно будем обращаем внимание что нас курсор мышки по другому мы находимся сейчас в режиме рисования шейпов возвращаемся всегда selection tool для того чтобы двигать и когда мы на него кликаем у нас меняется элементы вид элементов управления слоем мы кликаем нашей player 2 чтобы двигать непосредственно нашей приближаемся колесиком мышки чуть чуть ближе и нам надо сделать так чтобы у нас вот краешек вот этого прямоугольника ровно лежал на этой линии то есть чтобы он ровно и чтобы он прям вот его вот касался поэтому мы берем кликаем где-нибудь здесь беремся за нашей повислой и зажимая control мы видим что он у нас автоматически примагничивается к этой линия если мы чуть-чуть подвинем мы видим что у нас ровно лежит отменена эти действия с помощью сочетание клавиш control z и таким образом мы сможем создать анимацию с которой у нас вот этот текстовый слой который находится под ним съезжает как раз таки из линии но теперь что нам надо будет сделать это продублировать вот этот шип овый слой нажимаем сочетание клавиш kontrol д берем вот этот шипровый слой зажимая shift тянем вниз и теперь снова отпускаем все беремся за него снова зажимаем control и он у нас снова примагничивается к этой линии теперь мы видим что у нас получается эти шипы которые будут действовать у нас как маска лежат очень даже ровно на линии что очень прикольно теперь то что нам надо сделать это сделать так чтобы каждый слой у нас находился непосредственно над текстовым слоем которые мы будем маскировать давайте мы сначала про кликаем то есть если у вас конечно в каком-то моменте не отображается элементы управления слоем всегда помню что у нас есть сочетание клавиш kontrol shift edge control shift и либо прячет либо показывает элементы управления слоем давайте про кликаем то есть мы видим что здесь у нас слой motion graphics и вот шей player 1 поэтому соответственно шеи player 2 должен находиться непосредственно над можем graphics мы можем сразу же переименовать мы кликаем на enter при том что у нас выделивший плеер 2 и коли называем этот слой от 1 и здесь мы видим что наше плеер 3 и этот текстовый слой находится там где они должны находиться и давайте кликнем интро и давайте мы выделим вот этот шельфовый слой кликаем enter и переименуем мат 2 теперь то что нам надо сделать это то что мы делали ранее мы кликаем на клавишу f4 если мы находимся в этой панели и обращение ваня над раком от для каждого из текстовых слоев мы разворачиваем панель through мат кликаем на альфа мат и тоже самое делаем для is life и теперь мы видим что они у нас появились теперь то что нам осталось это создать анимацию попади шину выделяем первый текстовый слой зажимая control выделяем второй текстовый слой кликаем на клавишу p на клавиатуре открываем параметр позишн двигаем наш ползунок времени первую секунду кликаем на иконку секундомера для того чтобы создать для обоих ключевой кадр двигаем наш ползунок времени первый кадр теперь кликаем на клавишу f2 чтобы снять выделение со всего берем вот этот текстовый слой беремся за верную точку и зажимая shift тянем его вверх делаем тоже самое со слоем машин graphics естественно то же самое мы можем просто сделать параметрам y то есть например можем его потянуть в эту сторону вот таким образом и так мы видим что они у нас прячется как будто прячется где-то за линией теперь после того как мы создали мы увидим что у нас здесь автоматически создались ключевые кадры кликаем на пробел на того же посмотреть что у нас получилось и получается что у нас вот эти два текстовых слоя съезжают с линии конечно можно это сделать по интереснее выделяем вот эти ключевые кадры кликаем на клавишу f9 на клавиатуре или то нужно применить изис кликаем сюда входим на же графический редактор и еще раз напоминаю что если ваш график не отображается точно так же как у меня мы с вами кликаем правой кнопкой мыши и убеждаемся в том что у нас галочка стоит на edit speed граф теперь мы выделяем таким образом вот эти точки и тянем наш график чтобы выглядел у нас примерно вот таким образом давайте посмотрим что у нас получилось и получается у нас очень такая интересная и динамичная анимация мы конечно можем вот эти ключи потянуть дальше чтобы у нас анимация помедленнее было и посмотрим что у нас получилось давайте мы конечно здесь кликнем на эту иконку из разрешим размытие и кликнув на клавишу f4 войдем в эту панель и разрешим размытие для всех слоев все ребята надеюсь вам от урок понравился если он понравился не забудь отблагодарить меня лайком и подпиской на мой канал также не забываем крепить на колокольчик чтобы не пропустить новое видео не забываем обращать внимание на ссылочке в описании а также если вы хотите отблагодарить можно но материально все мои реквизиты в описании до скорой встречи