Transcripciones
1. Introducción: Hola, me llamo Jess Elardo. Soy director de arte, ilustrador, artistas que viven en Seattle, Washington. Además de dar clases aquí en Skillshare sobre diseño de carteles impresos de cuerdas y una serie de tres clases sobre diseño de personajes, he sido director de arte para algunos discos pop, he desarrollado dibujos animados para Disney, Nickelodeon, y Cartoon Network, y he colaborado en proyectos con Starbucks y Nike y Raffa y Target y Penguin UK, y una tonelada de otras personas. A principios de este año, creé un pack de pegatinas de iMessage para la App Store de Apple. Crearlo me obligó a pensar de diferentes maneras, cómo nos comunicamos con los demás y cómo las imágenes son una parte cada vez mayor de nuestra comunicación. Esta divergencia de crear imágenes e interacción
social es un área que está madura para la exploración, y en esta clase quiero explorarla más a fondo. Esta clase se trata de la concepción y creación de pegatinas de iMessage. No va a ser sobre cómo enviarlos a la App Store y no va a ser sobre cómo crearlos en otras plataformas. Pero los conceptos que discutimos en la clase se pueden aplicar a otras aplicaciones y plataformas, pesar de que específicamente estaremos hablando de pegatinas de iMessage para el iPhone. Entonces creo que estamos bien para ir. Empecemos con las cosas.
2. Descripción general de la clase: En primer lugar, ¿qué es una pegatina? ¿ Es simplemente una imagen o sirve algún tipo de propósito más grande? Para mí, las pegatinas son una forma de comunicar rápidamente pensamientos, ideas, emociones sin tener que martillar un montón de palabras. Es rápido, es fácil, y es mucho más divertido de usar. Antes de empezar a trabajar en nuestro propio paquete de pegatinas, demos un paso atrás y veamos cómo las usas. ¿ Es simplemente una taquigrafía divertida o son una especie de proxy para indicaciones de comunicación
no verbal que simplemente no puedes lograr con la típica comunicación escrita? Piensa en cómo te comunicas con tus amigos. ¿ Hay formas en las que quieras comunicarte pero actualmente no puedes? ¿ Cómo podemos usar pegatinas de manera diferente a lo que somos ahora? Para mi pack de pegatinas, voy a crear una serie de elementos faciales que los usuarios pueden combinar para crear sus propias caras únicas. Tener una variedad de formas de cabeza, ojos, bocas. Estoy invitando al usuario a que se ponga creativo con las pegatinas, usándolas de formas que nunca se me ocurriría. El resultado es un make your own emoji de tipo, permitiendo a los usuarios comunicar de manera más efectiva sus propios pensamientos y
emociones personales combinando los elementos que más resuenan con ellos. Dado que las pegatinas también se pueden pegar sobre las imágenes en iMessage, también
puedes usar mi pack de pegatinas para desenfazar selfies o cualquier otra foto que envíen amigos. Hacer tus propias imágenes son una forma de repensar cómo usamos las pegatinas. Pero como las pegatinas son un fenómeno relativamente nuevo, todavía
hay mucho descubrimiento e innovación que
se pueden hacer alrededor de otras formas en las que podemos usarlas.
3. Varios enfoques: Una vez que pones un poco de pensamiento en lo que es posible con las pegatinas, es hora de empezar a pensar en qué paquete de pegatinas quieres hacer. Podrías darle una bofetada a un gato. A lo mejor un gato con una rosquilla alrededor de sus residuos y llámalo un día. Te reto a crear algo que sea personal para ti mismo. Las referencias de cultura pop son divertidas y tienen un amplio atractivo pero también tiene la capacidad de dejarte de lado como creador. Si vas a poner la obra en crear algo, ¿por qué no crear algo completamente nuevo y eso es totalmente tuyo? Ya hay suficientes pegatinas para gatos por ahí o varias otras pegatinas de cultura pop. Esas cosas de la cultura pop se desvanecerán con el tiempo pero crear tu propia cosa que sea única para ti se establecerá a ti mismo y a tu voz creativa y se convierte en un bloque de construcción para que
tu propia carrera sea larga y exitosa y te guíe en muchas otras maneras. tanto que confiar en algo de la cultura pop como tu carrera, hay limitaciones a eso. Crea un pack de pegatinas que sea personal para ti, algo que quieras ver en el mundo porque
te garantizo si quieres verlo en el mundo entonces va a haber alguien más por ahí que también quiera verlo. Probablemente un montón de gente que quiere verlo. No necesitamos otro gato con un paquete de pegatinas de rosquillas. Usa esto como una oportunidad para que inspires a otras personas. Centralo en torno a tus intereses. ¿ Te encanta acampar? ¿Te encanta el ciclismo? ¿ Te encanta la playa? Piensa en lo que amas y crea un pack de pegatinas que de alguna manera hable de eso. También puedes tratarlo como una oportunidad para perfeccionar tus habilidades. A lo mejor quieres flexionar tus habilidades de letras, solo toma tu paquete de pegatinas se convierte en algo que es centrar la palabra. A lo mejor te encantan los diseños de personajes, por lo que usas pegatinas como oportunidad para crear nuevos personajes. Uno de mis aspectos favoritos de las pegatinas es la capacidad de incorporar animación. Incluso cuando un súper sutil, animación puede dar a tus stickers en elemento dinámico, dándoles más impacto. Piensa en formas de incorporar la animación a tus stickers.
4. cómo elaborar un concepto;: Ya te has tomado un tiempo para pensar en qué paquete de pegatinas quieres
hacer y ya estás listo para empezar a concepcionar alrededor de esa idea. Estos pueden ser bocetos, o notas, o como sea que te sientas más cómodo trabajando. El objetivo aquí sin embargo es simplemente volcar tantas ideas como puedas, fuera de tu cabeza y sobre el pedazo de papel que tienes delante. Incluso tus terribles, horribles ideas pueden llevar a ideas realmente buenas, así que solo saca todo y conceptualiza todo lo que puedas en la página, y a partir de ahí puedes determinar lo que es importante y lo que no. Creo que en algún lugar entre 20 y 30 pegatinas en un pack es un punto dulce, así que querrás rodar por probablemente unos 40-60 conceptos diferentes alrededor de tu idea. Siempre y cuando sea suficiente sentirse como un conjunto cohesivo sin que se vuelva demasiado navegable depende realmente de ti, y todos sean diferentes, así que elige una cantidad que tenga más sentido para ti. A medida que empiezas a concepcionar, realmente no necesitas mucho, solo
necesitas algo de papel. Este no es papel de lujo. Puedes tener chatarra en la parte trasera, o puedes usar tu cuaderno de bocetos, lo que sea. lápices son geniales para bosquejar, sólo porque se puede borrar. Estos bolígrafos son divertidos, porque puedes elegir diferentes colores y anotar en diferentes colores. Lo que voy a usar es que sólo voy a usar un bolígrafo negro porque va a aparecer lo mejor para ustedes chicos. Como dije antes, estoy haciendo una serie de formas de cabeza y formas de ojos y formas de boca, y así que solo voy a empezar con cabezas, y luego tú simplemente comienzas a dibujar. Un círculo, cuadrado, triángulo, y el punto es sólo para bajar tantos lo más rápido posible, y los refinarás digitalmente para que no tenga que ser elegante ni nada, y cuanto más rápido trabajes mejor solo porque quieren sacar tantas ideas como sea posible. Si estoy filmando por 15 en total, voy a querer llegar con probablemente unos 30 bocetos. Simplemente sigo haciendo esto hasta que golpee mis 30 y a veces las cosas te llevarán a otras ideas, así que esta forma de cabeza. Estaba pensando que podríamos usar ojos ahí y una boca aquí, pero también parece un alce, así que permita que sus otras ideas inspiren nuevas ideas. El círculo me llevó a pensar en qué pasaría si es una forma de satélite. Sé que dije que la cultura pop es tonta, pero por qué no tirar un Mickey Mouse. Simplemente sigue adelante con esto. Una vez que haya terminado con la cabeza, empezaré con los ojos y surgiré con formas de ojos. Yo sólo estoy haciendo ojos solteros aquí porque es bastante fácil extrapolar y darse cuenta de que éste en realidad serán dos ojos que se ven igual. Eso es un guiño. El guiño me inspiró a hacer pestañas y unas gafas de sol. En lugar de gafas de sol, ¿y los anteojos de rayos X Simplemente sigue volando y no debería tomar demasiado tiempo, y a veces lo que puede ser útil es tomar notas. Este bolígrafo es útil en ese sentido. Entonces porque puede que no recuerde esto, porque estoy trabajando tan rápido, puede que no recuerde que quiero que estos sean espirales a la hora de animar, así que haré esa nota aquí mismo sólo para que no la olvide. Simplemente sigue adelante hasta que te quedes sin ideas, es la mejor manera de ir. Una vez que termines con tus bocetos y escoge tus favoritos, es hora de arrancar la caja nerd y crear el arte final en Illustrator o Photoshop. Estaré usando Illustrator porque eso es lo que es más fácil para mí.
5. Digitalización: En mis clases anteriores, la clase de diseño de carteles y el personaje de construcción también, ya
he tenido tutoriales sobre cómo creo imágenes vectoriales a partir de mis dibujos de tinta así, echa un vistazo a esas clases si te interesa ver esa parte de mi proceso. En cambio, pasemos a configurar un archivo de Illustrator una manera que nos facilite exportar nuestras imágenes más adelante. En este punto, he dibujado todos mis elementos y
sólo están en un archivo de Illustrator abierto. A partir de aquí, voy a crear un nuevo archivo de Illustrator que, volcaré todos mis elementos individuales en páginas separadas. En este punto, querrás decidir si quieres hacer pegatinas pequeñas, medianas o grandes. Siempre hago grande sólo porque más grande es mejor en esta instancia. Si quieres hacer pequeño, querrás que tus tamaños de página sean 300 píxeles por 300 píxeles. Si quieres hacer medio, harás 408 píxeles por 408 píxeles y si quieres hacer grande, harás 618 por 618. Entonces iniciaremos un nuevo archivo, crearemos un 618 por 600 píxeles y voy a ir 15 tableros de arte porque
tengo 15 formas de cabeza y haré un archivo diferente para las cabezas, el ratón, y los ojos. Una vez que tengo eso, hago clic en “Ok”, y luego a partir de aquí, solo
empiezo a dejarlos caer. Seleccionaré cada uno individualmente y luego iré a cada página y luego si pongo cero en la página, y luego puedo pegarlo y automáticamente lo centra lo que lo hace bastante fácil. Después ve a la página siguiente, selecciona la siguiente. Alternativamente, puedes simplemente traerlos a todos y luego centrarlos desde ahí. Ahora haré lo mismo con la boca y los ojos, y ahora por las bocas y allá vamos, desde aquí guardas tus archivos y podemos empezar a animar algunos elementos.
6. Incorporar animación: En este punto tienes todos tus elementos en sus propias mesas de trabajo, y si lo deseabas podrías exportarlos a imágenes separadas, y empezar a dejarlos caer en Xcode para crear tu pack de pegatinas. Pero, en cambio, empecemos a animar algunos de los elementos. La animación es divertida y hace que tu pack de pegatinas sea más dinámico y agradable para el usuario. Vamos a los ojos y lo que me gusta hacer es, reorganizar las mesas de trabajo para que estén todas en una sola línea. Para hacer eso voy a hacer, 15 columnas para que estén todas en una sola línea. Entonces lo haré, haga clic en esto y luego simplemente lo duplicaré hacia abajo. Una vez que lo hayas duplicado, entonces toma esos elementos, y simplemente cambia algo al respecto. Puede ser bastante sutil, así que sólo giraré esto, 45 grados. Entonces a partir de ahí, lo volveré a hacer, me he salido un poco de los chazos así que, entraré y escribiré eso. Es importante tener en cuenta, asegúrese de duplicar una página, no copiar y pegar. De esa forma podrás asegurarte de que tus imágenes caigan justo en el mismo lugar exacto que la iteración anterior de esa animación. De lo contrario, va a ser muy difícil que se mezcla a la perfección, y tu animación terminará convirtiéndose un poco dentada. A partir de ahí, voy a cambiar esto en ojos escarlata. Simplemente sigue ajustando las cosas hasta que las hayas animado de maneras divertidas y diferentes. A continuación puedes ir a la boca y hacer lo mismo con las bocas. En este solo voy a modificarlo un poco. No tienes que moverlo demasiado para que realmente destaque. A veces, pequeños retoques sutiles son todo lo que se necesita. Entonces una vez que hayas pasado y hecho todas tus animaciones, lo que me gusta hacer es ir a tus mesas y solo asegurarme de que sigan en el orden correcto. Asegúrate de que toda la mesa de trabajo 1 esté unida y la mesa de trabajo 2 esté unida y mesa de trabajo 3 así que cuando duplicamos la mesa de trabajo 3, hicimos una copia y solo asegúrate de que eso esté por debajo de ella, porque eso te va a ahorrar algo de tiempo cuando exportes todas estas imágenes. En los ojos de la pegatina hicimos algunas de estas especificaciones de rayos X. Voy a querer volver atrás y asegurarme de que esos estén organizados adecuadamente. Una vez que tengas todas tus animaciones hechas asegúrate de guardar tu archivo, y pasaremos a exportar las imágenes.
7. Importar a XCode: Una vez que hayas terminado con tus animaciones, estamos listos para exportar. Ir a Archivo, Exportar. Elige la carpeta en la que quieres ponerlos. Sugiero hacer una carpeta nueva solo para que todo esté en un solo lugar y esté limpio. Asegúrate de exportar como PNG, selecciona Usar mesas de trabajo y asegúrate de que todo esté seleccionado a menos que haya algunas que no quieras incluir. Pero vamos a Select All y luego vamos a Exportar. Asegúrate de que tu resolución de pantalla esté en 72. Aquí mismo tu color de fondo es transparente, y luego haz clic en “Ok” y los guarda a todos en esa carpeta. Repito esto con los ojos y la boca. Entonces una vez que haya terminado con todos esos, entonces todas mis imágenes están listas para ser
arrojadas en Xcode para realmente crear el paquete de pegatinas. En este punto, hemos exportado todas nuestras pegatinas a archivos PNG, y queremos abrir Xcode. Descárgalo si no lo tienes, es una app gratuita. Pero una vez que lo hagas, ábrelo, crea un nuevo proyecto Xcode, selecciona Sticker Pack Aplicación, selecciona Siguiente. Nombre del producto, solo nombra su producto. Voy a nombrar a estas pegatinas de Skillshare. El nombre del equipo, puedes saltarte eso por ahora. Cuando quieras enviar esto a la App Store, aquí es donde pondrías a tu nombre de desarrollador. El nombre de la organización suele ser su propio nombre o el nombre de su empresa. Entonces el Identificador de organización suele ser tu nombre de dominio y está en anotaciones inversas de nombres de dominio. Mi nombre de dominio es ledouxville.com, así que solo irás com.ledouxville. Si tu sitio web es hamburger.org, entonces irás org.hamburger. Selecciona Siguiente, averigua un lugar para guardarlos. Voy a crear una nueva carpeta en mi escritorio y llamarla Skillshare xcode, Crear y luego lo configura. Todos estos son valores predeterminados con los que normalmente no me meto. Pero lo que querrás hacer es por aquí en el lado izquierdo donde dice stickers.xcstickers, selecciona eso. Aquí arriba en la siguiente columna más está iMessage App Icon. Quieres exportar iconos para tu app que impactaría en tu pantalla de inicio de tu iPhone a todos los diversos tamaños. Lo que vamos a hacer es ir a Sticker Pack aquí. Aquí es donde arrastramos nuestras pegatinas a Xcode. Voy a ir a esto, haga clic en aquello. Aquí están todas mis pegatinas. Para las pegatinas estáticas, pegatinas sin animación. Simplemente puedes seleccionarlos todos y luego arrastrarlos todo bien. Entonces si tienes pegatinas con animaciones, que obviamente sí. A partir de ahí, quieres o bien subir al editor y hacer clic en “Añadir Activos Nueva Secuencia de Sticker”. Después eliges todos los activos para una pegatina en particular. Por aquí, estas son todas
mis imágenes de gafas de especificaciones de rayos X que quiero compilar en una animación. Arrastro todos esos a mi Secuencia de Sticker. En lugar de subir a Editor y Agregar Activos, también
puedes controlar click y Añadir Activos y crear nueva Secuencia de Sticker. Simplemente pasa por todas tus pegatinas y agrégalas todas a Xcode. Va a explotar y hacer esto bastante rápido. Una cosa si quieres, solo
puedes ir nueva Sticker Sequence. De esa manera, todo lo que tienes que hacer es tirarlos a todos, y ahí estoy yo. Lo he tirado todo. Hice una Sticker Secuencia extra, así que solo puedo quitar eso. Entonces desde aquí, quiero asegurarme de que todas mis pegatinas sean del tamaño correcto. Los seleccionaré todos y los quiero grandes. Por aquí a la derecha, selecciono Grande. En este punto ahora, quieres entrar y modificar tu configuración de animación. Si haces clic en la flecha de reproducción en la parte superior de la pegatina, te mostrará cómo se ve la animación. Para mí esto va demasiado rápido, así que quiero ralentizarlo. Podría probar cinco y ver cómo se ve eso. Eso es demasiado lento, así que tal vez voy a probar nueve. Eso se ve bien. Pasa y haz todo eso a todas tus animaciones de pegatinas para asegurarte de que las tengas luciendo bien. Una vez que tengas todas tus animaciones luciendo bien, entonces vas a probar tu Sticker Pack. Aquí arriba bajo Extensión Sticker Pack, selecciona el tamaño del teléfono que quieres probarlo en iPhone o iPad. Voy a probar siete. Sube a Producto, ve a correr y compilará tu Sticker Pack en un simulacro. Entonces aparecerá tu teléfono de muestra, selecciona tu Skillshare Stickers Pack. Entonces se mostrarán, y aquí están todas tus pegatinas. Desplázate por ahí y descubre el que quieras. Yo voy a hacer el esqueleto. Le pondré unas especificaciones de rayos X, algunos dientes. Ahí tienes, funciona. Ahora mismo, soy Kate. Pero puedes ir por aquí y elegir a John y tener una conversación contigo mismo. Asegúrate de que todo funcione como quieres que funcione. Ahí está, ya terminaste. Si quieres seguir retocando tus stickers en absoluto, puedes dejar el simulador y simplemente volver atrás y seguir retocando todas tus animaciones y luego solo reconstruir tu simulacro telefónico. Es tan simple como eso.
8. Conclusión: Enhorabuena. Ahora has diseñado tu propio pack de pegatinas. Si te interesa introducirlos en el App Store, tendrás
que inscribirte en programa de desarrolladores de
Apple y tomar los pasos necesarios para enviar tu app a la tienda. Está un poco involucrado. Se requiere que exporte varios iconos a diferentes tamaños, lo cual es fácil, pero luego también hay certificados digitales, depuración, y algún otro mumbo-jumbo técnico con el
que normalmente no trato en mi día a día y solo dibujo imágenes. Pero hay suficientes tutoriales por ahí que te guían a través del proceso que, creo, probablemente podrás hacerlo con unos escalones muy mínimos. Si un cráneo entumecido como yo puede averiguarlo, entonces estoy seguro de que tú también puedes. Mientras tanto, publique imágenes procesadas de sus conceptos y sus bocetos y sus imágenes vectoriales finales y todo eso a la galería del proyecto para que todos podamos inspirarnos unos a otros y ojalá empuje los límites de lo que es posible con pegatinas digitales. Gracias por tomar esta clase, ser parte de ella, escucharme pasear. Siento la embestida de la limosna, pero espero que lo pasaras bien
y echa un vistazo a mis otras clases si aún no lo has hecho. Gracias.
Jesse LeDoux, Illustrator, Artist, Designer
