Что такое шейпы в after effects
Обновлено: 04.07.2024
Morphing, в переводе с английского, означает "трансформирование", "смешивание". Если речь идет об анимации, то само понятие "морфинг" можно описать, как эффект плавного трансформирования одного объекта в другой. Подобные эффекты часто применяют в различных рекламных моушен-роликах и выглядет это достаточно привлекательно.
Морфинг в After Effects можно условно разделить на несколько видов, в зависимости от способа реализации. Существует шейповый морфинг, который подразумевает работу с фигурами,
построеных на кривых. Есть еще морфинг изображений - это трансформирование каких-либо изображений или фото с помощью наложения на них различных эффектов.
1. Шейповый морфинг
Начнем с шейпового морфинга, который представляет собой трансформацию фигур. Данный вид морфига в After Effects достаточно легко реализовать способом копирования параметров от одной фигуры к другой.
Для примера можно взять стандартные фигуры из арсенала программы, допустим звезду и круг. Разместим эти две фигуры друг на друга, подгоним по размеру и отцентрируем, относительно друг друга.
Данные шейпы в After Effect имеют ряд индивидуальных параметров.
Для трансформации данные параметры не нужны, поэтому эти обе фигуры нужно конвертировать в формат "Bezier Path", т.е. в обычную векторную фигуру. Для этого кликаем по параметру правой кнопкой мыши и выбираем "Convert To Bezier Path".
Чтобы реализовать морфинг шейпов в After Effects нам нужен именно этот основной параметр фигуры - "Path", по-русски звучит, как "путь". Данный параметр отвечает за форму фигуры и для создания анимации трансформирования достаточно скопировать параметр Path от одного шейпа и применить его ко второму.
Устанавливаем ползунок на шкале времени в начальную точку, откуда будет начинаться анимация и фиксируем ключевые точки данного параметра у обеих фигур, кликая по пентаграмме часов, напротив "Path" у каждой из фигур.
Перемещаем ползунок немного вперед и здесь у нас будет конечная точка анимации. Теперь для того, чтобы сделать морфинг звезды в круг необходимо скопировать параметр "Path" круга, выделив его и нажав комбинацию клавиш "Ctrl + С" и вставить его в звезду, выделив у данной фигуры параметр "Path" и нажав комбинацию клавиш "Ctrl + V".
После этого фигуру круга можно скрыть или удалить. Если проиграть анимацию, то мы увидим эффект трансформации звезды в круг. Если нужно наоборот из круга сделать звезду, то соответственно, наоборот, нужно параметр звезды скопировать и вставить в конечную точку анимации у круга. Ну или просто поменять точки местами.
Если нам нужна еще и третья фигура, например, квадрат, то точно также берем эту фигуру, подгоняем её по размеру и центрируем с остальными. Затем преобразуем параметр в Безье, выставляем в начальную точку ползунок и задаем первый ключ параметра Path. Копируем эту ключевую точку и вставляем немного дальше по шкале времени от первых двух.
После этого скрываем или удаляем слой с квадратом и анимация морфинга из трёх фигур готова. Для плавной трансформации фигуры необходимо подгонять по размеру друг к другу, если одна будем раза в два меньше другой, то анимация будет выглядеть не естественно.
Кроме основного параметра "Path", который отвечает за форму фигуры, можно еще взять и параметр "Color", тогда будет происходить морфинг не только формы фигуры, но и цвета. Перенесем ползунок снова в начало временной шкалы и откроем параметры цвета у фигур.
На данный момент у нас все фигуры синего цвета, чтобы реализовать морфинг цвета, давайте сделаем у всех фигур заливку разного цвета. Для этого кликаем по пентаграмме "Пипетка" и устанавливаем индивидуальный цвет у каждой фигуры. Первую фигуру можно оставить синей.
Теперь эафиксируем первоначальные точки цвета у всех фигур, кликая по пентограмме "часы" у каждого из параметров.
Теперь опять же берем, копируем цвет каждой из фигур и вставляем их в точках, на шкале времени, в параметр цвета нашего слоя с анимацией. В результате получаем трансформацию шейпов и их заливки.
2. Морфинг импортированных векторных фигур
Теперь рассмотрим случай, когда вы импортируете векторные фигуры в After Effects для дальнейшего морфинга. After Effects прекрасно ладит с Adobe Illustrator, а так же просто с векторным форматом файлов, например EPS. Если мы импортируем векторную фигуру в данном формате, то увидим, что у слоя нет параметра "Path".
Для того, чтобы получить данный параметр и в дальнейшем иметь возможность делать трансформацию с этой фигурой, необходимо из неё создать шейповый слой. Кликаем правой кнопкой мыши по слою и выбираем "Create" - "Create Shapes from Vector Layer".
В результате у нас создаётся шейповая фигура, которая имеет параметры "Path" и "Color" и мы уже можей её заморфить, а слой с фигурой EPS формата, после данной процедуры можно просто удалить.
3. Морфинг объектов из нескольких фигур
Ну и еще один случай с шейповым морфингом рассмотрим - это когда у нас имеется не просто две фигуры, а два объекта, которые состоят из нескольких фигур и из них нужно сделать анимацию трансформации.
С помощью инструмента "Перо" изобразим два объекта, которые будут состоять из нескольких фигур, например яблоко и грушу, после чего анимируем их трансформацию. Первым изобразим яблоко, устанавим заливку красного цвета, чтобы оно у нас было красным и рисуем фигуру самого плода.
Теперь нарисуем яблоку хвостик и листик. Для того, чтобы все фигуры были у нас в одном слое, перед тем, как изобразить хвостик, нужно выделить этот слой. Выделяем, кликнув по нему левой кнопкой мыши и отрисовываем пером фигуру.
После этого, кликаем по настройке заливки и меняем цвет хвостика на коричневый. Листочек рисуем таким же способом. В результате у нас получился слой с объектом "Яблоко", состоящим из трёх шейповых фигур: листик, хвостик и сам плод.
Теперь точно таким же способом создадим второй объект - грушу. Слой с яблоком пока можно заблокировать, активировав на против него пинторграмму замочка, чтобы он не мешал нам при создании груши.
Как и в первом случае, берем инструмент "Перо", выставляем нужный цвет и рисуем объект. Как и в случае с яблоком, груша у меня так же будет состоять из трёх фигур: самого плода, хвостика и листика. Грушу рисуем сразу поверх яблока, предусматриваем её размеры и расположение. И так, груша с яблоком у нас готовы, со слоя с яблоком можно снять блокировку.
Как и в случае с простыми фигурами, здесь не важно какой слой будет сверху, а какой снизу. Раскроем у обоих объектов параметры и шейпы. Здесь, как и у простых фигур имеются параметры "Path" и "Color", которые нам и нужны для морфинга.
Делается всё точно так же, как и с простыми шейпами, только копировать нужно параметры из каждой фигуры по отдельности. Фиксируем все необходимые параметры объектов в начальной точке анимации. Параметр "Path" у листика груши, затем "Path" у хвостика, потом "Path" и "Color" у самого плода.
С яблоком проделываем тоже самое. Теперь перемещаем ползунок на таймлайне немного вперед и по очереди копируем параметры каждой фигуры от одного объекта в другой. Сделаем морфинг яблока в грушу, для этого копируем параметр "Path" у листочка груши, переходим к листочку яблока, выделяем "Path" и вставляем параметры от груши. Далее переходим к хвостику. Ну и у самого плода копируем "Path" и "Color", которые вставляем в яблоко. Вообщем, всё происходит так же, как и у простых шейпов. В результате получаем анимацию морфинга яблока в грушу.
При морфинге сложных объектов, состоящих из нескольких фигур, стоит учитывать не только размеры самих объектов, но и количество фигур из которых они состоят. Например, если бы у яблока был не один листочек на хвостике, а два, то пришлось бы делать их трансформацию из одного листочка груши или просто появление второго листочка, что смотрелось бы менее привлекательно. Чем больше у фигур общего, тем их проще заморфить и анимация получается в таких случаях более плавной и естественной.
4. Морфинг изображений
В отличии от фигуры, изображение не имеет составных точек и линий, поэтому его морфинг делается иначе, всё делается с помощью различных эффектов. Давайте рассмотрим морфинг изображений, на примере эффекта "timewarp". Данный способ морфинга изображений заключается в использовании стандартного эффекта After Effects, который называется "timewarp", в переводе это звучит, как "искревление времени".
Для работы я взял четыре фотографии лиц девушек, из которых и буду делать анимацию трансформации. При создании такого морфинга важно иметь в виду, что для плавной трансформации лица человека или допустим, морды животного нужно делать привязку к таким точкам, как глаза, нос и рот.
Под привязкой, я имею в виду подгонку изображений по данным параметрам, чтобы у нас эти точки были в одном положении. Например, за основу берем первое фото. Скрываем слои с третьим и четвёртым фото. Открываем параметры у второго и выставляем "opacity" - непрозрачность примерно на 50%, чтобы через него просвечивало первое фото и подгоняем положение, а если надо, то и размер второго изображения к первому. Чтобы максимально точнее совместились глаза, нос и рот подгонять положение удобнее стрелочкамина клавиатуре, а не мышкой.
Проделываем тоже самое с остальными фото по очереди. Если же вы морфите не лицо, а допустим автомобиль, то за основу можно взять размер, т.е. подгонять объекты именно по размеру авто, ну или прицепиться к колёсам, тут все зависит от того, какой результат вы хотите получить.
И так, я подогнал все фото, теперь их необходимо разместить на шкале времени так, чтобы каждое фото отображалось какое-то время, потом исчезало и включалось другое. Для этого мы просто подгоним сами дорожки слоёв по времени. Сделаем так, чтобы каждое фото отображалось одну секунду. Настраиваем время отображения слоёв вот таким образом, по секунде каждое.
Последнее мы сделаем не одну секунду, а две, чтобы после эффекта у нас само изображение сразу не исчезало, а отображалось еще какое-то времы. Если провести по таймлайну ползунком, или проиграть анимацию, то можно увидеть, что изображения теперь отображаются по очереди с интервалом в одну секунду и последнее длиться две секунды.
Так как у нас вся анимация длится пять секунд, необходимо такое же времы выставить всей композиции. Выбираем в верхнем меню "Composition" - "Composition settings" и выставляем время
в пять секунд.
Теперь все слои с изображениями нужно объединить в прекомпос, чтобы эффектом воздействовать сразу на все фото. Выделяем все слои, кликаем правой кнопкой мыши и выбираем "Pre-compose".
Далее необходимо выполнить переназначение времени, для этого зажимаем комбинацию клавишь "Ctrl + Alt + T" и у нас появляется вот такой параметр "Time Remap" и на шкале времени появились точки начальная и конечная.
Теперь в панели эффектов и пресетов ищем "timewarp" и накладываем его на прекомпос, просто перетаскиваем левой кнопкой мыши.
Далее нужно настроить скорость эффекта "Timewarp". Тут важно учитывать тайминг вашей композиции. У меня стоит 30 кадров в секунду, поэтому скорость эффекта я выставлю где-то на
1.2.
Теперь, если проиграть анимацию, то мы увидим эффект морфинга изображений. Таким образом делается морфинг изображений при помощи эффекта "timewarp", вообще морфинг можно реализовывать с помощью практически любого эффекта, поэтому способов трансформации изображений существует достаточно много.
В заключении можно сделать следующий вывод: для создания эффектной анимации морфинга необходимо продумывать заранее композицию и подбирать или отрисовывать похожие объекты. А так же, в случае шейпового морфинга, нужно учитывать такие нюансы, как количество элементов в объекте и параметров фигур.
Данный 3-й урок из мини-курса "Быстрый старт в After Effects" является заключительным. Представленной информации в данном уроке и в двух предыдущих вам будет вполне достаточно, для того чтобы увереннее ориентироваться в интерфейсе программы и начать делать в After Effects какие-то уже более серьёзные вещи - анимацию и видео-эффекты. В данном уроке мы рассмотрим основные слои в программе и более подробно остановимся на шейпах, а так же поработаем с инструментом "маска" и ознакомимся с 2D и 3D пространствами After Effects.
1. Основные слои в After Effects (Солид и Шейп)
Начнём со слоёв. В предыдущем уроке мы работали со слоями изображений из которых делали простое слайд шоу. Кроме слоёв с изображениями и видео-слоёв в After Effects можно создавать и другие слои, например "Solid". Кликаем правой кнопкой мыши по панели слоёв и выбираем "New" - "Solid", таким образом мы создаём новый слой "Solid" и у нас появляется окно с параметрами данного слоя. Солид - это слой "заливка".
В параметрах мы видим, что можем задать размер, на данный момент размер установился автоматически, исходя из размера нашей композиции. Тут все настройки можно оставить по умолчанию, единственное, что нам нужно и ради чего собственно используется данный слой - это настройка цвета - "color". Здесь нужно установить необходимый цвет и мы получим слой с заливкой выбранного цвета.
Слой Solid - это простой слой-заливка, он применяется для создания различных эффектов и довольно часто используется в работе. Цвет Солида можно поменять в настройках слоя в любое время, для этого выделяем солид в панели слоёв, кликнув по нему левой кнопкой мыши и выбираем в верхнем меню "Layer" - "Solid sattings", где меняем цвет заливки.
Следующий слой - это шейп. Шейп - это фигурный слой, которому можно задать абсолютно любую форму. Если из вас кто-то работал в Adobe Illustrator, то уже понимает, что такое шейп. В After Effects можно создавать шейп уже готовой формы, для этого нужно кликнуть на соответствующий инструмент и выбрать готовую фигуру необходимой вам формы.
Давайте выберем, допустим Элипс и тут сразу появляются параметры создаваемого шейпа. Это цвет его заливки (Fill), цвет обводки (Stroke) и толщина обводки, задаваемая в пикселях. Данные параметры можно задать сразу а потом нарисовать фигуру, а можно и наоборот нарисовать фигуру, а потом уже настроить эти параметры. Если кликнуть по цвету заливки, то можно его изменить. С цветом обводки тоже самое, ну и толщина тут изменяется мышкой или просто пишем нужное значение.
Заливка и обводка имеют и дополнительные параметры, которые можно открыть кликом на название, кликаем по надписи "Fill" - заливка и открываются её дополнительные параметры.
Здесь можно как отключить заливку, оставить допустим только обводку, так можно и сделать заливку линейным градиентом или радиальным градиентом. Так же можно наложить какой-нибудь параметр на заливку, как и в фотошопе, и можно отрегулировать её непрозрачность. Параметры у обводки точно такие же.
Давайте установим какую-нибудь градиентную заливку и изобразим элипс. Удерживая правую кнопку мыши рисуем фигуру. Если при этом удерживать Shift, то фигура будет строго пропорциональной, то есть получится круг. Градиент на шейпе имеет и дополнительные настройки. Если мы виберем сейчас инструмент "anchor point", то увидим, что на фигуре появились две точки и с помощью них мы можем на глаз регулировать градиентную заливку фигуры.
То же самое можно делать и с градиентом на обводке. При создании шейпа важно, чтобы небыли выделены никакие слои в панели слоёв, иначе у вас получиться не просто шейп, а маска. О масках поговорим чуть позже.
Кроме готовых шейповых фигур в After Effects можно создавать и фигуры любой нужной вам формы. Для этого выбираем инструмент "Перо" и им рисуем фигуру. Таким образом рисуются различные объекты из которых делается шейповая анимация, я думаю многие из вас видели различные ролики с подобной анимацией.
Шейповые слои, как и другие слои, имеют свои параметры. В предыдущем уроке мы разбирали стандартные параметры слоя изображения, с шейповыми слоями всё выглядит точно так же. Открываем в панели слоёв вкладку с параметрами и видим что тут имеются, как параметры трансформирования, присущии всем слоям, так и основные свойства фигур (заливка и обводка), которые мы настраивали в верхней панели.
Шейповые слои, в отличии от других слоёв имеют возможность использовать модификаторы. Модификатор - это такой дополнительный параметр, который позволяет как-то изменять слой для получения определенного результата. Т.е. с помощью модификаторов к шейповым слоям можно подключать различные дополнительные параметры, чего нельзя делать с другими слоями. Например, возьмём вот этот слой с элипсом и откроем его параметры, тут мы видим стандартный набор: Anchor Point, Position, Scale, Rotation и Opacity. Об этих параметрах мы говорили в предыдущем уроке. Чтобы к шейповому слою подключить дополнительный параметр, а точнее модификатор, нужно кликнуть Add и в появившемся списке выбрать модификатор.
Подключим, для примера модификатор "Twist". Данный модификатор позволяет искревлять фигуру. Подключив этот модификатор мы видим, что у слоя появился дополнительный параметр, который можно настраивать, ну и конечно же с помощью него можно сделать какую-нибудь анимацию.
2. Маска в After Effects
Теперь рассмотрим работу с инструментом "Маска". Рассматривать работу с маской лучше на примере какого-нибудь изображения. Маска - это такая область, которая ограничивает, обрезает или наоборот дополняет изображение или какой-нибудь объект. Принцип работы маски в After Effects тот же, что и в фотошопе, т.е. мы можем маской скрыть часть какого-то слоя или наоборот сделать видимой какую-то часть.
В After Effects маски создаются с помощью шейпов, о которых мы сейчас говорили, т.е. фигурой. Есть так же один нюанс, в After Effects маска для обычного слоя, т.е. для слоя с изображением или видео, отличается от маски для шейпового слоя. Давайте рассмотрим всё на конкретных примерах.
Вот я взял слой с изображением, выделяю его, выбираю инструмент перо и рисую на слое маску. Получается что маской я оставил видимой ту часть изображения, которая расположена в фигуре, остальную часть не видно.
Маска имеет набор параметров, а так же режимы наложения. Сейчас, по умолчанию установлен режим add, который работает именно так, как вы сейчас видите. Если выбрать другой режим, например Subtract, то мы увидим, что он работает с точностью наоборот. Т.е. Всё, что в маске теперь скрыто, а всё что за маской доступно к просмотру.
Здесь имеются и другие режимы, но они уже более специфические и на первых этапах работы с программой вам не понадобятся. Как вы видите, у маски нет таких стандартных параметров, как Position, Rotation и Scale, с помощью которых можно изменять размер и положение и делать соответствующую анимацию.
Поэтому для анимации маски используется параметр "Mask Path". Ставим ключ этого параметра в первой точке, затем перемещаем ползунок немного дальше, выбираем инструмент "Convert Vertex tool" и с помощью него перемещаем точки фигуры маски удерживая Ctrl или изменяем форму просто потянув за точку. В результате получается анимация маски.
Следующий параметр маски - это Mask Feather, с помощью которого можно размыть края маски. Mask Opacity - это непрозрачность маски и Mask Expansion - это увеличение или уменьшение маски, типа как утончение края в фотошопе.
Мы рассмотрели создание маски на обычном слое, теперь рассмотрим особенности создания маски на шейпе. Создадим какой-нибудь шейп, допустим квадрат и на этом шейпе нам нужно сделать маску. Если мы на этом слое начнём рисовать ещё один квадрат, в надежде, на то, что он станет маской, то увидим, что у нас появляется не маска, а просто еще один отдельный шейп.
Для того, чтобы этот второй шейп превратился в маску, сверху имеется такой параметр "Tool create shape" и "Tool create mask". Если перед тем, как рисовать второй шейп мы здесь выберем "Tool create mask", то у нас получится маска.
Всё, что во круг маски скрылось, а что внутри осталось.
Теперь, если мы включим параметр маски Subtract, то всё внутри маски будет скрыто, а вся область снаружи будет видна.
Вот таким образом работают маски в After Effects, ну а мы переходим далее, к рассмотрению 2D и 3D пространства.
3. 2D и 3D пространства в After Effects (Свет и Камера)
Для примера возьмём два слоя с изображениями и сейчас оба изображения у нас находятся в 2D пространстве, т.е. они оба плоские.
Давайте сделаем одно из изображений 3-х мерным. Для этого к слою с данным изображением подключаем параметр 3D. Выделяем слой и кликаем по этой иконке, таким образом мы из обычного слоя сделали 3D слой.
Если открыть параметры обоих слоёв, то можно увидеть, что обычный слой с изображением имеет стандартные параметры трансформирования, такие как Anchor Point, Position, Scale, Rotation и Opacity. В то время, как 3D слой имеет еще и дополнительные параметры. У Position появилось дополнительное значение, с помощью которого можно удалять и приближать объект, а так же появились параметры ориентации, x-rotation, Y-rotation и Z-rotation.
И уже с помощью данных параметров можно сделать какую-нибудь 3D анимацию, например вращение картинки вокруг своей оси.
В After Effects существует несколько режимов 3D. Если перейти к настройкам композиции, выбрав в верхнем меню "Composition" - "Composition Settings", то можно увидеть, что во вкладке 3D render по умолчанию установлен режим "Classic 3D" и этот режим используется в большинстве случаев. Но тут еще имеется и такой режим, как "Cinema 4D", я им не рекомендую пользоваться, но объясню вам что это такое.
Если мы сейчас подключим его, то увидим, что у 3D слоя появились дополнительные параметры, которые называются опции геометрии.
С помощью этих параметров мы можем изменять геометрию 3D слоя, например можем его изогнуть. Это то, что касается обычного слоя с изображением. Если же мы создадим шейп в этом 3D режиме и преобразуем его в 3D слой, то у него будет еще такой параметр, как "экструзия" и мы сможем выдавить из плоского квадрата куб и у нас получается полноценный трёхмерный объект.
Но, как мы видим объект не имеет тени. Для того, чтобы появилась тень нам нужен свет и камера. Давайте создадим камеру, для этого в панели слоёв кликаем правой кнопкой мыши и выбираем "New"-"Camera", оставляем настройки по умолчанию и нажимаем "Ок".
У нас появляется слой с камерой. У этого слоя, как и у других имеются такие параметры, как position, rotation и т.д.. Но, для того, чтобы крутить и перемещать камеру этими параметрами пользоваться не удобно и никто так не делает.
Для того, чтобы комфортно использовать камеру нужно создать нулевой объект, сделать данный слой трёхмерным и к нему уже привязать камеру. Кликаем по панели слоёв правой кнопкой мыши и выбираем "New" - "Null Object".
Ну и привязываем камеру к нулевому объекту.
И теперь, изменяя параметры нулевого объекта у нас меняется вид камеры, при этом сами параметры камеры остаются не изменными. Такой способ использования камеры нужен для подстраховки, чтобы в случае чего можно было подкорректировать параметры самого слоя с камерой.
Теперь добавим на сцену освещение. Для этого кликаем по панели слоёв правой кнопкой мыши и выбираем "New"-"Light". Открывается окно настроек слоя со светом и тут если мы оставим тип освещения "spot", то уже получим полноценный 3D объект с тенями.
Вот этот вот режим 3D композиции, который называется Cinema 4D конечно симпатичный, но в нём намного дольше всё рендерится и при работе значительно тормозит, работать в нём гораздо дольше, чем в режиме Classic 3D. Поэтому лучше использовать именно режим Classic 3D, а если нужна прям такая 3D графика серьёзная, то её лучше делать непосредственно в 3D редакторах, типа Cinema4D и уже просто импортировать в After Effects.
И так, подводя итоги, могу сказать следующее в этом мини-курсе, состоящем всего лишь из 3-х видео я максимально сжато рассмотрел все основы основ программы After Effects для вашего быстрого старта. С этими знаниями вы уже можете приступать к изучению туториалов с различными эффектами и анимацией.
Первый урок из курса посвящен знакомству с программой Adobe After Effects. В работе с After Effects практически всегда принимает участие фотошоп и в связке эти две программы открывают просто колоссальные возможности для творчества. Но прежде чем перейти к созданию различных эффектов и анимации я просто обязан ознакомить начинающих пользователей с данной программой, а именно с её интерфейсом и основным функционалом.
1. Настройки оптимизации программы
И так, я открыл After Effect и нас встречает вот такой интерфейс.
Я использую англоязычную верси программы, что и вам советую, потому что для After Effects существует огромное количество полезных плагинов и дополнений, с помощью которых можно делать очень крутые вещи и большая часть этих плагинов и дополнениий не совместимы с русскоязычной версией программы.
Что касается настроек для оптимизации работы программы, первым делом следует проверить включен ли у вас кеш диска. Переходим в "Edit" - "Preferences" - "Media & Disc cash".
На пункте "Enable Disk Cache" должна стоять галочка. Здесь необходимо выбрать папку, куда After Effects будет сохранять кеш и устанавить объём, который мы готовы выделить на жёстком диске под этот кеш. Дикс под это дело лучше выбирать не системный и конечно же не забитый информацией, а наиболее свободный. Данная настройка значительно повышает скорость работы After Effects, поэтому её лучше делать в первую очередь.
Каждый раз, после того, как вы завершаете работу с программой рекомендуется чистить кеш, чтобы не засорять ваш диск. Для этого в этих же настройках нажимаем кнопку "Clean Database & Cache" и кеш чистится, после этого уже закрываем программу.
2. Панель Project
Рассмотрим основные рабочие окна интерфейса. Слева расположена панель "Project", в которой отображаются все импортированные нами файлы. Если в фотошопе существует панель слоёв, в которой размещаются все открытые изображения или видео файлы, то в After Effects прежде чем открыть какой-то файл его сначала необходимо импортировать в программу. Для того, чтобы импортировать файл или сразу несколько файлов необходимо кликнуть правой кнопкой мыши в данной панели и выбрать "Import" - "File".
После чего в открывшемся проводнике указываем файл на компьютере, выделяем его или выделяем сразу несколько, как и в фотошоп, удерживая Alt или Shift и импортируем. В результате у нас импортированные файлы появляются в панели "Project" и мы уже с ними можем работать.
В отличии от фотошоп After Effects не загружает на прямую выбранные файлы, а импортирует их из места расположения. Т.е. если, вы импортируете какой нибудь файл с рабочего стола вашего компьютера, а потом просто удалите его, данный файл перестанет отображаться в After Effect. Поэтому при работе с проектами в After Effects лучше всего все файлы хранить в отдельной папке, а не разбрасывать их по всем дискам. Таким образом вы себе просто облегчите работу с программой.
В After Effects можно импортировать практически все возможные графические форматы, такие как jpg, gif, png, PSD и другие. Так же программа позволяет работать с векторными форматами, со всевозможными видео форматами и звуковыми файлами.
Обратите внимание, что в After Effects у каждой панели имеется функция поиска.
Поиск имеется и в панели Project и в панели "time line" и в панели эффектов. Данная функция сделана не спроста и её нужно сразу же привыкать использовать. Дело в том, что при работе над каким-либо проектом, в той же панели "Project" обычно скапливается огромное количество импортированных файлов. И для быстрого поиска нужного файла достаточно вбить часть его названия, чтобы не копаться в куче проектного материала. То же самое касается и остальных панелей.
В окне Project можно использовать лейблы, т.е. метки файлов, как и в фотошопе в панели слоёв. Для удобства можно задать одному или нескольким файлам определённый лейбл, цвет. Просто кликаем по пентаграмме квадратика на нужном файле или выбираем сразу несколько файлов и задаём нужный цвет.
В панели Project можно создавать папки и сортировать в них файлы проекта, кликнув по соответствующему значку под панелью.
Так же тут имеется предпросмотр файлов, т.е. если вы выделите какой-нибудь файл, то он отобразиться в окошке предпросмотра. Еще тут имеется значок удаления файла (корзина), как и в фотошопе, можно выделить файл и удалить его из панели Project.
Есть в данной панели еще одна очень важная функция - это создание композиции. И вот об этом мы как раз поговорим рассматривая следующую панель "Time line".
3. Панель Time Line
Панель "Time line" занимает всю нижнюю часть интерфейса программы.
Для того, чтобы воспользоваться этой панелью необходимо создать композицию в панели "Project", кликнув по соответствующей иконке. Композиция - это такой объект или элемент, в котором и происходит вся работа. Если в фотошопе мы можем просто открыть изображение и работать прямо со слоем данного изображения, то в After Effects файл с которым мы собираемся работать сначала необходимо поместить в композицию, просто перетащив слои удерживая их левой кнопкой мыши. Композиция - это и есть сам проект.
Кроме композиции имеется возможность создать, так называемые прекомпосы, которые можно помещать в композицию. Для этого на тайм-лайне выделяем нужные слои, кликаем правой кнопкой мыши и в открывшемся меню выбираем "Pre-compose".
Прекомпос - это такая же полноценная композиция с которой можно работать отдельно от основной композиции. Обычно, при работе весь проект, для удобства, разбивается на прекомпосы, которые в свою очередь помещаются в основную композицию. Это удобно тем, что с каждым прекомпосом вы можете работать по отдельности, не внося каких-либо изменений в саму композицию. Это очень удобно и само понимание удобства работы с прикомпосами приходит только на практике. В теории же вы должны просто понять, что такое композиция и прикомпос.
При создании композиции открывается окно её настроек, где мы можем задать параметры нашей композиции. Разрешение, я обычно ставлю Full HD, т.е. 1920 на 1080 пикселей. Затем идет "Pixel aspect ration" - это форма пикселей, я всегда использую "Square pixels", т.е. квадратные пиксели - эта настройка подходит для всех проектов, есть какие-то исключения, но честно говоря, какие я только проекты не делал в After Effects мне они не понадобились.
Далее идёт Frame rate, тут уже всё индивидуально, для стандартных веб-проектов можно использовать 25 или 24 кадра. Resolution оставляем Full, т.е. полное расширение. Start time code оставляем ноль и Duration ставим по длине нашего проекта, т.е. время вашего ролика. Если вы точно не знаете время будующего ролика, можете взять с запасом, данный параметр можно без проблем отредактировать в ходе работы. Для редактирования параметров композиции нужно перейти в верхнем меню в "Composition" - "Composition settings".
Панель Time line в программе имеет две части. Слева отображаются слои. Все файлы, которые находятся в композиции отображаются слоями в левой части панели Time line. Файлы можно помещать в композицию перетаскиванием мышью в панели Project, а так же просто перетаскиваем из панели Project сразу на Time line. Когда мы перемещаем файл в композицию он отображается на рабочей сцене и здесь уже можно с ним работать, например подогнать по нужному размеру, подвинуть и тому подобное.
Если говорить о слоях в After Effects, то нужно отметить, что все слои могут взаимодействовать, как в 2-х мерном пространстве, так и в 3-х мерном. Иерархия слоёв в After Effects такая же, как и в фотошопе, т.е. верхний слой перекрывает нижний. У каждого слоя, как и в фотошопе имеется значок "глаза", при нажатии на который можно скрыть данный слой. Здесь так же у каждого слоя присутствует "solo mod", в виде большой точки, при нажатии на который остаётся включенным только выбранный слой, остальные при этом просто отключаются. Ну и замочек имеется, как и в фотошопе. С помощью которого можно блокировать слой и в дальнейшем никакие ваши действия на него не будут распространяться, пока вы его не разблокируете.
Вот эта вот функция, с такой пентаграммой, называется shy (шай), в переводе с английского означает - "застенчевый".
С помощью неё можно так же скрывать слои, кликнув по значку слоя, а потом выше по такому же значку. Отличие функции shy от простой функции скрытия слоя глазом заключается в том, что слой полностью скрывается из панели слоёв. Если же слой скрыть глазом, то его в панели видно, просто он не отображается на самой сцене.
Далее, в панели имеются другие функции - это режимы наложения, которые можно подключать к слоям. Чтобы увидеть эту функцию нужно активировать внизу соответствующий значок.
Режимы наложения по работе имеют сходство с режимами наложения слоёв в фотошопе. Здесь так же есть функция привязки. Функцию привязки лучше рассматривать на примере какой-нибудь работы, поэтому в ознакомительном видео мы её пропустим.
Теперь переходим к правой части панели тайм лайн, тут имеются временной промежуток нашего ролика, длину которого мы задали при создании композиции. Этот временной промежуток можно изменить, перейдя в "Composition"-"Composition settings".
Временные шкалы тут работают как и в фотошопе при анимации, т.е. можно изменять их длину, двигать, можно ставить ключи.
4. Панель Effects Controls
Следующая важная панель - это панель эффектов, которая называется "Effects Controls". Эта панель в After Effects по умолчанию скрыта, её нужно включить и установить в удобное для вас место. Переходим в верхнем меню в "Window" и выбираем "Effects Controls". После чего перетащим появившуюся панель в удобное место, я обычно её располагаю справа от панели проектов.
Чтобы на какой-нибудь слой навесить эффект, выделяем его в панели слоёв, затем кликаем правой кнопкой мыши по панели эффектов и выбираем нужный эффект.
После этого открыв параметры слоя мы видим, что у слоя появились новые параметры эффекта. Если посмотреть параметры других слоёв, то видим, что у них нет такого, а имеются стандартные параметры - это якорь, позиция, размер, вращение и прозрачность.
Стандартные параметры схожи с параметрами слоёв в фотошопе при анимации во временной шкале. Удалить наложенный эффект можно прямо из панели с помощью клавиши Delite. На один слой можно накидывать несколько эффектов, при этом иерархия в панели эффектов противоположна иерархии в панели слоёв. То есть, если в панели слоёв верхний слой является верхним и перекрывает нижний, то в панели эффектов наоборот - нижний эффект будет перекрывать верхний.
5. Панель Effects & Presets
Все эффекты можно так же найти вот в панели справа, которая называется "Эффекты и присеты" и искать их тут как-раз таки удобно с помощью функции поиска, но нужно знать название эффекта. Чтобы применить эффект из этой панели к какому-нибудь слою или нескольким слоям нужно выбрать слой или слои и кликнуть по эффекту. Можно так же просто взять мышкой эффект и перетащить на нужный слой и эффект к нему применится.
6. Окно предпросмотра
Ну и самая основная рабочая панель - это панель вью порт или окно предпросмотра, где отображается сам результат нашей работы. Данная панель имеет отдельный функционал, мы рассмотрим самые основные функции, которые понадобятся при работе в After Effects в первую очередь.
В нижней части данной панели имеется функция настройки разрешения изображения для просмотра. Эта функция нужна для того, чтобы можно было комфортно и быстро просматривать результат при работе с проектом.
Допустим, если у вас ролик высокого качества и вы навешиваете на него различные эффекты, то при его просмотре в полном формате будет некоторое замедление работы программы. Т.е. программе требуется время, чтобы обработать все эффекты и само видео и показать вам результат. Вот для того, чтобы это было всё намного быстрее и существует данная функция. С помощью неё можно в ходе работы смотреть результат не в полном расширении, а в урезанном, таким образом сэкономив рабочее время. Если открыть данную настройку, то мы увидим значение Full - это и есть полное качество и далее идут значения на уменьшение, т.е. чем меньше значение вы установите, тем качество отображаемого результата будет хуже, но скорость быстрее. Это очень часто требуется при работе, особенно с большими проектами, которые имеют длительность более пяти минут.
Здесь так же можно настроить размер отображения результата, т.е. увеличить или уменьшить картинку, делается это и с помощью колёсика мыши. Например, вы хотите посмотреть какую-то деталь на сцене, увеличиваете и смотрите.
Для рендеринга результата, т.е. для сохранения вашего готового ролика в After Effects, как и в фотошопе используется отдельная програмка от Адоби - это Adobe Media Encoder. Стандартным рендерингом After Effects позволяет сохранить видео только в формате avi, что очень не удобно, потому что данный формат имеет огромный вес. Поэтому все, кто работает с After Effects обычно для рендеринга используют Media Encoder, который позволяет сохранить видео в популярном MP4 формате. Важно учитывать дин момент - Adobe Media Encoder должен быть установлен именной такой же версии, как и After Effects, иначе работать не будет
О том, как произвести рендеринг вашей композиции мы поговорим уже непосредственно при работе с каким-нибудь эффектом или анимацией в последующих уроках данного курса.
В этом уроке по After Effects я расскажу вам про шейповую анимацию! И мы совместим приятное с полезным - изучая различные способы анимации шейпов мы с вами будем создавать анимированную кнопку "Подписаться на канал" для Youtube-видео!
Видеомонтаж
605 постов 4.7K подписчик
Правила сообщества
Критикуй, мамкин оператор.
3D ТРЕКИНГ текста в AFTER EFFECTS
В этом туториале я расскажу вам про очень полезную и крутую штуку - 3D трекинг, а именно - как сделать 3D текст и как его привязать и поместить в окружающую среду с помощью функции 3D Camera Tracker! Мы рассмотрим данную функцию в качестве создания интересных титров для вашего видео, а именно - будем использовать 3D ТРЕКИНГ текста в AFTER EFFECTS для создания эффекта реалистичной надписи на стене.
AFTER EFFECTS для Новичков 2 - ТРЕКИНГ
Всем привет! Во втором видео-уроке из курса "After Effects для новичков" я расскажу вам о трекинге - что это такое, для чего используется и самое главное - как его правильно делать. Покажу как быстро перенести видео из Premiere Pro в After Effects, а также как работать с проблемным трекингом. Этот урок базовый, для новичков, по этому рассматриваем дефолтные способы трекинга!
Youtube
(Указываю ссылки на свои личные соц.страницы, в связи с обновлением правил Пикабу).
Читайте также: