All language subtitles for 00 - Generar Variaciones

Generar Variaciones

Así llegamos a After Effects.

Imagina que compusiéramos
la orquesta en Illustrator,

que hemos dispuesto
todos los músicos de la sala.

ahora les damos líneas de expresión,

como una partitura para tocar
para que trabajen en su variación

para que podamos jugar todos juntos.

Una vez que hayas hecho
todo eso, vas a After Effects

y tener su archivo de
Illustrator importado.

Muy estúpidamente, vas a After Effects,

creas un nuevo proyecto.

Haces Archivo, Importar, Archivo.

Y haces clic en tu
archivo de Illustrator.

Antes de importar,

asegúrese de haber
seleccionado Composición

y mantuvo el tamaño de las capas.

Será importante para el futuro.

Y luego haz Abrir.

importará

Ármate de paciencia, es
un proceso que lleva tiempo

dependiendo de la complejidad de su
diseño y la potencia de su computadora.

Déjalo moler, prepárate un café,

tomar una ducha, dar un
paseo, comprobar el correo

porque realmente
puede girar por un tiempo.

Por eso hago una escena de 1080 x 1080

porque de lo
contrario tardaría aún más.

ya se necesita mucho

y, sin embargo, es una computadora
bastante buena en la que estoy trabajando.

Entonces el proceso se acelera.

Es solo este paso el que es laborioso.

Una vez hecho esto,
guardaremos nuestro archivo

para que no tengamos que volver a
hacerlo y podamos seguir adelante.

Bueno, tomó un poco de tiempo,
la computadora se calentó un poco,

pero el archivo está
montado en After Effects.

Allí puede verlo
aparecer en la papelera.

Aquí tienes una carpeta
que enumera todas las capas.

de su archivo de Illustrator.

Aquí está la composición.

Es exactamente el tamaño
asignado en Illustrator.

Si haces doble clic sobre él,

verás aparecer todas tus capas.

Allí, todavía se tarda
un poco en cargar para ver.

Tengo un fondo negro,
así que no puedes ver nada.

Voy a ir aquí, haga clic con el
botón derecho, Ajustes de composición,

Color de fondo, lo
pondré en blanco por ahora.

Y ahí lo tienes,
vemos que todo está ahí.

Ahora muy
importante, grabamos enseguida,

de esa manera, no
tendremos que hacer eso de nuevo.

Me gusta nombrarlo igual que el
archivo de Illustrator, uno al lado del otro.

Listo.

Una vez hecho, como te dije,

lo grabaste, ya no lo tocamos,

lo dejamos a un lado y
animaremos nuestro elemento básico.

En mi caso, es un pequeño punto.

Es un pequeño punto
que ocupa 20 px por 20 px.

Así que voy a crear una composición.

20 allá.

Dejaré que dure un minuto.

y luego explicaré por qué.

Yo creo mi composición.

Esta vacio.

Ella es tan pequeña.

Hago zoom.

Y en él, voy a crear
una capa de forma redonda.

Hago doble clic.

Automáticamente crea
una elipse redonda para mí.

que ocupa todo el
espacio de la composición,

es decir, 20 de 20.

Ya quiero que no tenga contornos.

Me gustaría que
fuera negro para empezar.

Y desearía que fuera solo 10 de 10.

Esa es mi forma base.

Luego lo animaremos usando scripts.

Pondremos algunos scripts
diferentes en algunos parámetros.

y dejaremos que After
Effects haga el resto.

Molerá y creará
variaciones a partir de eso.

Para los scripts que uso,

Tiendo a usarlo regularmente,

Tengo un archivo de script en mi
escritorio para el que creé un acceso directo

así que llego a eso muy rápido.

Todos los guiones que
necesito, los puedo obtener rápidamente.

Son archivos de texto
los que se enumeran aquí.

Es un proceso de
trabajo que recomiendo.

Esto acelera
significativamente el método de trabajo.

Entonces, antes de continuar,
cambio el nombre de mi composición,

Lo llamo flor en singular,
para que todo quede ordenado.

Y ahora te explico el proceso,

el método que vamos a utilizar.

Lo aplico al color,

porque lo hará más obvio

y te explico lo que
quiero decir con eso.

Como dije, aplicaremos scripts

en algunos parámetros:

el tamaño, el número de
pétalos y también el color.

quiero cada segundo,

After Effects genera una
nueva respuesta, variación,

un color diferente en la caja de color.

Que voy a hacer,

es que voy a hacer clic
derecho en el cronómetro pequeño

que está al lado de Color

y luego me abre la
ventana de expresiones.

Voy a empezar a introducir mi script.

Para empezar, defino
una primera variable

que voy a llamar
holdTime, que hago igual a 1.

Empieza a dejar claro que cada segundo,

Quiero que algo nuevo suceda.

Aunque, por sí sola, la línea
que escribí no tiene impacto.

Ella sólo lo va a conseguir aquí.

Configuré seedRandom.

Semilla, para la expresión
aleatoria que seguirá a continuación,

le dirá, le dará una señal

para decir cada cuántos,
debe repetir su respuesta.

Yo, lo que quiero,

es que el tiempo se
divide por segundos,

hay una nueva respuesta cada segundo.

Entonces el tiempo dividido
por holdTime que hice igual a 1.

Sé que es un poco contrario a
la intuición esta segunda parte,

pero lo hago atemporal,

no tiene en cuenta el tiempo.

Pero tiene en cuenta
el tiempo que le di.

No tiene en cuenta el
tiempo predeterminado.

Es un poco complicado.

Será confuso si lo explico oralmente.

Si lo haces atemporal,

rompe tu primera
parte de expresión, ésta,

cada fracción de
segundo dará una respuesta

Quiero que tenga en
cuenta el tiempo definido aquí.

Antes de continuar,

Quiero deshacerme de
las fracciones de segundo.

Porque ahí, por cada
imagen, generará una respuesta.

o una sombra de respuesta.

Yo quiero que el
primer segundo sea un color,

que el 2ᵉ segundo, el mismo color

y que no hay sombras
que unan una con otra.

Así que lo que voy a
escribir es Math.floor

y estoy poniendo paréntesis
alrededor de esta expresión, este bit aquí.

Eso, básicamente,
elimina los decimales.

y se tendrá en cuenta

todos los cuadros entre 0 y 1
segundo o entre 1 y 2 segundos, etc.

A continuación, definiremos
cada uno de los canales cromáticos.

el círculo rojo,

el verde

y azul.

Yo, como son las flores,

Quiero que haya un predominio del rojo,

que sea el tono dominante.

Así que en mi Random,

Le pido que elija un tono.

entre el 40% y el 100%.

Lo escribo 0.4 y 1.

1 es 100%, 0.4 es 40%.

El cero corresponde al
0%, por lo tanto al negro.

Si está utilizando
Photoshop o Illustrator,

sabes que en la paleta de colores,

va de 0 a 255.

Aquí, el 1 aquí es equivalente
a 255 en Photoshop o Illustrator.

Eso es para mi rojo.

Quiero que mi verde sea un poco menos,

entre el 20% y el 40%.

No me olvido de la coma.

Y mi azul, aún menos,

entre 10 y 20%.

Entonces vas a convocar todos
estos datos aquí entre corchetes,

Rojo,

verde,

azul

y 100 es para alfa,

el canal alfa que
corresponde a la transparencia.

Así que el 100% es visible.

El cero es invisible.

sale

y vemos que aquí, en este caso,
nos elige una naranja bastante roja.

Reproduzco mi
animación y veo si funciona.

Entonces veo que cada
segundo mi color cambia,

que hay un dominio del rojo
sobre el verde y sobre el azul.

Eso es más o menos lo que
quiero, lo dejaré como está.

Ahí tienes, eso explica
el método que quiero usar.

Siguiendo el mismo principio,
aplicaremos un código al tamaño.

Reserva
directamente lo que has copiado,

en todo caso en parte aquí, que copie.

Haga clic con el botón derecho en
el tamaño, se abre el cajón Expresión,

te adhieres

luego define una variable
que llamaremos R por aleatoria.

Entonces le dices que quieres

que el tamaño varía
entre 10 y 20 px de diámetro.

Aquí, como es un
parámetro de dos entradas,

es decir, ancho y alto,

entonces tienes que abrir los ganchos

repetir este valor dos veces,

sea igual a R cada vez.

Entonces ahí puedes
ver que cada segundo,

el tamaño varía

Está bien de 10 a 20.

Nunca supera el tamaño
de nuestra composición.

Y ahí, llegamos a una etapa más
muscular del proceso de código.

te lo explico

En su capa de forma tiene
sus diferentes configuraciones

y aquí lo tenéis transformado.

No el que coincide con la capa,

sino la transformada
que corresponde a la forma.

Se encuentra en el submenú de
Elipse o de la forma que haya elegido.

Lo abres, haces clic
derecho en Posición,

puede pegar el fragmento de
script que copió anteriormente.

De la misma manera,

haz una R al azar.

Allí, lo que definimos,

es la posición del círculo
del disco con respecto al centro.

El problema es que quiero
que afecte a un solo eje,

verticales en este caso,

y quiero que cobre
vida, que cada segundo,

el punto ha vuelto al centro.

Aquí es donde será más complicado.

Todo va a estar bien.

Vamos a abrir otra función
que vamos a llamar de otra forma,

pondremos S.

Vamos a hacer Math.abs

lo que significa que no
habrá ningún valor negativo.

Cazará todos los valores que
deberían devolver con un signo menos.

Estas serán ventajas.

Abres un primer paréntesis.

Tu haces Math.sin

cual va a ser la funcion seno

quién creará esta curva de velocidad

y el hecho de que el punto fluirá
suavemente de un lado a otro hacia el centro.

Próximo,

empezamos de nuevo

Haceis :

tiempo * 2

* Matemáticas.PI

*.5

De lo contrario, va rápido.

.5, que hace todo
el recorrido del punto

se hace en un segundo

Luego multiplicas por R,
tu aleatorio creado arriba.

Abajo haces 0,

esto es para el eje horizontal

y s

Si lo juegas,

ves que cada segundo,

ahí lo tienes, así que eso es todo.

necesita ser ajustado,

ajustar completamente.

Vamos a hacer 5 y 10 aquí.

Todavía es un poco grande, pero
vamos a cambiar el tamaño en su lugar.

Vamos a hacer lo mismo, 5 y 10.

Eso es todo, siempre habrá una
forma de modificarlo más tarde.

Pero ahora, funciona y
eso es lo que queríamos.

Luego crearemos los
pétalos, el número de pétalos.

Aquí vamos a Agregar y
agregamos la función Repetición.

Lo abrimos y en Copias, clic derecho,

pegamos el fragmento de script de antes

y agregamos

Math.ronda a ronda,

para que no tengamos números decimales

solo números enteros.

y al azar

y entre 3 y 12 pétalos.

Entonces ahí, parece que no funciona,

porque cuando creas la
función Repetir, por defecto,

desplaza tus formas
repetidas 100 px hacia un lado,

sobre la derecha.

Así que aquí ingresas 0.

Una vez que ingresamos 0,

Todavía no
funciona, pero eso es normal.

Tendremos que
cambiarlos como lo hizo él.

Aquí podemos ver que
efectivamente hay Copias.

Queremos que se desplace
desde el centro de rotación.

Entonces, en Rotar, haga
clic con el botón derecho,

haremos nbr para el número.

haremos iguales

y con el lacito aquí,
vamos a sacar Copias.

Cada vez que aumente el
número de copias, cada segundo,

vamos a querer 360, el
número de grados del círculo,

dividirse por número.

Así que tenemos algo como esto.

No siempre puedes ver los pétalos.

Los haremos transparentes
para identificarlos mejor.

Pero por lo demás,
todos los scripts funcionan.

Para tener una buena
representación e identificar mejor los pétalos,

vamos aquí, en Opacidad.

Lo ponemos en 50 por ahora.

Pero ahora vemos que
la flor va tomando forma.

Aquí estamos, escribimos
todo lo que teníamos que escribir

en nuestro objeto flor.

Solo vamos a hacer la
composición un poco más grande.

Aquí está 30 por 30,

grabamos.

Podemos cambiarle el
nombre, será más limpio, flor,

funciona.

Y podemos volver a la
composición principal.

Los músicos están listos,
cada uno toca su instrumento,

pero sigue siendo la cacofonía.

En la próxima lección,
veremos el mapa de turbulencia.

quien servirá como nuestro conductor.