Transcripciones
1. Introducción: [ MÚSICA] ¿Eres un diseñador
gráfico que quiere experimentar
con la animación, quieres subir de nivel tus habilidades de diseño para
darle un toque de magia a tu trabajo? Agregar movimiento a tus diseños trae nueva emoción
y significado a tu trabajo mientras se
mantiene al día con las últimas tendencias de marketing y redes
sociales. Soy Carolyn, una diseñadora gráfica que siempre está buscando
aprender nuevas habilidades, técnicas y softwares
para ayudar a mejorar las habilidades de diseño que he
estado practicando desde hace años. Al inicio
de la pandemia
decidí enseñarme
animación por fin. A pesar de que realmente
me sacó de mi zona de confort fue intimidante y aterrador aprender por completo
una nueva mentalidad. Fue realmente gratificante y
aportó mucho valor a
mis habilidades de diseño y me dio una nueva habilidad que puedo usar
en mis proyectos todos los días. Por eso me estoy
rompiendo y compartiendo los consejos que
aprendí y me pareció más útil en mi viaje de
animación contigo en esta clase. Aprenderás a escribir un sencillo
guión y guion gráfico tus ideas. Utilice un proceso de diseño aerodinámico. Los visuales personalizados de anime aplican estas nuevas habilidades y
otros proyectos creativos. Para ensuciarte las manos
en la animación hoy
vamos a hacer un proyecto súper
corto de clase fácil que sólo va a ser un video educativo de 15
segundos para
ayudarte a aliviarte y sentirte confiado en tu nuevo
habilidades de animación. Esta clase es para creativos con un fondo de diseño que quieran
agregar una habilidad casi esencial, animación a su kit de herramientas de
diseño. No se
requieren conocimientos previos de animación pero
necesitarás acceso a Adobe After Effects e Illustrator para
comenzar con nuestro proyecto. animación puede parecer
realmente complicado e intimidante pero por
eso estoy aquí para brindarte
las herramientas necesarias para
ayudarte a sentirte seguro
con tu nueva habilidad. Proporcionaré una introducción
a la
lección de After Effects para darle la bienvenida
a la aplicación, una hoja de trabajo guiada para
presentarte la mentalidad de animación y los consejos y procesos
que necesitarás para construir su conocimiento de
gráficos en movimiento. Cuando hayas terminado con la
clase habrás aprendido tantas nuevas
habilidades esenciales de
narración y animación que
solo subirán de nivel tus habilidades de diseño
gráfico tradicional que ya tienes. Vamos a divertirnos y movernos. [ MÚSICA]
2. Proyecto: Tu proyecto de clase
hoy será crear un
video educativo animado súper simple y corto de
15 segundos para enseñar a tus compañeros de clase algo en
lo que eres un experto o algo que te
apasiona y quieren concienciar a. Pasaremos por los
siguientes pasos digeribles. Primero, mira algunos videos de
ejemplo para tener una idea de en qué dirección quieres tomar
tu propio video. Entonces harás
algunos bocetos y notas en tu
hoja de trabajo guiada que te
proporcionaré para presentarte
la mentalidad de animación. Entonces te animarás a través de
un
proceso aerodinámico paso a paso para facilitarte
en tus nuevas habilidades. Entonces nos vamos a
divertirnos, por supuesto, jugando con tus nuevas
habilidades y crear tu video de 15 segundos que puedas compartir con tu red. Cuando hayas terminado,
vas a subir tu proyecto de video y todas tus notas que te llevaron hasta la sección de galería del proyecto. Todo lo que necesitas para
empezar en este proyecto es la hoja de trabajo guiada
que proporcioné o un
pedazo de papel y
lápiz en blanco y luego acceder a Adobe After Effects
y Adobe Illustrator. como mencioné, proporcioné
una hoja de trabajo guiada aquí en la sección de proyectos
y recursos. Usa esto para escribir tu guion gráfico
corto tus ideas y hacer notas medida que inicias tu proyecto de video. No puedo esperar a ver cómo
exploras la animación y aprendes de ti en tu
video educativo. Empecemos.
3. Tendencias y ejemplos: [ MÚSICA] Antes incluso de
saltar a tu proyecto, quiero compartir contigo algunos videos
de ejemplo de lo que quiero decir, cómo incorporas la
animación a los videos, cómo animas
tu trabajo de diseño, y diferentes formas en las que puedes contar una historia a través de
tu animación. En este primer ejemplo, animación muestra
cómo funciona un producto mostrando cómo funciona este
juguete para perros para el perro, y luego animando en algunos puntos de bala que explicaron los beneficios
del producto. Este ejemplo en el sitio web de
Pentagram muestra cómo un usuario puede desplazarse hacia abajo en un sitio web y cómo debe aparecer
el diseño a
medida que se está desplazando. Es así como los diseñadores pretendieron ver el sitio web
. En este siguiente ejemplo se muestra cómo animación puede llevar
conciencia a una causa. Este breve video en Instagram
muestra solo texto y video, súper simples, pero las
palabras se animan en, y es un poco
más dinámico que solo leer subtítulos aburridos. Aporta más acción y significado al
contenido de video que se está mostrando. A continuación se presenta animación para visualizar
datos y estadísticas. Los datos pueden ser muy complicados, y esto es solo
una mirada a cómo los diseñadores
diseñaron los datos. Se mueve bastante rápido, pero la idea es mostrar los datos de una manera muy
dinámica en movimiento. Entonces este último ejemplo
es animación para educar tus espectadores explicando
un concepto o un tema. Este es en realidad un video de TED-ed que explica qué es el trastorno
bipolar. Hace un trabajo realmente genial visualizando los
conceptos que se están hablando en este formato de
voz sobre narrativa. ¿ Te puedes pensar en
algún video de ejemplo que realmente te llamó la atención? ¿ Por qué te destacan? Tal vez, ¿cómo puedes imitar la
animación, y el movimiento, y los efectos que
crearon en tus propios videos? [ MÚSICA]
4. Conceptos de animación: [ MÚSICA] Cuando estás animando, tienes que
pensar en el diseño, el movimiento y el tiempo, y cómo se
unen todos para contar una historia. Veamos un ejemplo
de un archivo de secuelas y veamos cómo estos diferentes
elementos, tiempo, movimiento y diseño se van a
unir en ese archivo solo podamos acostumbrarnos
a los efectos posteriores antes de que nos realmente
entrar en ella más tarde. En este
panel de vista previa donde vemos somos el
motor de descubrimiento de drogas para ALS, ahí es donde realmente te
vas a enfocar en tu diseño y ver todas tus piezas en tu
composición se unen. Entonces te enfocarás en tu panel de capas para
descubrir el movimiento. Por último, trabajarás en tu panel de
línea de tiempo para
averiguar el momento del
diseño y el movimiento. Aquí están los movimientos
básicos muy simples
con los que puedes crear y trabajar en secuelas. Posición, puedes crear
un efecto de rebote, puedes mover tus objetos
alrededor de la composición. También tienes escala. Puedes hacer algo más grande, puedes hacer algo más pequeño, puedes crear este efecto de
zoom, alejar. Entonces tienes rotación, que es donde puedes girar
las cosas alrededor y hacer cosas aparezcan como si
estuvieran rodando. Por último, tienes opacidad, que no es realmente un movimiento, pero básicamente está
creando este efecto de
desvanecerse, desvanecerse para ti. Puedes combinar opacidad,
escala, rotación y posición para hacer efectos
aún más dinámicos
con tu animación. Piensa en cómo
puedes usar la animación para contar una historia
cercana a ti. Empieza a pensar en
el tema que quieres abordar en tu proyecto de video
corto. [ MÚSICA]
5. Guion: [ MÚSICA] Ahora vamos a empezar en el primer paso de hacer
tu video animado, y eso va a
ser para escribir un guión. ¿ Qué hace un buen video
educativo? Cuentacuentos. Tenemos que juntar nuestra
historia antes de que incluso podamos
pensar en el diseño. Aquí hay un formato de ejemplo que
hago mis guiones según. Un gancho, luego un explicador, y por último, un llamado a la acción. Tu gancho es una declaración
que llama la atención. Tu explicador es la información de apoyo
para tu gancho, y tu llamado a la
acción debe decirle gente exactamente qué hacer a continuación. Para mi tema de hoy, me voy a centrar en la ELA. Es una enfermedad fatal de la que no
mucha gente conoce,
así que realmente quiero
explicar de qué es, y conseguir que la gente
aprenda más al respecto. Para mi gancho, voy a escoger una estadística realmente interesante
y discortante. ¿ Sabías que una de cada cuatro
personas desarrollará ELA? A lo mejor alguien no
sabe qué es la ELA. Voy a dar seguimiento a eso
con mi explicador, o mi información de apoyo. Eso es genial,
explica muy concisamente qué es la ELA. Ahora voy a incitar a la gente
a tomar una acción aquí. Les voy a decir
exactamente cómo aprender más, y a dónde ir para
saber más sobre la ELA. Simplemente voy a decir, aprender más en www.als.net , y eso es todo. Este será el
guión perfecto para mi video de 15 segundos. Es super corto, directo al grano, y realmente tiene un
buen gancho, creo, tiene una buena
información de apoyo, y luego le dice a la gente
exactamente a dónde ir al lado para saber
más información. Quieres mantener tu historia y tu guión realmente
corto y dulce. Este es solo un video de 15 segundos, por lo que no quieres
escribir una novela entera aquí. Este es casi un video
de intro
teaser sobre el tema que
estarás eligiendo. Ahora es tu turno. Saca tu hoja de trabajo, y prueba una lluvia de ideas sobre
tu tema y lo que
quieres decir sobre ese
tema en formato de script. Piensa en qué
eres un experto, en lo que te apasiona. continuación te presentamos un par de ejemplos de cómo podrías escribir un
guión y algunos temas. Por ejemplo, si
realmente amas el maquillaje. Encuentra tu
tono perfecto de rubor, coincide con el color a tus labios y deslízate sobre las
manzanas de tus mejillas. Después ve más tutoriales en mi canal de YouTube,
Makeup Master. Si tal vez tienes una tienda
Etsy donde vendes
topes personalizados en forma de perro, quieres incluir a tu perro una manera especial el día de
tu boda, pide una figura personalizada de tu perro para usar
como adorno de pastel, y luego visita hoy mi tienda
Etsy. Escoge tu tema
y comienza a escribir tu guión corto en la
fórmula de hook, explainer, y llamada a la acción, antes de que empecemos en tu storyboard en
la siguiente lección. [ MÚSICA]
6. storyboard: [ MÚSICA] Ahora que
tienes tu guión, vamos a bajar a lo que probablemente estés
más emocionado. Eso es lo visual y las
imágenes de apoyo que realmente va a levantar
tu guión y ayudar a contar tu historia
en tan solo 15 segundos. Aquí hay un ejemplo de un cuadro de
guion gráfico con el que he usado para hacer un
video animado con antes. Te voy a mostrar
la progresión de cómo el dibujo y la idea empezaron todo el camino
hasta cómo lo animé. Este marco de guion gráfico solo muestra algún texto que casi actúa como un subtítulo
en la parte inferior. No escribí
toda la línea de texto aquí, pero anoté qué línea del guión
quería decir aquí. Entonces apoyé esa línea
del guión con
imágenes por encima de él. Utilicé colores aquí para notar cómo
quería que los elementos se
mudaran al marco, salieran del marco, y luego se muevan dentro del marco. Entonces escribí una pequeña
nota debajo del marco. Se puede ver el
botón de inscripción movido de la izquierda, derecha hacia el medio, como lo
dibujé en el guion gráfico. Una vez que el ratón se movió a
su posición sobre el botón de inscripción, quería que creara
un efecto de clic. Entonces cuando todo eso se hizo, el botón de inscripción y el ratón se movieron hacia la derecha
fuera del marco. Dibujar y dibujar
primero tus ideas puede realmente ayudarte a traducir tus
pensamientos e ideas cuando te metes en las etapas
de animación. Quiero que empieces
con tu hoja de trabajo o tu trozo
de papel en blanco y dibujas tus composiciones
y cómo quieres que vean
tus diferentes marcos
en tus videos. Vamos a
empezar con solo usar tres de estos rectángulos. Puedes etiquetarlos 1, 2, 3 si eso te resulta útil. Entonces tu primer marco va
a ser tu frase de gancho, tu segundo marco va a ser tu frase explicativa, y luego tu tercero
va a ser tu sentencia de llamada a la acción. Básicamente, lo que quiero que
hagas es simplemente tomar lo que escribiste en tu guión
y usar eso aquí. Voy a mantener mi
guión muy cerca y referirme a eso ya que estoy empezando a bosquejar cómo quiero que se vea
mi video. Quiero que escribas tu guión realmente grande
en tu composición. Asegúrate de que tu
texto esté dominando tu composición y esté realmente alto en tu jerarquía de
diseño aquí. Entonces puedes entrar y
agregar visuales de apoyo. Tengo aquí mi estadística, mi de cada 400 personas y creo que
quiero visualizar eso. Para que así la gente pueda leerlo y luego pueda ver lo visual y reforzar el de 400
número que están leyendo. Voy a dibujar a una persona que está en el centro
de mi composición aquí. Entonces creo que sólo voy
a copiar a este tipo, una vez que vaya a la computadora, será muy fácil. Básicamente, sólo tiene que añadir
400 copias de él. Entonces voy a pasar a mi segundo fotograma y
hacer lo mismo. Mi texto va a ir
justo en el centro. Va a ser grande. Vuelve
a retomar mucha de la composición, igual que lo hice en
el primer fotograma. Pero entonces voy
a cambiar alrededor los visuales para otra vez, representar esta línea del guión. Es un poco difícil ilustrar músculo neurodegenerativo
progresivo, todas esas cosas. Voy a tratar de mantenerlo
muy conciso como mi guión. Voy a tener otra vez a
un
chico figura de palo y luego
voy a hacer un
tipo similar pero en silla de ruedas. Eso ojalá
consiga la parálisis, debilidad
muscular a través
de esta visual. Entonces creo que quiero
tratar de representar aquí
la línea progresiva agregando tal vez en gradiente y tal vez empieza oscuro en el fondo y luego se vuelve más ligero y más
ligero con el tiempo. A lo mejor animo eso
para que se mueva. Es realmente claro que algo se está moviendo
en esa dirección. Aquí tengo mi llamado a la acción. Creo que voy a mantenerlo
súper simple y tal vez ni siquiera añadir ningún visual aquí
para ayudar con eso. Yo sí incluí otros marcos aquí. Puedes hacer, por ejemplo, un logotipo rápido o algo
al final que viene
después de tu llamada a acción que puede ser se
desvanece simplemente muy rápido. Realmente no cuenta
como parte de tu guión. Es sólo un visual súper corto. Al igual que en cualquier
otro proyecto de diseño que quieras
pensar en la composición. En tu storyboarding
asegúrate de que cada pequeño rectángulo en el
que estás dibujando
sea su propia composición. Quieres que esas
composiciones se
reúnan al final
para contar una historia. Eso es lo que creo que es un
poco especial y más desafiante sobre el
video y la animación, es que
hay que hacer varias imágenes para construir para contar
una historia cohesiva. Eso es en lo que quiero que te
concentres mientras estás storyboarding. Ahora que tenemos nuestras
composiciones de storyboard dispuestas y
estamos contentos con ellas, en realidad
vamos a hacer notas sobre cómo pensamos que queremos que estas cosas se
animen dentro de los marcos. Me gusta hacer eso agarrando
tres lápices de colores o marcadores o algo para
anotar diferentes movimientos. Voy a hacer una pequeña
llave para mí por aquí. Voy a hacer que el azul
esté entrando en marco. Porque tenemos que
transitar todos
estos de un fotograma
a otro a otro. Tienes que pensar en
cómo se van a
mover las cosas dentro y fuera de tus marcos. Voy a decir fuera de marco. Nuevamente, solo haz tus
notas rápidas en los márgenes aquí. Entonces el amarillo que me gustaría
usar para el interior del marco. Porque realmente no interrumpe tus imágenes dentro del marco porque
el amarillo
es un color tan claro. Básicamente, creo que
quiero que la posición empiece no completamente
fuera de la página, sino solo ligeramente a la izquierda. Entonces quiero que mi texto se desvanezca. Quiero combinar los dos
movimientos de la posición y
la opacidad puede desvanecerse y
moverse un poco adentro. Voy a escribir una pequeña nota a continuación en mis márgenes aquí. Voy a decir muévete y desvanecerse. Ahora voy a
pensar en cómo quiero que las cosas se muevan dentro de mi marco. Básicamente, quiero
enfatizar este,
uno de cada 400 tipo. Sólo quiero que básicamente crezca o escale de todos estos
chicos a su alrededor. Voy a decir escalar. Entonces cómo se mueven
fuera del marco. Creo que sólo quiero que todo
esto se caiga. Todo este marco
va a parecer que sólo se está cayendo. Entonces ahora que he establecido mis movimientos consistentes que
quiero con mi fade
in y me muevo, voy a usar ese movimiento
y repetir ese movimiento consistentemente en
todos mis fotogramas. Eso va a ser
agradable empatar esta historia y simplemente hacer el foco en tu texto
y tu mensaje, y no en alguna
animación dinámica loca, movimiento funky. Realmente se trata de tu
mensaje y tu historia, no de algún efecto raro loco
que estás tratando de hacer. Tengo mi guión, tengo mi storyboard, y todas mis notas sobre cómo
quiero que los elementos de mi storyboard se muevan a lo largo mi animación una vez que
llego a mi computadora. Si estás trabajando en un proyecto de
animación con un equipo, es realmente útil
e importante para storyboard porque
así es como
compartes y comunicas tus ideas antes de que incluso
empieces en el computadora. Termina tu storyboard, escribe cualquier nota que necesites
recordar antes de
entrar en la computadora. Pasaremos a
la siguiente lección y comenzaremos a diseñar tu video. [ MÚSICA]
7. Diseña tus recursos en Illustrator: [ MÚSICA] Ahora que
tienes tu storyboard,
empecemos a diseñar. Antes incluso de
entrar en After Effects, el siguiente paso que
me pareció realmente útil en este proceso es
construir todos sus activos
en Adobe Illustrator. Eso va a ser
importante porque en After Effects es
realmente difícil dibujar cosas para construir ilustraciones realmente
complicadas. Es necesario preparar
todo eso y todos esos expedientes
antes de tiempo. Si no quieres dibujar gráficos
vectoriales o
ilustraciones en Illustrator, siéntete libre de omitir esta lección
y recoger otras fotos o metraje de
video que puedes usar como visuales en tu
video. Vamos a crear
nuestro nuevo archivo Illustrator en el formato de película y video. Eso es 1,920 píxeles de ancho
por 1.080 píxeles de altura. Vamos a crearlo
un nuevo nombre para nuestro archivo, y luego todo el resto de los presets deberían
ser buenos para ir. Abre eso y
crea tu nuevo archivo. Si realmente te estás
preparando para hacer una enorme animación de video, podría ser útil hacer una lista de verificación
de todos los pequeños iconos, todos los activos visuales
que necesitarás para preparar antes de
empezar a animar. Necesitaría crear a
mi pequeñito y el primer marco y luego versiones
más pequeñas de eso. Necesitaría crear
la figura de palo completo y
luego la figura de silla
de ruedas también. Entonces porque
quería que ese degradado se moviera en segundo plano, creo que voy a crear
eso en Illustrator. Agregaremos nuestras capas de texto en la siguiente lección
y After Effects. De esa manera sólo
será más fácil editar si necesitamos hacer algún cambio. Tienes tu lista ya sea
anotada o en tu cabeza de todos los componentes
que necesitarás hacer. Simplemente entra en
Illustrator y empieza a diseñar todos
esos elementos. Una cosa en la que tendrás que
pensar es en cómo
quieres que las piezas se muevan
separadamente unas de otras. Por ejemplo, si tengo una ilustración de tarro y
en mi video quiero que mi tarro se separe de la tapa o quiero
parecer que estoy quitando el plomo. Necesito hacer el
tarro y la tapa dos piezas separadas
para que así puedan
separarse cuando las estoy
animando. Ahora tengo todos
mis elementos que ya escribí
en mi storyboard. Ahora voy a organizarlos. Todos están en capas separadas por lo que puedo llegar a ellos fácilmente como componentes individuales
en After Effects. Este proceso se
trata de las capas. Sólo voy a
copiarlos y pegarlos en sus propias capas. [ MÚSICA] Entonces todos estos deben ser su
propia capa de nivel superior. No hay nada
escondido debajo de ellos. Me siento confiado
en llevar esto a After Effects en
la siguiente lección. Si quieres crear
algo que sea un poco más dibujado a mano o sensación natural, siempre
puedes dibujar en tu
iPad y Adobe Fresco, y luego llevar tus
ilustraciones de tu iPad a
Illustrator y organízalos de la misma manera que estamos hablando de
organizarlos en cada capa. Una vez que hayas terminado de diseñar
tus activos en Illustrator, vas a asegurarte de que
todo esté organizado y triple-check antes de
traerlo a After Effects. Para ello,
quieres asegurarte de que cada pieza individual de tus ilustraciones esté
en diferentes capas. Entonces quieres
asegurarte de que no
haya capas ocultas
dentro de esas capas. Todas ellas necesitan
ser una capa de nivel superior y todas las capas necesitan
ser nombradas apropiadamente. Expande tus formas y líneas para que no
se alteren por la línea. Luego usa la
herramienta Buscatrazos para crear una forma por capa para consolidar
todos tus gráficos. Una vez que hayamos terminado de
crear esas capas, organizar esas capas, y nombrarlas apropiadamente. Vamos a
asegurarnos de que todas
las capas estén encendidas y visibles. Las capas tienen que ser visibles
para que After Effects las reconozca una vez que
importamos ese archivo en un minuto. Asegúrate de tener todos
tus elementos de diseño en tu
archivo de Illustrator y listo para ir en la siguiente lección donde
entraremos en After Effects.
8. Crea tu archivo: [ MÚSICA] La mayoría de las veces de todos modos, construí completamente todo para mis videos animados
desde cero. Estoy construyendo cada
último fondo, un pequeño trozo de
ícono que anima, y estoy escribiendo sobre
un pedazo de texto. Es mucho y puede ser
un proceso abrumador. Vamos a descomponerlo
en pasos fáciles para que puedas estar seguro de
entrar en tu proyecto. El primer paso en
nuestro proceso de animación va a ser configurar
su archivo de After Effects. Primero, vamos a
abrir After Effects e iniciar un nuevo archivo o composición. Vamos a hacer clic en
“Nueva composición” aquí y una ventana llamada Configuración de
composición debe salir para ti. Vas a nombrar
tu composición. [ RUIDO] Vamos a establecer
el ancho a 1920 píxeles, la altura a 1080 píxeles, y de esa manera estamos obteniendo la tradicional relación de aspecto 16:9. El ritmo de fotogramas es de 30
cuadros por segundo. La resolución está llena. Entonces vamos a revisar para ver cuánto tiempo tenemos aquí. Vamos a empezar
nuestro tiempo en cero, sólo para asegurarnos de que
todo diga cero, y luego solo vamos a
hacer aquí un video de 15 segundos. Simplemente póngalo en 0:00:15:00. Entonces solo establece el color de
fondo en blanco, y podemos hacer formas y fondos para cambiar eso
más adelante si quieres. Se ve genial, vamos
a golpear “Okay”, y ahora tenemos nuestra composición
After Effects. Te das cuenta que
hice la composición con Ed Video como título, pero aquí arriba en el proyecto, dice Untitled Project. Antes de que incluso
realmente empecemos, voy a hacer
Comando Shift S o Comando S y hacer
un rápido Guardar como. Ahora, comencemos. [ MÚSICA]
9. Añadir capas de texto: [ MÚSICA] Empecemos nuestro proyecto y después de los efectos simplemente
agregando nuestras capas de texto. Simplemente vamos a
escribir tu guión. Para agregar nuestras capas de texto, vamos a ir aquí en este panel Capas y
vamos a hacer un clic derecho. Entonces en la parte superior aquí
tenemos nuevo texto. Eso nos va a dar
esta nueva capa de texto aquí. Preciosa. Sólo puedo
empezar a escribir aquí. Voy a referirme a mi guión. Sólo voy a
arrastrar esto aquí. Gotham Narrow se ve bien. Voy a hacerlo más grande para coincida con cómo se ve en mi
storyboard que presenté. Mi storyboard, realmente
priorizé el texto en mis visuales porque ese es el tipo de
video educativo que estamos haciendo. Estamos confiando en ese
texto para contar nuestra historia. Escogí la
fuente que quería. Escogí el tamaño
y lo coloqué en mi composición en base al
storyboard que creé. Creo que este texto
podría ser demasiado grande. Necesito hacer espacio para
mis iconos de la gente pequeña, y no sé si
cabrán alrededor de este gran texto. Voy a tratar de
volver a trabajar
un poco ese texto para hacer un poco
más de espacio para las imágenes. Creo que esto se ve bien. Agrega un poco más de espacio para algunas imágenes a su alrededor mientras
aún se centra en el texto. Ahora que tengo mi
primera pieza de gancho de mi guión diseñada
en la composición, simplemente
voy a
duplicar esto para crear mis otras dos
líneas en mis guiones, mi explicador y
mi llamado a la acción. Sólo voy al
Comando C y al Comando V para copiar y luego pegar. Voy a asegurarme de que estoy
en mi segunda capa aquí y luego voy a escribir en la
segunda parte de mi guión. Tengo esto escrito
, pero obviamente, se ve realmente incómodo
y superpuesto. Eso se debe a que estas
dos capas aquí en su línea de tiempo se
superponen entre sí. Básicamente, lo que vamos
a tener que hacer a lo largo todo
este proceso es
reducir las capas, lo que significa que
lo llevaré a esta marca de dos segundos. Eso significa que esta capa durará dos segundos
y luego desaparecerá. Creo que probablemente
va a tomar a la gente más de dos
segundos leer esto. Creo que
le daré cuatro segundos y solo ver cómo va eso. Estos no se superponen, voy a arrastrar esto
a la marca de cuatro segundos. Ahora tenemos nuestra primera capa de texto o un gancho y un guión. Entonces pasa a la parte explicativa
en nuestro guión. Entonces puedo volver a trabajar esta línea en la composición ahora que en realidad puedo
verla correctamente. Me encuentro con
un tema aquí con la segunda línea en mi guión, es significativamente más largo que
mi primera línea en mi guión, que no
me deja mucho espacio para colocar mis
imágenes alrededor de ella. Como pueden ver, estoy
saltando de capa en capa
para asegurarme de que mi
texto sea consistente. Quiero tener un
espaciado similar o del mismo
tipo de tamaño en todas mis capas de
textos para mantener esa consistencia para cualquiera que esté leyendo el video. Ahora voy a añadir mi
llamada a la capa de acción. Nuevamente, una de mis
otras capas de textos, voy a hacer el Comando C, Comando V para copiar y pegar. Sé que
voy a encontrarme este tema con solapamiento, así que voy a hacer click en la segunda capa o en la
segunda línea de nuestro script. Sólo voy a traer
eso y llevar esta tercera capa a 10
segundos, digamos. De esa manera no se
superponen y puedo
trabajar claramente en esta tercera capa
sin ninguna distracción. Tengo mis tres capas de textos en mis scripts integrados en
mi archivo de secuelas. Voy a hacer un
Comando S rápido para salvar. Asegúrate de hacer
eso a menudo para que no pierdas nada de tu trabajo. Una vez que hayas agregado tu texto, asegúrate de reproducir
tu video de nuevo. Ver si cada línea de texto da tiempo suficiente para
una lectura cómoda. Esta cabeza de juego o la línea azul aquí en tu línea de tiempo
fuera al extremo izquierdo, así que estamos en cero en tu video. Entonces vamos a golpear la barra
espaciadora para presionar Play, leer en voz alta tus textos. Voy a decir, ¿sabías que una de cada 400 personas
desarrollará ELA? La ELA es una enfermedad
neurodegenerativa progresiva que conduce a
debilidad muscular y parálisis. Conoce más en als.net. Mi segunda línea cayó
un poco de prisa. Una cosa que noté cuando estaba viendo el video
a través es que, mi segunda capa y mi primera
capa se superponen. Voy a acercar aquí con estos dos pequeños
iconos de montaña en la parte inferior aquí y voy a acercar y simplemente asegurarme de que
estos no estén superpuestos. En este momento no estoy sosteniendo la tecla Shift y
me cuesta
aterrizar justo al
final de esa capa. Voy a mantener presionada mi
tecla Shift y se ajusta bien
a la otra capa. Eso es algo a tener
en cuenta cuando estás moviendo tus capas alrededor
en tu línea de tiempo. Genial. Tienes el inicio
de tu video básico, animación
básica aquí
con tus capas de texto. Ahora, si quisiera un fondo
coloreado, en lugar de solo un
fondo blanco y un texto oscuro, podría hacer clic aquí mismo en mi panel Capas y agregar aquí
una capa sólida. También puede agregar en una capa de forma u otras opciones de capa
aquí, más capas de textos. Pero sólo voy a añadir
en una capa sólida aquí. Pero ya ves que ahora está sentado encima de todas mis capas de texto. Simplemente voy a
arrastrarlo hacia abajo en mi panel de capas hasta la parte inferior. Tendría que ajustar
mi color de texto obviamente, pero así es como se crea
una capa de fondo. Organice sus capas de textos en su línea de tiempo para permitir
esa lectura cómoda. Pasaremos a sumar nuestros otros elementos visuales
en nuestra próxima lección. [ MÚSICA]
10. Importar tus recursos: [ MÚSICA] Genial,
ya has configurado tu expediente. Ya conoces los conceptos básicos de
cómo se
configuran los efectos después y ya has
agregado tus capas de texto. Ahora vamos a dar
un paso más allá e importar el archivo de Illustrator para incluir nuestros otros visuales de
apoyo. Ahora vamos a
volver atrás y agarrar esas capas que
diseñamos en Illustrator. Vamos a hacer eso
subiendo a Archivo, Importación, Archivo. Vamos a encontrar nuestro archivo de
Illustrator, da click en eso. Vamos a bajar
a importar como y queremos
composición y retener tamaños de capa. De esa manera todo
entrará como capas en nuestro archivo de
secuelas. Se ve muy bien, así que vamos a hacer clic en “Crear”
y te darás cuenta aquí en tu
panel de proyecto ahora tienes tu archivo de Illustrator aquí como una composición que
aparece como estas pequeñas formas. Entonces tenemos una carpeta separada con todas nuestras capas dentro. Vamos a hacer click hacia abajo para
mostrar nuestras capas y ahora
podrás ver todas tus capas que diseñaste en Illustrator. Eso se ve genial. Lo que vamos a hacer es
que vamos a hacer clic en tu capa y agarrarla, arrastrarla hacia abajo al
panel de capas en after effects. Ahora ves tu primera capa de
Illustrator. Se ve muy bien pero sí se
ve un poco pixelado. Lo que vamos a
hacer es que vamos a hacer clic derecho sobre la capa, vamos a golpear “Crear”,
crear formas a partir de capa vectorial. Esta es una capa vectorial o
debería estar en tu archivo de
Illustrator. Queremos retener
esas propiedades para
permitirte cambiar fácilmente el color y escalar fácilmente las cosas hacia arriba y hacia abajo sin que el ícono o la
ilustración se desmoronen. Ahora se ha creado una capa
separada y oculta tu capa original de
Illustrator. Simplemente voy a eliminar la capa de Illustrator porque ya
no necesitamos eso, así que voy a
hacer clic y eliminar. Entonces tenemos nuestra
primera capa aquí. Mira hacia atrás tu storyboard y coloca tu primera capa
en la composición, cómo
planeaste originalmente en tus bocetos. Voy a asegurarme de
que esté alineado en el centro pasando al panel de alinear y alinear
las capas a la composición. Ahora se ve genial y centrado así que solo voy a seguir
arrastrando en estas capas de
ilustrador para crear nuevas capas
en mi panel de capas. [ MÚSICA] Tengo todas
mis capas de Illustrator importadas
en mi panel de capas. Los tengo organizados para que
los visuales que van con la primera línea de mi guión
se agrupen aquí. Los visuales que van con mi segunda línea de mis
scripts se agrupan aquí y luego no tenía ningún visual para ir con mi
última línea de mi guión. Al igual que lo hicimos en
nuestras capas de texto, vamos a mover nuestras
capas para que no se superpongan. Recuerde que si mantiene pulsada
la tecla Mayús mientras
mueve sus capas en
su línea de tiempo, se ajustará para que
coincida con sus otras capas. Si tuviera fotos y videos
que quería
importar en efectos posteriores para
usar como mis activos visuales, podría hacerlo de la
misma manera subiendo a Archivo, Importar archivo. Puedo encontrar mis archivos fotográficos o mis archivos de video
y abrirlos. Aparecerán justo con
nuestros otros activos visuales en nuestro panel de proyectos. Entonces simplemente los arrastramos hacia abajo y los juntamos con
el resto de nuestras capas. Arrastraré esto para que
coincida con
el momento de la parte de mi guión con la que
quiero que empareja. Entonces lo colocaré en la composición como
quiero que se vea. Creo que eso agrega un buen poco de información e interés visual
a este texto aquí mismo. Creo que en realidad podría quitar la foto por ahora y jugar
con eso un poco más tarde. [ MÚSICA] Ahora ya puedes ver tengo sólo los
huesos simples de mi video aquí. Es casi como una presentación de
diapositivas o una presentación de PowerPoint. Ahora tenemos que entrar
y suavizar las cosas y sumar en nuestra animación. [ MÚSICA]
11. Cómo añadir animación: [ MÚSICA] Antes de empezar a
animar nuestros videos, echemos un
vistazo rápido a cómo
vamos a agregar animación
en After Effects. Haremos esto cambiando
nuestros controles de propiedad en nuestro panel Capas y usando fotogramas clave en nuestro panel Línea de tiempo. Vas a decirle a
tus capas cómo
quieres que se animen
con propiedades. Esto es algo de
lo que hablamos en la
lección de conceptos de animación con nuestros controles de rotación, opacidad, posición
y escala. En este momento solo se pueden ver sólo estas tres
capas realmente simplemente. Lo que vamos a hacer es
revelar las propiedades. Vamos a hacer click en
esta pequeña flecha aquí, por lo que cae
más información. Vamos a hacer click en Transformar y ahí es
donde vamos a transformar nuestras capas
y sumar nuestras animaciones. Aquí tenemos esas propiedades que mencioné anteriormente y digamos que quería que esto
se moviera ligeramente hacia la derecha. Voy a hacer clic en el icono del
cronómetro para iniciar la animación y eso agrega un fotograma clave en
mi panel Línea de tiempo. Voy a hacer clic en unos
fotogramas hacia fuera porque creo que la animación sólo debe
ser unos pocos fotogramas rápidos. Siempre puedo cambiar esto después, pero voy a agregar
un pequeño fotograma clave. Mi animación
va a tener lugar desde el primer fotograma clave
hasta el segundo fotograma clave, pero no he cambiado ninguno
de los valores aquí con los números o arriba en
el panel Vista previa. No se mueve, no está
haciendo nada todavía. Necesito decirle que se mueva. Quiero que mi texto
termine en esta posición, así que voy a dejar este
fotograma clave aquí en este valor, entonces voy a volver atrás y
con este primer fotograma clave, cambiaré este valor para que sea un poco
más a la izquierda. Puedo hacer eso aquí arriba
en el panel Vista previa, ves que cambió
el valor aquí abajo. Creó esta pequeña línea aquí que apenas se puede ver
apenas, pero debido a que la movía, sacó una línea desde
el punto de anclaje de la capa a donde
quería que se mueva. Ahora voy a jugar esto, cambiar de nuevo para encajar esto aquí, así que se movió apenas un poco
como lo quería. Empezó un poco a la
izquierda y luego se trasladó a la
derecha a donde lo
quiero y donde lo
tenía en la
composición antes. Ahora que tenemos estos
fotogramas clave, este movimiento, y la posición, y nuestro cronómetro encendido, si volvemos a hacer clic en el cronómetro, eliminará todos
sus fotogramas clave. Intenta no hacer clic en el
cronómetro a menos que quieras eliminar todas tus animaciones
dentro de esa propiedad. Si quisiera que esta animación
tardara más tiempo y realmente despacio me mueva
de izquierda a derecha, simplemente
puedo hacer clic en este
fotograma clave y luego moverlo unos fotogramas hacia abajo y ahora
se está moviendo mucho más lento. Todo solo depende del
efecto que vayas a buscar. Si quieres que algo
sea desconcertado y repentino o si
quieres que algo sea suave y relajado. En la siguiente lección,
volveremos a animar con esas
propiedades como
acabas de ver y realmente
entraremos en hacer tu animación. [ MÚSICA]
12. Animar: parte 1: [ MÚSICA] Ahora que tenemos todos
nuestros visuales listos para ir, vamos a movernos. Ahora voy a volver
a mi primera capa de texto. En realidad voy a agregar en esta posición animación aquí, porque hice una nota en mi
storyboard que quiero que todo mi texto se mueva y se desvanezca
de izquierda a derecha. Voy a añadir mi fotograma clave, encender mi cronómetro. Voy a agregar
otro fotograma clave para mostrar dónde quiero que
esto termine. Vuelve a mi fotograma clave original. Simplemente voy a sacar mi
texto un poco a la izquierda. Puedes trabajar en el panel de vista previa
para moverte y crear tu movimiento o
puedes trabajar aquí abajo en el panel de capas y
simplemente mover estos números. Encuentro que los números son un poco más directos a veces, sobre todo cuando estamos creando
como opacidad y escala. Por ejemplo, quiero que esto se
mueva y se desvanezca. Necesito hacer click en mi cronómetro de
posición, agregar esa propiedad a mi moción, y luego agregar la
propiedad de opacidad a mi moción. Hice clic aquí en el cronómetro, y luego quiero que
trabajen al mismo tiempo, así que voy a mantener presionada la
tecla Shift y mover mi juego duro para que esté en ese otro fotograma clave de posición
que hice hace un segundo. Entonces voy a añadir
otro fotograma clave de opacidad. Está en el mismo marco exacto. Estas dos propiedades
cambiarán exactamente al mismo tiempo. Aquí quiero que la
opacidad
sea obviamente 100 por ciento para que la
gente pueda leerla, pero quiero que se desvanezca. Voy a cambiar esta opacidad del
100 por ciento a cero por ciento de opacidad. Ahora ya puedes ver que tengo el
juego duro en cero, cero. Cambio la propiedad por la opacidad y
la posición aquí. No se puede ver porque
la opacidad es cero. Pero si apenas
arrastras lentamente esta jugada con fuerza, verás que la opacidad
cambia con el tiempo. Ahora está al 75
por ciento aquí para llegar
al 100 por ciento que quería
que fuera en este fotograma clave. Entonces lo
reproduciré aquí haciendo clic en mi barra espaciadora en mi
teclado. Ahí vamos. Creó este bonito
fade y movimiento aquí. Perfecto. Ese es el movimiento
sutil que buscaba, pero no se
siente súper suave. Voy a resaltar
todos estos fotogramas clave aquí y voy a bajar al asistente de fotogramas clave
y facilitar estos en. Ahora ves estos cambios a un
vaso de media hora de diamante. Ahí vamos. Eso creó aquí un
movimiento más suave. Ahora lo que puedo hacer porque quiero que todas estas capas de texto tengan la misma animación exacta con este cambio de posición y
el cambio de opacidad es, voy a resaltar todos estos fotogramas clave que son
relevantes para esas propiedades. Voy a hacer el Comando
C para copiarlos. Voy a subir a
mi siguiente capa de texto. Voy a simplemente girar
todos estos hacia abajo para poder ver todos mis cronómetro,
todos mis controles de propiedad aquí para asegurarme de
que esté funcionando. Voy a desplazarse por
mi línea de tiempo hasta esta capa. Empieza aquí mismo, así que voy a colocar
el juego duro ahí. Voy a hacer el
Comando V y copiar esos fotogramas clave en
esta capa aquí. Perfecto, por lo que creó exactamente
la misma animación. Esta es una manera realmente
agradable de solo asegurarte de que estés manteniendo
todo consistente. La consistencia, especialmente
en un video largo, ayudará a tu
audiencia a
superar fácilmente tu
historia y
entenderla sin ninguna distracción. Hice lo mismo con mi
última capa de oración de texto. Voy a hacer un
comando rápido S y
asegurarme de que todo esté guardado aquí. En la siguiente lección, agregaré movimiento a mis
otras capas de ilustración. Empieza a
animar lentamente tus capas para construir tu video animado. [ MÚSICA]
13. Animar: parte 2: Ya has aprendido tantos conceptos
básicos de animación. Vamos a seguir animando. A lo largo de todo este
proceso de animación, asegúrate de referirte
a tu storyboard y a tus notas para que no
te pierdas. Ya hiciste notas sobre en qué dirección quieres que
las cosas se muevan, cómo quieres que las cosas se
hagan transición, y cómo imaginaste tus elementos secundarios moviéndose
alrededor de tu composición. Simplemente refiérase a esas notas
y debería ser bueno para ir. Acercaré aquí para
enfocarme en las imágenes de solo estos pocos fotogramas y me
enfocaré en mi iconografía. Voy a abrir estas
propiedades aquí abajo. Tengo mi capa 399 seleccionada con todos estos
chicos de fondo aquí, y luego mi una
capa está encima de ella con este tipo morado
más oscuro. El movimiento que estoy imaginando que
suceda aquí, es que empezamos con todos estos tipos de fondo y luego uno de ellos escala
y sale de los 400. Lo que voy a hacer es, no
voy a hacer nada
en realidad a esta capa 399. Voy a hacer click
en mi una capa, y voy a llevar mi
cabeza de juego al principio, y voy a arrancar
el cronómetro de escala, y voy a
sacar mi cabeza de juego aquí. Ahora que estoy viendo el texto
animándose frente a él, tal vez alinee estos fotogramas
clave y alinee el movimiento con el
movimiento que ya
establecí con mi capa de
texto por encima de ella. Básicamente voy a
abrir mis propiedades en
mi capa de texto y asegurarme de que estos marcos clave se estén alineando. Voy a agregar un
marco clave de escala aquí a mi una capa, y luego voy a cerrar mi capa de texto por encima de ella
para que no me confunda. No estoy editando esto
en absoluto en este punto. Sólo me estoy asegurando de que se alinea con mi nueva capa
que estoy animando. Entonces voy a
volver a este punto cero. Voy a hacer clic en este marco
clave para escala y luego cambiar los números
de 100 a cero. Ahora ha desaparecido. Cuando cruzo mi barra espaciadora, se
puede ver que se anima y va de muy
pequeño a realmente grande. Pero quiero diferenciarlo escondiéndose y parece que está saliendo de uno
de estos pequeños. Es diferente de estos 400 más o menos porque es un morado más oscuro. Hice clic en uno de estos
iconos en la capa 399. Voy a acercar para que
puedas ver eso mejor aquí. Voy a usar esta
herramienta de mano para desplazarse encontrar dónde está ese tipo, y es difícil de
ver en este punto. Voy a
escalar un poco. Creo que voy a hacer justo este centrado aquí mismo. Voy a volver
a mi herramienta de selección. Se puede ver que
debido a que creé una capa vectorial de forma a partir
del vector en Illustrator, ahora
soy capaz de cambiar el color súper
fácilmente en esta forma. Ahora que un ícono de
una persona pequeña ha cambiado. Voy a hacer un comando
rápido sólo para asegurarme de que todo esté guardado, y voy a reproducir
esta animación aquí. En realidad es súper rápido. Lo que podría hacer, voy a
cerrar esta capa solo porque no quiero
hacerle nada más. Lo que en realidad podría
hacer en lugar de alinear este fotograma clave con los fotogramas clave y la capa de
texto por encima de él, en realidad
podría extender esta animación para
que el espectador pueda ver esto pequeño icono fuera de todos estos
otros iconos ojalá. Observe que hay
uno que es diferente. Entonces como están leyendo, solo ven y notan que éste está creciendo
más grande que el otro. Creo que eso podría
ser un poco más dinámico y darle tiempo a la
gente para ver lo que está pasando en las imágenes y realmente
ayudarles a conectar los textos, el concepto uno y 400 de una
manera visual. Vamos a probar eso. Eso me gusta, pero en realidad podría
querer hacerlo más rápido. Creo que la transición más lenta
fue un poco extraña, por lo que podría apretar
el tiempo entre estos dos fotogramas clave
y luego apretar el momento de la animación. Ahora voy a hacer esto un
poco más suave seleccionando los marcos clave y luego
fácil facilitarlos en. Es bastante sutil,
pero me gusta, y creo que
sí enfatiza aunque
uno y 400 conceptos que iba a buscar. Ahora voy a animar mi
segunda parte de mi guión, que es mi gradiente, y luego mis dos iconos aquí. Quiero que este
fondo degradado se mueva muy sutilmente a lo largo de todo el tiempo
que esta diapositiva esté hacia arriba. Lo que voy a hacer es
crear un marco clave
al principio de esta capa. Entonces voy a crear uno
al final de esta capa. Ahora voy a añadir en el
cambio de posición, que voy a hacer
en este panel de vista previa. Básicamente, quiero este
efecto que empiece color
morado más claro y luego
se vuelva morado más oscuro. Entonces quiero que este movimiento
se vuelva más suave, así que voy a seguir adelante
y haga clic derecho en mis fotogramas clave de nuevo y
luego fácil aliviarlos. Veamos cómo se ve esta
transición. Ahora es bastante sutil,
pero se puede ver el fondo lentamente
cada vez más oscuro y más oscuro. Entonces no tenemos
nada que animar en nuestra última parte de
nuestro guión o CTA. Entonces voy a reproducir tu video desde el principio
y ver cómo se ve. Mi video se ve bien, y terminé de sumar todo el movimiento que anoté
en mi storyboard. Yo consideraría esto
un video terminado, pero creo que puedo entrar
y experimentar con sumar unas animaciones más para
sumar un poco más de interés. Diviértete y experimenta en
el corto video de 15 segundos. Hay mucho que se puede
hacer en estos 15 segundos, y hay un poco que se puede hacer en estos 15 segundos. Simplemente ve a un
ritmo cómodo para ti, y diviértete, y experimenta. Eso es todo lo que quiero que hagas. Me doy cuenta de que olvidé
sumar la siguiente
transición hacia abajo de
marco a fotograma que señalé
en mi storyboard. Seguí adelante y
añadí ese efecto a mi primer y segundo
grupo de capas. Voy a tratar de
animar sutilmente la capa 399 con todos los iconos
de mi gente. Sólo para capa en un movimiento un poco
más dinámico. También voy a añadir alguna animación sutil en la persona de pie
y la persona
en los iconos de la silla de ruedas porque esa
animación de fondo es tan sutil. En caso de duda, refiérase a esos videos de ejemplo de
los
que hablamos al inicio de clase para
inspirarse. Imitando diferentes animaciones, diferentes estilos pueden
ayudarte a aprender muy rápido. No es copiar. Simplemente es aprender y
tomar de lo que otras personas han hecho para hacer tu propio
giro en una nueva animación. Sigue explorando cómo
puedes agregar animación a tu video y llegar a un lugar donde estés contento
con tu video. En nuestra próxima lección, revisaremos tu video, ataremos cualquier cabos
sueltos y lo guardaremos.
14. Revisar y ahorrar: [ MÚSICA]. Felicidades. Tienes hecho el libro
de tu video. Ahora solo necesitamos
revisarlo un par de veces y guardarlo para compartirlo
con tu red. Vamos a reproducirlo
unas cuantas veces y repasemos nuestra
lista de verificación de revisión antes de ahorrar. La primera vez,
voy a
reproducirla y cuidado de
ver que nada se superpone y
que todo se ve suave y
natural en mi animación. Eso se ve suave, la transición es suave, y eso también fue bastante suave. Decidí que quería volver a
agregar esa imagen a esta última
parte de mi guión. Ahora, volveré a ver el video y lo leeré en voz alta
igual que lo hicimos antes para volver a comprobar
que tenemos tiempo
suficiente para permitir que nuestros
espectadores lean nuestro texto. ¿ Sabías que una de cada 400
personas desarrollará ELA? La ELA es una enfermedad
neurodegenerativa progresiva que conduce a
debilidad muscular y parálisis. Conoce más en als.net. Eso me sonó genial. Finalmente vamos
a guardar nuestro video una vez que estemos contentos
con donde está. Para ello, vamos a
asegurarnos de que esta composición en la que hemos
estado trabajando sea seleccionada. Vamos a
subir a Exportar archivos, y agregarlo a nuestra Cola de Render. Tenemos nuestro video en
nuestra Cola de Render. Se va a
resaltar azul, así que haz click en él y
asegúrate de que lo estás sacando a
la ubicación adecuada que esperas que sea. Ahora que ya sabes
dónde va a guardar y ya lo
estás, vas a presionar
el botón render. Esto va a
crear nuestra película. Verás esta barra de progreso
azul y eso te dará una idea de cuánto tiempo
va a tardar tu renderizado. Ahora tenemos tu archivo, pero el archivo the.mov es menos
universal que el archivo MP4. Vamos a
convertir el archivo that.mov a un archivo MP4 haciendo clic en este enlace al
convertidor de Adobe que he proporcionado en la información del
proyecto. Lo que vas a hacer es, simplemente
vas a
arrastrar y soltar el
archivo your.mov y lo subirá y lo
convertirá en un archivo MP4. Ahora tengo mi archivo MP4
descargado y estoy todo listo. Solo voy a reproducir rápidamente el video para
asegurarme de que se vea bien. Todavía se ve muy
limpio y nítido, nada raro o
loco está sucediendo. Genial. Estoy muy
contento con mi video. Voy a subirlo a la galería del proyecto y
terminar mi proyecto. Asegúrate de subir tu archivo MP4 junto con tu
guión y guión gráfico a la galería del proyecto para compartir tu trabajo conmigo y con
tus compañeros de clase. Guardamos tu video. Felicidades. Ahora es el momento de aprender un
par de cosas bonus y ver dónde puedes llevar tus habilidades a otros proyectos creativos.
15. Extra: agregar sonido: [ MÚSICA] No tienes que agregar música ni una
voz en off a este proyecto, pero puede ser realmente útil
y sumar a esa emoción. Me gusta usar este sitio web llamado Free Music Archive para
escoger alguna
música de fondo gratuita para usar en mis videos. Si te gusta la opción
de agregar sonido, puedes hacerlo fácilmente
en Adobe Premiere Pro. Tengo Premiere
Pro abierto y estoy creando un nuevo proyecto
y solo titulándolo. Simplemente lo titularé
el mismo título que mi archivo de animación y solo agregaré sonido de ancho
al final del mismo. Voy a hacer clic en “Okay”, y luego simplemente voy
a arrastrar en mi
archivo MP4 de animación. Aquí está. Por alguna razón
parece que ya hay algunas cosas de audio sentadas en la fila de audio aquí
mismo en A1. No sé qué es eso
así que vamos a desvincular. Entonces vamos
a eliminar lo que estaba ocupando ese espacio de audio. Escogí un archivo MP3 con solo algo de música de
fondo sutil. Arrastraré eso
al perfil de Premiere, lo
cortaré
al tamaño correcto, y luego me aseguraré que el principio y
el final se estén relajando. De esa manera se
desvanece muy bien y se desvanece al principio y al final y nada suena discortante. Veamos cómo se ve eso. Muy sutil. Exactamente lo que
necesitaba para agregar un poco de algo a mi video. Crear diferentes formas
para que tu audiencia tome en tu contenido puede
ser realmente útil. Algunas personas son
aprendices visuales y les encanta
leer las cosas mientras se desplazan
por sus teléfonos. A algunas personas realmente
les gusta escuchar las cosas y así es como
recuerdan la información. Si estás agregando en
un archivo de voz en off, lo que puedes hacer es solo
grabar tu voz, guardar ese archivo de audio y luego
arrastrarlo a Premiere Pro, igual que lo que hicimos
con este archivo de audio. Vamos a hacer
una exportación rápida. Así es como agregas audio para
ir con tu video animado. En la siguiente lección, vamos a
explorar algunas ideas de cómo
puedes aplicar tus nuevas
habilidades de animación y otros proyectos. [ MÚSICA]
16. Otras aplicaciones: [ MÚSICA] Has aprendido
tantas habilidades de animación en apenas hacer tu proyecto de video
animado de 15 segundos, y puedes llevar
estas habilidades a tantos otros aspectos de
tus proyectos creativos. Aquí hay algunos ejemplos. Se puede hacer un
video corto para promover las ventas. Puedes exhibir
tus productos en un breve video y
promocionarlo en redes sociales. Aquí hay un ejemplo de un video en una tienda Etsy que muestra video
del producto que se está utilizando, pero también incluye una breve
animación de la marca. Puedes agregar algo de interés
a tu
sitio web de portafolio animando
algunos de tus diseños. En lugar de simplemente
mostrar un logotipo estático en el sitio web de diagramas de Penn
para este proyecto, decidieron crear
una versión animada
del logotipo que agregue un poco
más de interés al proyecto. Si te gusta la edición de video, puedes incorporar transiciones
animadas, como en mi lección de clase
intro y toboganes outro. Creé estas
animaciones todo dentro Adobe Premiere Pro
y puedes
hacerlo trabajando en el espacio de trabajo
Effects. Es casi como una versión abreviada y
abreviada
de After Effects, justo en Premier Pro. Puedes lanzar un guion gráfico de
video a tu
equipo creativo o de marketing para innovar con las últimas tendencias
en tu empresa. Aquí hay un ejemplo de algunos
storyboards sobre los que he creado y platicado con
mi equipo creativo. Al final hice un gran trabajo al
descomponer la investigación que estaba haciendo
nuestra empresa y presenté la información de una
manera cercana. Sigue agregando a tus habilidades, toma otras clases de Skillshare y aprende más sobre
After Effects. Solo te estoy dando una intro muy corta a
After Effects que realmente está enfocada en el diseño gráfico y animación que mejorarán
tus habilidades de diseño. [ MÚSICA]
17. Conclusión: [ MÚSICA] Enhorabuena, has
aprendido tanto en este curso crash de principiante y animando para el diseño
gráfico. Has aprendido a escribir un script simple y
guion gráfico tus ideas, usar un proceso de
diseño optimizado, animar
visuales personalizados y aplicar estas nuevas habilidades y
otros proyectos creativos. Si sólo le quitas una
cosa a esta clase, espero que sea que la animación
no sea tan aterradora después de todo. Ojalá hayas construido
algo de confianza, aprendiendo todo sobre
After Effects y solo las habilidades básicas
que necesitas para
entrar y subir de nivel tu diseño
gráfico. Ojalá le dé a
su público, nueva emoción, y agregue valor a su contenido
que está construyendo. No olvides subir
tus notas de guion gráfico y tu video final a
la galería del proyecto. La práctica hace perfecta. Sigue practicando y haciendo estos videos cortos
para que puedas construir tu confianza y
esperemos
sorprenderte con lo
que eres capaz de hacer. Si quieres aprender
más sobre animación y After Effects por parte de los expertos, te
recomiendo tomar estas clases de
animación en Skillshare. Muchas gracias por
aprender los fundamentos de la animación para el
diseño gráfico conmigo hoy. Por favor déjame cualquier duda o comentario en la sección de
discusión, y no
olvides dejar una reseña. De esa manera puedo
aprender de ustedes chicos y ayudar a mejorar las clases futuras. Nos vemos la próxima vez. [ MÚSICA]