Transcripciones
1. Introducción: [ MÚSICA] A veces te sientes como si estuvieras atrapado en una ruina. Una necesidad de inspirarse. El ojo fresco. Bueno, no estás solo. Si bien viajar no es accesible
para todos en
este momento, es cuando me dirijo a la música. La música ha sido parte
de mi vida cotidiana. Ya sea
caminando por la calle, o parte de mi viaje de baile, o una forma de calmar mi
mente cuando estoy trabajando. Pensé a mí mismo qué
pasaría si traigo
dos cosas que
amo juntas, la música
y la tipografía. Empecé a experimentar con estos
carteles de música tipográfica hace unos tres años. Probablemente hice
cerca de 50 de ellos. Incluso tenía algunos de ellos
seleccionados para estar en exhibición
en una exposición de convocatoria abierta
para el diseño de carteles. Tengo un par de
ellos colgados
aquí detrás de mí en
mi espacio creativo. Hola chicos, soy Khadija, pero todo el mundo me llama Dija. Soy maestra de primer nivel aquí
en Skillshare y diseñadora gráfica freelance con
sede en El Cairo, Egipto. Llevo trabajando en el
campo desde hace cinco años especializándome en branding
y diseño de packaging. En esta clase, te estaré enseñando
cómo crear uno de estos carteles de música tipográfica y hasta cómo los animo. Estaremos cubriendo
qué canción escoger y mirando algunos ejemplos de
pósters útiles. Entonces sacando
algunas referencias
al tablero de humor para ayudarnos a
encerrar nuestra dirección principal. Saltando a este diseño
donde te estaré mostrando algunas herramientas básicas en
Illustrator para lograr esto. Entonces aprendiendo a agregar algunos toques
finales a tu póster en Photoshop y preparar
tu archivo para la animación. Esta clase es perfecta
para cualquier persona que tenga una comprensión básica
de Adobe Illustrator, Photoshop y After Effects. Pero no te preocupa si eres un principiante total
en After Effects, te
mostraré cómo hacer
una animación muy simple paso a paso ya que personalmente soy completamente autodidacta
en ese programa. Para tus proyectos de clase, tendrás la oportunidad de
recrear y reinterpretar la canción que
elegí para el cartel de hoy. O puedes elegir una canción propia y crear
tu propio póster para ello. Al final de esta clase, habrías aprendido
las habilidades básicas de manipular y experimentar
con tipografía, agregar texturas y
enmascarar en Photoshop, y el know-how para comenzar tu animación amigable
en After Effects. Posteriormente puedes aplicar
estas habilidades a cualquiera de tus
proyectos de diseño gráfico para subir de nivel y experimentar, como lo hice yo. Esta clase es divertida, rápida y corta, pero
también es muy importante. Creo que es importante
como diseñador simplemente a
veces dejar a un lado, tomar un descanso, hacer algo por diversión,
hacer algo loco,
algo con lo que experimentar y
algo con lo que simplemente expandir
tu imaginación. Toma esta clase como
una oportunidad para ejercitar
regularmente
tu mente creativa. Encontrarás que te ayudará a
inspirarte más adelante en tu trabajo y añadir algo de estilo y personalidad
a tu portafolio. Agarra tu lista de reproducción,
tus auriculares, y empecemos.
2. Elige una canción: [ MÚSICA] Estamos empezando con lo que puede ser la parte
más divertida de toda
la clase y
eso es escoger la canción. Cuando estoy a punto de crear
cualquiera de estos carteles, pasé un poco de
tiempo mirando a través mis listas de reproducción o incluso
descubriendo nuevas canciones. Lo que busco es un título de canción
llamativo que pueda imaginar una
interpretación visual llamativa para
ello en mi cabeza. A veces es un título de canción, a veces es una lírica de
una
sola línea de una canción, solo depende. [ MÚSICA] Solo quiero
pasar por un par de mis pósters
anteriores como ejemplos de cómo puedes ir sobre esto y solo mi
enfoque personal sobre cómo escojo un cierto título de canción y transformo eso en
algo visual. El primer cartel aquí se
llama Mess de Noah Kahan. Es una
idea muy simple como se puede ver. Pero porque cuando
escuché por primera vez la canción que me encanta cuando vi por
primera vez el título de la canción, y pensé las cuatro letras porque
es un título de canción corto. Sentí que hay mucho
por trabajar con eso. Quería crear este
enorme lío aleatorio con estas cuatro letras pero
sigue siendo un
desastre calculado si quieres. Me aseguré de que escogí
una fuente sans serif muy neutral, pero sin embargo negrita chunky. Pero no quería
una fuente que tuviera muchos bits y bobs por aquí porque sabía que
iba a duplicar tantas
de estas letras. Solo quería
asegurarme de que la fuente sea tan simple y dejar que la
idea hable por sí misma. Pero todavía quería que la fuente
tuviera cierta personalidad. Me gustó este estilo condensada
pero a la vez amplio. Creo que eso también ayudó con la imagen general del cartel. En cuanto a los colores,
acabo de asegurarme de que la
mayoría de ellos sean tonos
monocromáticos neutros. Pero aún así tienes este pop
de amarillo vienen en ciertos cuartos en áreas
del cartel que realmente
equilibra las cosas. Entonces quería escribir el nombre de la
canción solo Mess y Noah Kahan está buscando a través de las letras por lo que
simplemente no están abofeteadas en el cartel. También son parte del
desorden debajo de la S, debajo de la M
asomando. Esa fue la idea general. Me gusta cómo
se ven las letras como tipografía, pero también pueden
parecer objetos desde lejos. Esa también fue la idea al escoger la
tipografía para esto, solo
quería algo que
fuera lo suficientemente audaz y que no veía típicamente como
una carta de lejos, que
obviamente de cerca se prueba. Sí, acabo de hacer esta animación muy
simple para ello. Súper simple, ni siquiera se hizo en después de efectos se
hizo en Photoshop, pero solo quería mostrarte una forma muy sencilla de cómo puedes transmitir tu idea con
algo como esto. [ RUIDO] Eso es. Creo que tener sonido en
este póster en particular ayudó como una forma visualizar estos pequeños
pedacitos y bobs cayendo, luego hacer este
enorme lío al final. Es súper simple. Nada demasiado loco al respecto, creo que solo depende de
tu canción y tu póster, cuál es tu enfoque, y entonces eso evaluará
la idea de animación para ello. Pasando, el segundo cartel se llama Invisible
por Zara Larsson. También quería
transmitir esta idea o concepto de invisibilidad jugando
por ahí con las letras
extruyendo
del cartel y luego volviendo de nuevo a un lienzo en
blanco, si se quiere. Es tan simple como eso. Esto realmente
se hizo en Cinema 4D porque solo estaba
experimentando con el programa. Pero fácilmente podrías
lograr algo como esto en Illustrator usando la opción
3D o extruir, o puedes hacerlo en illustrator, luego sombrearlo en Photoshop y animarlo más tarde
después de efectos. Hay toneladas de
formas en que puedes hacer esto. Esa fue la idea, súper simple. El siguiente es Cuanto menos sé lo
mejor de Tame Impala. Para este cartel,
quería realmente despojarlo y
mantenerlo tan sencillo. No hay animación, ni ilustración, nada extra como solo tipo puro que refleja el
significado de la canción. Quería elegir
una tipografía que fuera serif
losa para este
cartel específico porque sabía que
iba a estar
cortando partes de la palabra para disminuir con menos y luego
volver a aparecer con mejor. Slab serif es perfecto para
esto porque tienes estas barras de las letras y las piernas y los
pies y todo. Creo que eso funcionó mejor
con losa que sans serif. Eso también podría funcionar
con una fuente serif, pero acabo de ir por un
serif de losa ya que sabía que se
ajustaría mejor a la vibra general
del cartel. La idea que obtuve para esto
es escuchar la canción. Tenía muchas ideas de cómo
podía transmitir ese
significado y en realidad tenía tantos juicios antes en este cartel de agregar
demasiado y luego hacer desaparecer toda
la palabra
y luego agregar ilustraciones y
volviéndola loca. Pero a veces en
ciertos títulos de canciones, te das cuenta
de que en realidad cuanto menos haces, más. Acabo de sentarme y
averiguarlo como
puedo transmitir este significado de
una manera mucho más sencilla. Me di cuenta de que sólo
podía seguir quitando partes de las
letras por cuanto menos conozco mejor y solo tener mejor totalmente
legible en la última línea y verla en la última
línea y luego ver justo situado
[Risas] por encima de ella, entiendes que esto se llama mejor y lo mismo para no también. Pero sí, tienes la idea
cuando ves el cartel. Pero este era mi proceso de pensamiento
cuando lo estaba diseñando, y solo quería
mostrarte tres carteles diferentes, uno mínimo y algo
que fuera más en el lado divertido, simple, experimental pero
maximalista del palo. Entonces algo en el medio
entre ambos. Es mínimo, pero también tiene un poco de un enfoque de
animación interesante. Sí, definitivamente voy a estar subiendo todos mis carteles para tu referencia más tarde
abajo para que puedas
pasar por ellos y son
bastante autoexplicativos, pero actuarán como
una guía para ti para ayudarte cuando estás
pensando, ¿qué hago? ¿ Qué puedo hacer con esta canción? Creo que eso ayudará mucho. El tema que escogí
para el cartel de hoy es Fix You de Coldplay. Curiosamente, en realidad
diseñé un cartel para
la misma canción exacta. Pienso en hace un par de años o
hace tres años tal vez, y esta vez en realidad
usé una parte de la letra
y no el título de la canción. Solo quiero mostrarte
cómo se veía eso. [ MÚSICA] Sí eso es todo. Yo uso parte de la
letra que decía, las luces te guiarán a casa. Para este cartel específico, necesitaba usar la ilustración
para ayudarme a transmitir esa idea. Ahora que hasta lo miro, hay tantas maneras en
que puedes recrear esto usando solo tipografía o usando ilustración para
ayudarte o animación. Creo que incluso yo como diseñando
este cartel hace tres años, puedo reinterpretar esto de manera muy diferente hoy de lo que
hice hace tres años. Creo que esa es la parte más
interesante de ello. Pero sí, cuando
llegué a diseñar esto, quería dibujar el
tipo como sombra. Acabo de escribir en estas letras. Entonces jugué por ahí con su perspectiva sobre
Photoshop y la opacidad. De hecho animé esto de
nuevo en Photoshop. Esto es sólo todas las capas de secuencia básicamente y súper simple. Solo quería crear
este movimiento con la luz porque la letra dice, las luces te guiarán a casa. Sólo quería
crear este movimiento, y no tener una luz
estática solamente. Pensé que un poste de
farola era más apropiado para transmitir
que como hay varios postes de
farolas cuando estás caminando por
la calle y
todos te están guiando hacia
una dirección específica. No para llegar demasiado
filosófico por aquí, pero pienso a cada uno el suyo propio, y todos tienen una
forma diferente de interpretar canciones. Creo que el ejercicio clave aquí es aprovechar tu imaginación. Todos tienen una forma específica de interpretar algo tan
subjetivo como la música. Esa es la mejor parte de ello, creo que porque
cuando no tienes ciertas restricciones de
bien o mal o sí o no, tu imaginación tienta a simplemente volverse loco y eso es perfecto. Esa es la materia prima que
queremos usar
para poder transformar cierta
palabra en una visual. Este es mi enfoque para transformar Luces te
guiará Inicio usando estas palabras clave como una forma transformarla en
un lenguaje visual. Igual para invisible como
viste antes o menos, estas ciertas palabras clave,
salen. Si te pidiera recrear
lo que significan estas palabras para ti, lo que significa la canción para ti, tu mente
automáticamente tendrá un cierto
pop visual en tu mente. Esta clase es solo
una forma de afilar en esta imaginación y
usar ciertas herramientas y consejos y recursos para
dar vida a esa idea. Creo que el punto dulce como título
definido de la canción que es lo suficientemente
corto para que puedas tener suficiente espacio para jugar
con un tipo sin abarrotar todas las letras y
las palabras en tu póster. Pero también algo lo suficientemente
significativo como para poder producir un visual
interesante para. Ya tengo una idea
en mi cabeza de cómo quiero que se vea
esto y así es
como siempre empieza. Sólo tengo una bombilla [RUIDO] iluminada cuando veo un
cierto título de canción, pero necesitaría algún tablero
visual de humor para
ayudarme a encerrar
exactamente lo que voy a hacer. Eso es algo que
recomiendo profundamente antes de comenzar
el cartel es solo algunos reunir algunas referencias visuales
para que te inspires, para saber qué estilo
quieres ir, y ayudarte de verdad
imagínalo en tu mente. Eso es lo que vamos
a hacer en la próxima lección.
3. Referencias y panel de inspiración: [ MÚSICA] La idea que tengo en mi cabeza para este
cartel está un poco inspirada en la película
Argo, si la has visto. Hay una escena en la
película donde están tratando de conectar
la identidad de los rehenes al armar fragmentos de
papel de sus rostros. Yo interpretando
eso, quiero usar el título de la canción “Fix You”
triturando el tipo en trozos largos de papel y luego que
parezca que alguien los
está arreglando
poniéndolos de nuevo juntos,
si eso tiene sentido. Lo mejor de
estos carteles musicales es que su interpretación
depende enteramente de ti. No hay bien ni mal. Tu interpretación podría
ser diferente a la mía, y honestamente, eso es lo
mejor de la música. Hay algo en él para
todos, ¿no crees? Con eso dicho, quiero
subirme a Pinterest por un minuto rápido y empezar reunir referencias
para mi póster. Quiero empezar
escribiendo “papel triturar arte”. Sé que esta es una artesanía popular, así que solo espero
encontrar algo que sea visualmente llamativo para
ayudarme a inspirarme, tal vez. [ MÚSICA] También quiero intentar escribir “
tipografía de trituración de papel ” solo para ver si alguien ha jugueteado con
esta idea antes, y eso podría ayudarme a visualizar cómo sería eso
típicamente. [ MÚSICA] Esto es lo que se me
ocurrió cuando pasé por
Pinterest y acabo sacar tantas
referencias como pueda para reflejar la idea
que tengo en mente. Lo que tengo en mente es exactamente como la referencia
en el medio aquí, donde
cortaría el tipo, juguetes de tipo
muy, muy simple
y lo cortaría en estos fragmentos donde se
hacen visibles, fragmentos de papel separados, si se quiere. Entonces me estoy imaginando que quiero que
sea realmente colorido, como las coloridas
referencias de aquí. Me gusta realmente la
idea de tenerlo, cada papel trituró como un
pop de color de alguna manera, y luego se animaban
y se moverían juntos y
formulaban la palabra al final. Esta interpretación
es completamente subjetiva y depende
de todos y cómo se sienten acerca de
cierta canción y cómo su mente lo transmite
a una composición visual. Esta es solo mi
interpretación visual y
creo que lo que realmente me ayudó desde el principio es esa referencia
cinematográfica. Eso sólo me dio una
guía muy clara sobre qué buscar. Tus referencias no
tienen que venir directamente de Pinterest ni de Internet. Puede ser una película que viste, puede ser un parque al que fuiste, puede ser otra canción que escuchaste. Puede ser de una portada de
libro que viste. El cielo es realmente el límite. Sí, creo que
estoy listo para tomar este tablero de humor y empezar a
diseñar mi póster. [ MÚSICA]
4. Diseña tu afiche: [ MÚSICA] Ahora que
he escogido mi canción, y en mi caso,
es el título de la canción y no una parte de la letra, ahora puedo empezar a
diseñar mi póster. Siempre quiero asegurarme de que mi tablero de humor esté
en algún lugar a mi lado, ya sea impreso o abierto
en otra ventana. Solo algo que tiene acceso
rápido para que
siempre pueda refrescar mi mente, y siempre puedo
referirme de nuevo a ella. Quieres saltar a
Illustrator y hacer nuevo archivo, y solo queremos poner el póster
musical en un tamaño A4. Entonces eso es de 21 centímetros
por 21.7 o milímetros, lo que
te sientas
cómodo trabajando, y simplemente renombralo a
lo que quieras llamarlo. Sólo
lo voy a nombrar póster musical por ahora, y haga clic en “Enter”, y aquí vamos, tenemos nuestra mesa de trabajo lista. Lo primero
que quiero hacer es solo trabajar en blanco y negro, y luego vamos
a agregar color más tarde. Pero como siempre digo en
todas mis otras clases, trabajar en blanco y negro es
tan importante sólo porque puede ver el esqueleto de
lo que esté diseñando, y luego agregar color más tarde realmente lo
sacará, así que eso es con lo
que quieres empezar primero. Ahora, el título de mi canción es Fix You, así
que lo primero que quiero hacer es simplemente escribir la
palabra ahora mismo. Sólo voy a ir a Tipo, convertir al tipo de punto, y realmente hacer esto grueso, y luego solo voy
a ir al Comando T, me
va a traer
el panel Carácter, y sólo voy a
escoge una fuente aleatoria, solo una bonita
fuente negrita neutral, como tal vez Impact. Realmente no me gusta
enfatizar en la elección de la fuente, sobre todo con carteles
musicales y tipografía porque de todos modos vas a manipular la fuente, por lo que realmente no
importa qué fuente usted usar igual que siempre y cuando
sea una buena base. Siempre me gusta empezar con
algo que sea neutral, audaz, y es
fácil trabajar con. Lo que quiero hacer es empezar a tomar cada personaje,
cada letra, y empezar a
retransmitirlo en mi póster, y quiero que realmente
llene todo el cartel. Sólo voy a romper
esto ahora mismo. Entonces quiero empezar
jugando con los tamaños tal vez. Sólo voy a
jugar con cada letra. Tal vez jugar con la
escala, moverlo un poco, moverlo por debajo de ella
hasta que las letras se ajusten al póster de una manera
bien equilibrada y luego
pasaremos al siguiente paso. Por ejemplo, quiero
traer
un poco aquí la U así que
lo que voy a
hacer es sólo va a presionar A, y luego seleccionar una parte
superior media de la U, y luego simplemente presionar
Shift y arrastrarla arriba con mi flecha superior, así que las barras de la U
realmente pueden seguir
subiendo y llenando ese
espacio para mí sin distorsionar la
parte inferior de la U. Viste lo que
hice ahí mismo, y es sólo todo básicamente
tirando de puntos de anclaje, tirando de ellos hacia arriba, tirando de ellos hacia abajo ,
haciendo letras un poco gruesas jugando alrededor con las
proporciones, las proporciones. No tengas miedo de volverte loco de
verdad, estás creando un cartel
tipográfico experimental. Está destinado a expandirse realmente, estirar tu imaginación, así que rompe las reglas si quieres. Está destinado a
empujar realmente tus límites y realmente probar lo
que puedes hacer con esto. Esto es lo que quería hacer, es simplemente básicamente encajar
todas estas letras, espaciarlas, exprimirlas, apretar todos los espacios hasta llegar a
algo que me gusta, y parece uno
bloque cohesivo, si se quiere. Hay tantas maneras en que
puedes hacer esto, no
tienes que hacer
este enfoque solamente, pero por el bien de esta clase, te
estoy mostrando lo que estoy haciendo
con el título de la canción de hoy. Ahora voy a
pasar al siguiente
paso donde voy a empezar a triturar estas letras y básicamente a moverlas
como si alguien estuviera
tratando de volver a juntar las piezas y arreglarlas. Lo que quiero hacer es, quiero tomar una copia de mi mesa de trabajo para
poder volver al
paso original si lo necesito, pero siempre hacer una copia de todo sólo para que no
pierdas tu trabajo, y por supuesto guarda tu trabajo. Lo que quiero hacer
ahora es que voy a
ir a mi herramienta Segmento de Línea aquí, y voy a dibujar una línea pero no voy a tener ningún color de
trazo a ella. Sólo voy a
copiar esta línea y moverla
un poco, ahí, y sólo voy a presionar el
Comando D y va a repetir esos fragmentos
de líneas por todas partes. Quieres agrupar todas las líneas de
trazo, y luego seleccionar todas, y luego ir a Pathfinder
y presionar “Dividir”, y eso sólo va a cortar todo en
estos pequeños fragmentos. Ahora quieres desagruparlos, y como puedes ver, ahora
son
pequeños fragmentos individuales de líneas. Sólo voy a hacer el
tamaño de esto un poco más pequeño porque cuando
movemos las líneas hacia arriba y hacia abajo, y aquí y allá, va a golpear las esquinas. Creo que eso es bueno por ahora. Vamos a jugar y ver. Voy a experimentar
aquí mismo contigo. Si muevo esta línea un poco hacia arriba, y ésta un poco hacia abajo, y apenas empiezo a jugar con cómo se formulan estas líneas. De alguna manera, esto está bien
conmigo por el momento, y ahora solo quiero empezar a
agregarle algo de color. Sólo voy a crear como tengo paleta de colores aquí y
ver con qué podemos jugar. Estoy pensando, quiero
que sea realmente
colorido solo para que estas
líneas realmente puedan destacar, y el fondo
puede ser un poco más oscuro para que los
colores puedan salir. Ahora que he
triturado las piezas, lo que estoy tratando de hacer ahora
es solo asegurarme de que haya una línea fina entre ella
pareciendo un cartel genial, pero no ser legible. este momento solo estoy
tratando de
espaciar las letras poco, tal vez jugar
con las líneas solo para Fix Todavía puedes ser legible, tal vez no a primera vista, pero cuando miras
realmente de cerca. Ese es el objetivo que estoy
tratando de lograr. Sólo voy a seguir
jugando con estas líneas hasta llegar a un resultado
que realmente me gusta. Acabo de jugar
con los colores, y creo que me gusta este combo de
colores más que esto, y es más legible de esta manera, y solo quiero
mostrarte ese truco porque
te ahorrará mucho tiempo . Si quieres cambiar de color y ver cómo se ve sin tener que seleccionar todos ellos, solo
quieres agrupar
este cartel por ejemplo, y luego hacer clic en él, ve a Editar Colores,
Recolor Ilustraciones. Entonces tienes todos los colores en la selección
que has hecho, y solo puedes hacer click
en algo y luego jugar con los colores y ver
cómo se ven, o reorganizar los colores. Si quieres que la naranja
sea en lugar de la roja, puedes reorganizarlas hasta que
te guste cómo se ve. Esta es solo una forma mucho más rápida
y eficiente que seleccionar cada color y luego
ver cómo se ven. Creo que esta opción me gusta
mucho más que esta. Creo que el alto contraste aquí está haciendo que sea un
poco más difícil de leer. Cuando espacié un poco las
letras, sí mostró mucho más, pero solo quiero jugar
con ella un poco más. Tal vez refinarlo un poco, ajustarlo aquí y allá, y luego podemos pasar a
la siguiente parte. Me gusta esta composición hasta ahora, y luego solo darle un
poco de patada y especias. Sólo quiero añadir
un poco de trozos de papel que apenas están volando por aquí como si fueran
cortados con el resto. Sólo voy a
colocarlos aleatoriamente por todas partes. Ahora que estás contento
con lo que tienes aquí, lo que quiero hacer es
escribir el título de la canción, y el nombre del artista, y vamos a
poner eso ahí. Quiero que sea en una fuente
muy neutral, sólo para que no choque
con todo lo demás , y ahí vamos. Me gusta que parezca pedazos de
papel al principio, pero cuando miras de cerca, encontrarás las
palabras fix y tú, y sí encaja bien con
cómo lo interpreté al principio de cómo alguien está tratando de
armar piezas. Puedes parar aquí y estar muy orgulloso de ti mismo de
que acabas crear este hermoso cartel musical todavía
tipográfico. Recuerdo que hice
tantos afiches todavía antes de poder
aprender a animarlos, así que eso está perfectamente bien. No obstante, si estás ansioso por
aprender a animarlo, o principalmente estás
bien versado en After Effects y te sientes
cómodo usándolo, entonces te mostraré en
la siguiente lección cómo preparar tu archivo
para After Effects, y cómo sumar algunos
toques finales aquí y allá para agregar algo de estilo y
personalidad al cartel. Te veré en la próxima lección.
5. Prepara tu archivo: [ MÚSICA] Ya bien, así que aquí es donde lo
dejamos de nuestra última lección. Ahora quiero
mostrarles cómo preparar su expediente para After Effects. After Effects funciona con
capas y en este momento nuestro archivo ilustrador está todo
en una sola capa combinada aquí. Lo que queremos hacer es
copiar y pegar cada uno de estos trozos de papel en una capa individual para que
podamos moverlos, jugar con ellos y
hacer todo con ellos. Voy a empezar
con mi trasfondo aquí es así. Después córtala, comando
X y luego baja aquí, crea nueva capa y pega
eso en su lugar para que “Shift,
command, V” y
simplemente arrástrela abajo. Ahí vamos. Entonces quiero llevar aquí uno de los trozos de
papel, “Comando X” a una nueva capa, pegue en su lugar
y simple como eso. Sólo voy a
repetir eso para todas las otras capas hasta que
tengamos cada cosa en
su propia capa separada. Eso es más o menos. Como se puede ver todo ahora está en su propia
capa individual y eso sólo va a hacer nuestra
vida mucho más fácil. Acabo de cambiar el nombre de las capas
para un arreglo tú, Coldplay, y mi fondo como BG solo para poder encontrarlas
fácilmente cuando estoy animando. Hay un paso final, solo
quiero exportar
esto a Photoshop porque quiero agregar
algo de textura de papel a estos trozos de papel
y algunas sombras debajo de ellos solo para que se
vea un poco más realista, hacer que se vea un poco
más interesante, tenga alguna dimensión
y complejidad a ella. Pero no tienes que
hacer este paso. Puedes simplemente exportar
esto
directamente a After Effects
si quieres, dependiendo de tu póster, pero esto es lo
que quiero hacer en mi caso. Sólo voy a ir a Archivo, Exportar, Exportar como, y sólo voy a
dejarlo con nombre tal como está y por el formato
sólo voy a elegir
Photoshop y exportar. Asegúrate de que se haga clic en las capas
correctas no en imagen plana para que pueda conservar todas nuestras capas aquí
y haga clic en “Ok”. Eso es todo. Quieres abrir
tu archivo de Photoshop que guardamos de Illustrator
y quieres
agarrar cualquier
textura de papel como esta. Acabo de escribir en Google, textura de papel
gratis y esto
es lo que surgió ahí. Toneladas como esta
en línea. No hay problema. Ahora, lo que quiero
hacer es que quiero enmascarar esta textura de papel sobre estas letras y hay
una manera muy fácil de hacer esto si esto fuera un
póster quieto y eso es sólo para copiar todas tus capas
por aquí y pegarlos, y agruparlos y
luego fusionarlos. Entonces solo hacías
clic en la “
Textura de papel ” y seleccionarías
esta capa aquí, el Grupo 1 haciendo clic en Comando y luego presionando
esta Ventana y luego simplemente enmascararla desde aquí y luego luego haga clic en “Quemación lineal”
y eso es todo. No obstante, debido a que
estamos animando esto, quiero que la textura del papel esté vinculada
individualmente
a cada trituración de papel. Esto es perfecto
para póster todavía, pero si queremos animarlo, vamos a hacer
un poco de
una tarea tediosa por aquí vinculando
individualmente o enmascarando esta textura en cada capa. Así es como
vamos a hacer eso. Sólo voy a copiar y
pegar mi textura de papel y bajarla a la primera capa que
tengo aquí, Capa 56. Voy a ocultar el
copiado en la parte superior. Voy a seleccionar
mi textura de papel y luego comando seleccionar
la capa debajo de ella, que es este tipo de aquí mismo. Entonces voy a
hacer clic en “Añadir
máscara de capa ” y eso va a
enmascarar a este tipo de aquí. Quiero seleccionar ambas capas para que
la capa
de textura de papel
y la capa de archivo
vectorial original,
seleccione ambas, seleccione ambas botón derecho y
luego haga clic en “Fusionar capas” Eso solo va
ser una capa combinada, mi capa vectorial,
y mi capa de textura de papel. Entonces quiero agregarle
algunas sombras así
que sólo
voy a ir a agregar estilo de
capa abajo en fx
y haga clic en “Sombra de gota”. Quiero seleccionar el color de
la sombra lo más cerca
posible al color de
fondo solo para
que pueda parecer que
salió del fondo. Sólo voy a hacerlo un
poco más oscuro y jugar con la distancia y la
propagación y eso es todo. Tienes una capa combinada
de la textura del papel, el vector, y la sombra. Sólo voy a
repetir este proceso en
todas estas capas. Pero para los efectos, puedo simplemente hacer clic derecho
y hacer clic en “Copiar
estilo de capa ” y luego si fuera a
ir a la capa debajo, que es este tipo de aquí mismo,
me gustaría hacer clic derecho en
“Pegar Estilo de Capa”, y tendría las propiedades exactas de la
sombra como la anterior. Solo voy a
repetir este paso para todas estas capas y tener estas texturas y sombras de papel individuales para todas ellas
y luego estarían listas para la
animación en After Effects. Eso es más o menos.
Ya ves cómo eso sumó mucha más complejidad y
realismo al cartel. Esto es solo algo
súper simple y fácil que puedes hacer para subir de nivel
tus diseños de póster. Ahora cada una de estas capas
se seleccionan individualmente, y están bien ir para After Effects para
animarlas individualmente. Sólo voy a salvar esto y te veo
en After Effects.
6. Anima tu afiche: Quieres seguir adelante y abrir
Adobe After Effects. Esto es lo primero
que vas a ver. Lo que quieres hacer es presionar “Comando I” para importar tu expediente. Quieres importarlo como
composición-retener tamaños de capa, y eso solo va a retener todas las capas que
hicimos en Photoshop. Luego asegúrate de que se haga clic en estilos de capa
editables,
y haz clic en “Ok”. Entonces quieres
simplemente hacer doble clic en donde dice
composición junto a ella. Sólo va a subir en tu línea de tiempo
aquí abajo. Quieres ir a
la Vista y basta hacer click en “Fit” para que
puedas ver todo. Ahora, ahora mismo, mi composición
se fija en ocho segundos, lo cual es una buena duración. Si necesito cambiarlo más tarde, solo podría ir a Composición, Ajustes de
Composición,
y solo podrías ingresar el número de segundos
que deseas como duración. Pero lo voy a mantener a los ocho segundos por ahora. Mi idea para esta
composición es que
quiero que todos estos fragmentos
de papeles comiencen por el medio, superpuestos y apilados
como un lío desordenado. Entonces esparcir a los bordes
y luego volver
al medio y
luego extenderlo al donde
la palabra se va
a formular al final, así como si alguien estuviera mirando
a través de fragmentos de papel tratando de encontrar el adecuado
para armar y lo que no. Las técnicas básicas
que te voy a mostrar hoy es solo jugar por ahí con fotogramas clave
de posiciones y rotaciones. Solo vamos a cambiar
sus posiciones y rotar las piezas para que no estén perfectamente rectas todo el tiempo. Lo primero que
voy a hacer es tomar mi cabeza de juego
aquí y colocarlo todo el camino en el octavo
segundo donde quiero que la animación termine en. Quiero que este sea
el resultado final. Entonces voy a
tomar mis capas aquí. Voy a
guardarlo en este de aquí e ir todo el
camino al final, presione “Shift” y que todos
sean seleccionados. Entonces voy a golpear un
atajo en mi teclado para P, P para posición. Entonces simplemente haga clic en el
cronómetro en cualquier capa. Eso sólo va
a poner fotogramas clave en todas mis capas aquí
en el octavo segundo, diciéndole aquí es donde
quiero que termine. Entonces voy a
hacer lo mismo, pero esta vez
voy a presionar “R” para rotación y simplemente haga clic
en el cronómetro. Esto también
nos dice que esto es en lo
que quiero que termine la rotación. Entonces voy a
llevar mi cabeza de juego todo el camino hasta el principio ahora donde voy a empezar
a ensuciarlos y
llevarlos a todos al medio. Si bien todos están seleccionados, solo
voy a presionar “P” de
nuevo y luego haga clic en “Out”, para que pueda desseleccionar
todas las capas. Voy a ir a mi
primera capa de aquí, que es este tipo de
aquí. Ahí vamos. Quería empezar en
medio del cartel. Mientras presiono la capa, sólo
voy a
arrastrarla hacia el medio. Entonces si quiero cambiar
su rotación y no tenerla en su
rotación exacta aquí, solo
voy a presionar “R” y donde tenga la
propiedad para las titulaciones, sólo
voy a cambiar el rotación y hacerlo un
poco inclinado así. Sólo voy a seguir adelante y hacer lo
mismo exacto
para todas las capas. Mi segunda capa aquí es el largo trozo azul de papel
en el mismo aquí mismo. Si lo arrastro al
medio y luego presiono “R” y lo roto un poco y
presiono mi cronómetro, solo
voy a
hacer mi resolución a un cuarto, no llena, sólo para que esto pueda fácilmente
Preview más rápido porque este es un archivo bastante pesado y no
necesitamos verlo a
plena resolución en este momento. Si presiono mi barra espaciadora
ahora mismo solo para previsualizar lo que pasa cuando
coloco esos fotogramas clave, así es como
va a verse. Eso es sólo lo fundamental
de la animación. Sólo vamos
a seguir repitiendo estos pasos para todas
las capas aquí, solo
poniéndolos todos en el medio primero y luego tenerlos
extenderse hasta el final donde originalmente
parece. Sólo voy a seguir
adelante y hacer eso. Eso es básicamente todo. Como se puede ver, solo todos empiezan desordenados,
solo a ellos al azar, se mantuvieron girando,
seguían cambiando de posición
hasta que se vea como un buen
lío aleatorio, si se quiere. Entonces simplemente se superponen entre sí hasta que llegan
hasta el final aquí. Ahora, si te das cuenta, no he tocado Fix You ni Coldplay. Voy a dejar estos
hasta el final. Sólo quiero
apagarlos por ahora haciendo clic en el ojo
aquí a la izquierda. Ahora, todo esto está
mal y podemos llamarlo a un día de aquí. Pero quiero darle un
poco de patada y una especia y darle
un poco de
una agradable transición sin fisuras. Pienso bien en tal vez
el quinto segundo aquí, lo que quería hacer es que quiero
volver a seleccionar todas mis capas, golpear “P”, seleccionar fuera. Justo por aquí,
quiero realmente
cambiar de
nuevo sus posiciones y
hacerlas dispersar
un poco a los bordes antes de que entren de nuevo para
formular la palabra. Por ejemplo, sólo voy
a llevar éste por aquí, que es el azul aquí. Sólo quiero
empujarlo un poco, así. Solo quiero repetir esto
por el resto de las capas, dispersarlas
hacia los bordes. Entonces veremos cómo se ve
eso. Ves que
empezaron pero barajaron y
luego se dispersan un poco a los bordes y luego vuelven de nuevo y
formulan la palabra. Quiero volver a hacer esto
mismo, pero voy a
ir a la segunda 6:15 justo antes de que llegue
a la palabra de nuevo. Quiero volver a hacer el mismo ejercicio
exacto, pero esta vez en lugar de
dispersarlos a los bordes, quiero
acercarlos un poco más al medio
solo para que podamos tener una aún más inconsútil
transición cuando vuelve a entrar en su formación
original de nuevo. Sólo voy a volver a jugar con
las posiciones aquí. Demos a esto un adelanto. Se ve la vacilación un poco cuando
sale a los bordes aquí
mismo y luego
se acumula de nuevo en el medio y luego
vuelve a salir. Solo quiero arrastrar estas
teclas intermedias desde la segunda 6:15-6:00. Sólo voy a seleccionar a todos
y rastrearlos. Ahora como lo estoy mirando, siento que es un poco demasiado lento para mí
al principio. Sólo quiero
acelerarlo un poco. Lo que podemos hacer para arreglar eso es
quizá agregar el tercer segundo. Puedo simplemente arrastrar todos mis fotogramas clave aquí y rastrearlos
hasta el tercer segundo. Eso es mucho mejor. Algo más que estoy
notando es que no hay tiempo
suficiente al final para
realmente mirar la palabra, simplemente
vuelve a empezar de nuevo. Quiero en realidad que
los resultados finales aquí no terminen en el último segundo que
puede ser en el sexto segundo. Hay al menos tiempo, dos segundos al final
para mirar la palabra. Sólo voy a arrastrar
todos mis fotogramas clave finales aquí y simplemente arrastrarlos
hasta el sexto segundo. Entonces puedo ir al cuarto
segundo aquí y tomar todos
los penúltimo fotogramas clave
y arrastrarlos aquí mismo. Al menos sólo están
espaciados así. Ahora que lo estoy mirando, estoy pensando que podemos tener algunos
fragmentos de papel al azar aquí y allá, y en el último segundo
líder que otras piezas, sólo para que no
terminen todos al mismo tiempo. Agregará un poco de
intereses visuales a la animación. Entonces mira cómo se ve eso. Estoy pensando que quiero simplemente prolongar esta
composición solo un par de
segundos más porque no se
queda tanto tiempo como me
gustaría que fuera al final, así que sólo voy a
llegar a 10 segundos. Vas a encontrar
que estas barras azules para las capas se cortan
en el octavo segundo. Sólo voy a seleccionar todos, y simplemente arrastrarlos hacia fuera. De esa manera puede permanecer más allá de
los ocho segundos y simplemente hacer una pausa antes de que
empiece a retroceder de nuevo. Estoy contento con eso. Sólo quiero sumar un pequeño ajuste
final donde
los fragmentos de papel se mueven cada vez tan ligeramente justo
antes de que termine la composición, y colocaría eso justo sobre el séptimo segundo aquí, justo antes de que la composición
termine en el octavo segundo. Lo que voy a hacer es
seleccionar todas mis capas, y luego asegurarme de que esté
en P. Entonces voy a ir al diamante de la izquierda. Entonces solo voy a colocar
todos mis fotogramas clave aquí. Entonces lo mismo con R, haga clic en el diamante. Entonces quieres ir
al séptimo segundo aquí, justo antes de que acaba de llegar
a la palabra de nuevo. Sólo quiero
jugar con estos fragmentos
un poco más, y tal vez traerlos un poco,
sólo un movimiento muy ligero,
nada demasiado pronunciado. Quiero que sea una
barajada muy sutil. Sólo lo estoy moviendo
un punto arriba, un punto debajo, para que casi
parezca Fix You, pero aún no del todo, solo hasta el último
segundo parece Fix You. Entonces veamos cómo se ve
eso. Eso se ve bien. Ahora un consejo superior que hacer por algo
como esto es Easy Ease. Voy a seleccionar todos mis fotogramas clave aquí todo
el camino hasta la cima. Voy a ir
a “Animación”,
“ Asistente de fotogramas clave”,
y luego a “Easy Ease”. Eso sólo va a aliviar
literalmente
todas las transiciones suaves, y lo ralentiza
a ciertas partes y luego acelera de nuevo
a sus velocidades normales. Simplemente hace que las cosas se vean mucho más suaves y no demasiado
de un movimiento rígido. Ves lo que un mundo de
diferencia que acaba de marcar. Ves esa pausa y esa transición suave todo desde Easy Ease,
que es perfecto. Por último, pero no menos importante es nuestros nombres de
Coldplay y Fix You. habíamos
escondido al principio. Sólo voy a mostrarlos
ahora haciendo clic en el ojo. Lo que voy a hacer
es que quiero
empujar sus posiciones
al principio
lejos del cartel. Para Coldplay,
sólo voy a arrastrarlo hacia abajo para que no sea visible. Para Fix You, voy a arrastrarlo hacia arriba. Ahí es donde
van a estar para la mayoría de la animación de
carteles. Entonces solo voy a hacer
click en el cronómetro. Entonces voy a ir a tal vez justo por aquí en medio del séptimo
y el octavo segundo. Voy a hacer click sobre
los diamantes de nuevo, sólo para decirle que aquí
es donde todavía
quiero que esté en el
séptimo segundo y medio. Entonces en el noveno segundo, voy a tener Fix
You venga aquí abajo, y luego Coldplay venga aquí. Sólo van
a aparecer
igual que el cartel está
finalmente formulado, y sólo voy a
empujar ahí. Veamos cómo se ve eso. Eso es más o menos. terminamos con esta animación. Esa es la idea
que tenía para ello. Sé que esto puede parecer mucho, pero es sólo porque tenemos muchas capas pasando aquí. Pero todo esto es solo colocar fotogramas clave de posiciones
y rotaciones, y simplemente cambiarlos a
medida que avanzamos en ese momento. Las técnicas básicas
aquí son súper fáciles y fácilmente transferibles a
cualquier cosa que harás más adelante. Imagina que solo tienes
como cinco o seis capas aquí y solo estás cambiando sus posiciones
a través de rotaciones para tener ese efecto al final. Sólo voy a derrumbarme
todas mis capas aquí. Quieres hacer click y simplemente atajo en tu
teclado, presiona “U”. Eso sólo va a colapsar todas las capas agradables y aseadas. No tienes que
hacerlo de forma individual. Puedes hacer lo mismo, solo presiona “U” de nuevo para
expandirlas. Ahí vas. Creo que estamos listos
para exportar este archivo. Solo quieres ir a “Archivo”, “Exportar”, “Agregar
a Cola de Render”. Entonces esta ventana
va a subir aquí. Queremos ir a “Lossless”, junto a “Módulo de Salida”, y hacer doble clic en eso, luego vamos a
“Opciones de Formato”, y creo que el predeterminado
será la animación. Solo quieres
soltar ese menú. Me gusta usar Apple ProRes
422 o de alta calidad, es sólo una mayor calidad de versión de
datos, y luego lo vamos
a comprimir más tarde. Voy a seguir adelante
y hacer clic en eso,
y haga clic en “Ok”,
y “Ok” otra vez. Entonces tienes aquí
la opción de guardarlo como sea cual sea el nombre que
quieras nombrarlo y donde
quieras guardarlo como. Sólo voy a
guardarlo en mi escritorio, y haga clic en “Guardar”.
Eso es más o menos. Queremos ir a ese
bonito botoncito por aquí y hacer click en “Render”. Ahora mi amigo esperamos. Vas a
escuchar ese hermoso
sonido de renderizado. Aquí vamos. Me encanta ese sonido. Sólo quieres salvar esto. Sólo voy a ir a mi
escritorio aquí y
vas a encontrar el
archivo como un archivo MOV, que es un
formato típico para QuickTime. Pero este suele ser un formato de archivo
muy pesado, así que lo que me gusta hacer es
dirigirme a Handbrake, y esto es de uso gratuito, libre para descargar fuera de Google tanto
para Mac como para Windows. Básicamente solo
comprime cualquier video a MP4 y hay toneladas de otras opciones con las
que puedes jugar. Pero sólo voy a
arrastrarlo a la ventana aquí, y sólo va
a estar escaneando. Puedes guardarlo como cualquier
nombre que quieras guardarlo como. Asegúrate de ponerlo al destino que
quieras ponerlo como. Se va a guardar como un MP4, que conserva la misma
alta calidad del video, pero sólo un tamaño de archivo muy
pequeño. Vas a seguir adelante
y haz clic en “Inicio”. Eso es todo. Ya terminaste. Simplemente puedes previsualizar el archivo. Todo está bien para ir. Ya hemos terminado.
7. Proyecto de clase: [ MÚSICA] Es hora de
tu proyecto de clase. Tienes una de dos opciones. Puedes recrear
y reinterpretar la canción que he hecho
para el cartel de hoy, o puedes escoger tu propia canción y crear tu
propio cartel para ello, ya sea el título de la canción o una parte de la letras,
depende de ti. Estaré subiendo
en los recursos para ti esta guía para escoger una canción y preguntas guiadas sobre cómo puedes transformar
eso visualmente. Estaré recogiendo en tu cerebro con algunas preguntas
que darán a conocer
ciertas imágenes,
referencias, emociones, ideas que te ayudarán a
hacer esa conexión con el título de la canción y ojalá sea
una idea de póster para él. Siéntase libre de publicarlo como un póster quieto o
uno animado. Depende completamente de ti, en
lo que te sientas
cómodo. Asegúrate de que tu póster
esté en tamaño A4, que es de 21 por 29.7 centímetros. Si lo vas a animar
entonces exporte como un MP4 cargado a
Vimeo o YouTube. En el proyecto de clase, pega ese enlace de video
en esa sección. También incluye el nombre del artista y el título de la canción
en tu póster. No olvides simplemente
divertirte con él. Hacerlo llamativo, hazlo loco ,
hazlo mínimo, depende de ti. Cuando hayas terminado, te
animo encarecidamente a compartirlo en la
galería de proyectos de clase para que pueda verlo junto con
todos los demás. Si necesitas alguna
ayuda, solo pregúntame, estaré más que feliz de
contestar cualquiera de tus preguntas. Eso es todo. No puedo esperar
a ver tus carteles. [ MÚSICA]
8. Reflexiones finales: [ MÚSICA] En una nota final, quiero dejarte la
clave clave de esta clase. primera es escoger un título de canción o parte
de la letra que sea relativamente corta
como para darte espacio
suficiente para
experimentar el tipo. Pero también algo que tiene significado para que pueda ayudarte a
inspirarte a crear una interesante composición
visual que refleje ese significado. Entonces quieres
trazar referencias que ayuden a dar vida a tu idea. Esto puede ser cualquier cosa,
desde referencias cinematográficas ,
o naturaleza, o
ilustraciones, etc. Cualquier cosa visual que
pueda ayudarte a transformar esta idea en intereses tangibles y
visuales. Al diseñar tu póster, no tengas miedo de
experimentar con un tipo. Hágalo grande, hazlo condensado, escalarlo, escalarlo hacia abajo, cambiar sus fuentes, cualquier herramienta
básica de Illustrator te
ayudará a hacerlo. A la luz de eso dicho, cuando hayas terminado con la composición vectorial
general, te animo encarecidamente
a agregar algunas texturas, sombras, resaltados si es
apropiado para tu canción. Estos pequeños detalles
ayudarán a llevar tus potenciadores
al siguiente nivel y agregarle
algo de complejidad. Entonces, cuando hayas terminado
y listo para animar, asegúrate de tener capas tu
archivo en Illustrator o Photoshop para que puedas reproducirlos fácilmente y moverlos
para la animación. Luego de frente a
After Effects y usa algunas técnicas básicas
como aprendiste antes para animar tu póster. O si te sientes
más aventurero y confiado con el programa, entonces por todos los medios, dale tu mejor oportunidad. Por último, sólo recuerda
divertirse , experimentar y explorar. Trata esta clase como
un limpiador de paladar entre tu
trabajo o trabajo escolar. Está destinado a servirte
como un ejercicio creativo que uso personalmente de forma regular para ampliar
mi vocabulario visual. Usa estos carteles para construir tu portafolio o como una herramienta para inspirarte para
tu próximo proyecto. Eso es más o menos. Buena suerte. [MÚSICA]
9. Gracias: [ MÚSICA] Muchas gracias por
tomar esta clase. Realmente espero que
lo hayas disfrutado tanto como yo lo había hecho. Si le pareció
útil esta clase o interesante o divertida, por favor hágame saber
qué pensó de ella en las reseñas ya que podría ayudar a alguien más
a saber qué esperar de esta clase. Estaré subiendo todos mis pósters musicales anteriores abajo para tu referencia para
ayudarte a inspirarte o
guiarte o simplemente darte una idea de cómo
puedes ir sobre esto. Cuando te sientas refrescado
e inspirado de nuevo, te animaría a que te
subas a mis otras clases, ya sea mi
clase de diseño de logotipos para cómo crear una marca de palabras única o si eres
entusiasta de los empaques, entonces recomendaría tomar mi clase de diseño de empaques
donde te paseo a través todo
mi
proceso detallado de cómo re-marca una famosa barra de chocolate
suiza. Puede o no tener
hambre después de esa clase, le ha advertido. Además, siéntete libre de seguirme o etiquetarme en tu
trabajo en Instagram, me encantaría verlo, me encantaría conectarme, me encantaría darte
retroalimentación o simplemente
chatear o intercambiar listas de reproducción de
música. Siempre estoy en busca de música nueva
de todos modos. Gracias de nuevo y te
veré en la siguiente. [ MÚSICA]
Khadija El Sharawy, Graphic Designer & Storyteller
