Transcripciones
1. Introduccion: Hola, Mi nombre
es carminys Guzmán. Soy animadora,
ilustradora en un
guionista radicado en parte a originario de República
Dominicana Soy el cofundador de la variedad. Tenemos más de nueve años
de experiencia produciendo hermosos videos
explicativos animados para cientos de
empresas en todo el mundo, como entail, Lloyd Bayer, Porsche y En este curso,
aprenderás a crear increíbles
animaciones tipográficas en After Sin duda, nuestro software de animación
favorito. Además,
aprenderás a trabajar manera eficiente y segura mucho tiempo después
de
terminar el curso, podrás
crear estos para proyectos de
Animación que
veas en la pantalla. Primero, echaremos un vistazo a
la interfaz de After Effects, y te mostraré los atajos de
teclado más utilizados. A continuación, prepararemos nuestra primera composición
tipográfica para
poder animarla fácilmente. Una vez hecho esto, comenzará la parte
más divertida. Dando vida a nuestros
proyectos animados. Aprenderás diferentes
técnicas para crear increíbles
animaciones tipográficas en tiempo récord Y por supuesto,
podrás descargar todos los proyectos que
crearemos durante el curso. Este curso es ideal
para animadores, ilustradores,
diseñadores gráficos, artistas creativos En general, cualquiera
que quiera crear animaciones tipográficas
profesionales con el
software de motion graphics líder en el Con los pacientes, una
actitud positiva y perseverancia
lograrás Tu lengua ahora está unida ocurre en animado como
nivel profesional
2. Proyecto: Hola ahí. Estoy muy contenta de que hayas
decidido tomar este curso. Te enseñaré a crear increíbles
composiciones tipográficas de forma rápida y sencilla Después de cada lección,
proporcionaré pautas para asegurar que obtengas
los mejores resultados posibles. Así que asegúrate de
seguirlos en la práctica. Al final de las carreras, habrás adquirido
las habilidades para animar los cuatro proyectos del
curso Como un profesional, me
emociona ver tu trabajo, así que por favor sube tus proyectos a la galería de proyectos del curso. Si tiene algún
comentario o pregunta, siéntase libre de detenerlos
en el tablero de discusión. No puedo esperar a ver
lo que se te ocurre. Así que comencemos.
3. Primeros pasos: Hola ahí. Antes de comenzar a
animar el proyecto, pongámonos en contacto con la interfaz de
After Effects Vamos a trabajar con
un espacio de trabajo estándar, pero puedes elegir
tu opción preferida. El primer paso es
crear una nueva composición. Entonces vamos a la composición, a la
nueva composición. Abrir un nuevo 1920 por diez a la
composición a 24 fotogramas. Le dio 5 s, y nombra. Perfecto. Ahora, con la
ayuda de la herramienta Texto, escribimos el mundo creativo. Echemos un vistazo rápido a
la interfaz de After Effects. El panel donde se ven
los textos es una ventana gráfica. Este panel muestra los resultados de nuestros diseños y animaciones. En la parte inferior, podemos
ver el panel de línea de tiempo. Este panel es donde
pasarás más tiempo creando
las animaciones. Desde aquí, se pueden modificar fácilmente las
propiedades de transformación de la capa. Si miramos a la izquierda, podemos ver el panel del proyecto donde aparecerán todas las
composiciones que creamos, un archivo aldol que
importamos Y en la parte superior podemos
encontrar las herramientas esenciales. Ahora, vamos a aprender los atajos
de teclado más nulos para este curso. Los productos del gráfico se refieren a las propiedades de las capas y a
las herramientas de uso común. Vamos a cómo abrir las propiedades
de la capa
con un solo clic. Presione a para el punto de anclaje. P para la posición S para esta escala son para la
rotación y T para la opacidad Ahora, veamos cómo acceder a las herramientas principales con
solo tocar una tecla. Presione V para la herramienta Selección. Sostenga la barra espaciadora
para la herramienta manual, para la herramienta Zoom W para la herramienta de rotación. Por qué para el pan detrás herramienta y Control T
o Command T en Mac. Para la herramienta Texto. Se trata de práctica,
proyectos y recursos. Tienes un
archivo PDF disponible para descargar con los atajos más
útiles
4. Empecemos: Hola ahí. En esta lección, aprenderás a preparar tu primera composición tipográfica Este proceso de configuración inicial
es muy similar a todos los proyectos que vamos a
realizar a lo largo del curso. Y una vez que
lo aplicas, la primera vez, se vuelve muy rápido y sencillo aplicarlo
a nuevos proyectos, podemos modificar fácilmente el texto
desde el panel Carácter. Como puedes ver, se trata de un panel muy sencillo e
intuitivo con las opciones típicas de
cualquier otro software de Adobe. Si no lo puedes ver, puedes activarlo
yendo al carácter Ventana. Con la capa seleccionada, modificamos la fuente. Voy a usar Poppins. Es una fuente que se usa a menudo para mis proyectos de Motion Graphics. Voy a ajustar el tamaño
y escalarlo verticalmente. No me gusta modificar
las proporciones, pero tengo margen para excepciones. Terminado, voy a dejarlo blanco y nosotros thow trazo Ahora aplicamos el
hecho reptil a nuestros textos. Vendemos en la capa de texto y vamos a Efecto Estilizar reptil Gracias a estos Efectos, podemos crear un patrón de
nuestros textos en todas las direcciones. Debemos incrementar el
valor de expansión, derecha,
pan, izquierda, expandirnos hacia abajo y expandirnos hacia arriba. Si no puede ver el panel Controles de
efectos, puede activarlo desde Controles de efectos de
ventana. Pero hay un problema a la hora de
aplicar el efecto directamente. No podemos crear un espacio entre las palabras
y el resultado es un poco caótico ya que puede ser difícil saber dónde empieza y termina
la palabra Por suerte, la solución
es muy sencilla. Solo necesitamos precomponer
la capa de texto. Así que vamos a eliminar el efecto. Hacemos clic derecho en la capa de texto y hacemos clic en precomponer Le damos un nombre
y damos clic en. Bien. Y con un doble clic, entramos en una nueva composición
que hemos creado. Ahora la idea es adaptar el tamaño de la composición
al texto que hemos creado. Para ello, hacemos clic en la opción
región de intereses, este pequeño símbolo aquí, y creamos un rectángulo
alrededor de los textos, dejando un poco de espacio
alrededor de los textos. Este espacio separará las palabras al aplicar
el efecto repartee Eso me parece perfecto. Por último, vamos a Composición, Crop Comp a Región
de intereses. De esta manera, podemos adaptar el tamaño de la composición a
los textos que creamos. Volvamos al proyecto de
composición uno. Y ahora, sí, aplicamos la grasa
del neumático de goma y aplicamos un valor de 5,000
en todas las direcciones. En la opción de sincronización, puedes elegir la
prensa a tu gusto. Personalmente me
gusta mucho la opción de ladrillo. También desde las opciones de
configuración de Efectos dentro del panel de línea de tiempo, podemos encontrar opciones de composición. Estas
opciones muy interesantes nos
permiten destacar los
textos originales sobre el resto. Voy a aplicar 35%. Genial. Con estos. Tendremos nuestra composición
lista para animarla. Si reducimos la escala, podemos ver que el
texto se repite una y
otra vez
en todas las direcciones. Pero para el primer proyecto, no
nos interesa. Queremos que el texto se vea cerveza, así que vamos a dejarlo
como su tamaño original, al 100%. En la siguiente lección, crearemos el primer
proyecto del curso. ¿Te ves ahí?
5. Proyecto 1: Hola ahí. En esta lección, crearás el proyecto que
veas en este green. Muy simple. Primero, vamos a crear
un fondo. Vamos a Capa Nuevo Sólido. Nombramos la capa y
aplicamos el color deseado. Y arrastramos la capa
debajo de la Capa de Texto. Bien, aplicamos un gradiente para que nuestros textos sean
más atractivos. Para ello con la capa
seleccionada, vamos a Efecto Generar gradiente de
cuatro colores. Cuando se aplica, se crea automáticamente
un degradado de cuatro colores. En este caso, me gustan los
colores que aparecen por defecto, pero puedes modificar los colores a tu gusto para lograr
un resultado diferente. Voy a modificar
los diferentes colores o canjear puntos para obtener
un degradado más suave Genial, A mi me queda bien. Podemos modificar la posición de
los efectos dentro del panel
del proyecto. Si está por encima o por debajo, los Efectos funcionan de manera diferente. Voy a dejarla encima. A mí me gusta más. Ahora creamos una capa
de ajuste. Vamos a Capa, Nueva Capa
de Ajuste. Y nos aseguramos de que la capa de
ajuste esté
encima del resto de
las capas. Pero, ¿por qué? Debido a que los Efectos que aplicamos sobre una capa de ajuste afectarán a
todas las capas por debajo de ella. Con la
capa de ajuste seleccionada, vamos a Distorsión de Efecto Estamos por favor no lo
confundas con Wave Warp. Son diferentes Efectos. Perfecto. Ahora podemos
configurar las opciones de Efectos desde el panel Controles de
efectos. Como puedes ver, hay muchos estilos
de trabajo diferentes. Arco, perno, plano, pez. Puedes jugar con las diferentes opciones y
ver cuál te gusta más. En mi caso, el estilo que más
me gustó para
este proyecto es ola. Pero quiero que la distorsión
sea más exagerada. Voy a subir
el valor de la banda. Perfecto. Ya casi estamos ahí. Ahora. Solo tenemos que
agregar una animación de litro. Para ello, seleccionamos los textos de
composición uno, y creamos un fotograma clave en
la propiedad position Al hacer clic en el cronómetro, colocamos el texto en
la posición deseada, avanzamos hasta el final de la composición y movemos
el texto hacia la derecha Y si tenemos una vista previa ¿qué? Tan simple como eso, ya
tenemos nuestro primer
proyecto listo para compartir
6. Proyecto 2: Hola a todos. En esta lección, vamos a crear los segundos proyectos de
maldición. Pero antes de continuar, organicemos un poco el panel del
proyecto. Vamos a crear para nueva
carpeta haciendo clic aquí. Y necesitamos que proyecten uno, proyecto a proyecto
tres y proyecto cuatro. Y arrastramos las
composiciones de la lección anterior
al proyecto uno. Para comenzar, creamos una nueva composición con el
proyecto dos carpetas seleccionadas. Vamos a la composición,
nueva composición. Vamos a
llamarlo proyecto dos. Nuevamente, creamos una década de 1920 por diez en composición
a 24 fotogramas Esta vez le
vamos a dar 10 s. con la ayuda
de la herramienta Texto. Vamos a escribir
Motion Graphics. De nuevo, voy a
usar la fuente Poppins, reducir el tamaño y
restablecer la escala al 100% Voy a dejarlo ancho y sin trazo
igual que antes. Esto es perfecto para mí. Hacemos clic derecho en la capa de texto y hacemos clic en precomponer Le damos un nombre
y damos clic en. Bien. Y con un doble clic, entramos en una nueva composición
que hemos creado. Exactamente el
mismo proceso que hicimos en la lección
anterior. Haga clic en la opción de región de intereses y cree
un rectángulo alrededor del texto, asegurándose de dejar algo de
espacio alrededor de los textos. A continuación pasamos a composición, cultivo Comp a Región
de interés para adaptar el tamaño de la composición a
los textos que hemos creado. Para ahorrar tiempo, vamos a
los proyectos de composición. Uno, seleccionamos el hecho
de llantas de goma CC de los textos una capa y lo copiamos con Control C o CEO
común Mark. A continuación, vamos al proyecto de
composición dos, seleccionamos el texto a capa. Y con Control V
o Comando V en Mac, pegamos el efecto
simple, ¿verdad? De esta manera podemos
ahorrar mucho tiempo. Ahora, vamos a
crear el fondo. Vamos a Capa Nuevo Sólido. Le damos un nombre
y damos clic en Bien. Y lo arrastramos por debajo de
la composición de los textos. Para este proyecto, quiero
crear un fondo con
un bonito degradado con el sólido seleccionado, vamos a Efecto
Generar Rampa de Degradado. Cuando se aplica, se crea automáticamente
un degradado de dos colores Solo necesitamos modificar
los colores a nuestro ligando. También podemos modificar
la posición de los colores simplemente para crear un degradado más
hermoso. Grados se ve muy bien. Como hicimos en la lección
anterior, vamos a crear
una capa de ajuste. Entonces vamos a Capa,
Nueva Capa de Ajuste. Y tenemos la
capa de ajuste seleccionada, vamos a Efecto distorsionar Esta figura es esta de las
favoritas Los efectos
nos permiten crear una
deformación en forma de esfera muy fácilmente. Voy a incrementar
el valor de los ISRS. También podemos modificar
esta posición feroz, aunque la
vamos a dejar en el centro de la pantalla. También estoy escalando la
composición de los textos para encajar dentro de
la esfera, casi hábito. Ahora, creamos una ilusión de
profundidad de una manera muy sencilla. Y lo vamos a crear
con la herramienta Elipse. Pero antes de continuar, vamos a deseleccionar
adicto todo este Nos aseguramos de que no tenemos ninguna
capa seleccionada anabólica creando una máscara en lugar
de una capa de forma. Perfecto. Ahora creamos una forma que nos
ayude a generar
los Efectos de profundidad. Se trata de crear
un círculo que defina la forma de esta
cerveza que hemos creado. Para crear un círculo perfecto, debes mantener pulsada la
tecla Mayús mientras haces el círculo. Esto es perfecto. Ahora
aumentamos el tamaño del trazo. Y voy a colorearlo de negro y aplicarle una
opacidad del 60 por ciento Terminado de crear
el efecto sordo, vamos a Desenfoque de Efecto y
Afilar Desenfoque gaussiano Y aumentamos el valor de
borrosidad hasta obtener el resultado deseado Para mí, es perfecto así. Terminado, animamos
el proyecto. Para ello, seleccionamos el
texto a capa y creamos un fotograma clave en la posición al inicio
de la línea de tiempo A continuación, avanzamos hasta el final de la composición y movemos
el texto horizontalmente. Y eso es todo. Hemos creado estas fantásticas Animaciones
con los mínimos esfuerzos
7. Proyecto 3: Hola otra vez. Ya hemos creado dos proyectos increíbles
en tan solo unos minutos. En esta lección, crearemos
la maldición, su proyecto. Como siempre, creamos
una nueva composición. Entonces compraré nuevo 1920 por diez
en composición a 24 fotogramas. Dale 10 s y nombra. Con la ayuda de la herramienta Texto, escribimos la palabra Animación. En este caso, estoy usando
la web como nuevas firmas, pero puedes usar tu favorita. Voy a modificar el tamaño
un litro, dejándolo blanco. Y sin trazo. Perfecto. Hacemos clic derecho sobre la capa de texto y hacemos
clic en precomponer Le damos un nombre y pulsamos
en Aceptar. Con un doble clic, ingresamos una nueva composición
que hemos creado. Exactamente el mismo proceso que hicimos en las lecciones
anteriores. Hacemos clic en la opción de región de intereses y creamos
un rectángulo alrededor del impuesto. Y vamos a composición, cultivo Comp a Región de interés para ajustar el tamaño de la composición. Al igual que en la lección anterior, vamos a proyectar una
composición para trabajar más rápido, seleccionamos el hecho de
reptil CC de los textos una capa y lo copiamos con un Control C o
Comando C en Mac A continuación, pasamos al
proyecto de composición tres. Seleccionamos la composición
de los textos y con Control V o
Comando V en Mac, pegamos el efecto. También podemos reutilizar el fondo
del proyecto anterior. Para ello, vamos a proyectar dos y copiar el fondo de la
capa. A continuación, volvimos a proyectar tres y pegar el fondo. Por último, lo arrastramos por debajo
del resto de las capas. Aprender a reutilizar
materiales para trabajar manera eficiente y ahorra tiempo es esencial cuando
te dedicas profesionalmente a
crear animaciones todos los días. Esto puede significar un importante
ahorro de tiempo. Ahora, vamos a crear
una capa de ajuste. Vamos a capa, nueva capa
de ajuste. Recuerda arrastrarlo por encima
del resto de las capas. Y con la
capa de ajuste seleccionada, vamos a Efecto esta
puerta onda warp. Desde los Controles de Efectos
configuramos el hecho. Lo más importante es
eliminar la animación que
se crea automáticamente. Para ello, vamos a la
velocidad de ola y la ponemos a cero. Perfecto. Después editamos el
resto de los valores hasta obtener los resultados
deseados. La idea es aumentar el valor de las ondas
se comportan y el ancho de onda. Hasta obtener los resultados
deseados. Podemos dejar la dirección
tal como está a los 90 grados. Se puede jugar con los diferentes valores para
crear diferentes resultados. Este es un Efectos muy
intuitivo, muy fácil de configurar. Así que no tengas miedo y
prueba cosas diferentes. Necesitamos aplicar otro hecho para evitar el error
en la utilidad de efecto
go-to de Edison ,
crecer límites Lo arrastramos y aumentamos el valor de píxeles sobre el
problema se corrige. Bien, casi lo tenemos. Necesitamos crear una
ilusión de profundidad para crear una animación mucho más
atractiva. Pero recuerda, y claro, no
tienes ninguna capa seleccionada antes de
crear una forma. Vayamos a una escritura. Seleccione todos. Esta vez vamos
a usar la herramienta pluma. Aplicamos un color negro, fallamos y eliminamos el trazo. Se trata de aplicar el sentido
común y crear una forma que defina las sombras que
la bandera muestra de forma. Así es perfecto. Vamos a Desenfoque de Efecto y
Afilar Desenfoque gaussiano. Y aumentamos el valor de
borrosidad hasta 200, por ejemplo Terminado, podemos reducir la
opacidad al 40 por ciento. Ahora mismo el desenfoque se ve raro. Bien, entonces para resolverlo, vamos a desactivar
el cuadro de píxeles de borde repetido Ahora es mucho mejor. Finalmente chicos, con
la capa seleccionada, duplicamos dos veces y colocamos las
sombras a lo largo de la bandera. Voy a
duplicarlo una vez más. Y lo ponemos
del lado izquierdo para tener sombras
en todo el diseño. Y como siempre, vivimos la parte
más fácil para el final, animando la posición
de los textos Para ello, creamos
un fotograma clave en la posición al
inicio de la línea de tiempo A continuación, avanzamos hasta el final de la composición y movemos
el texto horizontalmente. Y voilá, ¿ya tenemos lista
nuestra tercera Animación?
8. Proyecto 4: Hola a todos. Es momento de trabajar en el curso. Último proyecto de todos los que hemos realizado durante el curso. Este es mi
proyecto favorito porque nos
permite crear distorsiones
personalizadas Como siempre, vamos a crear una nueva composición con el
proyecto cuatro carpeta seleccionada, abriendo un nuevo 1920 por diez en
composición a 24 fotogramas, me
dio 10 s y
nombrarlo proyecto cuatro. Esta vez vamos a
escribir la palabra Tipografía. De nuevo, voy a
usar una fuente Poppins. Voy a cambiar la talla. Dejamos la sensación
amplia y sin trazo. Perfecto. Hacemos clic derecho en la capa de texto y
seleccionamos precomponer Le damos un nombre y damos clic en. Bien. Y con un doble clic, entramos en una nueva composición. Nosotros hemos creado. Hacemos clic en la opción de región de intereses y creamos un
rectángulo alrededor de los textos. Y vamos a
Composition Crop cup, dos regiones de interés para
ajustar el tamaño de la composición. Hasta el momento es el mismo
proceso de siempre. Ahora, ve a proyectos de composición. Uno en, pero en este caso vamos
a reutilizar a Efectos. En lugar de uno. Seleccionamos el efecto de degradado de cuatro
colores en Y sosteniendo la tecla Mayús, también
seleccionamos el efecto rápido
CC. Después los copiamos con
polémica o CMAC común. Ahora vamos a los
proyectos de composición para seleccionar la composición después de impuestos y con Control V o Comando sea no, pagamos digamos Efectos Tan simple como eso. Voy a modificar
la posición de
los colores tan adaptados
a estos textos. Perfecto. Ahora es mucho mejor. También vamos a
crear el fondo. Vamos a Capa, Nuevo Sólido. Nombramos la capa, aplicamos el color deseado
y damos clic en Bien. Terminado. Arrastramos la capa
debajo de la capa de texto. Perfecto. Ahora creamos
una capa de ajuste. Y como siempre, la colocamos
encima de las otras capas. Y con la
capa de ajuste seleccionada, vamos a Efecto
distorsionar malla Los efectos mesh warp
nos permiten crear increíbles, personalizar
completamente
sus formaciones. Solo necesitamos hacer clic en una
de las intersecciones que forman las líneas de malla y arrastrar
para crear las deformaciones En este caso, prefiero reducir la complejidad del efecto
para obtener un resultado más limpio. Para ello, voy a reducir a dos
el número de filas
y columnas. Y hemos deseleccionado Efectos. Voy a crear
una deserción personalizada. Genial, creo que se
ve bastante bien. Te animo a que experimentes. Puedes crear formas de fuentes em muy
interesantes. Al igual que en las lecciones anteriores, creamos una ilusión de profundidad para que nuestro proyecto
se vea aún mejor. Y lo vamos a crear
con la herramienta pluma. Pero antes de continuar
vamos a Editar, deseleccionamos todas para asegurarnos de que no
tenemos ninguna capa seleccionada Selecciona la Herramienta Pluma, deja el campo negro
y elimina el trazo. Ancho, crea una forma que
nos ayude a generar el efecto de profundidad. Recuerda, se trata de
aplicar el sentido común y crear una forma que defina la forma
de nuestra distorsión. Vamos a ajustar un poco
esta forma para
que se vea mejor Bien, eso está bien. Lo siento, me acabo de dar cuenta
que lo hice al revés. Tenemos que quitar el campo y aplicar un trazo de color negro. Bien, esto es perfecto. Aumentemos el tamaño del trazo. Y aplicamos una opacidad del 60%. Para terminar de crear
los Efectos de profundidad, vamos a Desenfoque de Efecto y
Afilar Desenfoque gaussiano Y aumentamos el
valor de borrosidad igual que en un
proyecto anterior hasta 200, y desactivamos el cuadro de píxeles de borde
repetimos Esto es perfecto. Ha llegado el momento de
animar el último proyecto. Para ello, seleccionamos la
composición con un texto y creamos un fotograma clave en la posición al
inicio de la línea de tiempo A continuación, avanzamos con el final de la composición y movemos el texto horizontalmente y listo. Me encantaron los resultados finales
9. Renderización : Ahora que tenemos
nuestros proyectos listos, podemos exportarlos. Teniendo en cuenta que
la composición actualmente
tenemos abierta
será exportada. Para estos, vamos
a Composición y seleccionamos agregar a Adobe
Media Encoder. Media Encoder nos ayuda a explorar
proyectos de manera más eficiente. Primero, elegimos el códec. En este caso,
vamos a usar H 264. Explora el video en MP4, el
formato más utilizado para la web. En cuanto a la resolución de salida, podemos elegir la
opción Match Source, High o medium bitrate para evitar errores y exportarla en el mismo tamaño
que hemos trabajado en el proyecto Por último, elegimos
la ubicación para exportar el video y
darle un nombre al archivo. Finalizado haz clic en el botón
Reproducir aquí. Y con estos,
todo estará listo. Una vez finalizado el proceso, puedes abrir tu
video y compartirlo con todos nosotros en la galería del proyecto del
curso. Tengo muchas ganas
de ver su trabajo
10. Reflexiones finales: Enhorabuena por
completar el curso. Estoy muy feliz de tener en su guía a lo largo de
este viaje. No puedo esperar a verte poner en
acción todo lo que
has aprendido creando tus
animaciones desde cero. Por favor, no olvides
compartir tu proyecto en la galería de proyectos o
etiquetarme en tus publicaciones de Instagram. Estoy súper emocionada de brindarte comentarios para ayudarte a mejorar. Recuerda, practica,
hace la perfección y cometer errores es
solo una parte del aprendizaje. Consulta mi perfil
para obtener actualizaciones sobre nuevas clases y otros cursos relacionados con la
animación. Sus comentarios son valiosos para mí. Así que por favor tómate un momento
para dejar una reseña de las carreras y compartir
tu experiencia con otros. Gracias por formar
parte de esta clase. Y no puedo esperar a
verte en mis otros cursos. Pronto. Sigan con el increíble trabajo