Transcripciones
1. Introducción: ¿Te gustaría saber cómo
animar tus ilustraciones de texto Crea algunas pegatinas de bunty
para usar en tus historias. ¿Qué le dirías al aprender tres técnicas fáciles para hacerlo? Hola, mi nombre es Kay Leathers, y soy diseñadora e
ilustradora de Londres, Inglaterra Llevo más de seis
años trabajando como diseñadora, trabajando en todo,
desde libros infantiles hasta videos y animados,
es más reciente. He estado trabajando mucho en marketing en redes
sociales
con algunas marcas. Y estos stickers
son una necesidad
absoluta si quieres involucrar a
las personas con tu marca, especialmente al compartir contenido generativo de
usuarios Aprender estas sencillas técnicas de
animación me
ha sido muy útil. No solo para agregar otra cuerda
a mi arco de ilustración, sino que me ha dado
un tirón extra al solicitar proyectos de
ilustración. Muchos clientes quieren experiencia en
animación ahora. Y estos son
particularmente útiles para el marketing en redes
sociales
si no es para otros clientes. También es una forma súper linda de
anunciar tu propia marca. Siempre estoy feliz de
compartir estas habilidades. Como sé, no es fácil adentrarse en el
mundo de la animación. Y me encanta compartir mis
conocimientos para que puedas tener un paseo fácil en lugar de la montaña rusa de
frustraciones que tuve Recomiendo este curso
a cualquiera que quiera algunos consejos sencillos sobre cómo
animar tus ilustraciones Te mostraré tres formas
increíbles y fáciles animar tu texto en cuestión
de minutos. También voy a ir paso a paso. Entonces, ya sea que seas
un profesional experimentado o simplemente un principiante o seas
bienvenido en esta clase, estaré usando procreate
para diseñar mi texto Que puedes usar
Adobe Photoshop, Illustrator o
simplemente lápiz y papel. En segundo lugar,
necesitarás Adobe After Effects para animar tu texto En esta clase, te voy a
mostrar cómo decido un diseño Comparte algunos trucos
que utilicé para ilustrar un texto. Toma esto en After effects, donde usaré tres
técnicas diferentes para animar tres
pegatinas de texto diferentes que quieras Puedes diseñar solo
uno en el que puedas experimentar para encontrar tu forma
favorita de animar. Mis archivos también están en los
recursos si los necesitas. Al final de la
clase, aprenderás tres
formas diferentes, tal vez más, que puedes animar
texto y un diseño final, que puedes subir
aquí mismo a la galería del proyecto Te recomiendo que muestres tus nuevas habilidades en
tu propia cartera. E incluso te voy a mostrar
cómo conseguir tu diseño en las historias de
Instagram. Si estás listo y con ganas de
ir, empecemos.
2. Proyecto: Para este proyecto de clase, podrás elegir entre las tres técnicas de
animación diferentes. Aplicando uno a
tu ilustración, Exporta como Jeff y cárgalo aquí a
la galería del proyecto. De esa manera podré ver tus nuevas habilidades de animación y ofrecerte cualquier consejo o consejo adaptado de
forma única a tu trabajo. Una vez que hayas seguido
junto con la clase, simplemente elige una técnica de
animación se muestra en la clase para aplicarla
a tu ilustración de texto. Aplica y exporta
la ilustración como a. Te mostraré cómo
hacerlo en la lección de exportación. Subirlo aquí a la
galería del proyecto al proyecto de clase. Publicar tu propio proyecto puede
ayudar a otros a hacer lo mismo. Pide ayuda y
finalmente mejora nuestra comunidad de habilidades compartidas aquí en un ciclo de retroalimentación
y mejora También me ayuda a evaluar lo útil que
ha sido la clase para ti. Recuerda publicar tu
proyecto lo antes posible. Si tienes ganas de compartir
particularmente, a mí también
me encantaría ver
tu proceso. Así que siéntete libre de subir tus fotos
y bocetos de ilustración aquí Lo primero
que necesitarás para
comenzar es tu herramienta de dibujo, aplicación de
dibujo o bloc de bocetos. Así que vamos a por esos ahora y nos vemos en nuestra primera lección.
3. Dibuja tu texto: En esta lección,
vamos
a ver bosquejar nuestros diseños de
pegatinas. Este va a ser nuestro
boceto guía para su posterior refinamiento. Entonces quiero que te sientas bien
por bajar algo. Así como un primer diseño, puedes usar cualquier método con el
que te sientas cómodo, ya sea lápiz y papel
primero antes de convertirte en digital, o si eres más una
persona, usa Illustrator Me gusta usar procreate
porque es muy flexible, rápido y guarda
en un archivo PSD, lo cual es realmente
bueno para animar Después te estaré enseñando
cómo trabajo ahí. Siéntase libre de seguir
el método que elija. Ahora voy a hacer stickers basados en
texto. Te recomiendo que me
sigas. Y voy a estar dando muchos consejos y
sugerencias para
ilustrar texto, específicamente usando
pautas y capas. Disfruto entregando gratis esta parte, pero siéntete libre de usar
referencias de cómo quieres que se vean tus cartas
, si te apetece Antes de decidir qué dibujar, vamos a montar nuestro lienzo. Para crear nuestro lienzo, vamos a hacer clic en
el símbolo más aquí arriba. Ahora vamos a crear una plantilla de tallado
completamente nueva. Lo agregaremos ahí
para las dimensiones. Vamos a ver las pautas
de Jiffy. Eventualmente,
vamos a configurar nuestros regalos en Gif para
ir a Instagram. Tenemos que seguir sus
pautas a medida que lo hacemos. Ahora Jiffy tiene algunas mejores prácticas de
pegatina. Y si las mejores prácticas que
vamos a ver, las cosas que
quiero destacar
es el recorte del lienzo para que se ajuste
a la pegatina Las pegatinas
exportadas con demasiado espacio vacío aparecerán muy pequeñas. En realidad, lo que vamos
a hacer es
crear pegatinas que
llenen ese espacio. En segundo lugar, necesitamos tener
el archivo fuente como
a.Si también vamos a seguir las mejores prácticas de
Jiff, ellos recomiendan no
más de 6 segundos, lo que
pensaremos en animación Y también que van a
bucle para siempre. Realmente nos vamos a centrar en eso en nuestra lección de animación. Que podamos usar
cualquier resolución hace que nuestra pegatina se vea mejor. Recomiendan usar múltiplos de cuatro para ancho y alto. Eso es lo que vamos a
pensar para nuestro lienzo. Genial. Como si dijeras vamos a hacer
un múltiplo de cuatro, pero vamos a
mantenerlo en estilo video. Hacemos 1080 por 1080, entonces voy a mantenerlo
a 300 pixeles por pulgada. Puedes bajar a
72 si quieres. Simplemente me gusta mantener las cosas
en 300 por si acaso necesitan en una clasificación de
píxeles más alta más adelante. Entonces para tu perfil de color, te
recomiendo ir por RGB. Si solo vas a
mantener las cosas en línea, si crees que
puede haber una posibilidad que lo
vayas a
imprimir en algún momento, opta por CMYK, porque
es más fácil
pasar de CMYK a RGB que a
la ruta de otra manera. Así que asegúrate de dar
esa plantilla y nombre, así que voy a
llamarlo pegatina de Instagram, luego Crear, y eso va a venir con nuestro bonito lienzo
en blanco aquí. Hay dos cosas en las que
puedes
pensar para empezar. El primero es un tema
del diseño. Si quieres algo
muy utilizable o popular, ¿por qué no
investigar un poco en Instagram? Solo ve a hacer una
historia, luego agrega un jif, Mira qué
pegatinas populares hay ahí, o simplemente puedes hacer
lo que
te sienta bien y ojalá a la
gente le guste Yo pensaría en
una palabra o dos, o incluso en una frase muy corta
que signifique algo para ti. Algo que mostrará
tu personalidad
ante tu público. Te garantizo que habrá un montón de gente a la que también le guste. Lo segundo es el
tamaño de tu diseño. Aquí puedes ver dos pegatinas
que he creado para Teach your Monster que estoy
tratando de usar en una historia. Uno comenzó como este
diseño pequeño y en el centro de nuestro lienzo
1080 por 1080. El otro llenó mucho
más de la lona. ¿Puedes adivinar cuál
hizo mejor, Jeff? Sí, uno que
llenaba el lienzo. Cuando estés planeando tu
frase o ilustración, tendrás que considerar cómo vas a
llenar ese lienzo. Para mi primera pegatina, he decidido hacer
Feliz Cumpleaños. Sé que va a ser popular, mucha gente tiene cumpleaños y va a atraer
a un público amplio. En primer lugar, voy a
establecer algunas pautas. Ahora procrear viene con
sus propios lineamientos incorporados. Voy a usar esos. Si entra en la
llave y luego Canvas,
luego haz clic en Guía de dibujo Entonces vamos a editar
esa guía de dibujo. Por el momento, mi
tamaño de cuadrícula es de 34 píxeles. Vamos a
llevarlo todo el camino hacia arriba y asegurarnos de que esté en
algo que puedas ver. Acabo de ir por unas
lindas pautas oscuras aquí, pero puedes ir por el
rojo si quieres. Me quedaré aquí abajo
y luego haga clic en Listo. He decidido que
voy a hacer mis cartas como súper boxy,
súper contundentes, Y feliz cumpleaños va a ser muy Lo que voy a hacer es porque feliz cumpleaños
es una frase bastante larga, si la pongo al otro lado del centro, va a terminar muy pequeña cuando la metamos en Jiffy Y con el tiempo lo voy a pegar. Voy a
dividir eso en dos feliz cumpleaños. Y voy a usar mis
lineamientos aquí para hacerlo, pero también voy a
crear mis propios lineamientos. Ahora para crear lineamientos, me gusta usar mi lápiz
Narinder para dibujar Es que es muy bonito y
oscuro, así que me gusta esa. Ahora en una capa fresca, lo que vas a hacer es
simplemente establecer esas pautas. Si quieres seguir
adelante y ser cuadrado como yo, solo
voy a
trazar una línea
recta y sostener mi dedo
para hacerlo realmente recto Dibujaré el
segundo para la parte inferior de las letras que se ven bien. Luego usando mi botón de transformación de
forma libre, voy a extenderlos y asegurarme de que se ajuste
al ancho del lienzo. Entonces voy a duplicar
esa capa y
arrastrarla para asegurarme de que mi chasquido esté encendido con los
magnéticos, que es Y eso sólo me va
a ayudar a arrastrarlo hacia abajo en una línea recta muy
bonita. Voy a dejar ahí un
pequeño hueco para el espacio entre
las dos palabras. Bueno. Una vez hecho eso,
voy a fusionarlo y
luego renombrar esa
capa guía líderes, renombrar mi tapping y
seleccionar, Renombrar. Ahora vamos a pasar a
bosquejar nuestras cartas. Siempre hago una guía de boceto aproximada antes de pasar a mi color
solo para asegurarme de que espaciado esté bien con
todas las letras y la frase se vea
bien generalmente en el lienzo. Para iniciarnos, vamos a
crear una nueva capa y llamemos a eso entonces. Voy a compartir un par
de técnicas contigo a medida que
voy porque estoy haciendo estas cartas realmente boxy
para feliz cumpleaños Voy a contar cuántas letras
hay en cada una y
voy a hacer ejercicio
desde el centro. En Happy,
tenemos cinco letras. Voy a comenzar con la P y voy a usar
esta línea central para
ayudarme a dibujar eso
con mi pluma seleccionada. Sólo voy a dibujar eso, siempre
puedo aguantar
por una línea recta. No tiene que ser perfecto, pero es bueno para que
la primera letra sea correcta. Tan solo como regla. Entonces podemos
trabajar a partir de esa. Ahora, porque estoy
contento con esto, sólo
voy a
dibujar en mi x altura. Eso es sólo la altura
de este pedacito de cruce. Solo para asegurarme de que esté
en el lugar correcto, voy a usar mi herramienta de
selección para simplemente recogerlo y
jalarlo debajo del. Ahora esa es mi guía. Todo
listo para el top. Ahora muy afortunadamente,
tenemos otra, así que solo puedo duplicar
esa capa y luego arrastrarla por ahí. Tenemos nuestro segundo solo
va a fusionar eso abajo. Sólo voy a asegurarme que ahí esté realmente
centralizado. Bueno. Ahora voy a trabajar a partir de ahí para
el resto de mis cartas. Hay una H. Este bit
puede ser como súper rápido. Puedes hacerlo realmente
incompleto si quieres. No tiene que
ser caja así. Obviamente, vas
a elaborar el estilo de tus propias letras si
quieres copiar conmigo y simplemente
hacer las cosas boxy. Ahora, yo también estoy contento con eso. Aquí tenemos un estilo
establecido para nuestras letras. Ahora, solo voy a hacer
un par de ajustes para asegurarme
de que tenemos un ancho más consistente aquí. Y eso está bien. En mi
segunda palabra, cumpleaños. Para cumpleaños, tenemos
ocho letras en cumpleaños, pero voy a añadir
ese signo de exclamación Ahora. Tenemos nueve,
dejándonos esa importante letra
media H. De nuevo, voy a hacer
ejercicio desde el centro. H es una bonita
letra simétrica que es
útil, útil para H. Entonces voy a continuar con mis
cartas fuera de ahí. Ahora puede que te resulte
realmente molesto y difícil hacerlo de esta manera. Esta es la forma en que se
me ha ocurrido para
ayudarme a equilibrar y mantener
mis cartas igualadas. Pero puede que te resulte muy fácil ir de un
lado a otro. Siempre se puede utilizar
la herramienta de transformación para realizar los ajustes. De todas formas, encuentra cualquier
forma que funcione para ti, solo sigue trabajando en
tu frase aquí. También podría ser un buen momento para probar diferentes estilos, poner algo cursivo, pero generalmente este día de nacimiento, y estoy muy contento
con cómo se ve eso, esa es mi capa de guía, todo hecho Ahora obviamente esta es una manera realmente
estructurada de hacerlo. A veces lo hago
muy incompleto, por ejemplo, así como esto Voy a conseguir eso en bonito y dibujado
a mano en mi propio estilo, entonces voy a reducir la
capacidad en eso. Voy a subir ese estilo
y trabajar de esa manera. Puede que te resulte
muy divertido simplemente escribir tu propia letra y luego
pasar por encima de eso Pero te voy a
mostrar esto en uno de mis otros diseños de pegatina. Desconectemos la capa
guía y echemos un vistazo a eso. Sí, creo que se
ve muy bien. Entonces, con mi capa de guía hecha, estoy lista para pasar
al siguiente paso. Colorear toma todo el
tiempo que necesites en esta etapa inicial de boceto
hasta que estés satisfecho con ella. Me tomó algunos intentos,
pero voy a decir, no te
preocupes por que sea perfecto. Vamos a refinar nuestro
boceto juntos en la siguiente lección.
Te veré ahí.
4. Colorea tu texto: En esta lección,
vamos a utilizar nuestra capa guía como base
para ilustrar nuestro diseño. Voy a ir directo a
introducir el color. Entonces voy a ser súper
rápido en esta lección, usando muchas líneas rectas y decisiones rápidas en todo momento. Siéntase libre de hacer una pausa en cualquier
momento y tomarse su tiempo. Es posible que incluso desee
hacer un paso adicional de refinamiento a
su diseño aquí Pero recomiendo que
con los regalos basados en texto, creo que esa práctica es clave. Entonces, cuanto más puedas
trabajar, mejor. Solo hagamos estos primeros y salgan en el mundo. Y recuerda que
muchas veces la perfección es enemiga del progreso. De nuevo, te voy a dar algunos consejos para refinar tu
trabajo a medida que avanzas. Entonces, si estás listo,
vamos a ponernos en marcha. Entonces quiero que mi
boleto de feliz cumpleaños sea súper feliz. Va a ser colores arcoíris y todos conocemos a Roy Gabi, ¿verdad Vamos a empezar con el rojo. Entonces voy a seleccionar mi
color de mi paleta de colores. Voy a elegir un bolígrafo nuevo. Entonces voy a ir por mi pluma de
estudio. Pluma de estudio en E. Ahora bien, esto es solo un bolígrafo de estudio
normal, pero tiene la corriente alineando
hasta 66% en lugar de 47. Entonces eso es todo lo que
cambié al respecto. Entonces voy a
crear una nueva capa, esto que
voy a llamar arte. Y luego mi capa de boceto, voy a renombrar a Sketch. En la capa de arte,
voy a hacer mis colores. Y luego voy a reducir la capacidad en
la capa de boceto, así que solo puedo usarla
como guía acercándonos, asegurémonos de que mi pluma tenga
el tamaño correcto Voy a seleccionar talla aquí, entonces voy a empezar a entintar
usando esas pautas, porque voy por super box Esto debería ser rápido obviamente. Solo puedo sostener las líneas para
asegurarme de que sean bonitas y rectas y que sea
como un estilo rápido. Quizás quieras
tomarte algo de tiempo extra si fuiste por cursiva
o algo así Pero yo diría que
no tienes que ser súper pulcro. Por favor, tómalo de mí. Si eres nuevo o
comienzas con la
ilustración el toque humano, el diseño perfectamente defectuoso de tu mano va a
ser más que suficiente Por favor, no pases demasiado tiempo agonizando por una pequeña marca en algún lugar que realmente no va a afectar el
diseño de tu trabajo, especialmente con estas pegatinas Puedes sacarlos muy,
muy rápido y sabes que gente los va a usar
en tus historias. Van a ser
rápido pasando cosas. Realmente no
necesitas pasar horas
haciéndola bien como lo harías tal vez con una impresión o
algo así. Solo usa tu talento, usa tus errores perfectos
para arreglarlos. Bueno. Ahora puedes ver
que aquí me llevo
bien con mi coloración. Simplemente voy a entrar y
usar ese truco otra vez, donde puedo usar la herramienta de selección para
cortar mi copia P y pegarla,
arrastrarla a través, y luego
no necesito volver a hacerlo. Son solo cosas para
acelerar tu flujo de trabajo. Ahora estoy haciendo un
relleno de color aquí y se puede ver que estoy arrastrando para conseguir
el umbral arriba y abajo. Ahora bien esta es solo la cantidad
que va a llenar el pixel, así que quieres ir lo más
alto posible en este 11 Buen truco que puedo hacer con esto también porque particularmente me
gusta mi s aquí, solo voy a duplicar eso. Solo úsalo como una pequeña
guía de ancho para mi siguiente carta. Si estás luchando por mantener el ancho y la consistencia
entre tus letras. Este es un muy buen truco para eso en mi capa de arte otra vez. Ahora solo puedo usar
eso como un poco de guía de ancho y usarlo para continuar con el
estilo de mis letras. Es aún más útil si lo
tienes debajo de
tu capa de arte. Ahora bien, esta es mi pieza habitual, así que sólo voy
a fusionar eso. Tenemos felices todo hecho aquí. Puedo ver que mi
H es un poco ancha en comparación con
las otras letras. Sólo voy a
aplastar eso y luego pasar
al cumpleaños Tengo un par de
cartas que son comunes entre cumpleaños y feliz. De nuevo, puedo usar ese truco
solo para acelerar mi flujo de trabajo. También me va a ayudar a mantener las cartas consistentes. Hagamos lo mismo para la A, asegurándonos de que tu
carta esté seleccionada. Si solo haces clic y mantienes, eso seleccionará el
mismo y podrás copiar y pegar y
luego moverlo hacia abajo. Bueno. Entonces puedes simplemente fusionarlo en
la misma capa también. Sólo hagamos eso por
la Y y moverla. Aquí vamos, y nos fusionamos. Entonces ahora solo voy a
seguir con el resto de mis cartas y voy a
acelerar el video. Ahora bien, te habrás dado cuenta que he hecho
mucho día de nacimiento, que definitivamente
no es orden arcoíris. Ahora bien, esto fue intencional porque pensé que me daría otra oportunidad para mostrarte truco y acelerar el flujo de trabajo. De hecho, puedes simplemente construir
todo en un color y luego pasar y simplemente
rellenar con los otros colores. Una vez que lo tienes
todo resuelto,
acabo aquí
mi signo de exclamación y te muestro a lo que me Yo sí quiero que mi B sea roja. Eso es todo bueno. Entonces
quiero la naranja en el ojo. Así que solo puedo dejar caer eso de color. Ahora realmente puedo mostrarte aquí. Si vas demasiado alto
con este, va a colorearlos a todos. Solo quieres colorearlo lo suficiente como para colorear esa letra. Hagamos lo mismo
con la R amarilla y la T y la verde. También voy a colorear ahí
el signo de exclamación porque saben que también
va a ser verde Entonces tenemos el morado, el H, luego volvemos, luego tenemos rojo anaranjado. Y entonces necesitamos
amarillo para esta Y. Ese es mi feliz cumpleaños. Todo coloreado. Echemos un
vistazo sin el boceto. Genial, Se ve bastante bien. Eso lo puedo ver. A lo mejor necesito
hacer algunas pequeñas correcciones. Bien, estoy bastante
contento con esto. Me gustan mucho las letras. Hicieron algunos ajustes
al ancho general de ellos, pero estamos listos para seguir adelante. A mí me gusta, pero
siento que va a ser difícil
que se destaque
frente a fotos e imágenes
complejas que tendrías
en las historias de Instagram. Vamos a
darle una sombra paralela. Ahora mi
forma favorita de hacerlo es simplemente duplicar
esa capa de arte. Después renombrar la sombra
inferior. Asegúrate de que todo lo
demás tenga nombre. No tenemos nada
extra que no
necesitemos que se vea bien. Y luego voy a
apagar la capa de arte. Ahora antes de agregar el color de
sombra a esto, solo
voy a sacar
todo el color de aquí. Voy a subir
a los ajustes aquí y saturación de tonalidad,
y brillo. Entonces voy a sacar
todo el brillo, así que es solo este negro profundo. Entonces si vamos a seleccionar nuestro color de sombra menos
mi bonito azul marino aquí, y solo arrastramos eso en
el umbral tiene estar todo el camino hasta asegurarnos de que
todas las letras estén llenas. Ese es mi color de sombra. Entonces podemos encender
la capa de arte y ahí solo
puedes ver un pequeño
contorno de la sombra. Con eso seleccionado, ahora puedes moverlo a la
posición que quieras Tu sombra paralela ahora
me gusta abajo a la izquierda, así que solo voy a
darle suficiente
distancia para que tal vez
cuando sea pequeña, todavía
puedas ver esa sombra ahí porque nuestra pegatina
va a ser bastante pequeña. A lo mejor incluso
lo voy a sacar un poco más. Eso se ve bien ahora. Parece una sombra
proyectada en una pared, pero quiero que sea
como una letra cuadra De hecho voy a unirme a esto, así que parece una letra sólida. Te voy a mostrar cómo hacerlo con mi capa de sombra
aún seleccionada. Sólo voy a unirlo con algunos triángulos pequeños ahí
dentro para darle
la ilusión de que en realidad
son tres D. Si comparamos la
H y la a ahora, en lugar de ser una sombra proyectada, solo parece que es una pieza
entera Tiene lados oscuros. Bonito frente colorido,
que es lo que quiero. Sólo voy a
continuar con esto, solo coloreando esos
pedacitos mientras estoy aquí. También puede simplemente
verificar que mi obra de arte está mirando como quiero que vaya y
viniendo entre las capas. Simplemente no olvides que puedes seleccionar un color diferente
con el cuentagotas Elige tu color de sombra cuando vuelvas a
tu capa de sombra. Aquí. Sólo estoy terminando esas cartas en forma de caja,
es hora de la inspección Así que asegúrate de que
realmente estás acercando, solo comprobando todas
tus letras y haciendo coincidir
muy bien que quieras No te preocupes por dejar algunos pequeños
errores humanos aquí y allá. Pero aquí he visto una unión. Voy a rellenar eso. Vamos a asegurarnos de que no nos hemos
perdido a ningún otro. No, eso se ve bien. En este punto, lo vamos a
llevar a Photoshop Now, generalmente con animación,
sugeriría
tener todo lo
que vas a animar en diferentes capas Pero en ésta, porque nuestra
obra está en procrear, lo que en realidad vamos
a hacer es llevarla a Photoshop y empezar
a separarla Porque molestamente, en
procrear por alguna razón cuando lo tomas en fotos
después de efectos, todos estos píxeles que
no están destinados a estar ahí,
no hay cuando lo tomas en fotos
después de efectos,
todos estos píxeles que
no están destinados a estar ahí,
no hay píxeles. Vienen como molestos píxeles
invisibles. Así que vamos a llevarlo a Photoshop donde
vamos a
cortarlos y hacerlo
realmente listo para la animación. También vamos a etiquetarlo y hacer algunas otras
cosas ahí dentro. Así que vamos a
llevarlo a la tienda de barcos de
todos modos, Todo lo que digo es que realmente
no necesitas
separarlos aquí porque lo
vamos a hacer más tarde. Ahora voy a aprovechar
esta oportunidad para mostrarte mis otras pegatinas, que son mi pegatina de amor. Ahora esto comenzó
la vida como un boceto simple, realmente simple
sobre un fondo negro, letras
simples, súper rápido Y luego por encima de eso hice este tipo
de escritura de burbujas, que me gusta mucho
hacer, Es muy fácil. Solo bucles rápidos en la parte superior y luego
solo lo rellenas. Entonces comencé a construir mis formas
rellenas por encima de la parte superior. Y se puede ver eso ahí. Ahora, porque
decidí superponerlos, los
moví
un poco. Por lo tanto, necesitaba
construirlos en
capas separadas para hacer eso. Todavía va a tener
esos molestos píxeles invisibles alrededor de cada letra Todavía vamos a
tener que recortarlas, pero luego voy a
mostrarte una manera
diferente de hacerlo en Photoshop. También agregué mi agua aquí, Porque tu amor es efusivo, es lindo, ya sabes, todos
están acurrucados Entonces mi pegatina final
es mi bonita pegatina. Comenzó la vida con
solo este boceto de paloma, luego agregué en el bonito De nuevo, súper rápido, boceto
muy rápido, y luego decidí hacer letras bastante
boxy sobre la parte superior Esas son mis tres
ilustraciones. Nuevamente, este va
a tener esos pixeles. Te voy a mostrar
cómo cortar esa en after effects como
otra técnica. Una vez que te haya mostrado los tres, podrás decidir cuál funciona
mejor para ti. Pero eso es todo. He ilustrado estos tres diseños de texto
diferentes para animar a lo largo de la clase A estas alturas, deberías tener
al menos un diseño con el que jugar. En este punto,
puedes sentirte libre de tener más práctica creando
diferentes estilos de texto, fuentes
superpuestas, otras
con pequeñas ilustraciones. Pero mientras
solo tengas uno, podrás hacer todo lo que
yo haga en el resto de la clase. También he puesto mis archivos
en la carpeta de recursos. Si quieres seguir adelante y solo usa el mío para el siguiente paso. Solo por mencionar que eventualmente
necesitarás al menos cinco
regalos si quieres subir
a Goffi y hacer stickers que sean accesibles
a través Pero siempre puedes
crearlos una vez que tengas que
enfrentarte a este primero, si quieres ahora podemos seguir preparando nuestro archivo para la animación en la siguiente lección.
Nos vemos ahí.
5. Exportación e importación: En esta lección,
aprenderemos a exportar nuestros archivos de procrear
a la computadora Si usas Photoshop
o Illustrator, simplemente salta al
código de tiempo a continuación para saber cómo estructurar tus carpetas
y dividir tus capas. Será muy importante elegir un lugar para tus
archivos que no se mueva y estropee tus animaciones
más tarde. Vamos a llegar a ello. Procreate es muy práctico
y fácil de exportar. Si hace clic en Seleccionar aquí, puede exportar varios
archivos juntos. Quiero mi pegatina de feliz
cumpleaños, mi encantadora pegatina
y mi bonita pegatina. Los voy a compartir. Haga clic en Compartir. Después queremos seleccionar archivos de
Photoshop PSD. Se va a
subir con un menú. Sólo voy a
lanzarlo desde el aire a mi Mac aquí mismo. Hagamos clic en Air Drop. Puedes ver mi teléfono y mi Mac, solo
va a
aparecer en la pantalla. Entonces si vamos a nuestras descargas
y luego abrimos buscador, puedo ver
las de arriba ahí. Necesito crear un buen
lugar para esos ahora. Mi buen lugar para esos va a estar en el escritorio
y voy
a crear una nueva carpeta
con comando shift. Voy a llamar a ese proyecto de stickers de
Instagram. Dentro de eso voy a
crear una carpeta de archivos de trabajo. Y voy a crear una carpeta de exportación en todas las mayúsculas
porque eso es lo mío Bien, Dentro de los archivos de trabajo, crea una nueva carpeta
llamada Photoshop, PSD. Entonces voy a crear una segunda carpeta llamada porque
necesitamos after effects. Y también en esa carpeta se
va a crear archivo de imágenes. Bien, así que vamos a
arrastrarlos a la carpeta PSD. Vamos a mirar
cada uno de estos
a su vez para verificar las capas y asegurarnos de que
hayan entrado muy bien. Bien, vamos a
ordenar esas excavadoras. Si hacemos doble clic en
eso, debería abrir Photoshop. Aquí tenemos la pegatina en la
que trabajé. Voy a deshacerme de cualquier capa
extra que no necesite, ya no
necesito capa de boceto. Tampoco necesito realmente la capa de
fondo. Acabamos de conseguir estos dos. Ahora en este punto,
porque sé que
voy a estar usando esto para
la lección de posicionamiento. Necesito que todo esté separado, sobre todo con los procrea, todas las capas entran
con píxeles invisibles, que es la pesadilla
en los efectos posteriores Verías si arrastro
esto así, me
daría
un cuadro delimitador como el cuadrado completo en
lugar del
cuadro delimitador de la letra Es mejor
simplemente traerlo a Photoshop y
cortarlos aquí, haciendo coincidir para fusionar estas dos
capas para que pueda fusionar. Entonces voy a guardar
esto como una copia diferente. Puedo llamarlo para A
porque ha sido editado. Siempre tenemos ese archivo
de respaldo para
trabajar con mi último seleccionado, que es este de aquí. Sólo vamos
a dibujar alrededor de la H. No tiene que
ser súper ordenada en absoluto, pero asegúrate de que
todo H sea luge Y luego clic derecho
capa vía corte. Ahora tienes la capa uno
con esa H sobre ella. Podemos renombrarlo aquí. Ahora bien, si lo transforme, el cuadro delimitador
estará alrededor de la letra, que es exactamente lo que necesitamos Sin molestos píxeles invisibles. ¿Quieres
seguir haciendo eso con todas tus cartas aquí? Sólo voy a cambiar a la herramienta de LAZO poligonal porque solo puedo
tocar y es mucho,
mucho más rápido
cortar las letras y luego obviamente asegurarme de que
estás en la capa correcta Simplemente capa vía corte
exactamente de la misma manera. De hecho vas a
querer hacer esto con todas
tus pegatinas si las tomaste de
los procrea Si lo hiciste directamente
en Photoshop, posible que
tengas que hacer esto
porque no tiene el mismo problema con la situación de píxeles
invisibles. También te va a mostrar una manera de cómo hacerlo más adelante
en after effects. Si no llegas a
esta etapa con tu proceso, solo
voy a pasar y simplemente etiquetar todas estas letras. Puede ser un poco FA
en procrear porque tienes que tocar y
tienes que renombrar ¿Y dónde está esto? Es solo una carta doble,
rápida y rápida de entrada. Simplemente encuentro esto mucho
más fácil para etiquetar, acelerar el trabajo alrededor
de su flujo de trabajo. Bien, con esa etiqueta, vamos a guardarla otra vez. Obviamente en el nuevo nombre de archivo. Y luego podemos comprobar
que está en la carpeta. Sí, así que podríamos hacer una carpeta
separada si
quisieras para particularmente
los efectos posteriores, Pero tenemos
que asegurarnos de que esto se quede aquí ahora. Entonces cuando lo tomamos
en efectos ar, va a tener un lugar para referirse
siempre a ese archivo. Así que ahora hemos dividido nuestra
ilustración en capas utilizables. En la siguiente lección, la
importaremos a after
effects e instalaremos la herramienta más importante de tu carrera de animación.
Nos vemos ahí.
6. Instalación de herramientas de movimiento: En esta lección, importaremos nuestro archivo PSD a after effects
e instalaremos herramientas de movimiento. Un increíble plug in gratuito para
descargar, que acelera
tu flujo de trabajo solo generalmente hace que la animación sea
mucho más fácil. Estoy seguro de que te ayudará. Empecemos. Entonces primero, restablecemos a nuestro espacio de
trabajo predeterminado haciendo clic aquí. Ojalá se vea como
algo así, pero vamos a
jugar con esto de todos modos Realmente no
importa si no lo hace, cuando importas algo
a after effects, va a recordar
la última composición que hiciste al importar. Puede escribir haga clic
aquí y haga clic en Importar. También puede hacer clic en Comando, que es el
atajo más popular que uso. También puedes subir aquí para
archivar e importar también. Lo queremos encontrar
en nuestras carpetas recientes. Aquí, tenemos
los cuatro pegatina. Ahora para importar esto,
lo que nos gustaría
hacer es importarlo como capas. Queremos seleccionar composición,
Retener tamaños de capa. Y
sólo vamos a abrir eso. Esto está bien. Simplemente haga clic bien. Entonces vamos a
abrir esa composición. Bien, pongámonos eso. 100% agradable. Eso se ve bien. Aquí podemos consultar nuestros ajustes de
composición. Podemos ver que el
ancho y la altura han entrado correctamente,
lo cual es genial. Entonces tenemos velocidad de fotogramas. Ahora es recordar
lo que me duré. Duré una de estas pegatinas. Lo puse a una velocidad de fotogramas de 12. Esto suele ser una especie
de mitad de la velocidad
de fotogramas del tipo de las antiguas animaciones de
Disney. Entonces las animaciones de personajes, puse en 12 solo para que
sea más fácil para los regalos. Incluso puedes bajar a ocho, y obviamente solo
necesitarás animar una especie de esos
ocho fotogramas por segundo 12 recomiendan 12, y Giffe en realidad recomienda solo
menos de 200 cuadros Entonces estamos bien dentro de eso. También queremos
mantenerlo por debajo de los 6 segundos. En mi proyecto,
creo que voy a hacer 4 segundos porque eso es con
lo que trabajo. Normalmente, voy a
cambiar mi color de fondo, que es este color aquí, a un 50% gris. 50% gris generalmente es una regla muy buena porque puedes ver todos
los demás colores, como el blanco, descarado en él. Haz clic en OK, y esa es
tu composición todo listo. Bien, ahora lo que
tenemos que hacer es instalar un plug
in realmente importante para after effects, que
nos va a ayudar a completar todas
nuestras animaciones y
realmente mejorar
tu flujo de nuestras animaciones y
realmente mejorar trabajo en after effects. Sólo vamos a guardar este
proyecto en el mismo lugar. Encontremos ese
archivo PSD esta vez. Vamos a ir a la
carpeta y vamos a llamar a este juego de pegatinas gram uno, si acaso hacemos
más sets más adelante. Voy a poner
esa también, acaso
tenemos más versiones. Si la pegatina establece
un clic guardar, y ese va a ser su lugar de vida
permanente. Ahora sólo voy a
dejar de fumar después de los efectos. Voy a ir a mi navegador. Voy a
buscar herramientas de movimiento. Motion Tools es un enchufe
de la escuela de diseño de movimiento. Si encuentras eso, haz clic en él, verás que aquí hay
mucha información. Puedes ver video
sobre las herramientas, que realmente recomiendo porque simplemente
recorre todo. Voy a centrarme en algunas
cosas en estas lecciones. Te voy a enseñar a usarlo con nuestras animaciones de texto. Pero si quieres saber más, obviamente puedes desplazarte
por el sitio. Ahora para descargarlo, basta con hacer clic en la descarga gratuita en el botón Pantalla que debería
descargar a su computadora. Lo voy a mostrar
en mi buscador. Vamos a abrir eso haciendo doble
clic. Vamos a abrir eso. Entonces lo que han hecho, que es realmente súper práctico, es darte una guía de
instalación. Este es en realidad un proceso de
dos pasos. Deberá, en primer
lugar, descargar el instalador de XP. Si haces clic en eso también, puedes descargar tu
Windows o tu Mac ahí. Vamos a abrir eso entonces. Lo que
tendrás que hacer es simplemente arrastrar el XP a tu carpeta
Aplicaciones. Ahora, ya tengo uno, no
voy a hacer eso, pero eso solo te va a ejecutar a través de cómo instalar eso. Después después de que hayas hecho eso,
abre tu instalador de Zx. Simplemente arrastre ese archivo de
herramientas de movimiento en él. Te dice que estás a punto de
instalarlo, vamos a instalarlo. Y luego te dice
dónde lo encontrarás. Extensiones de ventana en las aplicaciones
compatibles como decía la
ventana instruccional Vamos a abrir ventana, encontrar extensiones y
luego vamos
a abrir el panel de
herramientas de movimiento uno. No te preocupes por los
otros tres por ahora, solo
vamos a usar uno. Si es la primera vez que
usa herramientas de movimiento, deberá registrarse para que solo
lo
llevemos al sitio web y
complete los datos. No te preocupes, no
tienes que pagar nada. Si ya tienes una
cuenta, solo tienes que iniciar sesión aquí. Después de registrarte, solo
regresa e inicia sesión aquí. Una vez que hayas iniciado sesión, tu panel de herramientas de movimiento
debería estar listo. A mí me gusta atraparlo por
aquí a la derecha Y luego solo ajustar el
panel, encaja muy bien. Esas son nuestras
herramientas de movimiento en su lugar. También tenemos la ventana de
composición aquí. Controles de efectos. Este
es nuestro panel de proyectos, y esta es nuestra línea de tiempo. Ahora tenemos todo lo que
necesitamos para empezar a animar. Únete a mí en la siguiente
lección para saber cómo
7. Animación de posición: En esta lección,
vamos a animar nuestro diseño de pegatina usando la animación de
posición Animar la posición
de un texto puede llevar a todo tipo de diversión hinchable
ondulada y extravagante Entonces creo que vas
a disfrutar de esta. Vamos a
verificar nuestra composición. Si hacemos clic en cada capa, nos mostrará un
bonito cuadro delimitador alrededor de la propia letra, alrededor de la gran composición Si entramos en Ajustes de
composición, vamos a comprobarlos. Recordará los
últimos que aún hiciste. El ancho y la altura están en la cantidad correcta de píxeles. La velocidad de fotogramas es de 12 y
luego la duración de 4 segundos. Y mi
color de fondo es 50% gris. Eso es todo bueno si tu punto de anclaje no está
en el lugar correcto. Si seleccionas todos ellos y clic en este práctico
botón central en Motion Tools, eso lo centrará todo por ti. Otra gran razón
para tener herramientas de movimiento. Solo una nota aquí
que puedes cambiar la posición del punto de anclaje
después de que haya sido animado. Así que no tenemos que preocuparnos
demasiado por eso ahora mismo. Lo que quiero lograr
en esta lección es una agradable ola de multitudes con las cartas de
feliz cumpleaños. Para ello, voy a necesitar animar la posición
de cada capa Si selecciono todas esas
capas y hago clic en P, eso revelará la
propiedad position para cada capa. Si acabo de hacer un
ajuste a eso, se
puede ver que esos
están todos seleccionados. Ahora lo que queremos hacer
al comienzo mismo
de una animación de Jeff, o cualquier animación en bucle, es que queremos establecer esta posición en la
que ya están Si hacemos clic en el cronómetro con el cabezal de reproducción al
comienzo de la línea de tiempo, eso establecerá un fotograma clave
con esta posición exacta Para hacerlo loop, tendremos que establecer
esto también como nuestro marco final. Si lo movemos adelante
a ocho fotogramas, entonces haga clic aquí en este
pequeño diamante, eso pondrá otro fotograma clave exactamente
igual que el primero. Porque aún no hemos
ajustado nada. Todo lo que hemos hecho es
poner la posición, la posición inicial y
final, en para nuestro feliz cumpleaños aquí. Esta es realmente una buena
práctica para formar un bucle. Siempre comience por establecer los marcos
inicial y final, y luego haga sus
ajustes en el medio. Vamos a cuatro cuadros,
el medio de los dos. Ahora podemos decidir
sobre el comportamiento o movimiento de las letras. ¿Van a subir
o bajar, o de lado a lado? Creo que para los míos los
voy a hacer subir. Reajustemos eso de nuevo hacia abajo para que podamos ver
la composición completa Después con todos ellos seleccionados, voy a dar click en una de las letras y apenas
empezar a arrastrarla hacia arriba. Si sostengo Shift, eso va a hacer eso exactamente
en línea recta. Ahí vamos. Creo
que ya es suficiente. Veamos qué tenemos.
Si hacemos clic en la barra espaciadora, eso reproducirá la animación. Obviamente por el momento,
mi línea de tiempo es demasiado larga y tenemos que esperar
demasiado para que la veamos. Vamos a arrastrar eso
todo el camino
hasta 1 segundo y
presionar play de nuevo. Ahí vamos. Podemos ver movimiento
muy sencillo hacia arriba y hacia atrás a la posición
inicial original. No te preocupes en este punto que el movimiento
es bastante agudo. Vamos a aliviarlo
un poco más tarde. Por ahora, te voy a mostrar un truco genial para que
se vea más divertido. Vamos a agregar la
expresión elástica de las herramientas de movimiento. Antes de agregar la expresión
elástica, sólo
voy a extender
el área de trabajo a 3 segundos. Para agregar la expresión elástica, primero
debemos seleccionar los fotogramas
clave. Para seleccionarlos todos,
basta con hacer clic y arrastrar sobre todos los
fotogramas clave en la línea de tiempo. Si subes al panel de herramientas de
movimiento y pasas el cursor sobre el botón
elástico, verás que surgen algunas cosas
diferentes Lo que queremos hacer es
crear una capa de control. Mientras hacemos clic en el botón, vamos a mantener presionada la tecla
Alt y luego hacer clic en él. Lo que se hace es que se
agrega una expresión a todas
las capas y una
capa de control en la parte superior aquí. Dentro de esa capa de control, tenemos estos tres controles. Tenemos amplitud,
frecuencia y decaimiento. Hagamos clic en play y echemos
un vistazo a lo que eso está haciendo en contraste con el
movimiento anterior muy agudo que tuvimos así, ahora
tenemos un
poco de primavera y un poco de rebote
a nuestro feliz cumpleaños. Está funcionando, pero definitivamente
podemos ajustar esto para echar un vistazo a lo que puede hacer
esta pieza de magia. ¿Qué pasa si doblamos
la amplitud a 40? Podemos ver que
el rebote elástico o sobreimpulso se hace mucho más grande Agreguemos 100 para echarle un vistazo de
verdad. Es bueno ir un poco
más en estas expresiones porque queremos que nuestro regalo
sea súper contundente Si lo hago muy pequeño, vamos a ver mucho
movimiento ahí en este momento. La expresión elástica está afectando a todos los fotogramas clave, pero en general, me gusta simplemente tenerla en
el último fotograma clave Entonces tienes primavera para hacer eso, voy a facilitar fácilmente los dos primeros. facilidad fácil es solo
la ralentización de la mudanza a medida que entramos
o salimos del marco clave La
expresión elástica funciona bien cuando hay mucha velocidad
entrando en el movimiento. Idealmente, tendríamos la expresión
elástica en un fotograma clave sin flexibilización
o un fotograma clave lineal La manera de facilitar la facilidad es
que puedes seleccionarlos y hacer clic derecho e ir al asistente de
fotogramas clave
y luego fácil facilidad O puedes usar el práctico
atajo, que es nueve. Ya ves ahora que cuando lo juego, el elástico sólo está trabajando
en ese último fotograma clave. Le da ese efecto hinchable y
lúdico
realmente natural con tu pegatina Asegúrate de agregar facilidad a cualquier fotograma clave en el que no
quieras el efecto elástico. Ahora hemos tenido una jugada
con la amplitud. La frecuencia es la
rapidez con la que rebota. Voy a poner eso a
100 sólo para demostrarlo. Ahora podemos ver que está
haciendo ese movimiento de chico, lo cual es bastante divertido. Simplemente restableceremos eso a 45. El decaimiento es lo rápido
que muere ese resorte. Si quieres que la primavera
dure más tiempo, quieres un
número menor en la decadencia. Por ejemplo, si pongo cero, rebotaría infinitamente y probablemente no
haría un bucle muy bueno Generalmente me quedo con el decaimiento 30-60 Vamos a poner eso a 30 aquí Puedes elegir obviamente en
base a la tuya, si cuán hinchable y cuánta
decaimiento te gustaría que tuviera, sólo
voy a poner
mi amplitud en 30 Esta es la mirada
que voy a buscar. Nuestro siguiente paso para hacerlo más interesante es
escalonar esta animación Aquí en el panel de herramientas de movimiento, tenemos una sección sobre
escalonamiento o secuenciación Esto va a escalonar
los fotogramas clave o capas. Dependiendo de lo
que hayas seleccionado. Este botón secuenciará al inicio
de la línea de tiempo. Este de arriba a
abajo, de abajo a arriba, y luego al azar
la sección de arriba. Esta es la cantidad de
desplazamiento y los pasos, si seleccionamos esas capas y la
vemos como un desplazamiento de una, verás que cuando haga clic en
ella, se ha movido un
fotograma, cada capa. Si los pongo de nuevo
al principio y luego pongo el offset como
dos, y los pasos dos, y luego secuenciamos, verás que tenemos dos aquí todos moviéndose a
dos saltos de cuadro. Puedes manipular esto de manera
realmente hermosa y fácil y obtener efectos realmente
diferentes. Voy a hacer el offset
como uno y los pasos uno, y voy a secuenciar desde el mejor jugador. Juguemos eso. Eso se ve muy bien. Me gusta mucho el movimiento ondulado de
olas multitudes de esa. Es muy feliz, muy alegre. El único problema es que siento que el cumpleaños debería estar
frente a los felices, porque viene en segundo lugar. No está funcionando del todo de la
manera que me gustaría. Afortunadamente, hay una manera muy
fácil de cambiar esto. Mi truco rápido y fácil
sin cambiar nada, ninguno de los fotogramas clave, es seleccionar desde la capa inferior
hasta el jugador superior. Deja la capa elástica de control. Ordenamos a X
que lo corte y luego comandamos V y
volverá en el orden en
que lo seleccionaste. Truco realmente genial. No tengo ningún otro programa
que haga esto. Lo
secuenciará automáticamente a partir del signo de exclamación. Lo seleccioné primero
a la H y Happy. Vamos a mover la capa
elástica de control hacia arriba para que sepamos exactamente dónde
está. Juguemos eso otra vez. Sí, ahora la
fecha de nacimiento está frente Happy y se
ve muy bien. Quizás ahora lo veamos del todo
sin embargo. Nos gustaría hacer
algunos cambios adicionales en la elasticidad. Está bien. Puedes dirigir el arte a medida que avanzas. Yo sólo voy a
ajustar la frecuencia del rebote aquí a 40, solo abajo un poquito Niza. Debo decir sin embargo, para mí se ve un
poco lento para un jiff, generalmente
las historias de Instagram bastante rápidas Es una celebración. Queremos que sea más contundente que esto Podemos hacer ajustes. Seleccionemos todas las capas y volvamos a
abrir la
propiedad de posición haciendo clic. Si ahora hacemos clic en
este botón, haga clic, y todo está dispuesto de nuevo con los fotogramas clave
al principio. Esto es muy bueno
porque eso nos va a
ayudar a ajustar nuestra velocidad de manera uniforme. Ahora bien, si solo abro esto para que podamos
verlas todas al mismo tiempo. Y luego seleccionamos todos los fotogramas
clave sosteniendo Alt nuevamente, hacemos clic y los arrastramos, apretamos un poco en ese
tiempo. Voy a ajustar el fotograma
final a seis fotogramas. Ajustemos la línea de tiempo y veamos la
animación sobre eso. Vamos a ajustar eso
otra vez. Podemos verlo todo. Podemos ajustarlos
por completo como acabo de hacer. O podemos seleccionar solo el fotograma final.
Sólo el marco del medio. Podemos moverlas.
Sólo voy a empujar el marco final más cerca de
ese cuadro medio para obtener más velocidad en
el cuadro final. Te mostraré algunas
gráficas de velocidad en la siguiente lección. Entonces entenderás un
poco más sobre esto, pero no te
preocupes por ello por ahora. Todo lo que estoy haciendo es aumentar la velocidad en ese rebote y hacerlo un poco más contundente Bien, veamos que
con la secuenciación encendida, con todas ellas seleccionadas, con todas ellas seleccionadas,
esta vez vamos a
secuenciar porque la movemos, necesitaremos secuenciar desde
la capa inferior en su lugar Importante para recordar.
Secuencia, luego juega. Se ve bastante bien. Hagamos algunos ajustes finales
de velocidad. Porque si miro desde lejos, si solo me desplazo hacia arriba, verás el tamaño de pegatina con la
que estarás tratando. Es realmente útil en una pegatina ser un poco más exagerado
con los movimientos Vaya un poco más y obtendrá
más efecto de ello. Vamos a subir la
amplitud a 55, frecuencia a 66, y luego
55 en el decaimiento también. Eso me gusta. Haciendo el bien. Haciendo el bien,
sí. Vamos a comprobarlo. Sí, probablemente sea
muy pequeño para ti, pero estas pegatinas, como digo, van un poco más, van por encima más
de lo que harías
en una animación regular. Y encontrarás que
funciona muy bien. Estoy muy contento con esto. Ahora voy a salvarla. Comando S, ya sea que hayas
hecho que el tuyo rebote arriba y
abajo o de lado a lado. Vamos a dejar
esto aquí por ahora. Y te voy a mostrar cómo
exportar el jiff. En la lección de exportaciones, todas las pegatinas
serán animadas en este archivo. Así que únete a mí en la
siguiente lección para animar la escala
de nuestra próxima pegatina Te veré ahí.
8. Escala de animación: Ahora vamos a hacer algunas animaciones de escalado
en nuestro próximo sticker. Siéntete libre de volver a usar tu primer
diseño para esto, si solo lograste
crear el uno o usar mis archivos desde
la carpeta de recursos. También voy a mostrar
diferente método de eliminar esos molestos píxeles
procrear invisibles en Photoshop Para que puedas
animar estos Para esta voy a ella, podría escribir click aquí comando y luego la pegatina que es la que voy a
estar usando para escalar. Y luego crea composición, presiona abrir y bien. Ahora bien, si abro este, realmente
verás los efectos
de esos píxeles invisibles. Si hago clic en la L aquí, se
puede ver que la L tiene todo
el
cuadro delimitador en lugar de uno justo alrededor de la letra y el punto de anclaje en el centro, las otras letras
siguen esto también Tendremos que
volver a llevar esto a Photoshop. Sólo te lo voy a mostrar otra vez. Vamos a deshacer la entrada. Echémosle un
vistazo en Photoshop. Aquí, si miro la L, se ve bastante normal, excepto si presiono transformar, se
puede ver ese cuadro delimitador No lo transformemos,
vamos a duplicarlo. Puedes duplicar ya sea
yendo aquí a duplicar la capa L, copiar, no
importa cómo se llame, y luego la fusionamos hacia abajo. Ahora bien, si intento transformar
esa letra otra vez, se
puede ver que el cuadro
delimitador está alrededor la letra en lugar de
alrededor de todo el cuadrado No estoy muy seguro de
por qué funciona eso, pero sí. Hz. Guárdalo. Vamos a guardar como cuatro como
hicimos para el nacimiento, día uno, haga clic en Ok. Ahora bien, si importamos
ese que es esencialmente el mismo archivo y lo abrimos. Si
vuelvo a mirar la L, dale click ahí. Ahora tiene un cuadro delimitador
que está justo alrededor de la L. Voy a tener
que repetir eso para todas
las demás letras Otra forma de crear fácilmente
una nueva copia de esa
letra es mantener presionada la tecla Alt, y hacer clic y arrastrar
y fusionarla hacia abajo. Voy a hacer eso rápidamente
por todas las cartas. Bien, vamos a guardar eso. Tendremos que recargarlo
porque lo estropeará. Vamos a importar eso. Recuerda, queremos hacer
clic en Composición Abrir,
Bien, y luego hacer
doble clic en eso. Solo pasemos
por las capas. Podemos resaltarlos todos
al mismo tiempo para ver si esos están todos presentes
y corregir cuáles son. Recuerda, si los
puntos de anclaje no están centralizados, siempre
puedes hacer click en
esta herramienta Button In Motion. Sólo voy a
arrastrar esta capa
de agua hacia atrás y
voy a esconderla y cerrarla porque no voy
a estar animando esa Pero voy a animar
el resto de las capas. Seleccionemos todos ellos. Y haga clic en la escala para. Eso abrirá
la propiedad de escala. Tal como lo hicimos antes. crear ese bucle sin fin. Así que hagamos clic en el cronómetro
por aquí esta vez, porque sé que queríamos una animación
más rápida la última vez Voy a ir a seis
fotogramas en vez de ocho. Vamos a hacer clic en el pequeño diamante de
aquí para crear eso. Ahora vayamos al punto
medio y probemos algunos cambios porque aquí tenemos
todas las capas Si ajusto la escala
en la capa superior, va a afectar también al
resto de ellas. Vamos a establecer este eje x en 110. Verás que todos los
valores cambian a 110, incluso en el eje y aquí. Vamos a acortar
esa línea de tiempo a 1 segundo y jugar. Bonito. Se ve bien. Es como
un pequeño movimiento de latido del corazón, que es lo que quería
lograr con esta pegatina de amor. Vamos a probar algunos otros valores. Vamos más pequeños,
vamos por 80. Esta vez tiene el efecto
contrario. Parece que entra y sale,
va más pequeño, y luego más grande. Intentemos algo un poco más extremo. Vamos por 30. Va muy, muy
pequeño y luego muy grande. Esto probablemente va a ser bastante buena fristica
porque tiene mucho impacto Aunque voy a ir por
110 por ahora, porque me gustó el estilo de bombear el
corazón. Pero si lo vemos, está
un poco rígido. Así que vamos a usar
esa hermosa herramienta de movimiento, expresión
elástica otra vez. Regresemos el cabezal de reproducción
a ese cuadro inicial y demos una facilidad fácil a esos dos primeros
fotogramas clave Recuerda que el
atajo para esto es nueve con todo seleccionado. Ahora hagamos clic en la
expresión elástica sosteniendo Alt. Haga clic que creará la
capa de control elástica en la parte superior allí, verá que solo está dando ese pequeño rebote
al marco final allí. Ahora como dije en la lección
anterior, quería mostrarles un
poco más de este efecto. Si simplemente hago clic lejos y voy a mi capa de signo de exclamación aquí, podemos comenzar a ver
la gráfica sobre Lo cual va a ser realmente
emocionante para algunos de ustedes. Potenciadores técnicos, para otros de ustedes no necesitan
hacer esto en absoluto Sólo quiero mostrarte visualmente cómo es la expresión. Si cambio el
menú desplegable en escala, entonces verás la expresión. Entonces puedo abrir
la gráfica haciendo clic en este botón y viendo
el editor de grafos. Ahora realmente se puede ver
que la flexibilización en estos dos primeros está
saliendo muy suavemente Y entonces porque
no tenemos flexibilización en esa, va a sobrepasarse, permitir que esa expresión suceda Ahora puedo ver que en realidad no
estamos obteniendo la expresión
completa aquí. Así puedo hacer mi
línea de tiempo un poco más larga para que podamos ver la expresión completa
sucediendo en la animación aquí. Si volvemos a la capa
elástica de control y ajustamos la amplitud, digamos que vamos hasta 90. Ahora podemos ver que
ese sobreimpulso o el efecto elástico es mucho más pronunciado
dentro de la gráfica Podemos ver la
gráfica como un cambio, algunos de los otros valores
así como la frecuencia, si lo hago subir
hasta 90 también, verás que el
número de rebotes
después de nuestro
fotograma clave final aquí se incrementa Si pongo la decadencia, recuerda que esa es la
muerte de la ola a una que acortará
este espacio entre sh, el espacio aquí, si lo
pongo en cero, verás eso, esa
decadencia simplemente nunca se detiene Seguiría en
el mismo bucle para siempre. Me gusta ver la gráfica y ver cómo funciona la
expresión, pero definitivamente no necesitas
saber nada al respecto. Aunque estoy bastante contento
con esta animación, quiero mostrarles
algunos otros efectos geniales usando escalado en un eje. Regresemos a nuestro cabezal de reproducción
a ese fotograma clave central, esta vez con todos ellos
seleccionados el cuadro aquí,
ese es nuestro cuadro de
proporción de constreñir que vincula tanto el valor x como el valor y
y escala todo Si desmarca eso y luego
cambio uno de los valores, bajemos la y a 100 Veamos qué hace eso si
jugamos ahora podemos ver que es como
entrar por un lado como, o si quiero hacer
decir, el eje x En cambio va a calamar
arriba y abajo desde arriba. Lo cual también es muy lindo. En realidad, me gusta bastante esa. Pero qué pasa
ahora si cambiamos el punto de anclaje
porque se está machacando desde
arriba y abajo Intentemos un
punto de anclaje en la parte inferior. Si hago clic aquí, alineará el punto de anclaje con la
parte inferior de la letra. Ahora podemos ver que está
creciendo desde ese punto inferior, haciéndose más alto y regresando, lo cual también es bastante lindo. Vamos a probarlo con un punto de anclaje a la
izquierda. Ahora se ve igual que estaba escalando desde un lado porque
lo estamos haciendo desde el medio. Pero si cambiamos
solo el uso del archivo, podemos ver que está
creciendo a partir
de ese punto de anclaje de la mano izquierda y luego se
vuelve a machacar hacia el centro Creo que voy a ajustar un poco más
el escalado,
asegurándome de que todas esas
capas estén seleccionadas. Sólo así tiene ese impacto un poco
más allá. Sólo voy a ajustar un poco
el agua. Sólo voy a
girarlo ligeramente para que se ajuste mejor cuando
está escalando. Bonito. Sí, ahora estoy bastante
contenta con eso. Esa es mi segunda pegatina hecha, todo hecho con los
mismos efectos que la pegatina de feliz cumpleaños, pero al escalar esta
vez, no lo olvides. También puedes experimentar con escalonamiento aquí
usando herramientas de movimiento De nuevo, aquí, sólo
voy a escalonarlo
de abajo hacia arriba Echemos un vistazo a lo que eso
hace. Otro efecto genial. También puedes volver a ponerlo
al principio y probar algunos tipos diferentes
de escalonamiento, Por
ejemplo, es escalonamiento
aleatorio Y mira qué efecto tiene ese. Tener un experimento
con escalonamiento. Podrías conseguir algunas cosas geniales. Esa es nuestra escala
animada. Si todo hecho. Recuerda, también puedes
usar estas técnicas en todas las demás propiedades. Capacidad de rotación. ¿Por qué no probar estos
en algunos otros diseños? Así que asegúrate de que este esté guardado. Y pasemos a nuestra
última animación de stickers, animando el color.
Te veré ahí.
9. Color de animación: En esta lección, estaremos
animando el color de nuestro texto. Esto se puede usar para
tantos efectos geniales y no puedo esperar para
mostrarte cómo hacerlo. También voy a mostrarte un método final para
cortar esas letras
para facilitar la animación, enmascarando en los efectos posteriores. Una vez que conozcas este,
puedes elegir cualquier método que funcione para ti
en tu trabajo futuro Aquí tenemos mi pegatina final que voy a
animar en esto Es mi bonita pegatina con mi pequeño tipo paloma
dando el pulgar hacia arriba Puedes ver todas las capas que he importado de procreate aquí En primer lugar, un
poco de limpieza. Vamos a llevarnos esos dos. Sólo nos queda el
lindo y la paloma. Y los voy a etiquetar aquí porque
es mucho más fácil
etiquetarlos en Photoshop. Ahora podría dividirlos ahora mismo usando la herramienta de lazo
poligonal, pero voy a mostrarte otra manera de hacerlo
en after effects en sí mismo, lo
cual es muy, muy similar
a esta herramienta de lazo Sólo voy a guardar
eso como una vez más. Vamos a llamarlo para
E y hacer clic, bien. Importa tu archivo,
haz clic derecho o comando I, y encuentra tu pegatina de cuatro AE. Hagamos esa composición
y luego presionemos para abrir. ¿Bien? Y luego
haz doble clic en esa composición. Verás que tengo
exactamente las mismas capas aquí que las que tenía en Photoshop. Vamos a revisar mis
ajustes de composición como siempre, mismo ancho y alto. Buena velocidad de fotogramas,
12, duración, cuatro, entonces voy a cambiar
mi color de fondo a mi 50% de gris. Bien, genial. Entonces te voy
a mostrar cómo separar las capas, igual que ésta. Lo que tendremos que hacer
con esto es que
tendremos que crear máscaras. Para ello,
necesitamos duplicar esa capa tantas veces
como tengamos letras. Entonces tenemos 12345678 con mis acentos ahí para
duplicar esa capa Presiona Comando D. Así que
tenemos 12345678, y podemos etiquetarlos si hago clic en Enter y luego pongo Enter Entrar. Entrar. Entrar. Genial. Ahora lo que voy a hacer es pasar y cortarlas. En primer lugar, no voy
a animar a la paloma. Podemos ponerlos en la parte de atrás
y también podemos cerrarlos. Entonces podemos
pasar y seleccionar. Ahora bien, si estoy seleccionando, eso es bastante agradable porque
puedo recoger esa. No obstante, si quisiera decir
elige la C como pueden ver, va a recoger
todo en este momento. Tenemos que
cortarlos y enmascararlos. Esta es mi capa de ojos. Sólo voy a acercar
el zoom y luego usar la mano
para mover el lienzo alrededor. Entonces tal como
lo hicimos en Photoshop, recortamos estos poli muy
bajo y enmascararlos. Si quieres
moverlos, puedes mover ciertos puntos
que hayas seleccionado. Ahora bien, si yo solo esa, verás que el
ojo está solo. Voy a pasar de inmediato. Simplemente seleccione las otras letras
en las capas correctas. Recuerda simplemente acercar
si alguna letra está súper cerca y muévete
con su herramienta de mano. Siempre se puede deshacer
el último punto que hizo con
comando dicho también. Genial, ya está todo hecho. Si ahora paso por y
solo cada uno de esos a su vez, verás que están en sus propias capas,
lo cual es genial. Ahora bien, si quería
decir seleccionar la C, mi punto de anclaje
aquí está por aquí. Quizás si quisiera
animar como alguna rotación o posición, giraría
alrededor de ese punto,
lo cual no es muy útil Lo que podemos hacer es centrar todos esos puntos de
anclaje. Verás que están
todos congregados en el medio excepto por el,
esa es la excepción Podemos ir a Herramientas de
Movimiento y hacer clic en el botón de
anclaje central allí. Eso solo pasará por
las capas y lo ajustará. Ahora obviamente no queremos
rotar la posición aquí, solo
estoy cambiando el color. Pero para uso futuro, tal vez
quiera
volver a entrar y cambiarlo. Siempre es bueno
simplemente como mantener esta limpieza como
parte de tu práctica. Y lo que es realmente
genial es que podemos
pasar y podemos
seleccionar cada letra. Aceptaremos este resultado final, que solo va a ver el superior ya que el
cuadro delimitador está sobre él Así que solo tendríamos que ir a
éste para seleccionar eso. Ahora vamos a
trabajar en los colores. Si selecciono y paso
a efectos y presets, puedo buscar
el efecto, Phil Verás a Phil aquí
bajo generar número 32. Si hago doble clic en ese, automáticamente
lo llenará con su color predeterminado, que es este rojo muy
brillante y espantoso Para cambiar eso
para que coincida con mis otros colores, porque quiero comenzar
con este bonito rojo suave, solo
puedo hacer clic en el
cuentagotas aquí y luego gotas para los ojos de la C o
una de las otras letras Entonces tenemos mi color
habitual ahí dentro. Ahora lo que puedo hacer es
copiar ese efecto de relleno, seleccionar todas las
capas y pegar. Ahora bien, si voy a través y
selecciono alguna de las capas, verás que se ha
pegado exactamente en la misma Ahora, no tenemos un
atajo de teclado para revelar el color, pero sí tenemos esta barra de
búsqueda aquí. Si empiezo a escribir color, verás que
en todas mis capas, el color comenzará a aparecer. Ahora bien, si tecleamos esa primera capa y hacemos
clic y arrastramos hacia abajo, será fotograma clave todas esas, cada una de estas capas de color
tendrá un fotograma clave. Ahora si hago clic en el menú desplegable, podemos ver eso bonito y
claramente en la barra de valores. Y también puedo hacer clic en ese menú
desplegable en
el resto de las capas. Ahora cuando estamos usando el color, empieza a volverse un
poco más complejo. Vamos a cambiar nuestro
espacio de trabajo para poder verlo. Movamos nuestro panel de capas hasta donde están los controles de
efecto. Vamos a mover los
controles de efecto aquí abajo. Haremos que la
barra de composición sea un poco más pequeña, solo para que podamos ver
el tipo ahí. Fresco. También podemos apretar las
herramientas de movimiento en un poquito. Bien, entonces voy a
acercarme un poco. Lo que queremos hacer para crear ese bonito bucle es copiar
ese fotograma clave sobre. Sólo voy a mover
eso a 1 segundo. En lugar de copiar y pegar, puedo usar esta práctica herramienta en herramientas de
movimiento llamadas clonar Y eso solo
hará una copia de los que se seleccionan
en la línea de tiempo. Bien, ahora para la parte divertida, agreguemos algo de color en. Entonces solo voy a ponerlo a cinco fotogramas y vamos
a seleccionar un color diferente. Si llevo el cuentagotas aquí, puedo escoger de mi ilustración
o puedo escoger del panel de colores o las bibliotecas tal vez si
me coloco ese color, verás que eso ahora
aparece en Esto es realmente como una herramienta visual
práctica para ver los
colores en tiempo real. Ahora solo movamos eso a mediados
de O y presionemos Reproducir. Verás que aquí está haciendo este precioso degradado desteñido Vamos a acortar
esa línea de tiempo para que podamos verla un poco más rápido Sí, ya podemos ver ese bonito
atardecer pasando. Esto es bueno y
quizás lo que necesitamos, pero me gustaría un
breve cambio entrecortado Solo voy a seleccionar
todos los fotogramas clave existentes y volver aquí
a nuestras prácticas herramientas de movimiento. Aquí tienes los diferentes
tipos de fotogramas clave. Así que tenemos bezier,
Lina, y mantener marco Queremos un marco de sujeción ahora
se puede ver eso muy visualmente. Nuevamente, ese cambio entrecortado
va a suceder. Sí. Agradable y llamativo. Bien, vamos a acercarnos
eso y conseguir algunos colores
más aquí. Con eso seleccionado, nuevamente, escojamos otro
color de nuestra paloma Bonito azul. Volvamos a repasar. Elige otro color
aquí con el verde. Creo que terminé con los colores. A ver, están cambiando. Bonito. Podemos ver una pausa un poco
larga que tiene
sentido porque esa no
es del todo parejo. Me gusta cuando está parejo. Por supuesto que no tienes que
tenerlo ni siquiera en Tool, tal vez te guste un color
más que el otro. También me gusta bastante rápido. Si hacemos eso bonito, pequeño, vamos a echarle un vistazo. Sí, se ve genial. Esta es una herramienta muy útil para crear todo tipo
de efectos de color. Puedes hacer arcoíris para orgullo, o podrías hacer banderas,
lo que quieras Este es un efecto realmente agradable, pero podemos usar nuestras herramientas de movimiento nuevamente para
escalonar esta animación Sólo veamos cuál es el
efecto que tiene sobre eso. Vamos a secuenciar
de arriba a abajo. Sí, secuencia. Verás que todo se ajusta. Sí, eso también es genial.
A mí me gusta ese efecto. Creo que voy a volver
aunque a donde
todo está cambiando a vez porque creo que eso es más
contundente para mí. Una cosa que noté que
quizás hayas notado es que el estilo de mi paloma es muy diferente al
estilo de mi simpático Es solo una
FA real como tratar de cambiar el color y cambiar el
trazo al mismo tiempo. Vamos a agregarlo después
en after effects. Sólo voy a acercar
aquí y seleccionar mi letra a la una para que podamos verla agradable
y cerca de la paloma Lo que vamos a
hacer es simplemente crear un estilo de capa
bajar al trazo y
veremos que el trazo está ahí. Si hacemos click hacia abajo, podemos ver que ese
trazo se ha agregado nuevamente a la E en este rojo
muy espantoso Dejemos caer los ojos al
negro de ahí. Ahora la posición la voy
a poner por dentro, mantiene mi bonita forma. Voy a subir el tamaño del trazo para
que coincida con
mi paloma de aquí Comparte como mejor
en el centro. Vamos a probar eso.
Siempre podemos ajustarlo después. Ahora puedo copiar el comando
C y pegar el comando V, ese efecto en todas las letras. Ahora bien, si alejamos
y presionamos play, podemos ver que ese trazo
está sucediendo muy bien. Cambiemos de hecho esa
posición al interior otra vez. Lo copiaremos a
todas las capas. Sí,
ahora se ve mejor porque no está tocando tanto, así
que no está tan cerca. Recuerda, siempre puedes
pasar y simplemente ajustar cualquier letra que
te sienta demasiado cerca con V. Solo
voy a
mover esto por encima. Sólo un toque y juego de mama. Sí, eso se ve bien. A mí me gusta mi pequeña y
simpática paloma. Vamos a verlo bonito y
grande. Bonito y pequeño. Sí, creo que va a
destacar. Entonces ahí vamos. Acabas de
aprender a animar el color de tus letras y agregar un
contorno que no cambie de color si lo necesitas También he usado esta técnica para fondos llamativos
en el pasado, así que es una gran habilidad de conocer En la siguiente lección, te
mostraré cómo explorar todas tus
encantadoras animaciones a It files 0.
10. Exporta y carga: En esta lección, te mostraré cómo exportar tus animaciones
a regalos y subirlas
a nuestra galería de proyectos. Una vez que tengas tus regalos,
en la siguiente lección, te
mostraré cómo
puedes subirlos a Goff y obtenerlos como
stickers utilizables en Instagram Así que estén atentos para esa. Ahora que hemos animado
todos nuestros stickers, estamos listos para renderizarlos, para renderizarlos como regalos. Lo que vamos a hacer es un proceso un
poco de dos pasos. vamos a exportar
como un archivo mob desde after effects y luego los
vamos a llevar a Photoshop para
exportarlos como Jeff. Esta es la mejor manera
que encontré para hacerlo. También puedes usar media
encoder para exportar regalos, pero descubrí que la calidad
no es tan buena. Yo lo hago de esta manera y te
recomiendo que
sigas para empezar a renderizar estas pegatinas
que tenemos aquí. Aquí está mi bonita pegatina, pegatina encantadora y pegatina de
feliz cumpleaños. Podemos simplemente hacer clic en el
que queramos, luego ir a Composición
y luego agregar a
renderizar Q. Aquí tendrás
algunos ajustes. La configuración que necesitarás elegir
para obtener un modo transparente
es 44 más alfa. Para obtener esa configuración, si
no la tienes ya, simplemente haz clic en ese módulo de
salida ahí, selecciona Tiempo rápido en
la lista desplegable. Después ve a Opciones de formato y encuentra Apple Prores
4444 en esta lista Este es el único que
permite exportar con Alpha. Asegúrate de que esté en tu lista. Y luego cuando
llegues a los canales se podría seleccionar
RGB, solo
quieres RG más alfa Después hacemos clic bien. Una vez que hayas elegido
el módulo de salida, también
debes elegir dónde
va a generar dos. Si haces clic en esa etiqueta
y luego encuentras tu carpeta, la mía en mi escritorio, pegatina de
Instagram
Proyecto Exportaciones. En esa carpeta de exportaciones, voy a crear
una nueva carpeta para poder click aquí o Comando shift. Entonces voy a
crear mi primera carpeta, que es el
archivo mob, haz clic en crear. Solo guardemos
eso sin cuatro. Un bonito pegatina. Guardar con un solo clic. Una vez que hayas seleccionado donde
va a hacer clic en Render. Eso debería ser súper rápido porque es un archivo muy pequeño. Chequeemos nuestro buscador
y vayamos a Exportaciones. Entonces tu carpeta debería estar
ahí y puedes revisar
tu bonita pegatina. Si presionas la
barra espaciadora para reproducirla, solo
debería correr
a través de la animación El segundo paso es
ponerlo en Photoshop. Si escribes, da clic
en el archivo mob. Debería abrir este menú emergente. Si vas a abrir con y
luego bajas a otro, necesitarás encontrar Photoshop en esta lista de aplicaciones. Una vez que hayas encontrado Photoshop, basta con hacer clic en Abrir y eso debería abrir
Photoshop para ti. Debería abrirla
en esta línea de tiempo. Si no tienes
esta línea de tiempo abierta, siempre
puedes encontrarla en
Window y luego en la
línea de tiempo en esa lista. Ahora cuando haces clic en la
barra espaciadora en Photoshop, deberías poder
verificar esa animación Puedes hacer algunos
ajustes a cuanto tiempo está
aquí si así lo deseas. Voy a
dejarlo tal como está, luego subir a la exportación de archivos. Y luego guardar para Web. Esto es lo que necesitaremos para
nuestros Fs. Haga clic en Guardar para Web. Entonces saldrá esta
ventana emergente. Ahora aquí, tienes
bastantes configuraciones con
las que puedes jugar si así lo deseas Generalmente, lo que yo diría de estos expedientes es que
tienen que ser pequeños. Ahora Jiffy recomienda
8 megabytes o menos nuestro si aquí
es 136 kilobytes,
así que es muy, muy pequeño Si queremos previsualizar eso, podemos previsualizarlo
en el navegador. Sólo una palabra de advertencia aquí de
que obviamente es muy grande. Así se puede ver algo de
arenosidad alrededor de los bordes. Además, es de color blanco, así que
hay que tener mucho cuidado. Podría haber algunos
artefactos a su alrededor que no
necesariamente puedes ver De vuelta en Photoshop aquí, puedes hacer ajustes si
quieres reducir ese tamaño de archivo. Digamos que quieres usarlo en un sitio web y es demasiado grande, puedes ajustar el
número de colores aquí. Obviamente, a menos colores más claros son
los tamaños de archivo. Mirando el tamaño del archivo,
son 136 kilobytes. Si bajan a 64, va a reducir ese
número de kilobytes También podría reducir la
calidad de su si aunque solo una palabra de advertencia para
eso no parece tener aquí. Se ve más o menos
igual que el primer ejemplo.
Eso es bueno. Podemos bajar a
64 con confianza. La otra cosa que definitivamente
necesitarás aquí es tu
transparencia marcada. Esta es la transparencia que muestra todo alrededor de los
bordes de mi jif Y eso lo necesitaremos para crear un bonito sticker para Instagram. Generalmente no voy
por ningún tramado aquí. Si quieres, puedes volver a hacer clic en un tramado. Se
puede previsualizar. Se puede ver el artefacto que deja en el exterior
comparado con éste Es sólo que es un
poco más borrosa. Ese es otro escenario con el
que puedes jugar. Voy a dejar
esto como estaba. Voy a quitarme el tramado de
transparencia. No es un archivo de gran
tamaño en este momento. Sólo voy a hacer clic en Guardar. Si volvemos a nuestra carpeta, voy a encontrar la carpeta
esta vez
voy a crear una nueva
carpeta con comando shift. Voy a llamarlo número dos, Jeff. Vamos a crear eso. Tenemos una bonita pegatina, Jeff. Perfecto. Haga clic en Guardar. Ahora el bonito
pegatina está hecho. Vamos
a querer repetir eso con nuestras otras pegatinas
justo en la carpeta. Nuevamente, Composición,
Agregar a renderizar. Pasa por todo el proceso
con tus otras pegatinas. Ahora que está hecho,
vamos a revisar esos archivos en la carpeta. Aquí vamos. Nuestra pegatina en super grande y mirando más
de un tamaño razonable, puedes verla en la
vista previa allí también. Y luego la pegatina de love you
y la bonita pegatina, y estoy muy satisfecho
con todos esos. Estamos listos para subirlos. Ahora el primer lugar que
vamos a querer subir es obviamente
nuestro portafolio. El segundo lugar que queremos subir es
a Skillshare. Si haces clic en el panel Proyectos y Recursos y luego haces
clic en Enviar proyecto, aparecerá esta ventana. Querrás elegir
una imagen de portada. Subamos esa imagen y
naveguemos a tu carpeta. Podemos seleccionar solo uno de
esos regalos para entrar ahí, y eso funciona muy bien. Ahora, podemos llamarlo pegatina de
Instagram, Proyecto K, y usar
un guión ahí Primeras pegatinas, si quieres, puedes agregar algunas preguntas
y comentarios aquí. Sin embargo, la parte más importante es agregar todos tus regalos a esta parte principal de la carpeta. Una vez que hayas hecho eso, simplemente
haz clic en Publicar en la parte superior, y podré ver
todas tus encantadoras pegatinas. Lo último a
mencionar es que
siempre me gusta guardar estos
también como un archivo PSD, si acaso quiero
entrar más tarde y ajustarlos para solo
puedas
archivar guardar Como entonces, porque ya
tenemos archivos PSD aquí. Voy a hacer una pequeña carpeta
nueva y solo decirlo entonces ahí dentro puedo etiquetar esas ediciones de regalo a solo porque
siempre es agradable tener un
guardado de esas cosas Yo también lo haré por las
otras pegatinas. Deberías hacerlo bien hecho para subir tus regalos a
la galería del proyecto En la siguiente lección, te
mostraré cómo
crear una cuenta de regalo
y obtener el plan de búsqueda. Instagram. Te veré ahí.
11. Hazlas posibles para búsquedas: En esta lección, te
mostraré cómo subir tus regalos a Goff y
crear una cuenta de artista Esto hará que tus pegatinas puedan buscar y usar en Ingram Entonces, si vas a Jiffy.com eso
abrirá este sitio web. En primer lugar, necesitarás
hacer una cuenta. Puedes hacer clic en el
botón de registro y simplemente confirmar
todo ahí. Ya tengo una cuenta,
así que solo voy a iniciar sesión. Entonces aquí puedes
ver mi canal. Ahora tengo bastantes aquí, pero estamos listos para subirle
esos nuevos también. Para subir tus regalos, haz clic en Subir, luego
puedes elegir Archivo. Aquí, podemos ver todos esos regalos encantadores
que acabo de hacer. Comencemos con
la
pegatina de feliz cumpleaños y hagamos clic en abrir. Entonces esta ventana se abrirá, y es muy
importante que
permitas que sea pública a menos que
no quieras que
se publique todavía. En cuyo caso pondrías privado, entonces quieres agregar algunas etiquetas. Estas etiquetas van a ser súper importantes para encontrar tus pegatinas. Más tarde en Instagram,
asegúrate de tener
bastantes etiquetas ahí. Aquí verás que
tu está subido. Puedes decidir si
eso es privado o público. Obviamente, si quieres que sea encontrado por otras
personas, haz clic en público. El siguiente paso es
agregar algunas etiquetas. Ahora bien, estos son bastante
importantes cuando los
buscas en Instagram. Esto es lo que va a surgir. En primer lugar, siempre
pongo mi marca, que es mi propio nombre,
entonces K. Leathers Entonces podemos poner lo que
es, así que feliz cumpleaños. Entonces podemos descomponer la palabra, podemos poner palabras asociadas. Sólo para poner la cosa completa, voy a poner mi nombre y voy a poner feliz
cumpleaños como todos una palabra. Cuando voy a buscar
esto en Scram, probablemente
voy a buscar
Leathers como el primero La tercera sección aquí es Sol. Para esto, yo agregaría tu
propio sitio web si tienes uno, eso significa que cualquiera que busque jiffy y que realmente le guste este Jeff puede encontrarte como artista y tal vez
encargarte en el futuro, lo cual siempre es un
gran bono aquí Además, tienes
Agregar a colección. Acabo de configurar esta selección de
stickers de Instagram. Voy a agregar
esto a esta carpeta, las colecciones solo
hacen que sea más fácil
encontrar las cosas que recomiendo. He seleccionado ese y
luego haz clic en Subir a Jiffy. Te dirá
cuando esté completo. Entonces ahí podrás ver a tu
Jeff trabajando en el sitio web. Ahora sí
lo comprime de alguna manera. te preocupes demasiado si
se ve un poco inusual en Jiffy cuando se sube y has tenido tu cuenta
aprobada como artista, entonces podrás ver tus stickers luciendo
perfectos en chatarra No te preocupes
demasiado en este punto. Ahora, como acabo de decir, una vez que tengas cinco pegatinas
en tu página aquí, tengo siete pegatinas. Ahora puedo
solicitar una cuenta de artista. Si vas a los tres
puntos aquí y luego a las preguntas frecuentes, puedes encontrar para marcas,
creadores y artistas. Entonces puedes mirar Aplicar
para un canal de Artista. Ahora esto te dará un poco de pauta sobre
cómo solicitarlo, que es el siguiente paso
que tendrás que hacer para que tus stickers
aparezcan en Instagram. Si vas a esto,
puedes hacer clic aquí, luego puedes aplicar
a través del formulario aquí. El mejor es un creador. Si estás trabajando
con un cliente que quiere los stickers de Instagram, entonces ellos solicitarían la marca. Tendrán que hacerlo
primero antes de que puedas subir para ellos como creador. Haz clic en Seleccionar creador y luego vas a rellenar los datos de
tu cuenta aquí. Aquí vas
a marcar la casilla para confirmar que tu
obra te pertenece. Eso es muy importante. tu trabajo que compartes
debe pertenecer a ti. Si has usado una de mis
ilustraciones para animar, solo asegúrate de no subir eso como propio porque eso te
hará patear. Asegúrate de tener tus propias obras de arte que estás enviando. Una vez que hayas marcado esa casilla, envía la solicitud, luego
te dirá felicitaciones. Por lo que esto podría tardar de 24
a 48 horas en aprobarse. Así que asegúrate de ser paciente y solo ten cuidado con ese correo electrónico
tan importante. Una vez que hayas sido
aprobado, recibirás un precioso correo electrónico de Gif diciéndote que
has sido aprobado. Y luego cuando inicies sesión
en tu cuenta, de nuevo, recibirás este tipo de mensaje de
felicitación. Así que solo puedes pasar por eso, conocer las prácticas de
etiquetado, conocer la estrategia de contenido Y obtienes diferentes herramientas
y cosas así. Entonces, cuando vayas a tu canal, obtendrás un canal de
aspecto diferente como este. Entonces, una vez que tengas esto, puedes agregar tantos
regalos como quieras y estos serán
accesibles en Instagram. Para encontrar tus nuevas pegatinas, solo tienes que ir a tus historias y un video relevante,
muy relevante. Y luego ve a tus stickers
y busca tus etiquetas Para mí, es mi nombre, solo
escribe mi nombre. Y entonces deberían aparecer todas tus
pegatinas. Pongamos uno en el que
probamos en la clase. Vamos por una
bonita pegatina de amor. Sí, eso se ve genial.
Pon a prueba a los demás, se ven muy bien. Entonces así es como obtienes tus
stickers en Instagram. Ahora tienes
todo lo necesario para crear más regalos y pegatinas. No puedo esperar a verlos en la galería de proyectos y por ahí en el mundo
de las redes sociales. Hazme etiquetas si compartes
tus pegatinas y
haré un gran esfuerzo para usar tus
pegatinas en mis historias también. Estén atentos para la
conclusión final de esta clase.
12. ¡Bien hecho!: Bien hecho por
completar esta clase. Has aprendido
a esbozar y colorear un diseño de
pegatina basado en texto. Cómo importar a Photoshop y después de efectos en capas listas para
animación. Cómo animar la
posición, la escala y el color. Usar herramientas de movimiento para hacer
esas animaciones lindas y divertidas. Cómo exportar esos regalos
listos para tu portafolio. Y cómo crear
un canal de artistas y usar tus stickers
en las redes sociales. No lo olvides, puedes aplicar estas técnicas a todo un
mundo de ilustraciones. Así que ponte animando, no puedo esperar a verte proyectos
subidos en la galería de proyectos y hacer pop cualquier duda o
idea ahí también. Reviso cada una de mis clases regularmente para ofrecer ayuda donde
puedo hacer etiquetarme si
pones algún trabajo en línea. Siempre me esfuerzo por compartir el trabajo
de los estudiantes sobre mis
historias y momentos destacados Por último, realmente espero
que nos hayamos divertido creando estas pegatinas. He pasado por
esto tantas veces, comercialización para
diferentes empresas, y siempre me
trae mucha alegría cuando alguien usa
una de mis pegatinas. Espero que haga lo
mismo por ti también. Gracias de nuevo por tomar esta clase y espero
verte en una futura, todo lo mejor y
feliz animando