Как сделать шейп из png в after effects
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", вообще морфинг можно реализовывать с помощью практически любого эффекта, поэтому способов трансформации изображений существует достаточно много.
В заключении можно сделать следующий вывод: для создания эффектной анимации морфинга необходимо продумывать заранее композицию и подбирать или отрисовывать похожие объекты. А так же, в случае шейпового морфинга, нужно учитывать такие нюансы, как количество элементов в объекте и параметров фигур.
В этом уроке мы продолжим изучать шейпы и, при помощи них, создадим потрясающую шейповую анимацию. Заставку, которую мы получим в результате, с легкосьтю можно использовать для своих видео.
По заданным фильтрам ничего не найдено
Попробуйте изменить критерий поиска, или сбросить фильтры.
Комментарии 81
Добрый день, подскажите. Авторские права на данное аудио кто имеет?
а как аудио скачать?
как скачать проект?
По ссылке выше, под уроком.
Урок супер! Идеальной решение для какой-нибудь заставки!
Здравствуйте всем пользователям сайта, я бы хотел задать вам не большой вопрос, не совсем по теме, у меня вот след. ситуация: Вместо звездочки, у меня рисует какой-то 4-ох угольник. Подскажите что делать, заранее спасибо.
В уроке 10:30 в этом временном отрезке звезда рисуется с наклонными линиями а не белым фоном,что я делаю не так,подскажите пожалуйста,Спасибо!
добавь fill на свою звезду:
Здравствуйте! Помогите пожалуйста с выполнением урока: у меня не получается нарисовать звезду с белым фоном,а она рисуется с наклонными линиями как в предыдущем шаге когда применяли эффект venetian Blinds.За раннее Спасибо!
Укажите соответствующий момент в уроке и приложите скриншот, пожалуйста
где скачать музыку
А есть для версии цс 4? А то хочу скачать проект, а он не открывается :(
К сожалению, нет
Спасибо! Как не странно,но у меня все получилось! Все что вы делаете,все на высшем уровне! У вас лучшие уроки. Молодцы!
Переместите Iris Center в центр фигуры
спасибо большое, но надо как-то делать желательно без привязки к кадрам, а то сначала кадр 6 потом 13. хотя вы и объяснили, что все дело в аудио, но по мне так лучш потом подогнать по таймлайну
Здравствуйте, Артём. Возникла проблема. При нажатии на кнопку Fit to 100% происходит вот, что. Была ли у вас похожая проблема и знаете ли вы как её решать?Заранее спасибо.
можете выслать именно тот звук, который был в конечном видео?
В файлах к уроку можно скачать нужный звук.
Здравствуйте, может подскажете, где можно обзавестись набором звуков, подобных использованным в проекте? Спасибо. ;)
Подскажите пожалуйста, когда в magnification ratio popup ставишь fit или fit up to 100% ну и вобще меньше 100% если ставишь, то в ефекте iris wipe изменения значения outer radius не отабражаются да и вобще непонятно что отображается, а на 100% нормально, почему?
Создавайте и изменяйте фигуры с помощью инструментов «Перо» и «Фигура», копируйте контуры в After Effects из Illustrator и Photoshop.
Слои-фигуры создаются рисованием на панели «Композиция» с использованием инструмента фигур или инструмента «Перо». Затем к существующим фигурам можно добавлять атрибуты фигур или создавать фигуры в пределах этого слоя-фигуры. По умолчанию при выделении слоя-фигуры и рисовании на панели «Композиция» в этом слое-фигуре создается фигура над выделенными фигурами или группой фигур. Рисование на панели «Композиция» с помощью инструмента фигур или инструмента «Перо», когда выбран слой изображения, не являющийся слоем-фигурой, приводит к созданию маски. Дополнительные сведения см. в разделе Создание масок в After Effects.
Комбинация клавиш инструмента «Фигура» — Q, а комбинация клавиш инструмента «Перо» — G.
Перед тем как начать рисовать на панели «Композиция», чтобы создать слой-фигуру, нажмите клавишу F2 и отмените выделение всех слоев.
Обычно новая фигура имеет заливку и обводку, которые соответствует настройкам «Заливка» и «Обводка», выбранным на панели «Инструменты» в момент, когда фигура была нарисована. Те же самые элементы управления на панели «Инструменты» можно использовать, чтобы изменить эти атрибуты для выбранной фигуры после того, как она была нарисована. Фигуры, созданные из текста, создаются с помощью заливок и обводок, которые соответствуют заливкам и обводкам исходного текста.
Преобразование видеоряда векторной графики в фигуру
Можно создать слой-фигуру из слоя векторной графики видеоряда, а затем изменить его. Функции создания фаски и экструзии в After Effects позволяют также выполнить экструзию графического объекта, например, логотипа. Дополнительные сведения см. в разделе Экструзия слоев текста и слоев-фигур.
Чтобы преобразовать слой векторной графики видеоряда в слой фигуры, выберите Слой > Создать > Создать фигуры из векторного слоя . Соответствующий слой-фигура отображается поверх слоя видеоряда, который будет отключен.
Известные проблемы с преобразованием видеоряда векторной графики в фигуры
- В настоящее время сохранены не все функции файлов Illustrator. Примеры включают непрозрачность, изображения и градиенты.
- Преобразованные фигуры игнорируют переопределения PAR, заданные в диалоговом окне «Интерпретация видеоряда».
- Градиенты и неподдерживаемые типы могут отображаться как фигуры с уровнем серого 50 %.
- Файлы с тысячами контуров могут импортироваться медленно и без обратной связи.
- Команда меню за один раз срабатывает только на одном выделенном слое.
- При импорте файла Illustrator в качестве композиции (нескольких слоев) невозможно преобразовать все эти слои одновременно. Однако, можно импортировать файл в качестве видеоряда, а затем использовать команду для преобразования слоя видеоряда в фигуры.
Создание фигуры перетаскиванием с помощью инструментов фигур
К инструментам фигур относятся инструменты «Прямоугольник» , «Прямоугольник со скругленными углами» , «Эллипс» , «Многоугольник» , и «Звезда» .
Для активации инструментов фигур и переключения между ними используйте клавишу Q.
Многоугольник представляет собой звезду без свойств «Внутренний радиус» или «Внутренняя округлость», поэтому имена фигур, созданных инструментами «Многоугольник» и «Звезда», одинаковые: polystar.
Маску можно создать с помощью инструмента фигур путем перетаскивания на выбранный слой на панели «Композиция» или панели «Слой». Фигуру можно создать с помощью инструмента фигур путем перетаскивания на выбранный слой на панели «Композиция». Если слой не выбран, перетаскивание с помощью инструмента фигур на панель композиции, создает фигуру на новом слое-фигуре.
Чтобы нарисовать маску в слое-фигуре, нажмите активным инструментом фигур кнопку «Инструмент создания маски» на панели «Инструменты».
При создании фигуры путем перетаскивания на панель «Композиция» с помощью инструмента фигур создается параметрический контур фигуры. Чтобы вместо этого создать контур фигуры кривой Безье, перед началом перетаскивания нажмите клавишу ALT (Windows) или OPTION (Mac OS). Клавишу можно отпустить до окончания операции перетаскивания. Все контуры маски являются контурами кривой Безье. (См. раздел Сведения о фигурах и слоях-фигурах.)
Перетаскивание начинается со щелчка панели «Композиция» или панели «Слой» для рисования и заканчивается при отпускании кнопки мыши. Нажатие клавиш-модификаторов в различное время в ходе одной операции перетаскивания приводит к различным результатам.
Чтобы переместить фигуру или маску в процессе рисования, удерживайте клавишу пробела или среднюю кнопку мыши при перетаскивании.
Для масштабирования круга, эллипса, квадрата, квадрата со скругленными углами, прямоугольника или прямоугольника со скругленными углами вокруг его центра в процессе рисования удерживайте клавишу CTRL (Windows) или COMMAND (Mac OS) после начала перетаскивания. Не отпускайте клавишу до тех пор, пока не отпустите кнопку мыши для завершения рисования.
Для отмены операции рисования нажмите клавишу ESC.
Каждый инструмент фигур сохраняет настройки самой последней операции рисования, выполненной с использованием этого инструмента. Например, если нарисовать звезду и изменить количество точек на 10, следующая звезда, также будет иметь 10 точек. Чтобы сбросить значения параметров для инструмента и создать фигуру с настройками по умолчанию, дважды щелкните инструмент на панели «Инструменты». (См. раздел Создание фигуры или маски по размеру слоя).
Рисование прямоугольников, прямоугольников со скругленными углами, квадратов и квадратов со скругленными углами
- Выберите инструмент «Прямоугольник» или «Прямоугольник со скругленными углами» и выполните одно из приведенных ниже действий.
- Чтобы нарисовать прямоугольник или прямоугольник со скругленными углами, перетащите курсор по диагонали.
- Чтобы нарисовать квадрат или квадрат со скругленными углами, перетащите курсор по диагонали, удерживая нажатой клавишу SHIFT.
2. (Необязательно) При рисовании прямоугольника со скругленными углами или квадрата со скругленными углами, прежде чем отпустить кнопку мыши, выполните приведенные ниже действия.
- Для увеличения или уменьшения скругления углов нажмите клавишу СТРЕЛКА ВВЕРХ или СТРЕЛКА ВНИЗ или прокрутите колесико мыши вперед или назад.
- Чтобы установить скругление углов на минимум или максимум, нажмите клавишу СТРЕЛКА ВЛЕВО или СТРЕЛКА ВПРАВО.
3. Завершите рисование, отпустив кнопку мыши. При рисовании квадрата или квадрата со скругленными углами отпустите клавишу SHIFT после отпускания кнопки мыши.
Квадраты создаются в соответствии с попиксельной пропорцией композиции. Если значение пропорций пиксела композиции отлично от 1, квадраты отображаются на панели «Композиция» в квадратной форме, только если кнопка «Вкл./выкл. коррекцию пропорций пиксела» нажата в нижней части панели композиции.
Рисование эллипсов или кругов
- Выберите инструмент «Эллипс» и выполните одно из указанных ниже действий.
- Чтобы нарисовать эллипс, перетащите курсор по диагонали.
- Чтобы нарисовать круг, перетащите курсор по диагонали, удерживая клавишу SHIFT.
- Отпустите кнопку мыши, чтобы завершить рисование. При рисовании круга отпустите клавишу SHIFT после отпускания кнопки мыши.
Круги создаются в соответствии с пропорциями пиксела композиции. Если значение пропорций пиксела отлично от 1, круги отображаются на панели «Композиция» в форме круга, только если кнопка «Вкл./выкл. коррекцию пропорций пиксела» нажата в нижней части панели композиции.
Рисование многоугольников и звезд
- Выберите инструмент «Многоугольник» или «Звезда» и выполните одно из указанных ниже действий.
- Перетащите курсор для изменения масштаба и поворота многоугольника или звезды во время их рисования.
- В процессе рисования удерживайте клавишу SHIFT, чтобы масштабировать многоугольник или звезду без поворота.
2. (Необязательно) Прежде чем отпустить кнопку мыши, выполните приведенные ниже действия.
- Для добавления или удаления вершин нажмите клавишу СТРЕЛКА ВВЕРХ или СТРЕЛКА ВНИЗ или прокрутите колесико мыши вперед или назад.
- Для увеличения или уменьшения наружного скругления углов нажмите клавишу СТРЕЛКА ВЛЕВО или СТРЕЛКА ВПРАВО.
- Чтобы сохранить внутренний радиус звезды постоянным по мере перемещения мыши в целях увеличения внешнего радиуса, удерживайте нажатой клавишу CTRL (Windows) или COMMAND (Mac OS).
- Для увеличения или уменьшения внутреннего скругления звезды нажмите клавишу PAGE UP или PAGE DOWN.
3. Отпустите кнопку мыши для завершения рисования. Если при перетаскивании для предотвращения поворота удерживалась клавиша SHIFT, отпустите ее после отпускания кнопки мыши.
Создание фигуры Безье или маски Безье с помощью инструмента «Перо»
Маску Безье можно создать посредством применения инструмента «Перо» на выбранном слое на панели «Композиция» или на панели «Слой». Фигуру с контуром кривой Безье можно создать посредством применения инструмента «Перо» на выбранном слое-фигуре на панели «Композиция». Если слой не выбран, рисование с помощью инструмента «Перо» на панели «Композиция» создает фигуру на новом слое фигур.
Создание контура RotoBezier аналогично созданию контура кривой Безье вручную. Основное различие состоит в том, что линии направления для вершин и кривизна сегментов контура вычисляются автоматически.
Создание контура кривой Безье с помощью инструмента «Перо» вручную
Выбрав инструмент «Перо» и сняв выделение с параметра RotoBezier на панели «Инструменты», щелкните панель «Композиция» в том месте, где требуется поместить первую вершину.
Щелкните область, в которую необходимо поместить следующую вершину. Чтобы создать сегмент кривой, перетащите дексриптор линии направления и создайте необходимую кривую.
Чтобы изменить положение вершины после того, как указано ее местоположение, но до того, как отпущена кнопка мыши, используйте перетаскивание, удерживая клавишу пробела.
Последняя добавленная вершина имеет вид закрашенного квадрата, указывающего на её выбор. Ранее добавленные вершины будут выглядеть полыми, и, по мере добавления новых вершин, с них будет сниматься выделение.
Create and modify shapes using Pen and shape tools and copy paths into After Effects from Illustrator and Photoshop.
You create a shape layer by drawing in the Composition panel with a shape tool or the Pen tool. You can then add shape attributes to existing shapes or create shapes within that shape layer. By default, if you draw in the Composition panel when a shape layer is selected, you create a shape within that shape layer, above the selected shapes or group of shapes. If you draw in the Composition panel using a shape tool or Pen tool when an image layer other than a shape layer is selected, you create a mask. For more information, see Create masks in After Effects.
Shortcuts for Shape tool is Q, and Pen Tool shortcut is G.
Before drawing in the Composition panel to create a shape layer, press F2 and deselect all layers.
Usually, a new shape has a fill and a stroke that correspond to the Fill and Stroke settings in the Tools panel at the time that the shape is drawn. You can use the same controls in the Tools panel to change these attributes for a selected shape after it has been drawn. Shapes created from text are created with fills and strokes that match the fills and strokes of the original text.
You can create a shape layer from a vector art footage layer, and then modify it. With the ability to bevel and extrude objects in After Effects, you can extrude the artwork, for example, extruded logos. For more information, see Extruding text and shape layers.
To convert a vector art footage layer to shape layer, choose Layer > Create > Create Shapes from Vector Layer . A matching shape layer appears above the footage layer, and the footage layer is muted.
- Not all features of Illustrator files are currently preserved. Examples include: opacity, images, and gradients.
- Converted shapes ignore PAR overrides specified in the Interpret Footage dialog box.
- Gradients and unsupported types may show as 50% gray shapes.
- Files with thousands of paths may import slowly without feedback.
- The menu command works on a single selected layer at a time.
- If you import an Illustrator file as a composition (multiple layers), you cannot convert all those layers in one pass. However, you can import the file as footage, and then use the command to convert the single footage layer to shapes.
The shape tools are the Rectangle , Rounded Rectangle , Ellipse , Polygon , and Star tools.
To activate and cycle through the shape tools, press Q.
A polygon is a star without an Inner Radius or Inner Roundness property. So, the name of the shape created for a polygon or a star is the same: polystar.
You can create a mask by dragging with a shape tool on a selected layer in the Composition panel or Layer panel. You can create a shape by dragging with a shape tool on a selected shape layer in the Composition panel. If you drag with a shape tool in the Composition panel with no layer selected, you create a shape on a new shape layer.
To draw a mask on a shape layer, click the Tool Creates Mask button in the Tools panel with a shape tool active.
When you create a shape by dragging with a shape tool in the Composition panel, you create a parametric shape path. To instead create a Bezier shape path, press the Alt (Windows) or Option (Mac OS) key before you click to begin dragging. You can release the key before you complete the drag operation. All mask paths are Bezier paths. (See About shapes and shape layers.)
Dragging starts when you click in the Composition panel or Layer panel to begin drawing, and ends when you release the mouse button. Pressing modifier keys at different times during a single dragging operation achieves different results:
To reposition a shape or mask as you are drawing, hold the spacebar or the middle mouse button while dragging.
To scale a circle, ellipse, square, rounded square, rectangle, or rounded rectangle around its center while drawing, hold the Ctrl (Windows) or Command (Mac OS) key after you begin dragging. Don’t release the key until you have released the mouse button to finish drawing.
To cancel the drawing operation, press Esc.
Each shape tool retains the settings of the most recent drawing operation with that tool. For example, if you draw a star and modify the number of points to be 10, then the next star that you draw will also have 10 points. To reset settings for a tool and create a shape with the default settings, double-click the tool in the Tools panel. (See Create a shape or mask the size of the layer.)
Draw rectangles, rounded rectangles, squares, and rounded squares
- Select the Rectangle tool or the Rounded Rectangle tool , and do one of the following:
- To draw a rectangle or rounded rectangle, drag diagonally.
- To draw a square or rounded square, Shift-drag diagonally.
2. (Optional) If drawing a rounded rectangle or rounded square, do the following before releasing the mouse button:
- To increase or decrease the corner roundness, press the Up arrow key or the Down arrow key, or roll the mousewheel forward or backward.
- To set corner roundness to the minimum or maximum, press the Left arrow key or the Right arrow key.
3. Finish drawing by releasing the mouse button. If drawing a square or rounded square, release the Shift key after releasing the mouse button.
Squares are created to be square according to the pixel aspect ratio of the composition. If the pixel aspect ratio of the composition is not 1, then squares appear square in the Composition panel only if the Toggle Pixel Aspect Ratio button is selected at the bottom of the Composition panel.
Draw ellipses and circles
- Select the Ellipse tool , and do one of the following:
- To draw an ellipse, drag diagonally.
- To draw a circle, Shift-drag diagonally.
- Release the mouse to finish drawing. If drawing a circle, release the Shift key after releasing the mouse button.
Данный 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 для вашего быстрого старта. С этими знаниями вы уже можете приступать к изучению туториалов с различными эффектами и анимацией.
Читайте также: