X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Acesso Premium Free

Acesso a nossa biblioteca completa de artigos Hub Premium, arquivos de projeto e os primeiros 10% de cada Tutorial-Video da Biblioteca Tutorial on-line .

Criar sua conta gratuita agora!

After Effects: Forma Hierarchy Index Camada
Traduzido pelo Google Translate

Check out our After Effects: Motion Tracking and Stabilization course!

Eu escrevi recentemente um artigo sobre algumas coisas que você pode fazer com a conversão de texto à forma Layers . Um dos exemplos adicionados vários golpes com a forma contornos usando o Shape Layers "construído em efeito de traçado que acabou de ser duplicado.

Enquanto isso é muito fácil de configurar, pode ser um processo muito lengthly para manipular todas as suas larguras de curso e as cores manualmente. Se você tem 20 cursos que são baseados em uma cor azul e você quer que todos eles sejam baseados em verde eo dobro da largura que pode ser uma verdadeira dor de mudança!

Então, é possível fazer isso dinamicamente? Bem, sim! Ligando largura do traço e da cor a alguns sliders expressão no primeiro golpe qualquer acidente vascular cerebral posterior duplicados também serão ligados ao sliders que lhe permite controlá-los todos de uma vez.

Não seria ótimo se você pudesse também compensar cada curso para cada curso duplicado tem um pouco mais largo, mais claras ou escuras, ou mesmo para ser capaz de embaralhar a largura ea luminosidade de cada curso! Bem, você pode fazer isso também!

O problema é como você meta o conteúdo de uma camada de forma e encontrar o índice de cada efeito Stroke? Heres o que quero dizer.


Comp Camada Index

Cada camada em uma composição do After Effects tem um número Index. A camada superior tem um índice de 1. Poderia ser qualquer tipo de camada, uma sólida, uma camada de ajuste ou objeto nulo.

A camada inferior tem um índice de 2 e assim por diante e assim por diante. Você pode ver isso na imagem abaixo. O número de índice está no lado direito pela cor da camada.

The Layer below it has an Index of 2


Um truque comum com os números de índice é para compensar uma duplicata da camada original, adicionando, multiplicando ou dividindo a sua posição, opacidade, etc pelo seu número de índice.

Ao adicionar uma expressão para a posição ea opacidade que diz se o índice é igual a um não fazer nada, mas se não for seguida, multiplicar a posição X pelo Índice de Camada e dividir a opacidade pelo Índice de Layer.

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


Recebo esta quando eu duplicar o Layers.

the result


Este tipo de coisa é usado para criar texto 3D falso por compensação a posição Z de uma camada de texto duplicado 3D pelo seu número de índice. Material padrão!


O Índice de encontrar dentro de uma camada de forma

Agora Shape Layers são uma espécie de mini-composições como no fato de que eles podem segurar muitos elementos diferentes. Eles podem conter caminhos únicos ou múltiplos, preenchimentos, traços e efeitos Vector como Pucker e Bloat, Path Offset, Twist, Zig Zag, cantos arredondados e Path Wiggle (uma versão animada de Ilustradores Roughen Edges).

Esses elementos podem ser agrupados usando o Adicionar

Vamos começar do topo. Heres uma camada de forma vazia. Ele contém dois itens Contents e Transform.

an empty Shape Layer


Quando você cria uma camada de

Im indo para adicionar três formas clicando no botão Adicionar. Ill adicionar uma elipse, um círculo e uma estrela Poly.

Adding three shapes


Agora eu preciso de um Fill and Stroke tão doente adicionar estes também usando o botão Adicionar.

Fill and stroke


Agora eu tenho uma estrutura básica.

the basic structure


Heres o problema. Eu quero duplicar meu efeito Stroke e ter o curso novo automaticamente aumentam em tamanho com base em um número índice, como o meu exemplo Camada Comp.

Mas o meu efeito Stroke mesmo ter um Número de índice? Bem, sim ele faz, mas é um pouco mais difícil de encontrar do que Index Layer.

Para encontrar um número índice que posso aumentar a minha largura de traçado com Im indo para usar esta expressão inteligente da largura 1s Stroke.

= valor thisProperty.propertyGroup (1). propertyindex

Como isso funciona então? Heres um colapso ...

= valor

thisProperty - o actual 1 efeito Stroke.

PropertyGroup (1) - O recipiente que contém thisProperty (Curso 1) que é Conteúdo.

propertyindex - Dê-me o Índice de thisProperty (Curso 1) dentro de Conteúdo.

Você pode ver PropertyGroup () permite-me broca para trás na hierarquia do meu ponto de partida para encontrar o recipiente para o efeito Stroke. O (1) é o primeiro nível a partir do efeito Stroke. PropertyGroup (2) seria o recipiente que contém Conteúdo, dois níveis acima de thisProperty, ou seja, a camada de forma real! Permite adicionar este à largura Stoke e ver o que acontece.

Bem, você pode ver a minha largura de traçado é agora 5px!

stroke width at 5px


Isto é porque um curso é o item 5 no interior Conteúdo!

Stroke 1 as fifth item in content


OK, então isso é legal, eu tenho um número de índice! Mas e se eu optar por se livrar de uma forma mais tarde ele vai jogar fora meus números de índice!

Bem, eu posso contornar isso colocando todas as minhas formas de um Grupo. Vá para Adicionar e escolha de grupo e mover as formas nele. Mal mesmo mover meu Preencha nele incase eu decidir adicionar um preenchimento diferente para cada Forma mais tarde. Ive nomeou Minhas Formas.

place all shapes in a group


Agora o meu curso é 2px como o item 2 no Índice.

stroke value changes to 2px


Agora eu tenho uma estrutura mais consistente posso simplesmente subtrair uma minha expressão para fazer o meu primeiro acidente vascular cerebral 1 pixel!

. thisProperty.propertyGroup valor = (1) propertyindex - 1

Agora eu posso fazer algumas coisas! Ill primeiro adicione um controle Largura Mestre para a Camada de Forma usando um Slider Expressão. 1-100 pixels.

Master width control


Então Ill envolver minha expressão em algumas faixas e adicionar um sinal de multiplicar e Pick chicote para o valor do slider. Desta forma eu posso controlar o valor relativo da minha largura do traço.

control the relative value of my stroke width


Antes de eu duplicar Ill dividir a opacidade do curso pela propertyindex também.

divide the Stroke Opacity by the propertyIndex as well


Cada duplicata ficará mais transparente como a sua dividido por um número maior índice!

raise the Master width slider to expand the stroke


E se eu duplicar a cada curso aumenta e desaparece Opacity! Horray!

duplicate each Stroke increases and the Opacity fades


Se eu aumentar o Stroke que funciona para cada duplicata!

If I enlarge the Stroke it works for each duplicate!


Aqui você pode ver todas as expressões de trabalho.

All the expressions working


E se eu apagar alguns Formas ele ainda funciona por causa do que o grupo que colocá-los em!

result so far


Agora você pode aproveitar esta, tanto quanto você quer ir. Eu fiz um preset de animação realmente útil usar esta técnica que me permite criar vários elementos de design tempos com um simples clique de um botão, eu apenas adicionar uma forma ou caminho.

Add a shape or path


Tem opções aleatória ou linear para Largura Lightness and Stroke com controle de semente aleatória. Controles para Lightness Início e Fim que você pode Inverter etc etc

random seed control


Depois de saber isso Shape Layers técnica de assumir um significado totalmente novo! Tente você mesmo!

Check out our After Effects: Motion Tracking and Stabilization course!

Toby Pitman

Toby Pitman | Articles by this author

For the past 20 years Toby has worked as a professional guitarist, programmer and producer. Clients include Sir Paul McCartney, George Michael, Shirley Bassey, Yusuf Islam, Giles Martin as well as the London 2012 Olympic Ceremonies. He has also worked extensively in TV, Advertising and Film. As well as composing himself he has also worked alongside many composers like David Arnold, Clint Mansell and Simon Franglen on many major film releases. An expert in synthesis and sound design Toby has also lectured for Apple on their Logic Pro music software which he has used since its days on the Atari. He has also worked as an educator for the International Guitar Foundation and the Brighton Institute of Modern Music teaching guitar. In his spare time (of which there is very little) he moonlights as a motion graphics artist specialising in Cinema 4D and After Effects.

Comments

Aug 27, 2012
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.
Aug 28, 2012
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!
Feb 16, 2013
Declan
Great info regarding how to access various shape properties via expressions, really useful thanks
Dec 20, 2013
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
Dec 21, 2013
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")};
You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link