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

Acceso Premium gratis

Acceso a toda nuestra biblioteca de artículos Hub Premium, los archivos del proyecto y el primer 10% de cada uno-Video Tutorial de la Biblioteca Tutorial en línea .

Crea tu cuenta gratis!

After Effects: capa de forma Jerarquía Índice
Traducido por Google Translate

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

Hace poco escribí un artículo sobre algunas cosas que puedes hacer con la conversión de texto a Capas de forma . Uno de los ejemplos añadido varios trazos a los contornos de las formas con las capas de la forma 'construido en el efecto del accidente cerebrovascular que se duplicó justo.

Si bien esto es muy fácil de instalar que puede ser un proceso muy lengthly para manipular todos los anchos de trazo y los colores manualmente. Si usted tiene 20 trazos que se basan en un color azul y les desea que todos los que se basan en verde y el doble de ancho que puede ser un verdadero dolor de cambiar!

Por lo que es posible hacer esto de forma dinámica? Bueno, sí! Al vincular la anchura del trazo y el color de algunos reguladores de la expresión en el primer golpe cualquier accidente cerebrovascular posterior duplicados también estará vinculado a las barras de desplazamiento que le permite controlarlos a la vez.

¿No sería grande si usted también podría contrarrestar cada movimiento por lo que cada golpe duplicado tiene un poco más amplio, más oscuro o más claro, o incluso ser capaz de seleccionar al azar el ancho y el brillo de cada golpe! Así que usted puede hacer eso también!

El problema es ¿cómo objetivo el contenido de una capa de forma y encontrar el índice de cada efecto de un accidente cerebrovascular? Aquí está lo que quiero decir.


Índice de composición de capas

Cada capa en una composición de After Effects tiene un número de índice. La capa superior tiene un índice de 1. Podría ser cualquier tipo de nivel, un sólido, una capa de ajuste o un objeto nulo.

La capa inferior tiene un índice de 2 y así sucesivamente y así sucesivamente. Esto se puede ver en la imagen de abajo. El número de clasificación es en el lado derecho de la capa de color.

The Layer below it has an Index of 2


Un truco común con los números de índice para compensar un duplicado de la capa original, añadiendo, multiplicar o dividir su posición, la opacidad, etc por su número de índice.

Mediante la adición de una expresión a la posición y la opacidad que dice que si el índice es igual a uno hacer nada, pero si no su continuación, se multiplican la posición X por el índice de capa y dividir a la opacidad de la capa de índice.

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


Me sale esto cuando puedo duplicar las capas.

the result


Este tipo de cosas se utiliza para crear texto en 3D de imitación mediante la compensación de la posición Z de una capa de texto 3D por duplicado su número de índice. Material estándar!


Encontrar el índice dentro de una capa de forma

Ahora Shape Layers son una especie de mini-composiciones en el hecho de que pueden contener muchos elementos diferentes. Que pueden contener uno o varios caminos, rellenos, trazos y efectos vectoriales como Fruncir y engordar, Camino de compensación, Twist, Zig Zag, esquinas redondeadas y Ruta Mueve (una versión animada de Ilustradores Lijar los bordes).

Estos elementos se pueden agrupar con la opción Agregar

Vamos a empezar desde el principio. Aquí está una capa de forma vacía. Contiene dos elementos de contenido y de transformación.

an empty Shape Layer


Cuando se crea una capa de

Im que va a añadir tres formas de hacer clic en el botón Agregar. Mal añadir una elipse, un círculo y una estrella de Poly.

Adding three shapes


Ahora necesito un relleno y trazo tan mal agregar estos también mediante el botón Agregar.

Fill and stroke


Ahora tengo que tener una estructura básica.

the basic structure


Aquí está el problema. Quiero duplicar mi carrera y tener efecto el nuevo movimiento de forma automática aumentan de tamaño sobre la base de un número de índice, como mi ejemplo Composición de capas.

Pero mi efecto Trazo siquiera tienen un número de índice? Bueno, sí lo hace, pero es un poco más difícil de encontrar que los índice de capa.

Para encontrar un número de índice que puedo aumentar mi Ancho del trazo con Im que va a utilizar esta expresión inteligente del ancho de 1s Stroke.

valor = thisProperty.propertyGroup (1). propertyIndex

¿Cómo funciona entonces? Aquí está una avería ...

valor =

thisProperty - la actual carrera un efecto.

propertyGroup (1) - El recipiente que contiene thisProperty (Carrera 1) que está contenido.

propertyIndex - Dame el Índice de thisProperty (Carrera 1) dentro de los Contenidos.

Usted puede ver propertyGroup () me permite perforar hacia atrás en la jerarquía de mi punto de partida para encontrar el contenedor para el efecto Trazo. El (1) es el primer nivel desde el efecto Trazo. PropertyGroup (2) sería el recipiente que contiene el material, los dos niveles por encima del thisProperty, es decir, la capa de forma real! Permite agregar esto a Stoke Ancho y ver qué pasa.

Así que usted puede ver mi Ancho del trazo está 5px!

stroke width at 5px


Esto se debe a un accidente cerebrovascular es el quinto elemento en el interior el Indice!

Stroke 1 as fifth item in content


OK, así que eso es cool, tengo un número de índice! Pero lo que si elijo para deshacerse de una forma más tarde se tire mis números de índice!

Bueno, yo puedo arreglar esto mediante la colocación de todas mis formas de un grupo. Ir a Agregar y elija Grupo y mueve las formas en él. Enfermo, incluso mover Rellene en él encajona decido agregar un relleno diferente para cada forma posterior. Ive llamó Mis formas.

place all shapes in a group


Ahora mi carrera es 2px como el elemento segundo en Contenidos.

stroke value changes to 2px


Ahora tengo una estructura más consistente que sólo puede restar una expresión de mi para hacer mi primera carrera de 1 píxel!

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

Ahora puedo hacer algunas cosas! En primer lugar Ill agregar un control principal de ancho de la capa de forma con un control deslizante de expresión. 1 a 100 píxeles.

Master width control


Entonces la enfermedad envolver mi expresión en algunos soportes y agregar un signo de multiplicar y de icono espiral para el valor del deslizador. Esta forma de controlar el valor relativo de mi ancho del trazo.

control the relative value of my stroke width


Antes de duplicar Ill divide la opacidad de la carrera por la propertyIndex así.

divide the Stroke Opacity by the propertyIndex as well


Cada duplicado se hará más transparente su dividido por un número de índice más alto!

raise the Master width slider to expand the stroke


Y si se duplican los aumentos del trazo y la opacidad se desvanece! Horray!

duplicate each Stroke increases and the Opacity fades


Si puedo ampliar la carrera que funciona para cada duplicado!

If I enlarge the Stroke it works for each duplicate!


Aquí puedes ver todas las expresiones de trabajo.

All the expressions working


Y si puedo eliminar algunas formas que todavía funciona, debido a que el Grupo de los ponemos en!

result so far


Ahora usted puede tomar esto como lo que usted quiere ir. Me he hecho un ajuste preestablecido de animación realmente útil con esta técnica que me permite crear múltiples elementos de diseño de carrera con un solo clic de un botón, basta con añadir una forma o trazado.

Add a shape or path


Cuenta con opciones al azar o lineal de ancho de ligereza y la carrera con el control de la semilla aleatoria. Controles de luminosidad inicial y final que se puede invertir, etc, etc

random seed control


Una vez que sepas esto Capas de forma técnica adquieren un significado totalmente nuevo! Pruébelo usted mismo!

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