All Articles After Effects
After Effects: Shape Layer Индекс Иерархия
Toby Pitman on Mon, January 2nd 5 comments
Toby Pitman demonstrates how to dynamically add multiple strokes, generate increasing stroke widths and even randomize width and brightness in After Effects.

Недавно я написал статью о кое-что вы можете сделать с преобразования текста в Shape Layers . Одним из примеров добавил несколько штрихов к форме очертания использованием Shape Layers "построен в инсульта эффект, который был просто дублируется.

Хотя это и очень проста в настройке он может быть очень продолжительным процессом управлять все ваши инсульт ширины и цвета вручную. Если у вас есть 20 ударов, которые основаны на синий цвет, и вы хотите чтобы все они были основаны на зеленый и двойной ширины может быть проблема, чтоб изменять!

Итак, можно сделать это динамически? Ну, да! Связав инсульта ширину и цвет для некоторого выражения ползунков на первого удара любого последующего дублируется инсульта также будет связан с ползунков позволяет управлять их все сразу.

Wouldnt было бы замечательно, если Вы могли бы также компенсировать каждый удар так каждый дубликат инсульта стал немного шире, темнее или светлее, или даже для того, чтобы рандомизировать ширину и яркость каждого удара! Ну вы можете сделать это слишком!

Проблема в том, как вы целевой содержание Shape Layer и найти индекс каждого хода эффект? Вот что я имею в виду.


Комп слоя индекс

Каждый слой, в состав после воздействия Индекс числа. Верхний слой имеет индекс 1. Это может быть любого типа слой, Solid, корректирующий слой или нулевой объект.

Слой под ним имеет индекс 2 и так далее, и так далее. Вы можете увидеть это в изображении ниже. Индекс номер находится на правой стороне от слоя цвет.

The Layer below it has an Index of 2


Обычный прием с индексом чисел, чтобы компенсировать копию оригинального слоя, добавив, умножения или деления свою позицию, прозрачность и т.д. ее индексом.

При добавлении выражения позиции и непрозрачности, что говорит, что если индекс равен одному ничего не делать, но если его нет, то умножить X позицию слоя индекса и разделить на непрозрачность слоя Index.

duplicate of the original Layer by adding, multiplying or dividing its position, opacity, etc by its Index number


Я получаю это, когда я дубликаты слоев.

the result


Этот тип вещь используется для создания искусственной 3D текста путем зачета позиции Z в 3D дубликат текстового слоя его порядковый номер. Стандартный материал!


Поиск индекса в Shape Layer

Теперь Shape Layers которые вроде как мини-композиции в том, что они могут держать много различных элементов. Они могут содержать один или несколько путей, заливки, обводки и векторные эффекты, такие как Втягивание и Bloat, Offset Path, Twist, Zig Zag, закругленные углы и покачиваться Path (анимационная версия иллюстраторов шероховатым края).

Эти элементы могут быть сгруппированы вместе, используя Добавить

Давайте начнем с самого верха. Херес пустой слой Shape. Он содержит два пункта Содержание и Transform.

an empty Shape Layer


При создании слоя

Я собираюсь добавить три формы нажав кнопку Добавить. Жестокое добавить эллипс, круг и Poly Star.

Adding three shapes


Теперь мне нужно заливки и обводки так плохо добавить их тоже с помощью кнопки Добавить.

Fill and stroke


Теперь у меня есть основная структура.

the basic structure


Херес проблемы. Я хочу, чтобы дублировать мой Stroke эффект и новые хода автоматически увеличиваются в размерах на основе индекса номер, как мой пример Композиция слоев.

Но мой Stroke эффект даже Индекс номер? Ну, да это делает, но это немного труднее найти, чем слой Index.

Чтобы найти Порядковый номер, что я могу увеличить мою Stroke Ширина с Im собираетесь использовать этого умного выражения Stroke 1s ширину.

значение = thisProperty.propertyGroup (1). propertyIndex

Как это работает то? Херес пробоя ...

значение =

thisProperty - фактический ход 1 эффект.

PropertyGroup (1) - контейнер, который содержит thisProperty (Stroke 1), Содержание.

propertyIndex - Дай мне Индекс thisProperty (Stroke 1) внутри содержимого.

Вы можете увидеть PropertyGroup () позволяет мне дрель обратно вверх по иерархии от моей отправной точкой, чтобы найти контейнер для Stroke эффект. (1), первый уровень по сравнению с Stroke эффект. PropertyGroup (2) будет контейнер, который содержит Содержание, два уровня по сравнению с thisProperty, т.е. фактическая слой формы! Давайте добавим к этому Сток Ширина и посмотреть, что происходит.

Ну вы можете увидеть мои Stroke Ширина теперь 5px!

stroke width at 5px


Это потому, что ход 1 является пятым пунктом внутри Содержание!

Stroke 1 as fifth item in content


Итак, Thats прохладно, у меня порядковый номер! Но что, если я хочу избавиться от формы позже она будет выбрасывать мои номера индекса!

Ну я могу обойти это, поместив все мои фигуры в группе. Перейти на Добавить и выберите группу и двигаться формы в нее. Жестокое даже пошевелить Заполнить в нее упаковывают я решил добавить различные заполнить для каждой формы позже. Ive назвал его Мои фигуры.

place all shapes in a group


Теперь моя Инсульт является 2px как ее второй пункт в содержании.

stroke value changes to 2px


Теперь у меня есть более последовательной структуры я могу просто вычесть одно из моих выражений, чтобы сделать мой первый удар 1 пиксель!

. значение = thisProperty.propertyGroup (1) propertyIndex - 1

Теперь я могу делать некоторые вещи! Первая Ill добавить элемент управления Мастер Ширина в Shape Layer использованием выражения Slider. 1 - 100 пикселей.

Master width control


Затем Ill обернуть мое выражение в некоторых скобки и добавить умножить подписать и Pick Whip с ползунком значение. Таким образом я могу контролировать относительную ценность моей ширина штриха.

control the relative value of my stroke width


Прежде, чем я дублировать Ill разделить Stroke Непрозрачность на propertyIndex также.

divide the Stroke Opacity by the propertyIndex as well


Каждая копия будет становиться все более прозрачной, как ее разделить на более высокий порядковый номер!

raise the Master width slider to expand the stroke


И если я дублируют друг инсульта увеличивается и непрозрачность исчезает! Horray!

duplicate each Stroke increases and the Opacity fades


Если бы я увеличить ход он работает для каждого дубликата!

If I enlarge the Stroke it works for each duplicate!


Здесь вы можете увидеть все выражения работает.

All the expressions working


И если я удалю некоторые фигуры он все еще работает из-за этого группа положить их в дом!

result so far


Теперь вы можете принять это, насколько вы хотите пойти. Я заставила себя очень удобно анимации заранее, используя эту технику, что позволяет мне создавать многостраничные инсульта элементы дизайна с одним нажатием кнопки, я просто добавить фигуру или Путь.

Add a shape or path


Он имеет случайный или линейных вариантов Легкость и инсульта Ширина с выборочный контроль семян. Легкость управления для начала и окончания которых вы можете Обратить т.д. и т.п.

random seed control


Когда вы знаете, эта методика Слоев формы приобретают совершенно новый смысл! Попробуйте сами!

Comments (5)

You must be logged in to comment. Login Now

  • Dennis
    Great tutorial. I have a question; how can I change the color of the stroke depending on the index number. If indexnumber is even color one or if indexnumber is odd than color two. Greets, Dennis
    • 5 years ago
    • By: Dennis
    Reply
  • Dennis
    Got it, with 2 color effect controlers (color1 and color2) i=(thisProperty.propertyGroup(1).propertyIndex - 1)%2; if (i==0) {effect("color1")("Color")} else {effect("color2")("Color")};
    • 5 years ago
    • By: Dennis
  • Great tutorial, i had some questions which i cant seem to find the answer for, i want to do the following. I have a shape with a stroke, now i want to zoom in and out of the shape but without changing the stroke width, is that possible without a expression.
    • 6 years ago
    • By:
    Reply
  • tobypitman
    Well you could always just Keyframe the Stoke width manually. Ideally you'd want to do this finding the distance of the object to the camera using an expression. You may find that actually 'zooming' the camera will be trickier to work out so moving the camera in would be best. Good Luck!
    • 6 years ago
    • By: tobypitman
  • Bynudyy
    Great info regarding how to access various shape properties via expressions, really useful thanks
    • 6 years ago
    • By: Bynudyy
    Reply
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: