Buenas ! Llega fin de año... y llega el último tutorial del 2012. 
En este caso vamos a ver como hacer un efecto de "objeto colgando por una cuerda", a través de expresiones 









PROMO 


EXPRESIONES USADAS 

Letra/Objeto

Expresion para anchor point de la letra 


freq = 1.40; //oscillations per second 
amplitude =  -430; 
decay =  1.9;
t = time - marker.key(1).time;
posCos = Math.abs(Math.cos(freq*t*2*Math.PI));
y = amplitude*posCos/Math.exp(decay*t);
anchorPoint - [0,y]

Expresión para rotación de la letra 


freq = 1.1; //oscillations per second 
amplitude = -96; 
decay = .80;
theTime = thisComp.layer("Pale Orange Solid 1").effect("T2")("Slider");
value + amplitude*Math.sin(freq*theTime*2*Math.PI)/Math.exp(decay*theTime)

donde the time va asociada al slider del sólido 


Cuerda


Efecto Beizar Warp 

Colocar la expresión en 

Top Left Tangent
Top Right Tangent
Bottom right tangent
Bottom left tangent 

value+[0,effect("Slider Control").param("Slider")]

Expresión para el Slider de la cuerda 


freq=1.37; //frequency (cycles per second)
amp=-700; //amplitude (pixels)
decay = 1.9;

t = time - marker.key(1).time;

amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t)


ALFABETO - Vector - Proyecto AE



http://adf.ly/1lXSPL





TUTORIAL 

|
Buenas ! Este breve tutorial es para documentar una expresión muy útil que usa Andrew Kramer en uno de sus tutoriales. 








La finalidad de este post no es entrar en el detalle de como se construye la expresión (ya que eso está explicado en la página de VideCopilot) sino tener documentada la misma junto con un proyecto, para en caso de usarla, importar ese proyecto y hacer los reemplazos necesarios, o bien construyendo la composición y haciendo copy paste de dicha expresión. 

PROYECTO PARA DESCARGAR EN LA INFO DEL VIDEO 





TUTORIAL 




EXPRESIÓN 


Alpha = thisComp.layer("pared1").sampleImage (thisComp.layer("guia").transform.position,[1,1])[3];

On = thisComp.layer("guia").effect("Slider Control")("Slider");
Off = 0

if (Alpha<1){
Off
} else {
On
}




|
Buenas gente, en este tutorial vamos hacer un efecto  "escalonado" en un grupo de capas, animando sólo 1 con una expresión, y haciendo que esta arrastre las demás capas.
Es un efecto que había visto en uno de los bumper de sony y vamos a ver la forma de hacerlo con 2 opciones: 






OPCIÓN 1 : utilizando una expresión 


 thisComp.layer("lider 2").transform.position.valueAtTime(time-.6)

La parte con resaltador blanco de la expresión, surge al vincular una capa con la que queremos que determine el movimiento. La segunda parte de la expresión en italic, es la que debemos tipear y el valor .6 (en este caso) es la variable que irá cambiando. 

TUTORIAL 





OPCIÓN 2 : uilizando IEXPRESSIONS

Para consultar más sobre este poderoso plug-in visitar el sitio de MAMO WORLD 



TUTORIAL 


|
Hola amigos, en este tutorial les voy a mostrar una forma de animar las flores retro de este videito, valiéndose de expresiones. La característica principal es que con sólo animar una sola capa, podemos usar esos únicos keyframes para animar el resto, mediante expresiones y vínculos. Lo cual nos ahorra de estar poniendo innumerables keyframes en nuestras animaciones. 

DESCARGA DEL PROYECTO 




Tutorial - Parte 1 


Tutorial - Parte 2

|
Hola amigos, vamos con una nueva expresión que nos va a servir para multiplicar una capa y controlarla a través de SLIDER CONTROL (que está en efectos, dentro de Expression Controls)

En este primer ejemplo :



  • Multiplicar una capa en forma lineal 

1) Lo que hacemos primero es colocar en nuestra composición nuestra capa (que puede ser un jpg, una composición o lo que sea)
2) Abajo le colocamos un NULL y emparentamos la capa con el NULL
3) Al NULL le aplicamos el efecto SLIDER CONTROL 
4) Ahora colocamos esta expresión en Postion de la capa. Sabemos que para esto hay que hacer ALT CLICK sobre el relojito, en este caso de Position :





Z = (index-1) * thisComp.layer("Null 1").effect("Slider Control")("Slider");


value + [0,0,Z]


Esta es la forma también en que podemos construir la expresión :
Teniendo uluminado Null 1 activamos Postiion de la capa para escribir la expresión. Allí tipeamos
Z = (index-1) * y aquí vinculamos el "látigo" con Slider (efecto que tiene el Null)
De allí que en la expresión del ejemplo figura "Null 1", pero podría ser el nombre que le hayamos dado al Null.
Luego tendríamos que agregar lo que falta : el ; para cerrar ese renglón y más abajo value + [0,0,Z]




5) Una vez hecho esto solo nos resta ir duplicando la capa las veces que queramos y luego al modificar los valores del Null en cuanto a Rotacion podremos ir rotándola. Y al modificar el valor del Slider, le daremos mas o menos separación entre capas


  • Multiplicar una capa en forma aleatoria 

1) Lo que haremos es agregar otro Slider en Null1 al que llamaremos Random 
Para este ejemplo borramos las capas que duplicamos antes y dejamos la composicion de la forma inicial como en el primer ejemplo. O sea, una capa que será nuestro JPG, el Null (que ya tiene Slider aplicado y al que le aplicaremos un segundo Slider que llamaremos Random)
2) Vamos a la capa, apretamos U para que nos muestre lo que tiene y modificaremos la expresión agregándole una parte y modificando Value
Quedará así :


Z = (index-1) * thisComp.layer("Null 1").effect("Slider Control")("Slider");
wig = wiggle(0,thisComp.layer("Null 1").effect("Random ")("Slider"));


value + [wig[0],wig[1],Z]


En este caso lo que sigue a "wiggle(0,..." es producto de vincular el "latigo" con Random, a lo que le agregamos ); para cerrar la expresión.

Moviendo ahora nuestro primer Slider y también el Random conseguiremos el desplazamiento de las capas.


  • Multiplicar una capa rotándola


Para este nuevo desplazamiento de capas volvemos a dejar nuestra composición de la forma inicial y le agregamos otro Slider al NULL1. Renombramos el Slider como Rotación


Luego vamos a nuestra capa y agregaremos una expresión en Rotation - Z Rotation


(index-1)*thisComp.layer("Null 1").effect("Rotacion ")("Slider")

O bien pueden copiar esta expresión, o bien construirla tipeando :
(index-1)* y allí vincular el látigo con el slider Ratation (para eso siempre hay que tener iluminado el Null asi nos despliega sus efectos en la capa de efectos)
Duplicamos la capa las veces que queramos nuevamente y al mover los Slider lograremos el desplazamiento de rotación.



Espero que les sea útil Saludos!







|
Hola amigos, vamos hoy con otra expresión bastante útil.  Recomiendo sobre este tema visitar un sitio MOTIONSCRIPT  en el cual encontrará expresiones y script más que interesante.
En una ocasión tenía que realizar una animación donde aparecieran carteles colgando y dieran una sensación "elástica".


No es el caso hacer un tutorial  de esta animación, sino de explicar la expresión usada, ya que puede ser útil en cualquier otra animación.
En esa ocasión me sirvió una expresión que encontré en dicho sitio, que en realidad tiene la función de mover 2 objetos,y  que el segundo siga al primero como unido por un elástico. Era lo mismo que necesitaba solo que tenía que ocultar el primer objeto.
Para aplicarla en este caso hice lo siguiente:

Para el caso del cartel "Este verano" (y para todos los demás es igual)

1) Creamos una composición en donde colocamos una primer capa llamada leader  (puede ser un sólido de cualquier color) y colocamos la segunda capa abajo ( en este caso el psd de "Este verano")

2) A la capa leader le apagamos el "ojito" para que no sea visible.

3) Vamos a la segunda capa y elegimos POSITION  . Hacemos Alt-click en el relojito para que se abra el espacio y poder escribir así nuestra expresión brindada por el sitio anteriormente mencionado:


restLength = 20;
damp = .95;
leader = thisComp.layer("leader");

fDur = thisComp.frameDuration;
currFrame = Math.round(time / fDur);

p2 = position.valueAtTime(0);
v2 = 0;
for (f = 0; f <= currFrame; f++){
  t  = f*fDur;
  p1 = leader.transform.position.valueAtTime(t);
  delta = p2 - p1;
  nDelta = normalize(delta);
  a = 2 * nDelta * (length(delta) - restLength) * fDur;
  v2 = (v2 - a) * damp;
  p2 += v2;
}
p2

4) Ahora sólo tenemos que animar la capa leader con Position y Rotation como querramos y veremos que nuestra segunda capa la sigue, pero con esa sensación "elástica".

Bueno espero que les haya servido.




|


Hola amigos, en este primer tip vamos a ver como lograr que la contracara de una capa sea otra y no la misma del jpg o de la imagen que estemos utilizando.
Para este ejemplo, abrimos una composición y colocamos un JPG. En este caso elegí la portada de mi novela "Estoy en un proyecto" (así de paso me promociono, claro). Colocamos la imagen en 3D y utilizamos una cámara para poder rotarla.

Como verán, si la rotamos, del otro lado de la Capa, el After nos muestra la misma cara pero invertida. Cosa que no nos serviría, por ejemplo si en nuestra animación queremos rotar esta capa como si fuera la hoja de un libro.

Cargamos en nuestro proyecto la imagen que usaremos de contratapa. Y hacemos una nueva composición con esta capa.
En esta nueva composición lo único que haremos es invertir esta imagen. . En Scale desclikeamos el imáncito (o lo que sea ese dibujito) y le ponemos -100 (en vez de 100 al eje x ). De esa forma nos quedará invertida la contratapa en la composición.


Ahora volvemos a nuestra composición inicial donde teníamos la tapa y le agregamos esta composición, por lo que nos quedará así.


Le aplicamos el efecto CALCULATIONS a nuestra capa "tapa Estoy en un Proyecto" y en las opciones del efecto, le asiganamos a second layer el nombre de esta contratapa. 


Si llevamos la Opacidad en 100 (en Calculations-Second Layer Opacity) veremos que ahora nuestra capa incial se ha transformado en esta segunda capa, pero de ambos lados. Por lo que necesitamos una EXPRESION para que nos quede como nosotros queríamos (cara y contracara). Esta expresión la aplicaremos a Second Layer Opcity.
Para eso, hacemos Alt-click sobre el relojito de Second Layer Opacity y se nos abrirá en la capa el campo para que podamos escribir la expresión.

Esta es la expresión que utilizaremos, para que la opacidad cambie de 1 a 100 según rotemos la capa:

Y listo! Ahora podremos rotar la cámara o nuestra capa y la hoja tendra cara y contracara !

Espero que les sea útil.
Les dejo el link del tutorial completo que contiene esta expresión http://ae.tutsplus.com/tutorials/motion-graphics/control-a-3d-deck-of-cards-like-magic/

|