Transcripciones
1. Introducción: Bienvenido a los conceptos básicos
del diseño de movimiento. Te voy a caminar a
través de cómo crear esta animación usando técnicas
básicas. Técnicas como
la escritura sobre efecto, una introducción
al editor gráfico, una introducción a
los animadores de texto y más Tu proyecto de clase será
tomar cualquiera de las técnicas que aprendiste en esta clase y aplicarlo a tu propia animación. No puedo esperar a ver
lo que creas.
2. Para comenzar: Para esta clase, vas
a necesitar Adobe after effects, Adobe Media encoder para exportar. Aquí tienes una lista de fuentes
que utilicé en el proyecto. Aquí tienes algunas ideas para
tu proyecto de clase. Sigue mi animación, o puedes animar tu nombre Crea un tercio inferior, haz tu propio anuncio
o cualquier cosa que quieras. Asegúrate de publicar tu proyecto en
la galería de proyectos para que todos puedan ver
lo que creaste.
3. Introducción a Adobe After Effects(lección opcional): Para que tu
pantalla después del efecto se vea como la mía, ve a Espacio de trabajo de ventanas
y selecciona Predeterminado. Si alguna vez te falta un panel, recuerda
siempre
que puedes encontrar cualquier panel que necesites
en la pestaña Ventana. Digamos que te falta
el panel de composición. Ir a Ventana. Desplázate hacia abajo en la lista hasta
encontrar Composición. Vaya a Archivo, Configuración del proyecto, Hora, Estilo de visualización
y seleccione Marcos. Haga clic en Nueva composición. Se puede cambiar el nombre
de la composición. Se puede cambiar el tamaño. Puedes cambiar la velocidad de fotogramas, cambiar la duración
de la composición, elegir un color de fondo. Aquí arriba en la parte superior
de la pantalla, puedes encontrar tu herramienta de
rectángulo. Para crear el rectángulo, simplemente
puedes
arrastrar con el ratón, puedes cambiar el color de relleno,
cambiar el color del trazo. O puedes deshacerte del trazo cambiando este valor a cero. Aquí está la sartén detrás de la
herramienta, esta cosita. Aquí está el punto de anclaje. Un punto de anclaje es desde donde se animará la
capa. Esto tendrá sentido
más adelante en la clase. Con la capa seleccionada presione para que aparezca la propiedad
position. Al cambiar estos dos valores, se
puede mover el rectángulo. Haga clic en el botón Cronómetro. Al lado de la posición,
coloca un fotograma clave en la línea de tiempo para moverse a
través de la línea de tiempo Simplemente arrastre el cabezal de reproducción, vuelva a
cambiar el valor. Esto coloca otro
fotograma clave en la línea de tiempo. Presiona la barra espaciadora para
previsualizar tu animación. Se puede ver cómo
se mueve el rectángulo entre estos
dos fotogramas clave. Puedes mover tu fotograma clave simplemente arrastrándolo
por la línea de tiempo Lo que esto hace es que cambia
la velocidad de la animación. Casi olvido mencionar
que si quieres
recortar tu área de previsualización, presiona N, puedes seleccionar ambos
fotogramas clave y presionar nueve para facilitar ya que hace que la animación sea
un poco más suave. Y vamos a ir dentro
del editor de grafos para simplemente
mostrarte lo que hace. Este de aquí es el botón del editor
gráfico. Una vez dentro del editor de gráficos, haga clic en este botón en la parte inferior y elija Editar gráfico de velocidad. Para esta clase,
vamos a estar usando el gráfico de velocidad porque encuentro que es mucho más fácil para los principiantes
seguir junto con. Arrastrando los manejadores aquí, puedes cambiar la
velocidad de la animación Ya ves cómo afecta a la
velocidad del rectángulo. La forma de esta
curva indica que la animación comienza
rápido y termina lento. Puedes localizarlo aquí al lado la herramienta pluma. Haga clic en cualquier lugar. Escriba su texto. Por aquí en el panel de
personajes es donde puedes cambiar casi
cualquier cosa que quieras. Se puede cambiar la
fuente, cambiar el tamaño, cambiar el color, dis, centrar el texto en el
centro de la composición. Ir al panel alineado
Los animadores de
texto se
pueden encontrar
abriendo la capa Al hacer clic en este botón
junto a Animate. Seleccionemos, vamos a diez
fotogramas en la línea de tiempo. Haga clic en el cronómetro, regrese al comienzo del tipo de línea de tiempo,
un valor de cero Ahora agreguemos una posición. Ir a diez fotogramas
en la línea de tiempo. Haga clic en el botón del cronómetro, regrese al comienzo
de la línea de tiempo Escriba un valor de 50
en la posición y. Ahora seleccione los fotogramas clave. Haga clic en nueve para facilitar la facilidad. Otra cosa que
quiero mostrarte cómo hacer es usar la herramienta pluma. Puede encontrar la herramienta pluma
aquí al lado de la herramienta rectángulo. Al hacer clic en los puntos y
arrastrar estos manejadores, puede crear una forma
igual que la herramienta rectángulo Se puede cambiar el color de relleno. Puedes deshacerte del relleno haciendo clic aquí y haciendo clic en ninguno. Cambia el tamaño del trazo, cambia el color del trazo. Puedes editar tu línea. Al hacer clic en estos
puntos y arrastrando estos manejadores para dibujar una línea recta, puede mantener presionada la tecla Mayús Una cosa más que me
gustaría mostrarles es cómo formar dos
capas juntas. Al hacer clic en este botón
Pick Whip y arrastrarlo a
la otra capa Ahora está apadrinado. Ahora cuando mueves una capa, la otra capa
debe moverse con ella. Eso es esencialmente lo
que quería mostrarte. Ahora podemos empezar a animar.
4. Anima la lata: Para comenzar a animar,
vas a tener que abrir el archivo del proyecto Ir a archivo, Proyecto Abierto. Localice el archivo del proyecto, asegúrese de estar dentro de
la composición correcta. Si no estás dentro de
la composición correcta, puedes localizarla en Main Composition Skill
Share, Class Animated. También voy a incluir una versión terminada de la clase. Siéntete libre de
mirar eso también. En esta primera lección,
vamos a animar la lata. Con la capa de lata
seleccionada presiona P, haz clic en el botón del cronómetro para colocar un fotograma clave
en la línea de tiempo Arrastre el fotograma clave
sobre unos 15 fotogramas. Ahora para mover la lata hacia la izquierda al inicio
de la línea de tiempo, arrastre la posición X, mueva la lata hasta la izquierda hasta que esté
fuera de la pantalla. Esto coloca otro
fotograma clave en la línea de tiempo. Podemos mejorarlo
seleccionando ambos fotogramas clave,
Presionando nueve, esto hace que la animación sea un
poco más suave Pero podemos hacerlo aún
mejor ingresando al editor de grafos con
su fotograma clave seleccionado, haga clic en el botón del editor de grafos Una vez dentro del editor de gráficos, haga clic en este botón en la parte inferior y elija Editar, Gráfica de velocidad. Arrastre este asa hasta
la izquierda. Ahora vuelve a obtener una vista previa de tu
animación.
5. Anima la línea: Para animar la línea,
vamos a usar una ruta de recorte Alternar hacia abajo la capa de
línea al lado, Agregar Haga clic en este icono y localice Trayectoria de recorte y
desplace hacia abajo la capa de trazado de recorte. Muévase a alrededor de 12 fotogramas
en la línea de tiempo, ponga un valor inicial del
50% y el valor del 50% Haga clic en el
cronómetro a un lado Para comenzar a terminar, muévase
alrededor de diez fotogramas, ponga un valor inicial de cero
y un valor N de 100. Seleccione todos los
fotogramas clave y haga clic en nueve.
6. Diapositiva en texto: Ahora vamos a animar
la diapositiva en texto. Ir a alrededor de 35 fotogramas
en la línea de tiempo. Haga clic en la capa de
texto inferior y presione P. Haga clic en el cronómetro para colocar un fotograma clave
en la línea de tiempo Volver a alrededor de 20
fotogramas en la línea de tiempo. Ahora arrastra el texto hasta que
esté justo por encima de la línea. Seleccione ambos fotogramas clave y haga clic en nueve Cabeza dentro
del editor de gráficos y arrastre este
manejador hacia la izquierda. Para hacer
invisible el texto por encima de la línea, vamos a usar un mate. Crea una nueva
capa rectangular justo encima de la línea. Mueve la nueva
capa rectangular justo encima la capa de texto usando la alfombrilla de
pista, Pick látigo Arrástralo a la capa de tapete. Haga clic en Invertir Mat. Ahora el texto se anima
fuera de la línea.
7. Animator de texto: Para animar el texto del medio, vamos a usar un
animador de texto alternar hacia abajo
la capa de texto junto a Animate la capa de texto junto a Haga clic en este icono y
elija la posición
del tipo de lista en un valor
de 85 en la posición y. Desplace hacia abajo la capa selectora de
rango escriba un valor de 100 negativo en el desplazamiento y
haga clic en el cronómetro Mueva más de 30 fotogramas en la línea de tiempo y ponga un valor
de 100 en el desplazamiento. Ahora tiene dos fotogramas clave en la línea de tiempo debajo de
la capa avanzada. Cambie la forma para
subir y escriba un valor
de 90% en la facilidad baja usando la pista.
Matt, elige látigo, arrástralo a la capa loca
8. Anima el brazo: Ahora vamos a
animar el padre del brazo, la del pulgar a la capa de la mano
usando el látigo de pico Selecciona la capa de mano y asegúrate de que tu punto de
anclaje esté en el punto correcto con la capa de
mano seleccionada presionando. Para abrir la rotación, haga clic en el icono del cronómetro a 20 fotogramas en la línea de tiempo Mueva más de 25 fotogramas en el tipo de línea de tiempo en un valor de 75
en la rotación. Mueva más de 15 fotogramas en el tipo de línea de tiempo
en un valor de cero. Seleccione los tres fotogramas clave. Presiona F nueve, ahora
dirígete al editor de grafos. Arrastre este asa hasta
la izquierda. Haz lo mismo con este asa. Ahora arrastra este asa todo
el camino hacia la derecha. Y haga lo mismo para
el último manejador a 20 fotogramas en la línea de
tiempo padre, la capa de lata a la
capa de mano usando el pickwick
9. Una técnica fácil de escribir en: Ahora vamos a hacer lo correcto
al efecto. Seleccione la capa de texto. Seleccione su herramienta de pluma. Ahora vamos a dibujar una
serie de líneas sobre nuestro texto. Para crear una nueva línea, simplemente haga clic fuera de las capas y luego vuelva a hacer clic en la capa. Asegúrate de dibujar las líneas en el orden que quieras que se
animen en efectos y presets Búsqueda de ictus. Este va a ser el efecto
que impulse nuestra animación. Elige revelar
imagen original en el estilo de pintura. Cambiar el tamaño del pincel a diez, dureza del
pincel a 100% Asegúrate de hacer clic en todas las
máscaras alrededor de 1 segundo, cinco fotogramas, hacer clic en
el final Cronómetro, pasar a 15 fotogramas
en la línea de tiempo, escribir 0% Al final, selecciona ambos fotogramas clave, haz clic en nueve y entra en
el editor de gráficos, arrastra este manejador hacia la izquierda
10. Fondo: Ingresa la
capa de fondo haciendo doble clic. Seleccione una de las capas de hoja. Presione R para que aparezca la propiedad de rotación al
comienzo de la línea de tiempo. Presione para cronómetro, Avanza diez fotogramas
en la línea de tiempo Cambia el valor de rotación,
por mucho que te guste. Avanzar otros diez
fotogramas en la línea de tiempo. Copie y pegue el
primer fotograma clave seleccionando el fotograma clave, presionando control y control V. Ahora seleccione los
tres fotogramas clave. Control C, control V. Ahora repita este proceso hasta que fotogramas
clave cubran
toda la línea de tiempo. Seleccione todos los fotogramas clave, haga clic con
el botón derecho, seleccione
alternar, mantenga presionado el fotograma clave Repita este proceso hasta que
todas las capas estén animadas.
11. Exportación: Aquí tienes un
tutorial rápido sobre cómo
exportar tu animación
en la línea de tiempo. Haga clic para recortar su comp. Esta es la duración de tu animación
a la hora de exportar. Ir al archivo Exportar Agregar
a Adobe Median Coder. Una vez que Adobe Median Coder esté abierto, haga clic en cualquiera de estos enlaces
para mostrar las propiedades Al lado de Formato Elegir
0.264 Al lado de preset, puede elegir cualquiera
de estos presets que Adobe haya creado Voy a elegir Youtube, diez Ep, full HD. Al lado del nombre de salida,
puedes escribir tu nombre y dónde
vas a exportar. Luego haz clic en Bien. Haga clic en la flecha
verde para exportar.
12. Conclusion: Y eso es casi todo. Asegúrate de publicar tu proyecto en
la galería de proyectos para que todos puedan ver
lo que creaste.
Tyler Bennett, Motion Graphics Designer
