Transcripciones
1. Introducción: Todo el mundo utiliza pegatinas digitales de alguna manera u otra en línea, pero no es que mucha gente sepa realmente
hacerlas . Esta lección es genial para aprender a crear tu propio conjunto de pegatinas. Ya sea que seas un creador de contenidos, dueño de
negocios o simplemente quieres hacer algo divertido para compartir con tus amigos. Te guiaré por cómo puedes crear los conjuntos perfectos de pegatinas que tú y otras personas pueden usar una y otra vez. Soy Poly, también conocido como ilustración de polígonos en línea. Soy ilustrador,
animador, y creador de contenido freelance . Comparto regularmente, bueno, no estoy demasiado en línea y publico semanalmente a mi canal de YouTube Ilustración poligonal, donde voy a lo que he estado haciendo. Me encuentro mi trabajo a través de mi marca online. Tengo licenciatura en Ilustración y Animación y acabo terminar mi Maestría en Ilustración y Animación. En esta clase, aprenderás a diseñar y crear tu propio conjunto digital de pegatinas. Te llevaré por todas las diferentes etapas, desde diseñar hasta animar, hasta subirlas. A lo largo de mis clases, estaré cubriendo tres softwares diferentes que podrás utilizar para crear tus stickers. Pero te estaré enseñando cómo crear tus stickers en procreate el iPad, zoom en armonía, y Adobe Photoshop. Entonces, sea cual sea el software
que tengas disponible, podrás crear algo que te guste. También te mostraré cómo puedes aplicar solo pegatinas, ya
sea en Instagram, en tus historias de Instagram. También te mostraré cómo crear tu propia app de pegatina, cual se puede vender en la App Store de Apple y en realidad puedes ganar dinero con esto. Para este curso, necesitarás un entendimiento básico de computadoras y software para entender algunas de las cosas de las que estaré hablando. No te preocupes sin embargo, no necesitarás saber animar ya que te estaré enseñando los pasos básicos de la animación también. Las lecciones son fáciles de seguir y muy detalladas con todos los pasos necesarios incluidos, y te estaré dando consejos en el camino. Al final de esta clase, sabrás crear tu propio conjunto digital de pegatinas
automatizadas y sabrás aplicarlas y sacarlas al mundo. Entonces si lo buscas hacer juegos digitales de pegatinas por la razón que sea, este es el curso para ti.
2. Cómo diseñar tus Stickers digitales: En esta lección estaremos dibujando y diseñando nuestras pegatinas. Para esta parte del proyecto, puedes usar los materiales que te gusten. Podrías usar bolígrafo y papel o una tableta. Se puede escoger cualquiera. Realmente no hace la diferencia. Yo personalmente voy a estar esbozando mis ideas en mi iPad, pero depende de ti usar lo que sea que te sientas más cómodo. Al diseñar tus pegatinas, debes considerar qué marionetas tendrán tus pegatinas. ¿ Dónde los usaremos? ¿ Por qué quieres hacer pegatinas? ¿ Cómo vas a querer usarlos tú o incluso otras personas? ¿ Por qué quieres hacer estas pegatinas? Es porque eres creador de contenidos o dueño de un negocio y quieres crear tu marca? ¿ O quieres crear una app y vender tus pegatinas para ganar dinero? O simplemente estás haciendo pegatinas que vas a mandar solo a tus amigos? Realmente necesitas pensar en las diferentes opciones tienes a la hora de crear tus stickers. En línea y fuera de línea, tengo mi marca Pollygone Illustration, y voy a estar creando mis stickers para que coincida con mi marca para
poder utilizarlos para promocionar mis historias y mi contenido de Instagram. Debido a esto, voy a asegurarme de que las pegatinas coincidan dentro de mi estilo y dentro de mi marca. Cuando se te ocurre ideas para hacer tus pegatinas, ¿por qué no escribir una lista de 10-20 ideas de pegatinas que puedes usar. Vayamos y empecemos. Cuando estaba diseñando mis pegatinas, decidí empezar con hacer las pegatinas simples, como el deslizamiento hacia arriba y esas cosas porque creo que son realmente importantes para tener e incluir en el pack de pegatinas, sobre todo si los vas a tener en Instagram. Obviamente, no usaría esto para una parte de la App de Apple Store. Tienen algo que definitivamente querría para mis historias de Instagram. Cuando diseñas tus pegatinas necesitas pensar cómo puedes animarlo. No quieres hacer algo realmente complicado que no podrás animar. Quieres asegurarte de que sea lo suficientemente simple como para que lo hagas con tu nivel de habilidad, pero también realmente divertido y emocionante. Para algunas de estas pegatinas, iba a tener animaciones
bastante simples como las estrellas brillaban, ese tipo de cosas. Pero entonces algunos de ellos serían un poco más complicados como más tarde termino dibujando una mariposa con alas aleteadas, así que eso va a ser un poco más difícil de hacer que solo sondear estrellas. Pero realmente me gusta animar y quería tener unas pegatinas que son un poco más por ahí y llamativas, pero podrías contarnos una cosita linda
con la que decorar tus historias o podrías usarlas para decorar tus mensajes de los ojos con, si decides bajar y crear una App de Apple. Al estar creando mis pegatinas para mi marca Pollygone, quería que hubiera algunas pegatinas de arte que estén incluidas,
así que hago un cuaderno de bocetos volteando. Hago algunas tintas y pinceles de pintura, diferentes como proveedores de arte que suelo usar. También decidí hacer mi logo también. En realidad ya lo he convertido en un GIF animado, pero en realidad lo voy a convertir en una pegatina para poder usarlo para Instagram. Esta es para mí personalmente porque creo que sería realmente agradable estar en una marca de mis historias, para gente
pueda ir, sí, eso es Pollygone y al instante reconocer mis historias de Instagram sin siquiera tener que pensar al respecto. También debes considerar los colores que quieres usar. ¿ Quieres usar pasteles, colores brillantes, audaces? ¿ Tienes un estilo de casa que usas para tu marca o tu contenido? Personalmente tiendo a apegarme a amarillos, rosados, y melocotones, y luego de vez en cuando
podría haber algunos más pequeños colores pastel ahí dentro. Sólo porque eso es una especie de color que quiero para mi logo, para mi banner en YouTube y para mis fotos de perfil en todas mis cuentas de redes sociales. Si asignarías al personaje, vas a hacer un pack de pegatinas basado alrededor, también
quieres pensar en quién es tu público objetivo, quién usará la aplicación de pegatinas, y debes asegurarte de elegir tus colores basado en eso también. personal, realmente no quiero ser muy serio con mis pegatinas. Todavía quiero que sean divertidos, emocionantes, y solo agreguen un poco algo a mis historias que pueda usar y otras personas también puedan usar. Si otras personas optan por usarlas esa es una manera de sacar mi marca por ahí también, ya que la gente verá mis pegatinas y ojalá vaya a revisar más de mi trabajo. Si estás creando una app de Apple, ¿por qué no pensaste en cómo la gente podría usar esta app? A lo mejor podrías pensar en algo individual y diferente que pueda funcionar para que los mensajes de las personas se vean realmente divertidos y emocionantes. He visto algunas apps de Apple con stickers teniendo juegos con integrados en ellas. Vi una app de Apple Store que tenía un juego de nudos y cruces lo cual creo que es una idea realmente divertida. Puedes enviar un mensaje a tu amigo y ellos pueden agregar que van en cada mensaje. Tan solo tienes que pensar en qué funcionaría mejor para ti y para qué estás tratando de crear estas pegatinas. Una vez que hayas terminado de diseñar tus pegatinas, ya
estamos listos para empezar a ir a la siguiente etapa. Si utilizaste papel y lápiz, es posible que quieras escanear en tus imágenes o tomar una foto del mismo como referencia. Ya has completado tus bocetos de acabado. Ahora es el momento de pasar a los siguientes pasos. Te estaré enseñando algunas habilidades y
técnicas de animación muy básicas que puedes usar para ayudar a crear tus stickers. Entonces te estaré enseñando cómo puedes crear tus pegatinas en Procreate, Photoshop y Toon Boom [inaudible]. Te veré en la siguiente lección.
3. Conceptos básicos de animación que necesitas saber: En esta lección, estaremos cubriendo las habilidades
y técnicas de animación muy básicas que necesitarás conocer para crear tus stickers animados. Voy a estar explicando una selección de diferentes técnicas que te resultarán útiles para crear tus stickers. Hay muchos estilos de animación diferentes por ahí. No obstante, sólo vamos a estar centrándonos en dos hoy. El tradicional animación suave con unas lindas líneas que simplemente fluyen de un fotograma a otro y la técnica de la línea de ebullición, que es cuando las líneas mueven cada fotograma. Apenas estoy empezando dibujando un corazón, voy a estar haciendo una buena animación suave y luego en el siguiente fotograma, solo
estoy reduciendo el tamaño del mismo. Estoy usando exactamente el mismo corazón. Simplemente lo estoy encogiendo con cada cuadro. El subrayado rojo son la piel de cebolla y ahí es donde están mis marcos anteriores. Se puede ver donde antes había posicionado el corazón. Entonces copio y pego todos mis marcos. Los pego al revés. Esto es solo para que le dé un efecto de bombeo. Cuando se juega al revés, se puede ver que es realmente agradable y suave. No obstante, sí necesito reducir
un poco la velocidad de fotogramas ya que se está moviendo un poco más rápido de lo que quiero. Voy a reducirlo de 24 fotogramas a 12 fotogramas por segundo, y tienes una animación suave muy agradable. Ahora voy a estar haciendo el efecto de línea de ebullición. Voy a crear cualquier capa y dibujar junto a ella para que veas lo que voy a hacer. Voy a estar dibujando el corazón otra vez para que tengas la misma idea que lo que hice anteriormente. Ahí está mi corazoncito. Voy a pasar al siguiente cuadro y luego voy a usar la piel de cebolla para dibujar un nuevo corazón dentro del corazón anterior. Después iré al siguiente fotograma y al siguiente y al siguiente cuadro,
y solo lo repetiré hasta que haya terminado de llenar todos los marcos. Al igual que antes, también copié y pegué los marcos y los pegué nuevo en reversa para obtener ese efecto de corazón bombeo. Aquí se puede ver que el corazón de la derecha tiene líneas
mucho más rectas y allí no hay variación. Entonces con el de la izquierda, definitivamente
parece que hay más movimiento y
es solo un poco más divertido. Personalmente, creo que ambos son realmente buenos para la animación, solo depende para qué vayas y para qué las estás usando. He hecho ambas técnicas para muchas cosas diferentes. Pero en lo personal, voy a estar usando los efectos de la línea de ebullición para mis pegatinas sólo porque creo que funciona muy bien cuando es pequeño y se ve realmente lindo. A eso quiero ir, por mi marca. Aquí hay un ejemplo donde he usado el efecto de línea de ebullición. Esta animación es mi intro de YouTube, la niña. Se puede ver que tiene el movimiento en su cuerpo en cada cuadro. Para comparar, mira mi animación de pavo real y puedes ver aquí que las líneas son mucho más suaves y solo se mueven cuando hay movimiento en el pavo real. Para otra idea de animación, también
puedes ver cómo moví a la chica aquí. Esta es mi antigua intro de YouTube. Como se puede ver aquí, realidad no
hay tanto movimiento yendo en una herramienta y para esto, sólo en realidad
seleccioné los bits que se movieron, por lo que sus brazos y sus pequeños buppers. Eso sólo lo moví. Hay 12 principios en la animación, pero sólo vamos a enfocarnos en uno. Squash y Squeeze ya que no tenemos que hacer nada demasiado complicado para estas pegatinas. Te voy a mostrar cómo funciona el squash y squeeze animando un balón. Aquí acabo de dibujar una bola simple. El balón va a rebotar hacia abajo y luego golpeará el piso y rebotará del piso. Tenemos que mostrar esto en nuestra animación. Aquí es donde se lleva a cabo el squash y squeeze. Pasé al siguiente cuadro y he vuelto a dibujar el balón. Esta vez lo he hecho un poco más delgado y un poco más largo. Entonces quieres volver a entrar en el siguiente cuadro y hacerlo aún más delgado y más largo. Aquí me acabo de poner un poco demasiado alto. Por lo que la bajé y ajusté un poco el ancho, sólo porque quería ser un 100 por ciento feliz con él. Cuando llegues a la siguiente capa, de nuevo, quieres hacerla realmente delgada y delgada. Esta vez en realidad lo puse mucho más bajo que el balón anterior. Esto se debe a que cuando se quiere mostrar velocidad y animación, se pone más fotogramas al principio y luego menos hacia el final. Ahora vamos a tener el balón golpeando el piso. Voy a estar dibujando un óvalo, pero esta vez va a ser al revés del óvalo anterior. Entonces voy a volver a dibujar el balón. No tiene que ser un 100 por ciento con forma de bola, pero sólo quiero que sea un poco más en forma de bola que las otras que hemos estado dibujando. Eso es rebotando hacia arriba y ahora queremos que rebote de nuevo hacia abajo en el piso, pero no queremos que sea bastante aplastado. Lo quieres entre los dos últimos cuadros. Ahora el balón debe volver a su tamaño original. Copié y pegué la pelota del marco original y la puse en el lugar correcto. Ahora así es como se ve la animación al reproducirla. Como puedes ver, la pelota rebota hacia abajo, golpea el piso, rebota cada vez tan ligeramente, y luego vuelve hacia abajo, haciéndola parecer una bola realmente flotante. Esta es una gran manera de mostrar movimiento en cualquier cosa, desde personajes hasta objetos. Usar el squeeze y el squash realmente puede ayudarte a exagerar diferentes características en los movimientos. Sólo estoy agregando en algunos marcos hacia el final porque
quiero que parezca que la pelota se está moviendo. Para recapitular rápidamente, quieres que tu pelota baje,
y luego a medida que está cayendo,
quieres que se estire y vaya y luego a medida que está cayendo, más y más abajo y más cerca del piso con cada cuadro. Aquí se puede ver que este marco es mucho más exagerado que el fotograma anterior. Una vez que la pelota golpea el piso, quieres que rebote hacia arriba como lo haría una bola de rebote real, porque está siendo empujada hacia abajo y luego el piso la empuja hacia atrás hacia arriba, lo
que luego hace que vuelva más a su tamaño normal, pero aún no es totalmente redondo. Al usar squash y squeeze, necesitas pensar realmente en cómo se mueven los objetos por el aire y cómo rebotan e interactúan con otras superficies que los rodean. Aquí te dejamos un ejemplo de squash y squeeze de mi dinosaurio de animación y yo. Es muy obvio en esta animación, pero siempre hay que hacerlo más sutil, y al igual que lo hice con este hongo, se
puede ver que sí aplastado un poco para mostrar movimiento. Pero no es demasiado y no es demasiado
exagerado y simplemente le da un bonito movimiento fluyendo. Para mis pegatinas he elegido personalmente hacer el efecto de línea de ebullición sólo porque me gustó mucho el efecto dibujado a mano y creo que se ve realmente lindo cuando se hace una pegatina. Ahora entiendes algunas técnicas básicas de animación. Nos podemos animar. En las próximas lecciones, estaré explicando diferentes software que puedes usar para animarlo.
4. Uso de el brazo de Toon: Este es Toon Boom. Hay muchas versiones diferentes de Toon Boom que puedes obtener, pero estoy usando Toon Boom Harmony. Toon Boom es un software que es utilizado por animadores profesionales. Queremos empezar creando un nuevo archivo. Lo que quieres hacer es subir a la parte superior y dar click en “Archivo” “Nuevo”. Ahora quieres darle un
nombre a tu pegatina . Existen tres tamaños diferentes de Lona que puedes tener para pegatinas. Puedes hacerlos 300 píxeles por 300 píxeles, 408 píxeles por 408 píxeles, o 618 píxeles por 618 píxeles. Esto es solo una sugerencia si las vas a hacer para Instagram, pero quieres asegurarte de que tengan forma cuadrada. Personalmente voy a ir con el tamaño más grande de 618 píxeles. Para cambiar el tamaño de tu escena de
Canvas, debes presionar este pequeño botón aquí que parece un plus. Puedes presionar eso y luego aquí, necesitas cambiarle el nombre. Yo sólo voy a llamarlo pegatina y aquí, tú pones el ancho. Necesitas asegurarte de que has cambiado el nombre de la resolución de lo contrario, no podrías presionar “Crear”. Entonces quieres dar click en crear. Aquí estamos, así es como se ve cuando tu escena se ha cargado. Voy a alejarme un poco presionando “Zoom” y luego “Alejar”. A un costado aquí, puedes ver todos tus pinceles y tienes una selección de diferentes los cuales son texturizados, algunos son como pinceles lisos normales, y aquí abajo, tienes tus opciones de color. A un lado aquí, tienes todas tus herramientas y luego
aquí arriba tienes tu documento de archivo guardado y nuevo. No te preocupes, la mayoría de estas herramientas no estaremos necesitando y son solo para animaciones muy fans. Aquí abajo puedes ver nuestros marcos y nuestras capas. He decidido que voy a hacer mi primera pegatina ser una flor abriéndose así que voy a animar eso. personal, prefiero hacer un pequeño boceto y luego dibujar sobre el boceto de antemano, pero puedes hacerlo como quieras. Puedes ver aquí, tienes ahí tu escena de Lienzo. Aquí es donde está la cámara. Aquí es donde está el contorno de la cámara. Desea seleccionar su herramienta de pincel de pintura, que está de lado por aquí, y seleccionar un pincel que desee utilizar. Voy a seguir con el uso de este pincel sólo porque
es un boceto y usaré uno diferente para delinearlo más adelante. Simplemente voy a minimizar un poco el tamaño y voy a empezar a dibujar. Así será la pegatina. En realidad voy a redimensionar eso porque quieres que llene tanto como sea posible tu Canvas. Puede cambiar el tamaño seleccionando la herramienta de selección por aquí y dibujando un círculo alrededor de lo que desea seleccionar. Como puedes ver, estos pequeños componentes aquí se pueden
separar todos y son individuales ya que Toon Boom es un software vectorial. Entonces voy a ir a cambiar mi marco. Ahí se puede ver que tengo mi piel de cebolla. Si quieres activar tu piel de cebolla, debes ir a “Ver” “Piel de cebolla” y luego a “Mostrar piel de cebolla”. Aquí abajo puedes ajustar por cuántos marcos ves la piel de cebolla, para que ahí la puedas ver, yo la puedo ver desde estos muchos marcos de distancia. Ahora voy a dibujar sobre eso y creo las hojas probablemente irán un poco más abajo a medida que la flor empieza a abrirse. Voy a tener eso ahí un poco y sólo se va a desentrañar. Creo que en realidad voy a poner un marco entre ellos, así que ahí se puede ver. El verde es para el siguiente cuadro y el rojo es para el marco anterior. Puedo usar la piel de cebolla para rellenar los marcos. A mí me gusta mucho exagerar los movimientos para que
puedas ver ahí que realmente simplemente se abre. Si quieres reproducir tu animación, quieres ponerla en 12 fotogramas, solo porque no necesitas que sea tan rápido como 24 fotogramas. Voy a copiar este marco. Al hacer clic derecho sobre él, estoy presionando copiar y luego presionando “Pegar celdas en la línea de tiempo” por lo que las celdas ahora se han duplicado. Ahora solo voy a continuar con esto dibujando sobre estos marcos una y otra vez para obtener el efecto de línea de ebullición. Pero ahora como he dibujado el boceto, voy a ir a hacer el esquema para ello. Voy a dar click en este pequeño plus aquí y dar click en dibujo. Eso creará una nueva capa de dibujo para nosotros. Quieres presionar “Añadir y cerrar”. Voy a bajar la opacidad de la capa de boceto para que me sea más fácil dibujar. Voy a bajar aquí, clic en esta pequeña foto de aquí, y dar clic en opacidad, y simplemente arrastrarla un poco hacia abajo. Ahora voy a entrar a la siguiente capa. Si quieres asegurarte de no dibujar en la capa de boceto, quieres presionar ahí el botón de la capa de bloqueo. Ahora voy a cambiar mi color. Como puedes ver aquí, tienes una gama de colores diferentes y
solo tienes disponible color primario pero así que obviamente, vas a querer usar más colores que eso. Sólo voy a mostrarte un truco realmente genial que tiene Toon Boom. Aquí se puede ver que tengo mis líneas negras ahí. Voy a hacer doble clic aquí en la paleta para el negro y voy a ajustar el color aquí y se puede ver que el color cambia de inmediato. Esto significa que si decides cambiar un color, cambiará para todas tus capas para que no tengas que volver a colorear nada. Si quieres crear un nuevo color, pulsa este pequeño botón más aquí. Ahí sale con un poco de color, que puedes renombrar si quieres, y luego puedes hacer doble clic sobre él y cambiar el color. Una vez que hayas recogido tu color de contorno, puedes subir y seleccionar un pincel. Me gusta mucho usar el cepillo limpiador de tuberías así que ese es el que voy a usar. Ahora puedes empezar a hacer el contorno en tu animación. Aquí se puede ver que aquí es donde lo real, así que ahí está la apertura de la flor. Estos dos marcos aquí están totalmente abiertos. A mí me gusta hacer las cosas en tres, así que en realidad voy a hacer un fotograma extra y luego después de eso
copiaremos y pegaremos estos últimos tres un par de veces para repetirlos. Eso fue porque cuando estás haciendo el efecto de línea de ebullición, prefiero tener tres o cuatro cuadros. Esto se debe a que cuando solo tienes dos fotogramas, parecerá que solo está pasando entre los dos fotogramas, y en realidad no se verá tan agradable y tan suave como cuando tengas tres o más. No necesitas hacer demasiados sin embargo. De lo contrario, te estarás consiguiendo mucho trabajo, así que sí tiendo a hacer sólo tres o cuatro. Puedes hacer más si quieres, pero realmente no tiene mucho sentido porque tu ojo no podrá notarlo cuando esté jugando. Para copiar y pegar estos tres marcos juntos, vamos a necesitar presionar la Herramienta Mayús, click en el primer fotograma y el último fotograma, y seleccionará los tres fotogramas. Después quieres hacer click en él, click en Copiar Celdas en la Línea de Tiempo, y luego quieres hacer click en Pegar Celdas en la Línea de Tiempo en el fotograma al lado de ellas. Ahí lo tendrás, se duplicará. Algo que notarás al copiar y pegar marcos es
que los marcos copiarán y pegarán exactamente como estaban antes, por lo que como puedes ver aquí, que a este marco le faltan las hojas en la parte inferior. Si voy por aquí, también se podría ver
que faltan las hojas de este marco,
y se puede ver que ahí voy a dibujar garabatos, y se puede ver que el garabato se ha copiado a través sin que yo lo ponga ahí, que es realmente útil, pero es solo algo a tener en cuenta si estás copiando y pegando capas. Entonces si quieres repetir tu animación, puedes hacer click en esta casita de aquí, pero vas a tener que mover
un poco la línea de tiempo hacia abajo para que agarres esta cosita roja aquí y lo bajes. Esto acortará la línea de tiempo, y quieres asegurarte de ponerla en tu último fotograma, así es como se ve. Voy a parar ahí y ahora no necesitamos el Sketch Layout, así que voy a ocultar eso. Ahora vamos a colorear. Esto depende de los pinceles de pintura que hayas utilizado. Si utilizas el pincel estándar, puedes usar este pincel aquí, pincel uno. Se puede dibujar eso ahí, y luego se puede obtener la herramienta Relleno, seleccionar el color y llenarlo, y se llenará perfectamente. No obstante, cuando haces esto con un cepillo como el cepillo limpiador de tuberías que utilicé, esto no funcionará y puedes ver que terminarás con que realmente no se llene correctamente y terminarás con todo este espacio en blanco ahí, así que estamos en realidad va a tener que colorear todo a mano. Vamos a crear una nueva capa, de nuevo, una nueva capa de dibujo de cerca. Quería usar un bonito rosa para esto porque Polygon tiene mucho rosa en la marca, así que quiero apegarme a eso. Creo que ese color sería bonito. Entonces voy a seleccionar mi pincel y sólo voy a colorearlo todo. Ahora, solo quieres ir y colorear cada fotograma individual en. Ahora, ya terminaste una pegatina. Acabo de retocar y echar un vistazo y ver si hay algo que tal vez quieras modificar o agregar. Paso cualquier cosa. Voy a añadir un poco de sombreado. Aquí se puede ver que la animación se acerca un poco a la parte superior del cuadro de ahí y eso no me gusta mucho. Lo que voy a hacer es que en realidad voy a mover la cámara. Voy a ir por aquí y dar click en un costado, y esto te da una vista lateral. Aquí es donde está tu animación y el Lienzo, y esta aquí es la cámara. Lo que necesitas hacer es bajar aquí y crear una nueva capa. Excepto en esta ocasión se quiere seleccionar cámara en lugar de dibujar. Desplázate hacia abajo y haz clic en un marco ahí, y ahora puedes ver que puedes mover la cámara alrededor, así que solo la voy a ajustar y moverla un poco lejos y ahí vas, puedes ver donde corre la animación. Voy a acercarme eso porque no llega del todo a la cima. Ahora puedes ver que no está golpeando la parte superior y luego cuando vuelves a la cámara, puedes ver que la flor está ahí. Excepto ahora creo que necesito moverlo un poco más a la izquierda a centro. Para ello, vamos a volver a esta pequeña X y vamos a dar click en la herramienta Top y esto te mostrará la parte superior de los marcos. Se puede ver que quería ajustar la cámara un poco más a este lado. Cuando utilices la herramienta Seleccionar, y la voy a arrastrar por ahí para ponerla en el centro. Después volveremos a la cámara y podrás ver la flor en el centro. Ahora ya hemos terminado nuestra pegatina, estamos listos para exportarla como GIF. Necesito hacer es ir a Archivo, Exportar, Animado GIF, así que ahora esto
aparecerá y querrás cambiar el nombre a lo que quieras llamar la pegatina. Voy a llamarlo igual. Yo sólo lo voy a llamar pegatina uno. Voy a seleccionar Loop ya que quiero que la animación continúe en bucle. Ya está seleccionado, pero si no quieres que se bucle, querrás desseleccionar eso, y luego solo quieres presionar ok, y esperar a que se exporte. Aquí podemos ver que el GIF realmente está funcionando demasiado rápido. Esto se está ejecutando en los 24 fotogramas completos en lugar de los 12 fotogramas con los que queremos que se ejecute. Vamos a tener que cambiar realmente la configuración en ella cuando lo exportemos. Si quisieras frenar tu animación, como yo, lo que necesitas hacer es ir a Ajustes de escena, y luego, por aquí verás que dice 24. Se quiere cambiar eso a 12 y ahí también lo va a cambiar, y ahora sólo vamos a presionar bien, y luego vamos a exportarlo de nuevo. Presionar bien. Sobrescribirlo ya que no queremos el archivo anterior. Ahora lo vamos a abrir y ver si funciona esta vez. Para reproducir tu animación en max, lo que quieres hacer es presionar sobre tu archivo y luego quieres mantener presionada la barra espaciadora durante el tiempo que quieras ver la animación en vista previa completa. Aquí vamos, aquí está la animación de pegatinas terminadas. Ahora, pasa a la siguiente lección donde te mostraré cómo
usar otra pieza de software para hacer otro GIF.
5. Uso de Photoshop: En esta lección, voy a estar enseñando cómo hacer una pegatina digital animada usando Photoshop. Vamos a empezar con la elaboración de estas pegatinas. Queremos crear un nuevo archivo, así que lo que vamos a hacer es venir a este botón aquí y pulsar crear nuevo. Puedes ver aquí, que ya tienes algunas plantillas disponibles para ti, pero en realidad no queremos hacer eso. No queremos usar uno de eso a plantillas personalizadas ya disponibles, queremos hacer una para nosotros mismos. En realidad vamos a querer cambiar esto para que sean píxeles. Esto se debe a que queremos que la pegatina sea cuadrada. Queremos que sea de 300 píxeles cuadrados, 408 píxeles cuadrados, o 618 píxeles cuadrados. Yo estoy eligiendo ir por el cuadrado de 618 pixeles. Nosotros queremos teclear eso en los libros, así que ahora tenemos cargado nuestro Photoshop Canvas. Se puede ver aquí, este es el Lienzo aquí. Tienes tus herramientas aquí abajo a un costado, y por aquí tienes tus colores y capas. Como puedes ver actualmente hay en realidad una capa de fondo. En realidad no queremos esto, ya que queremos que nuestras pegatinas tengan un fondo transparente, así que lo que tenemos que hacer es que te acerques a este pequeño ícono aquí, desbloquearlo, y luego queremos crear una nueva capa y eliminar el original capa. Esto ahora te dará este gran trasfondo, lo que significa que en realidad no hay antecedentes para tu trabajo. Para animar, en realidad tenemos que conseguir otra barra aquí arriba en la parte inferior. Lo que tenemos que hacer es pasar a la barra superior, y presionar en ventana, y luego te desplazarás hacia abajo y eventualmente verás línea de tiempo. Quieres presionar sobre eso, y luego verás aquí en la parte inferior, llegarás a este bar de aquí. Esta es la línea de tiempo que puedes usar para crear una animación. Se desea tener seleccionada una animación de fotogramas. En realidad voy a empezar por crear algún texto. Mi pegatina va a decir nuevo post. No obstante, si estás inventando una pegatina, probablemente
quieras que diga algo más. Voy a ir por aquí y voy a seleccionar esta herramienta de texto, y por aquí se puede ver que ya tengo mi fuente de marca pollygone seleccionada. Pero si presionas la flecha desplegable, podrás obtener toda una selección de fuentes que puedes usar. Entonces puedes cambiar el tamaño de tu texto aquí, y por aquí también puedes cambiar el color, así que voy a escribir mi texto. Yo quiero que diga nuevo Post. En realidad voy a ir y agregarle un trazo, así que lo haces presionando el estilo de capa, y luego quieres seleccionar trazo. Aquí está agregando un trazo marrón y en realidad voy a cambiar eso. Voy a ponerlo como amarillo, y aquí puedes ajustar el tamaño también para que puedas hacer un poco más grande o un poco más pequeño. Una vez que estés contento con eso, puedes presionar bien. Lo que estoy planeando hacer para esta pegatina es que quiero tener algunos planetas los cuales van a dar vueltas en círculo, alrededor del texto. Voy a crear una nueva capa, y voy a crear cada una en estrella y planeta individuales. Quiero dibujar mis planetas usando la herramienta de pincel, que está por aquí en la esquina. Voy a seleccionar eso, y aquí arriba puedes realmente seleccionar lo que quieres que sean tus pinceles. En realidad estoy poniendo a cada planeta en un diseño diferente. Esto es realmente importante si quieres moverlos individualmente. Ahora terminé lo que quiero que parezca básicamente, y voy a presionar este botón aquí abajo crear animación de marco. Aquí se puede ver que dice, sin retraso. En realidad queremos dar un poco de retraso, pero lo daremos como 0.2 de retraso. Voy a crear una nueva capa bajando a este botón aquí y haciendo clic, crear nueva capa. En realidad voy a volver a la primera capa, y lo que quiero hacer por esto, es que en realidad quiero que eso sea un poco más audaz alrededor del nuevo post que se expandirá y crecerá a medida que cambie la animación. En realidad voy a dibujar redondo en una nueva capa. Solo estoy rastreando el borde de lo que ya tenemos para las fuentes, ahí tienes. Después volvemos a esta capa. Entonces queremos realmente ocultar esa capa. Si vuelves a la primera capa, puedes ver que en realidad sigue ahí pero no está en la nueva capa. Voy a crear otra nueva capa. Voy a dibujar alrededor de él otra vez, excepto que esta vez, en realidad voy a hacerlo un poco más grande. Quieres volver a la primera capa y luego esconder esa nueva capa. Ahí se puede ver que las capas están cambiando. Voy a crear otra capa nueva y hacer exactamente lo mismo otra vez. Voy a ocultar las otras capas, crear una nueva capa, ocultar esas capas de las capas anteriores, y dibujar otro contorno de la misma. Ahora lo que queremos hacer es hacer que todos los planetas se muevan. En el primer fotograma, realidad no
tienes que hacer nada porque los planetas ya están donde queremos que estén, así que luego vamos al siguiente fotograma, y solo seleccionas cada planeta individual y estrella, y moverlos por ahí. Después vas y lo haces otra vez para el siguiente cuadro, y solo sigues haciendo eso hasta que todos los planetas se estén moviendo y parece que se están moviendo alrededor en círculo. Ahora se puede ver que se mueve en círculo, pero obviamente está volviendo atrás y reiniciando de nuevo. Esto en realidad va a ser bastante difícil, así que lo que
tienes que hacer es, quieres presionar estas tres capas y quieres mantener pulsado el turno para seleccionarlas todas. Como puedes ver, no queremos que se seleccione el número 4, porque ese es el que está en medio de la animación. Entonces presionas este botón aquí, que los volverá a hacer, y los duplica excepto que vamos a querer moverlos para esa otra capa. Excepto que ahora son en realidad el camino equivocado, así que tenemos que cambiarlos. Entonces el marco medio, voy a duplicar eso, y queremos poner eso al final. Ahora, estará girando en círculo y luego regresando. Ahora ahí tienes, tienes tu pegatina terminada. Para exportar esto, antes que nada vas a necesitar guardarlo si aún no lo has hecho. Voy a ir a desplazarme aquí abajo y presionar guardar. Voy a llamarlo pegatina 2. Asegúrate de guardarlo con tu otra pegatina, y luego voy a presionar guardar. Después quieres ir a archivar, exportar, guardar para web, y luego te saludarán con esta ventana aquí. Para asegurarte de que te guardes como Gif, quieres asegurarte de que has seleccionado como Gif de esta lista desplegable aquí. Cuando haces un Gif entonces solo te permiten 256 colores, así que quieres asegurarte de que no has usado demasiados colores en tu ilustración, que obviamente no hemos hecho. Quieres asegurarte de que tus opciones de looping estén seleccionadas para lo que quieres que sea. Queremos que sea para siempre, por lo que seguirá dando vueltas. No queremos que se juegue una vez, y luego solo presionamos guardar, y luego guardamos otra vez una ya tienes tu pegatina terminada. Así será la pegatina final. En tu próxima lección, te estaré enseñando a hacer más pegatinas usando otra pieza de software.
6. Uso de Procreate: En esta lección, te estaré mostrando cómo puedes hacer una pegatina digital usando Procreate. Por lo que quieres empezar por hacer un nuevo archivo. Por lo que quieres presionar el pequeño plus en la esquina, y luego eso se te ocurrirá la nueva lista desplegable de Canvas. Por lo que realmente queremos crear un tamaño personalizado porque la talla que queremos no está disponible. Como mencioné en lecciones anteriores, queremos crear un Canvas que sea cuadrado y sea de 300 píxeles cuadrados, 408 píxeles cuadrados, o 618 píxeles cuadrados. Yo he ido por 618 pixel al cuadrado, toca a ti elegir lo grande que quieres que sean tus pegatinas. También le voy a dar un nombre. Como he llamado a los otros Stickers 1 y 2, voy a llamar a este Sticker 3. Entonces voy a presionar “Enter” y va a crear el archivo para ti. Entonces aquí tienes, este es tu Lienzo. Tienes todas tus herramientas aquí arriba en la parte superior. Tienes tu Pincel, Smudge, Goma de
borrar, Capas, y luego Colors. Entonces por aquí tienes otras opciones para compartir tus archivos, ajustar tus colores, y luego estas son herramientas selectas. Entonces la forma en que funciona la animación en Procreate es que tus capas son en realidad cada fotograma individual. Entonces este sería un marco, éste sería otro, y ese sería otro. Entonces te daré un pequeño ejemplo aquí. Entonces sólo voy a dibujar un garabato rápido. Entonces lo voy a compartir como regalo, y luego se puede ver cómo funcionaría. Entonces esto es lo que queremos hacer, pero queremos crear una pegatina más detallada. Incluso puedes darle un fondo transparente allí y reducir cuántos cuadros por segundo. Quiero crear una animación con un pincel, con algo de pintura goteando. Entonces voy a empezar dibujando lo que quiero hacer. que Procreate no está avanzado como Tumblr o incluso Photoshop, realmente no
puedes tener pieles de cebolla, así que eso va a estar en desventaja para nosotros. No obstante, hay formas de rodearlo. Entonces quiero que mi pintura gotee de mi pincel hacia abajo y creo que voy a tener este pincel moviéndose un poco por ahí solo para añadir un poco más de movimiento en él. Por supuesto que también voy a estar haciendo el efecto de ebullición, que en realidad hará que esto sea un poco más fácil para mí hacerlo. Entonces en realidad voy a cambiar la opacidad de eso y bajarla bastante. Entonces voy a crear una nueva capa, y voy a seleccionar el color en el que quiero hacer mi contorno. Entonces voy a dibujar el pincel. Como dije antes, me gusta hacer mis fotogramas de animación en al
menos tres o cuatro cuando estoy teniendo un objeto moviéndose o una línea de ebullición. Entonces voy a animar el pincel tres veces, y luego voy a tener seis goteos bajando. Por lo que en realidad duplicaré el pincel, que es un proceso muy complicado cuando tienes que asegurarte de que todas las capas estén aplanadas. Entonces voy a crear otra capa nueva, y voy a dibujar de nuevo el pincel. Esta vez, estaré cambiando ligeramente la forma del extremo
del pincel para mostrar un movimiento. Voy a ocultar la capa anterior y luego voy a reducir la capacidad de esta capa para luego volver a dibujar sobre ella. Ahora solo voy
a probar cómo se ve eso exportándolo solo para ver si me gusta cómo se ve bien, hasta
ahora no porque en realidad no hay forma de que reproduzca la animación sin volver
a exportar. Está bien. Para que se pueda ver el movimiento ahí. Creo que voy a ir a cambiar el mango del pincel y uno de estos marcos solo para mostrar realmente mis habilidades de apriete y squash. El asunto con usar Procreate que mucho es solo experimentar y ver lo que funciona, bueno, realidad no
es tan fácil ver cómo se ve hasta que realmente lo hayas exportado, lo cual es frustrante que vas a tener que hacer esto cada vez. Pero esa es solo una de esas cosas molestas de animar en un Procreate, pero es mucho más práctico que algún software ya que lo
tienes disponible contigo todo el tiempo. tanto que si tienes Photoshop o Tumblr realmente no puedes llevar un portátil y una enorme tableta de dibujo contigo todo el tiempo, cuando un iPad es mucho más fácil. Está bien. Entonces voy a duplicar algunas de estas capas más tarde para repetirlas. Pero primero, necesito colorearlo, que necesitaré para aplanar las capas. Por lo que en realidad necesitaré colorear cada capa individualmente debajo de las capas y luego aplanarlas después. Suena confuso ahora mismo, pero lo explicaré a medida que avance. Entonces voy a empezar con mi primer fotograma y voy a crear una nueva capa, que voy a poner debajo de ella. Esta es la capa a la que voy a colorear. Ahora he terminado de colorear cada capa. Voy a fusionar las capas juntas. Por lo que voy a dar click aquí. Se hace clic en el icono de esa capa, y luego se pulsa “Fusionar hacia abajo” y se convertirá en uno. Necesitas hacer eso por cada pincel. Está bien. Veamos cómo se ve esto. Está bien. Entonces ahora vamos a estar duplicando las capas, y luego vamos a sumar los goteos de pintura. Ya ven aquí, tenemos este marco aquí en la parte superior y luego este marco. Lo que queremos hacer es que queremos poner ese marco en la parte superior. Por lo que en la parte superior del siguiente cuadro. Entonces lo que vamos a hacer es deslizar
la capa a través y presionar “Duplicar” y luego moverla encima de la Capa 9. Ahí se puede ver que esas dos capas se repiten. Entonces queremos duplicar la Capa 7. Eso lo muevo encima de la Capa 8. Entonces queremos duplicar 6. Eso lo muevo encima de 7. Entonces para la Capa 6, no duplicamos eso porque ese es el primer fotograma, por lo que simplemente detendría de nuevo todo el proceso a partir de eso. Entonces así es como se verá cuando lo exporte. Por lo que ahora queremos hacer las salpicaduras rosadas. Entonces voy a empezar con este,
que no va a tener nada goteando de él. Después entraremos en la segunda, que tiene un poquito de pintura volando de ella. Entonces vamos a bajar la opacidad para usar eso como nuestra piel de cebolla para la siguiente capa. Para eso, queremos que la pintura se deslice hacia arriba ya que el pincel se apunta más hacia arriba, aunque obviamente, los goteos de pintura que ya han caído seguirán cayendo. Por lo que necesitan estar un poco más abajo. Entonces podemos hacer algunos por aquí. Entonces podemos cambiar la opacidad para la capa de piel de cebolla y hacer de nuestra capa actual la capa de piel de cebolla. Entonces habrá algo de pintura viniendo aquí y aquí. Después para volver a mostrar la animación, queremos asegurarnos de que la opacidad se encienda en todas las capas. Entonces ahora eso está arreglado. Así es como se ve el GIF animado. Entonces, obviamente, en realidad no queremos un fondo. Entonces tenemos que ir a esta caja y
queremos deslizarnos eso a través para apagar el suelo. Entonces quieres exportarlo a resolución completa. Eso lo guardará en tus archivos una vez que hayas presionado “Guardar imagen”. En las próximas lecciones, estaré mostrando cómo puedes subir tus stickers animados en Instagram, y cómo podemos crear una app para el Apple Store.
7. Subir a Instagram: Cuando quieras conseguir tus GIFs en Instagram, tienes que aplicarlos realmente a GIPHY primero, y luego GIPHY lo subirá a través de ese servidor y saldrá en Instagram, donde podrás buscarlo en la sección de pegatinas de Instagram historias. En primer lugar, es necesario iniciar sesión o hacer una cuenta. Puedes presionar este botón arriba en la esquina superior aquí, y para iniciar sesión o crear la cuenta. Si ya tienes una cuenta, solo
puedes iniciar sesión aquí, o puedes unirte ahí abajo y solo tendrás que rellenar los detalles. Ya tengo una cuenta. Simplemente voy a iniciar sesión ahora. Te carga hasta esta página. En realidad es importante que rellenes esta página ya que cuanto más rellena tu perfil es más probable que te acepten tener tus stickers en el sitio web de GIPHY. Se puede ver aquí abajo que lo puse en público, y llené la sección Acerca y agregué en mis cuentas de redes sociales. Esto es importante ya que quieres dar a cada uno para ver que tienes una marca y que eres artista. Si te desplazas un poco hacia abajo, tienes que ver aquí dice cómo GIPHY. En realidad voy a presionar eso y esto sacará a la luz los temas destacados y de ayuda. Voy a desplazarme hacia abajo y hacer clic en “GIPHY” para Artistas en Marcas. Esto en realidad depende de lo que seas. Voy a estar solicitando un canal de artista porque soy artista. Si eres de marca, probablemente quieras postularte para eso. Simplemente depende de ti llenar lo que mejor se ajuste. Envía una solicitud para llegar a tus pegatinas arriba. Esto es súper fácil de hacer. No lleva tanto tiempo. Estoy solicitando un artista. Voy a dar click en “Solicitar un canal de artista”. Como mencioné antes, GIPHY dice que tienes que rellenar datos de
tu perfil y necesitas tener algunas pegatinas y GIFs ya listas. Voy a dar clic a este botón y aplicar ahora. Voy a cargar los GIF ahora mismo. Esta es la carpeta con todas mis pegatinas y solo los voy a arrastrar hasta aquí para subirlas. En realidad tienes que agregar algunas etiquetas, y agregar en una fuente. Voy a poner en mi página web. Y luego para las etiquetas, en realidad me voy a etiquetar para poder buscarlas fácilmente. Voy a poner en ilustración pollygone. Aquí, solo estoy rellenando con algunos nombres de etiquetas relevantes. Creo que es realmente importante ir por tu marca porque eso hará que sea más fácil para ti encontrar esas décadas. Pero si quieres a tus clientes, tus amigos llegan a usarlos también, eso hará que sea súper fácil para ellos encontrarlos y
quiero estar buscando a través de miles de GIF. Ahora voy a presionar “Subir a GIPHY”, y eso ahora los va a subir. Podría tardar un tiempo porque es posible que tengas
mucho que subir y gifs en particular en los archivos más pequeños. Es posible que solo quieras sentarte y esperar a que lo hagan. Ahora, se puede ver que la carga está terminada. Voy a dar click en este botón que dice “Subir completo y luego continuar”. Esto te llevará por aquí y tendrás que rellenar esto de nuevo. Obviamente voy por un artista, pero si querías ir por marca, escoge una marca, y luego pulsa “Enviar Solicitud”. Ahí vas. Se ha presentado su solicitud. Es posible que te rechazen, tu solicitud podría ser rechazada. Pero si eso sucede, solo
tienes que ir a trabajar en tu marca y en tus pegatinas y tratar de que realmente les guste que todos encajen y funcionen bien. Pero voy a volver en unos días donde mi solicitud ha sido aceptada. Ahora están siendo unos días y mis GIFs ahora están arriba en GIPHY, y también puedo acceder a ellos en Instagram también. Sabrás cuando te hayan aceptado, cuando recibas este email de GIPHY y luego si vas a tu perfil y GIPHY, te darán un pequeño tic azul junto a tu nombre de usuario. Al igual que un poco de advertencia, sí toma unos días tus GIFs en aparecer en Instagram. Me tomó, creo que dos, tres días para que aparecieran después de haber enviado mi solicitud. Obviamente, si GIPHY tarda un poco más en mirar tu aplicación, entonces tardará más en pagar en Instagram. En la siguiente lección, vamos a estar viendo cómo puedes crear tu propio taburete Apple, cual puedes usar en iPhones y tu iPad.
8. Crear una aplicación de pegatinas: En esta lección, te voy a mostrar cómo puedes crear tu propia app Apple App Store. Para ello, tendrás que tener un iMac o un MacBook, de
lo contrario, no podrás hacerlo porque vas a necesitar descargar Xcode. Puedes obtener Xcode gratis en la App Store de Apple. Tan solo búscalo, y subirá enseguida. Así es como se ve la página. Una vez que haya hecho clic en descargar, y descargado en su computadora, desea abrir Xcode, y obtendrá esta pantalla aquí. Quieres presionar este que dice crear un nuevo proyecto Xcode, crear una app para iPhone, iPad, Mac, Apple Watch, y Apple TV. Vamos a hacer click en eso, y nos llevará a esta pantalla, que te da un montón de opciones diferentes para hacer diferentes tipos de apps pero vamos a hacer en una aplicación de pack de pegatinas, por lo que quieres presionar eso, y luego presione siguiente. Quieres darle un nombre a tu paquete de pegatinas. Yo solo voy a llamar a la mía Pegatinas Ilustración Pollygone, y luego quieres presionar a continuación. Después quieres seleccionar el lugar donde quieres guardar tu paquete de pegatinas. En realidad lo voy a guardar en la misma carpeta en la que tengo mi pegatina, y luego voy a golpear, “Crear”. Si quieres vender tu app en la tienda de aplicaciones, realidad
vas a tener que pagar para hacer eso, y eso cuesta alrededor de $100 al año para que se te permita hacer eso. Si quieres poner la app en tu teléfono para que la uses para uso personal, eso está bien. En realidad voy a pasar por eso más tarde. Eso es posible pero si quieres vender tu app, lamentablemente
tendrás que pagar pero es un buen precio ya que eso significa que puedes conseguir dinero cuando la gente compra tu pack de pegatinas. Aquí abajo verás este botón aquí el cual dice stickers.CSstickers. Vamos a presionar eso, y esto te llevará a esta pantalla donde luego podrás tener la opción entre el ícono de la app iMessage en la carpeta del pack de pegatinas. El ícono de la app de iMessage es donde vamos a hacer todos nuestros iconos. Es realmente molesto pero tendrás que crear los iconos de la app para que quepan en cada tamaño de pantalla diferente pero lo haremos en un minuto. En primer lugar, vamos a subir nuestras pegatinas. Se quiere hacer clic en la carpeta del paquete de pegatinas, y se puede ver aquí que aquí no hay pegatinas, y se le pide que arrastre, y suelte sus pegatinas en la carpeta. Voy a conseguir mis pegatinas, y voy a seleccionarlas, y arrastrarlas a Xcode. Ahí están mis pegatinas. Algunas de estas pegatinas, ya estaban hechas para Instagram. Voy a seleccionar estos, y voy a recoger,
borrar, y deshacerme de ellos. Ahora voy a cargar el simulador para que veamos cómo se ven. Si haces clic aquí dice iPhone 7 Plus pero puede decir algo más de otra persona dependiendo de qué versión de Xcode tengas, y puedes ver aquí que te da muchas opciones
diferentes para diferentes productos de Apple. Tienes los iPads, tienes los iPhones, y has ido cada versión diferente de los teléfonos más recientes. En realidad voy a ir por el iPhone SE ya que eso es lo que es mi teléfono. Voy a seleccionar eso. Entonces por aquí puedes ver que tienen una obra de teatro, y un botón de parada. El botón play realmente construye un pack de pegatinas para ti, y crea la app en un simulador, que se cargará en un segundo. Ya me he pegado a eso. Sólo voy a esperar a que se construya la app de stickers. Así se verá el simulador una vez que esté cargado, y si te desplazas hacia abajo puedes ver el botón de mensajes ahí así que voy a presionar eso. Ahí puedes ver que hay algunos mensajes falsos que han aparecido. Simplemente voy a dar clic en esto, y luego ir a la parte inferior, y dar clic en el logotipo de la tienda Apple. Entonces te dará esto, y puedes ver aquí, su consiguió mis pegatinas que subí. Podrás ver todas tus pegatinas ahí ya en la app las cuales están listas para que utilices. Para enviar una pegatina basta con dar click en la pegatina que quieras enviar, y ésta aparecerá por aquí, y luego solo tienes que presionar esta pequeña flecha, que la enviará, y ahí la puedes ver. Aquí se puede ver que en realidad no hay un logotipo, que es lo que vamos a ir y crear ahora. No quieres mantener esto en blanco. Quieres tener un bonito logo que atraiga a la gente a usar tu set de palos. Tendrás que descargar una plantilla. Podemos encontrar eso yendo a developer.apple.com. Se quiere dar click en, “Diseño”, en la parte superior de la página, y entonces eso cargará esta página aquí. Tendrás que desplazarte hacia abajo, y hacer clic en, “Ver recursos de diseño”, y luego querrás descargar esta cosa aquí. Voy a descargar para Photoshop pero puedes descargarlo para donde sea que necesites, y este será todo un montón de recursos que puedes usar para hacer tus iconos. Una vez que hayas terminado de descargar tus Recursos de Diseño de Apple, puedes hacer doble clic en esta carpeta, y se abrirá esta pantalla para ti. Después quieres hacer click en, “Plantillas de Producción”, y abrir esa carpeta, y aquí verás una gama de diferentes plantillas para usar. Queremos utilizar esta que es la plantilla para los iconos de la app de iMessage. Se quiere hacer doble clic en eso, y abrir eso. Tu documento; tienes todos estos cuadrados blancos que vamos a llenar. Ahí podrás ver todos los diferentes tamaños de iconos que vamos a crear. En realidad quiero que mis iconos sean exactamente lo mismo. Yo solo quiero que sea la cara de mi logo de niña pequeña. Se puede ver aquí en el lateral donde
están todas las capas que hay pequeñas carpetas individuales, y aquí hay más carpetas para cada icono diferente. Ahí se puede ver, necesitaré poner mi diseño en cada uno de estos archivos de Photoshop aquí. Voy a ir a buscar mi ícono, y voy a llenar el archivo de Photoshop con mi logo de niña pequeña. Una vez que hayas hecho eso, lo que debes hacer es hacer clic en, “Archivar, Genera activos de imagen”, y luego Photoshop solo te ayudará a crear los iconos sin que tengas que hacer realmente ningún trabajo, y guardarlos individualmente, y esto es mucho más rápido que configurar diferentes tamaños de archivo. Para subir los iconos de
la app, la app de iMessage, necesitas levantarte todos tus iconos, y necesitas encontrar los adecuados que vayan en el lugar correcto. Si los pones en los equivocados, no
funcionará correctamente. Simplemente hay que pasar algún tiempo tratando de averiguar cuál es cuál. Éste necesita entrar ahí porque sus 27 por 20 píxeles, y es tres veces. Ahora eso está hecho, construyamos de nuevo la app, y probarla en un simulador. Ya puedes ver que la app tiene su pequeño ícono. Ahora, vamos a crear la aplicación de pegatinas que vamos a poner en nuestros teléfonos. Lo que necesitas hacer es conectar tu teléfono a tu computadora o a tu MacBook, y luego tienes que subir aquí, y asegurarte de que tu iPhone o iPad esté seleccionado debajo del dispositivo. A veces hará esto por ti pero a veces tendrás que seleccionarlo. Una vez que eso haya pasado, solo quieres presionar el botón de reproducción para que se cree la compilación. Una vez que la aplicación haya terminado de construir en tu iPhone, deberías poder verla en tu teléfono para que lo que necesitas hacer sea abrir iMessages, y ahora podrás ver que la app está en tu teléfono igual que en el simulador. Podrás ver todas las pegatinas que has hecho en la app, y también podrás arrastrar, y soltarlas en la pantalla, y añadirlas encima de los mensajes, y simplemente enviarlas como su propio mensaje individual también. Tienes que jugar y mandar algunos mensajes geniales, divertidos y
emocionantes a tus amigos, y es solo esa pequeña forma extra de expresarte sobre el texto. Tienes la opción añadida de venderlo a otras personas en la tienda de aplicaciones, cual es algo realmente emocionante de hacer si eliges hacerlo.
9. Acabado: Enhorabuena, terminaste tu primer conjunto de pegatinas animadas
digitales y las has subido a Instagram o a la App Store. En esta lección, te mostré cómo diseñar pegatinas y te di consejos sobre cómo hacerlas las las mejores pegatinas que pueden ser para ti. También te enseñé los fundamentos de la animación y te llevé a través diferentes habilidades que ahora has utilizado e implementado a lo largo de toda la clase. Después te mostré cómo crear las pegatinas usando Procreate, [inaudible] y Photoshop. Ahora ya terminaste tus juegos de pegatinas. Por qué no compartirlos en la galería para que todos podamos echarles un vistazo. Espero que hayan disfrutado de esta lección y espero volver a verte pronto. No olvides echarme un vistazo en Instagram y YouTube. También tengo mi tienda online donde puedes encontrar productos que he diseñado. Muchas gracias de nuevo por ver y espero que te haya parecido útil esta lección. Te veré la próxima vez. Adiós.
Pollygone Illustration, Illustrator, animator & content creator
