Transcripciones
1. Introducción: Hola, me llamo Jeremiah Rodríguez. De día trabajo como ingeniería de middleware en Provo Utah, pero en las horas de descanso, me gusta ponerme más creativa. A mí me gustaba dibujar. me gusta expresarme artísticamente, ya sea a través de la carpintería, confección de
letreros, las letras, la talla, la
cocción, los sándwiches de queso a la parrilla. En realidad escribí un libro sobre sándwiches de queso a la parrilla. Cualquier cosa donde pueda hacer, donde pueda crear incluso algo tan simple como garabatear. Algo que realmente me gusta hacer es tomarlo y medirlo con
tecnología para tener formas de compartir lo que creo en esta clase, lo que vamos a ver es tomar tu obra de arte, tomar tus garabatos y convertirlos en paquetes de pegatinas para iPhone y iPad. Si no estás familiarizado con los paquetes de pegatinas, son una característica que Apple lanzó hace
alrededor de un año o dos para el iPhone y el iPad. El básicamente permite que una persona agregue a los emojis existentes cuando están usando iMessage para enviar mensajes a alguien, por
supuesto, el iPhone y el iPad vienen con toneladas de emojis integrados. Packs de pegatinas en iMessage deja que alguien cree su propia obra de arte básicamente lo que quieras y agrega eso a iMessage como una app de iMessage, en este caso un pack de pegatinas. Podrás enviarlos a la App Store para que otras personas puedan descargar tu obra de arte y utilizarla. Puedes venderlo, obtener un poco de ingreso extra por esa obra de arte que has creado. Mi paquete de pegatinas de mejor rendimiento, Beady make barba face, en realidad
iba mejor que el pack de pegatinas que Ellen DeGeneres lanzó durante aproximadamente una semana. Eventualmente ella me pasó, pero por un rato la estaba golpeando y eso es impresionante. Si quieres tomar algunos de tus propios garabatos,
tu propia obra de arte, tus propias fotos, y crear paquetes de pegatinas que puedes usar tú mismo o que puedes enviar a la App Store. Sigue en esta clase y te mostraré cómo hacerlo.
2. Software y hardware: Una de las cosas de las que necesitamos hablar es de lo que
realmente vas a necesitar para poder hacer esto, ahora obviamente necesitas una idea. Se va a tener que inventar algún tipo de garabatos, alguna obra de arte, algo que se pueda tomar de una forma dibujada y convertir eso a digital. Para las cosas que vas a necesitar en el lado del hardware para conseguir realmente una aplicación publicada en la App Store, sí
necesitas tener un Mac. Es importante señalar que no necesita ser como un Mac Pro de primera línea,
prácticamente cualquier Mac reciente va a funcionar,
ya sea un Mac Mini, MacBook Pro, MacBook, MacBook Air, cualquiera de esos va a funcionar. Básicamente, si puedes ejecutar la última versión de Mac OS, que ahora mismo es High Sierra, si puedes ejecutar eso, vas a poder publicar en la App Store. Ahora para realmente crear tu obra de
arte, no tienes que tener un Mac para eso. En varios de mis paquetes de pegatinas, realidad
hice la obra de arte en un equipo Windows porque tenía una mejor configuración en ese momento. Es solo que cuando vas a preparar tu archivo para realmente subir el Apple, es cuando va a ser un Mac. Ahora junto con eso, también
vas a necesitar instalar Xcode. Xcode es un programa que Apple ha creado para desarrolladores. Ya sea que estés escribiendo programas para el Mac, ya sea que estés escribiendo apps para el iPad o iPhone, Xcode es la herramienta de Apple para hacerlo. Esa herramienta es necesaria para que tus imágenes todas empaquetadas juntas de la manera que Apple las
quiere, para prepararlas para la App Store. Es una herramienta gratuita. Ahora eso no quiere decir que realmente necesites saber programar, para enviar un paquete de pegatinas realmente no necesitas saber escribir ningún código en absoluto, y te guiaré por todos los pasos. Ahora no necesita ser la última versión absoluta de Xcode por lo general, generalmente
vas a querer la versión más reciente de Xcode para paquetes de pegatinas, creo que puedes ir tan lejos como Xcode 8, y Apple seguirá aceptando esos presentaciones, pero generalmente lo mejor es simplemente ir con lo que sea la última versión lanzada. Es importante no usar las versiones Beta porque generalmente los proyectos presentados con una versión Beta, no
van a ser aceptados hasta que esa versión de Xcode esté en pleno lanzamiento. Ahora lo otro que vas a necesitar es algún tipo de programa de arte para tu computadora. Esto es cierto si vas a hacer tu arte en la Mac o en una computadora con Windows. personal, me gusta utilizar Adobe Photoshop y Adobe Illustrator, pero esos de ninguna manera son necesarios. Herramientas gratuitas como Inkscape y Gimp funcionarían. Hay varios competidores a Photoshop e Illustrator que también funcionarían bien. Lo principal que buscas es que necesitas poder guardar tu imagen como PNG con transparencia. Ahora eso no es necesario, Apple te permitirá enviar JPEG y GIFs pero vas a obtener el mejor resultado con un PNG. Si quieres poder tomar esa imagen como pegatina y aplicarla sobre otro mensaje, ahí es donde necesita apoyar la transparencia. Ahora con esto la versión de estos programas realmente no importa tanto. La versión de Illustrator y Photoshop en la que he hecho la mayor parte del trabajo de mi paquete de pegatinas, creo que compré hace seis o siete años. Todavía funciona bien. Ahora si tuviste que escoger entre Photoshop e Illustrator, ahí depende de cuál sea tu objetivo final. Hay una gran diferencia entre esos dos programas. Photoshop se basa en ráster, Illustrator está basado en vectores. La diferencia siendo en Illustrator, esas imágenes son básicamente ecuaciones
matemáticas para sacar esas líneas dibujadas y son infinitamente escalables arriba y abajo, en Photoshop, no lo es. Si tomas una imagen pequeña y explotas, se va a ver pixelada. Lo mismo puede pasar con tu obra de arte, donde esto marca la diferencia por tomar tus garabatos y tu obra de arte y convertirlos en pegatinas es, para mí personalmente en Photoshop, me resulta más fácil dibujar porque yo puede tratar mi lápiz o mi ratón o lo que sea que esté usando, puedo tratarlo más como un lápiz o pincel real, mientras que en Illustrator siento que es un poco más limitado. Dependiendo de cuál sea tu objetivo final, cómo realmente quieres que luzca tu imagen, cualquiera de ellos funcionará, solo depende de cuál
sea el look que vayas a buscar. Te mostraré algunos ejemplos. Mi primer pack de pegatinas, Beardy McBeardface, se hizo en Illustrator, pero otro mío llamado Jellymojis, éste se hizo completamente en Photoshop. Ahí solo tienes que mirar tu trabajo y decidir a qué look vas. Para esta clase, voy a usar Photoshop porque siento que eres capaz de conseguir más de un look de garabatos genuinos en Photoshop. Pero eso depende de ti.
3. Instalación de Xcode: Está bien. Adelante e instalemos Xcode. Ahora este es uno que puede tardar un poco dependiendo la velocidad de tu conexión a Internet porque es un archivo grande. Para ello, quieres abrir tu App Store, y luego en la App Store, echemos un vistazo debajo de las apps hechas por Apple. Desplázate hacia abajo, y aquí tenemos Xcode, y si hacemos click en Xcode, mira aquí a la derecha, son más de cinco gigs. Como dije, dependiendo de la velocidad de tu conexión a Internet, podría tardar un poco. Adelante y haz clic en “Instalar”, y si no estás en Google Fiber, ahora sería un buen momento para ir a tomar un refrigerio. Está bien. Parece que Xcode ha terminado de descargar e instalar. Adelante y haga clic en “Abrir”. Deberá aceptar el acuerdo de licencia. Querrá tu contraseña. Ahora tenemos que esperar a que lo termine en su última puja de instalación. Está bien. Por lo que Xcode ahora está abierto. Hay un poco más que todavía tenemos que hacer para tenerlo completamente listo y listo para salir. Para ello, sigamos adelante y pinchemos en “Crear un nuevo proyecto Xcode”, y este va a ser tu principal punto de partida para cualquier cosa que hagas en Xcode. Ya tienen varias plantillas configuradas para diversos tipos de aplicaciones que podrías hacer usando Xcode. Para nuestros propósitos, queremos asegurarnos de que tenemos iOS seleccionados, y luego aquí abajo bajo aplicación, solo tienes que elegir Sticker Pack App. Adelante y golpea “Next”, aquí donde dice nombre del producto, eso es lo que va a aparecer en la App Store. Podemos seguir adelante y simplemente empezar con lo que queramos. Pero una cosa que sí hay que tener en cuenta es, ahí está el potencial que puede tener para volver y cambiar esto si a alguien más ya se le toma el nombre que desea usar. Tan solo prepárate para que la parte de nomenclatura de este proceso a veces
pueda ser la parte más frustrante de todo el asunto. Porque hay momentos en los que piensas en un nombre,
lo intentas, se toma, se te ocurre otro, tomado, variando en ese tomado, y puede que termines teniendo que ir con algo completamente diferente a lo que tú había planeado originalmente. Para el mío ya que tiene forma de gota de chicle, creo que voy a llamar a este Sr. Gum Drop. Algo tonto, pero no importa. Como dije, siempre podemos cambiar esto después. Identificador de su organización, esto es básicamente a la vez un sitio web con un nombre en orden inverso. Cuando sí publicas en la App Store, sí
tienes que tener algún tipo de sitio web, y no hace falta que sea nada complicado. Podrías configurar un sitio web gratuito en algo como wordpress.com o Wix o Squarespace, lo que quieras. Mis negocios corren bajo bitsandwood.com. Voy a poner com, porque quieren esto en reversa, com.bitsandwood, y el identificador del paquete, sólo
va a llenar eso para ti. Ahora el equipo donde dice, “Agregar cuenta”, aquí es donde especificarías tu cuenta de desarrollador. Una de las cosas que tienes que tener en su lugar para poder enviar y publicar tu pack de pegatinas en la App Store de iMessage, es una licencia de Desarrollador de Apple. Desafortunadamente, esta parte no es gratis, pero si sí planeas tratar de vender tus paquetes de pegatinas, puedes pensar en ello como lo que potencialmente podría ser una buena inversión. Son 99 dólares al año y no hay manera de evitarlo si lo quieres en la App Store. Voy a seguir adelante y entrar a la mía. Está bien. Por lo que ahora lo tengo conectado a mi cuenta de desarrollador. Una vez que lo tienes conectado, otra cosa que tienes que hacer es tener tu certificado, y básicamente lo que es el certificado, es esta
es una forma para que tu instalación de Xcode autentifique con el Servidores de iTunes cuando vas a subir tus proyectos. Básicamente es una forma de demostrar que eres quien dices que eres. Hace poco he borrado todo en este Mac y reinstalado el sistema operativo. Ninguna de mis cosas de certificado está configurada. Eso lo hice a propósito, para que podamos empezar de cero. Va a golpear “Administrar Certificados”. Te darás cuenta que actualmente no tengo ningún certificado de inicio de sesión. Está bien. Tengo un cert de distribución, es tu cert de desarrollo. No hago ningún desarrollo de Mac, así que no me voy a preocupar por esos. Por último, el ID de desarrollador. Si te pierdes eso, básicamente todo lo que tienes que hacer es simplemente hacer clic en la flecha hacia abajo y seleccionar cada cosa para la que necesites crear un certificado. Básicamente va a hacer el resto. Adelante y dale “Done”, y luego sigamos adelante y cerremos de aquí. Ahora que hemos asociado nuestra instalación de Xcode con nuestra cuenta de desarrollador, podemos subir aquí y seleccionar a nuestro equipo. En mi caso, soy un desarrollador individual, así que no soy realmente un equipo, pero adelante y golpea a continuación. Lo que está pidiendo aquí es donde se quiere guardar este proyecto. Te va a dar la opción de crear un repositorio Git. Si realmente estuvieras haciendo desarrollo de código, probablemente lo
haría, pero en este caso no lo estamos. Voy a desmarcar eso, y luego me gusta crear una carpeta debajo de documentos que acabo de llamar a Dev. Aquí puedes ver un montón de otras apps y cosas que he hecho en el pasado. Voy a seguir adelante y golpear “Nueva carpeta”. Vamos a llamar a esto Mr. Gum Drop. Crea esa carpeta y luego pulsa “Crear”. Esto creará el proyecto. Ahora, está bien. A partir de aquí, básicamente
estamos listos para irnos. Hay muchas otras opciones que tienes disponibles aquí. No nos vamos a preocupar por la mayor parte de esto. Uno que puede ser importante para su objetivo de despliegue. Generalmente lo dejo como sea lo más nuevo que sea, lo que esto se refiere es a cualquier versión de iOS, alguien podría estar corriendo. Para alguien que tiene un iPhone relativamente nuevo, si tienen el ocho o el 10, lo que sea, van a estar corriendo, la última versión de iOS. Se puede ir con eso. Pero Xcode te permitirá implementar en versiones anteriores, y puedes ver aquí va todo el camino de regreso a la versión 8. ¿ Todo bien? Desde esta pantalla básicamente estamos listos para salir. Estamos listos para empezar a importar nuestras imágenes, y podemos empezar a probar y a tener todo listo para salir.
4. Cómo conseguir una cuenta de Apple Desarrollador: Entonces una de las cosas que vas a necesitar para poder
publicar es una cuenta de desarrollador de Apple. Para crear una cuenta de desarrollador de Apple, necesitas tener un ID de Apple, que si ya estás ejecutando un Mac, probablemente ya tengas un ID de Apple y puedas usar el mismo. No tienes que hacer uno nuevo. Vas a querer ir a developer.apple.com. Haga clic en cuenta. Si aún no tienes un ID de Apple o si quieres hacer uno nuevo, solo tienes que seguir adelante y dar click en crear ID de Apple. Si ya tienes un ID de Apple que quieres usar como tu cuenta de desarrollador. Adelante y pon tu información de inicio de sesión y luego inicia sesión. Entonces te darás cuenta aquí abajo en la parte inferior dice únete al Programa de Desarrolladores de Apple. Por lo que vas a querer dar click en eso. En la parte superior derecha, haga clic en inscribir. Necesitas escoger si te estás inscribiendo como individuo o como negocio. Si te estás inscribiendo como negocio para hacer eso, ya
tienes que estar configurado como LLC o algo así y tomar tu número de identificación fiscal y solicitar un número D-U-N-S. De lo contrario no puedes inscribirte como negocio, te inscribirías justo como individuo, lo cual está bien. Como individuo todavía puedes vender. La gran diferencia aquí es como individuo dentro la App Store donde se muestra el nombre del desarrollador, va a mostrar tu nombre y apellido. No va a mostrar tu número de teléfono, pero te mostrarán tu nombre y apellido. Si te inscribes como organización, lugar
va a mostrar tu nombre comercial legal. Entonces sólo algo en lo que pensar. Por lo que a partir de aquí, necesitarás un sitio web. No tiene que ser nada elegante. Podría ser algo en WordPress, no importa. Pero necesitas un sitio para que puedas tener una página de soporte básicamente. Para un pack de pegatinas, realmente no va a haber ningún apoyo que hacer. Apple va a requerir que tengas alguna página web dedicada a esta app dentro de tu sitio web. Por lo que solo desplázate hasta la parte inferior, pulsa inicia tu inscripción. Elige qué tipo de entidad vas a ser. Si vas a ser un individuo o una empresa, lo que sea. Yo sólo voy a elegir individual, hit continue. Entonces vas a tener que poner en tu información de contacto. Tienes que aceptar el acuerdo de licencia de desarrollador, aceptar el acuerdo, y continuar. Asegúrate de que todo eso sea correcto. Esta es la parte donde vas a tener que pagar. Son 99 dólares al año. La renovación automática, no tienes que hacer eso. Se puede renovar manualmente si lo desea. Personalmente, creo que es más fácil simplemente hacer la auto renovación. Entonces solo selecciona eso y compras y se va a cobrar
a cualquier tarjeta de crédito que tengas configurada con tu Apple ID. Una vez que eso esté todo procesado, oficialmente
eres desarrollador de Apple, ya estás listo. Ahora puedes enviar tus apps y tus packs de pegatinas a la App Store. Por lo que estás listo para el rock and roll.
5. Desarrollar ideas de proyectos: El título de la clase está convirtiendo tus garabatos en paquetes de pegatinas para iOS. Para hacer eso, claro que vas a necesitar unos garabatos. Hablemos de eso por un segundo. Ahora como lo implica el término garabato, no lo es no
vas a ir por un Miguel Ángel lleno, como si no tuviera que ser una obra de arte inmaculada. Sólo tiene que ser alguna idea tonta. Para mí, me resulta útil hacer garabatos, dibujar, bosquejar mucho. Trabajando en un ambiente de oficina de TI como
yo hay muchas llamadas de conferencia y cosas así,
que si estamos siendo honestos, hay momentos en los que no hay mucho que hacer. Realmente no necesitas estar prestando mucha atención, solo escucha tu nombre, pero eso sí te da tiempo para dibujar. A mí me gusta tener un bloc de boceto conmigo todo el tiempo. Ya sea un cuaderno pequeño en mi bolsillo, como notas de campo o algo así. De verdad me encantan estos tipos, estos, o pieles de lunares porque son lo suficientemente pequeñas. Simplemente puedes meterlos en tu bolsillo y en cualquier momento tengas tiempo esperando un autobús, sentado en la librería, agarrando el desayuno en tu lugar favorito de Malachi, tienes tiempo para dibujar, y al tener eso contigo todos el tiempo, entonces en cualquier momento que te golpee una idea, puedes
apresurarte y anotarla, secarla, al menos empezar. Ahora cuando tengo una idea que creo que es buena y quiero quizá expandirme y quiero iterar sobre ella, entonces normalmente iré por más de un cuaderno de bocetos de tamaño completo. Ahora para un paquete de pegatinas, el tamaño de tu boceto no es críticamente importante porque eso va a ser, el tamaño real se va a hacer en la computadora. Pero lo que me gusta con un cuaderno de bocetos de tamaño completo es que tengo un montón de lienzo para pasar por varias ideas diferentes en un solo lugar y mirar esas ideas diferentes ya que estoy trabajando a través de ellas y por algo así como un paquete de pegatinas, creo eso es importante porque si quieres tratarlo como emojis normales, tienes que tener más de una cara. Si ibas a dibujar una cara tonta y tener esa sea la base de lo que sea que va a ser tu pack de pegatinas. Necesitas tener más de una expresión. Necesitas tener tus sonrisas y tus ceños fruncidos y te estás riendo y estás enojado y estás triste y estás enfermo y todas esas cosas diferentes. Necesitas espacio para dibujar y necesitas dibujar mucho. Realmente no importa con lo que dibujes tanto. Me gustaría hacer mis garabatos iniciales y bocetos y lápiz. Pero cuando lo estoy preparando para ir digital, sí
me gusta cambiar a tinta sólo porque un bonito bolígrafo oscuro va a estafar mejor que una línea de lápiz. Cuando estoy trabajando en conseguir todo un conjunto de pegatinas listo para ir y
quiero tener todas esas expresiones faciales diferentes, esos estados de ánimo se muestran. A mí me gusta quedarme con mi teléfono. Me gusta tener mi teléfono a mi lado y solo abrir me mensaje, click en los emojis y se desplaza por ellos solo para asegurarme de que no estoy olvidando nada y a veces esas me darán ideas de diferentes formas de dibujar una expresión. Sólo por darle un ejemplo, voy a empezar. He tenido un par de ideas en la cabeza. No quiero mostrarles lo que hay en mi libro. No quiero que me robes mis ideas. Muy rápido, solo voy a secar un par de ideas
diferentes para luego empezar a trabajar en conseguir diferentes emojis, diferentes expresiones de ese garabato en particular poner abajo. Ya que estamos hablando de garabatos. Creo que algo común que la gente probablemente se pregunte es como, ¿mi arte realmente tiene que ser bueno? La respuesta es no. Algunos de los paquetes de pegatinas de mejor rendimiento por ahí
si los miras desde un punto de vista puramente artístico en la calidad del dibujo que se hace. Algunos de ellos son realmente terribles. Pero todavía hay algo limpio en ellos. Algo lindo o entrañante.Cómo nunca quieres frases eso y la gente los usa, la gente los compra. Se trata más de tener algo único y creo que
algo que hable de lo que sea que estás tratando de mostrar cualquier tipo de emoción o estilo o lo que quieras mostrar sobre todo en este caso donde estamos yendo más por un look de garabatos. Eso significa que no lo estamos, no estamos tratando de ir por las bellas artes. Solo estamos, solo estamos tratando de
divertirnos con cualesquiera que sean las ideas que se nos ocurra. Mi primera aquí es una forma de gota de chicle. Está bien. Para mí, sí
me gusta mantener la cara, las expresiones reales en su rostro bastante simples. Cuando estás tratando de averiguar qué dibujar. me gusta ir por cosas que me interesan generalmente, ya sea un aguacate porque los aguacates son impresionantes, o sándwiches de queso a la parrilla porque esos también son impresionantes. De verdad justo lo que sea que te hable. Ahora con estos pocos garabatos que tengo aquí, si estoy mirando lo que voy a poder digitalizar con mayor precisión. Esta va a ser la más difícil si no quiero hacer alguna limpieza de la misma más tarde. Unos como estos donde tengo unas lindas líneas oscuras sólidas. Estos van a ser más fáciles de hacer. Cuando llegues a este punto, si estás queriendo ir digital, Si esto es cuando estás queriendo tomar digital, es donde es agradable volver con algún tipo de bolígrafo negro, marcador negro. Estoy usando un marcador co-pic en este tipo ahí que. Este de aquí básicamente tendría, como estar listo para bosquejar. Ahora podría volver en la tinta está seca y borrar algunas de estas líneas de lápiz extra que harán algo de la limpieza digital un poco más fácil si haces esto. Por ahora, me gusta la mirada de gota de chicle y así creo que eso es con lo que voy a ir. A veces me resulta útil también que solo a un lado esboce algunas de las emociones básicas que quiero dibujar. Esto solo ayuda para cuando estás trabajando en tus modelos reales que quieres usar. Esto te ayuda a no olvidar ninguna. Una pregunta común es, ¿cuántas pegatinas necesito en realidad para tener un paquete de pegatinas completo? La respuesta es lo que quieras. A Apple realmente no le importa. No tienen un mínimo ni un máximo. A veces me resulta útil tener esta pantalla arriba solo para
ayudarme a recordarme algunos de los emojis comunes que se usan para que pueda copiar mucho de la, las caras y expresiones que se muestran. Aquí tenemos apenas un poco más de 20, creo que conté 22 caras diferentes y contentos con este look de chicle drop. Ahora voy a tomar eso, duplicado que muchas veces y tirarle todas estas caras él.
6. Consejos de contenido: Hay un par de cosas por las que tener cuidado también cuando estás escogiendo tu contenido, cuando estás escogiendo tu tema. Quieres mantenerte alejado de cosas que tienen derechos de autor porque eso va a ser rechazado, y aunque no lo hagan, el titular de los derechos de autor puede venir por ti. Tan solo asegúrate de que tus cosas sean originales y únicas, que sea tu propia creación. Quieres mantener tus cosas únicas. Quieres mantenerlo original, y quieres intentar asegurarte de que tienes algo de valor ahí para el cliente. No te limites realmente en el número de pegatinas que haces para un paquete de pegatinas individual. La gente prefiere más que menos, pesar de que probablemente solo estés cobrando $0.99. Creo que es bueno disparar por al menos 25-30 pegatinas como mínimo, había ido tan alto como
me gusta, creo que 72 en uno de mis paquetes de pegatinas.
7. Todos los estados de amor: Ahora hay un tipo de tramposo que puedes hacer aquí si quieres. Puedes tomarte tu tiempo y dibujar solo un cuerpo, una cara, una cabeza, lo que sea que vayas a buscar, dibujar uno realmente bien y puedes dibujar todas tus expresiones separadas, dibujar todas esas realmente bien y luego una vez que obtienes esto en Photoshop, puedes agarrar esta cara, ponerla, guardarla como una imagen, eliminarla, agarrarla, ponerla, guardarla, etcétera
y así sucesivamente y pasar y hacer todas ellas y entonces no estás teniendo que dibujar el cuerpo y una y otra vez. Ahora si haces eso, una cosa que me gusta hacer para hacerlos distintos, es que cada uno sea tal vez un color ligeramente diferente, un sabor diferente como para el mío, voy por una forma de gota de chicle esas suelen venir en varios diferentes colores. Por lo que puedo tratar de hacer estos en varios colores diferentes y cuando hago eso, trato de escoger un color que de alguna manera va ir de la mano con la emoción que se está expresando. Entonces como éste y éste que no se están sintiendo bien, enfermo, probablemente iría por alguna forma de cuerpo verdoso azul. Si solo fuera una cara feliz o algunas de estas más comunes. mí me gusta usar un amarillo ahí para caras que son más tristes o llorando. A mí me gusta ir por unas caras azules, enojadas. Creo que me va muy bien con una naranja más oscura o roja. Sorpresa podría ser como un azul claro, algo colores apagados. Eso es sólo una cosa en la que pensar y si estás teniendo problemas llegar a caras que estén expresando cierta emoción que quieres mostrar;
un recurso que me parece muy útil
es solo ir a ver tus cómics dominicales o en un cómic. El artista en esas páginas suele ser muy bueno para transmitir emoción con un conjunto muy sencillo de atributos en la cara. Por lo que no tienes que ponerte extremadamente detallado. El mío a donde voy en este caso, yendo muy, muy sencillo. Basta con copiar los emojis que se muestran en mi teléfono. Entonces sólo otra cosa en la que pensar. En este caso, creo que la ruta que voy a ir, en lugar de dibujar 22 cuerpos individuales, voy a ir por el tip que apenas estaba mencionando, voy a dibujar uno que me
gusta mucho y luego voy a redibujar estos se enfrenta un poco más grande y luego una vez que se complete el boceto y el dibujo, entonces volveré con un bolígrafo, tinta esas arriba, conseguir unas lindas líneas oscuras y luego estaremos listos para escanear.
8. Perfect tus garabatos: Está bien. Entonces para prepararme para escanear, voy a dibujar a este tipo, como dije, pero voy a ir un poco más grande. Está bien. Creo que para el cuerpo, la cabeza de mi personaje, creo que esto va a funcionar bastante bien. Consigue unas lindas líneas oscuras, voy a ir con la idea de dibujar las caras separadas solo para poder mostrar cómo se hace eso, así que no voy a dibujar en ninguna expresión sobre esta en particular. Otra ventaja de hacerlo de esta manera es si no estás seguro, ¿quieres una cara pequeña o
quieres una cara más grande que vaya a llenar todo su cuerpo. Al hacerlo de esta manera, aún no tienes que decidir, puedes hacerlo todo en la computadora. Entonces voy a llamar bueno a este en lo que va de entintado, y aún quiero limpiar estas líneas extra que la tinta no cubría, porque eso sólo será una cosa menos que tengo que limpiar en photoshop. Para las expresiones, voy a dibujarlas un poco más grandes que lo que tengo aquí, y asegurarme y darte un poco de espacio entre cada cara solo para que sea fácil mantenerlas separadas cuando vayas a Photoshop. Hice unos cuantos extra, conseguí 25 aquí. Entonces ahora que estoy contento con los contornos en estos, voy a seguir adelante y llenarlos. Esta vez voy a usar un marcador pigmeo, estos son 03. Por lo general, prefiero algo en realidad un poco más grueso que esto, como un 1.0 pero no pude encontrar mis otros marcadores. Entonces ahí vamos, tenemos 25 caras esbozadas en tinta. Ahora bien, en cuanto a cuántos de estos realmente necesitas tener un juego completo de pegatinas. Apple realmente no tiene un requisito, puedes hacer tantas o tan pocas como quieras. He encontrado que generalmente es mejor inclinarse hacia más, cuantas más ideas se puedan llegar, mejor valor se va a sentir el cliente como si estuviera recibiendo, así que más posibilidades de que realmente vendan. Tengo 25 aquí. Idealmente, en realidad me gustaría duplicar eso, pero esto es suficiente para lo que necesitamos en este momento. Me gusta poner probablemente 30 como mínimo, 30 pegatinas diferentes por cada paquete de pegatinas. He tenido algunas varías bastante, creo que
he tenido algunas tan bajas como 20 y creo que lo más que he hecho
hasta ahora es en algún lugar alrededor de 75 y di de alta $0.99 por toda la mía. Por lo que ahora voy a borrar una tinta ha tenido el tiempo suficiente para secarse. En este punto, estamos listos para digitalizar.
9. Digitalizar tus garabatos: Ahora que tenemos el garabato hecho, necesitamos que eso sea digitalizado. Tenemos que meterlo en la computadora. Hay un par de formas diferentes de hacer esto. Algunos sencillos, algunos un poco más complicados y dependiendo de tu obra de arte específica, puede
que no importe cómo lo hagas. Permítanme aclarar eso. Con un garabato que he juntado para esto, tengo un cuerpo y varias caras diferentes. Cuando meto eso en Photoshop, voy a usar eso casi como papel de
calco y voy a dibujar sobre él para que tenga unas lindas líneas digitales limpias y eso será lo que entre en el producto final. Si realmente has clavado tu Doodle, lo
tienes exactamente como quieres. Entonces tal vez no quieras hacer eso. A lo mejor quieres ir con exactamente las líneas que tenías en el papel. En ese caso, sí necesitas ser un poco más cuidadoso con cómo lo metes en la computadora porque vas a querer un escaneo de mayor calidad como puedas conseguir. Si solo vas a redibujar sobre él, realmente solo necesitas hacer referencia. La forma más fácil de conseguir tu escaneado en la computadora es simplemente agarrar tu celular, pararte sobre tu foto, ponerte bien y centrado. Quieres tratar de ser lo más vertical sobre tu dibujo como puedas, hacer un par de fotos, enviarte un correo electrónico a ti mismo, o simplemente importarlas, lo que sea más fácil para ti. Puedes cargar esos en Photoshop, Estás en camino. Ahora otra cosa que puedes hacer, eso es quizás un poco mejor que eso, pero no hasta donde usar un escáner es usar una aplicación de escaneo. He estado jugando con uno que se llama escáner y hace un trabajo bastante bueno en tomar una foto de tu dibujo, y luego puedes limpiar las cosas para que realmente acabes de salir con las líneas que has puesto en el papel y no tanto el grano del papel y esa cosa. Aunque hay varios de ellos ahí fuera. Entonces probablemente la mejor manera, sobre todo si quieres conservar tanto de tu arte de línea original como puedas es solo usar un escáner. Te voy a mostrar cómo hago eso. No tienes que tener nada elegante. Mi escáner es sólo esta cosa multifunción de cañón antiguo que he tenido desde hace años y años. Pero hace el trabajo simplemente bien. Para empezar, vamos a llevar a nuestro Doodle, tirar esa cosa en su cara de arte hacia abajo, y por lo general la mayoría de los escáneres van a tener alguna marca de orientación y eso es lo que trata como cero, cero. Simplemente saca tu dibujo ahí arriba, cierra la tapa. Una vez que tengas tu documento en el escáner, puedes usar el software que vino con tu escáner o solo voy a usar la captura de imágenes de Apple. Lo primero que vas a querer hacer, es que necesitas decirle al software a dónde quieres que vaya tu escaneo. Tengo a Mr. Gum Drop ya en la lista aquí, pero podrías hacer clic en Otro y luego navegar por tu sistema para mostrar dónde exactamente quieres guardarlo. Adelante y selecciona Mr. Gum Drop, Mostrar detalles. Esto hará que el escáner comience a darle una vista previa. Voy a cambiarlo a blanco y negro y voy a subir la resolución hasta 300. Ahora, una nota sobre esto es cuanto mayor sea la resolución, mejor calidad escaneo que vas a obtener. Si realmente querías conservar tus líneas originales, vas a querer ir más alto con ese fin. Si solo quieres usar esto como referencia aproximada, entonces podrías por supuesto ir significativamente más bajo y aún así terminar bien. Voy a apagar la selección automática. Porque yo sólo quería agarrar todo el asunto. Tengo la selección automática desactivada en realidad va a rotar esto, 90 grados golpearon “Escanear”. Me va a pedir que seleccione el área a escanear. Yo quiero esa cabeza principal ahí mismo. Botón, hit scan y esperamos. Si vamos a ver esa carpeta y al señor Gum Drop, ahí vamos. Tenemos la cabeza, el cuerpo. Ahora voy a seguir adelante y poner en la otra obra de arte. Ahora tengo mi segunda hoja, la que tenía todas las expresiones faciales en el escáner, y vamos a escanear y agarrar el área que quiero. Ahora tenemos ambos artículos ahí dentro. Ahora tenemos nuestras imágenes base en la computadora. Si hubieras dibujado varias páginas que valían
la pena, claro que solo enjuagarías y repetirías una
y otra vez hasta que tuvieras todo en la computadora. El siguiente paso es limpiar esto en Photoshop.
10. Limpieza en Photoshop: [ MÚSICA] Antes de llegar demasiado lejos en Photoshop o cualquier programa de edición de imágenes que vas a usar. Hay un par de cosas que necesitamos repasar muy rápido y revisar. Número uno, nuestro objetivo final es guardar esto como PNG. De esa manera podemos tener transparencia. Puedes tomar tu pegatina, puedes superponerla sobre un texto existente. Lo que sea que veas detrás de ahí se mostrará alrededor de tu imagen en lugar de solo ser grande, pareciendo que pones un trozo de papel encima y bloqueando las cosas, a menos que eso sea lo que vas a buscar. Ahora en segundo lugar, más allá de sólo el formato, también
tenemos que prestar atención a los lados. Apple va a clasificar todas las imágenes que
usas en un paquete de pegatinas como pequeñas, medianas o grandes. Pequeño va a ser de 300 por 300 píxeles, mediano 408 por 408, y grande va a ser de 618 por 618. A mí me gusta preparar todo como si fuera a ser 618. Entonces a partir de ahí cuando vaya a exportar mi imagen, puedo mantenerla de ese tamaño, puedo encogerla según lo que quiera que sea. Si es algo con mucho detalle, quizá no quieras ir por una imagen realmente pequeña porque vas a perder algo de ese detalle en lo pequeño que se muestra en la pantalla. Pero si fuera algo igual a los emojis incorporados, realmente
no necesita ser muy grande para llegar el punto a través. Solo lo necesitas lo suficientemente grande para conseguir ese detalle. personal, me gusta tener el mío un poco más grande. Me sesgo más hacia el 618 por casi todo. A menos que fuera algo que realmente sintió que necesitaba ser pequeño para obtener la sensación correcta de que vas a cruzar. En esa nota, sólo voy a abrir un nuevo documento. Voy a establecer mi talla como 618 por 618. Voy a usar esos mismos 300 pixeles por pulgada. En el contenido de fondo, lo
vas a hacer un poco más fácil para ti si vas adelante y solo pones eso como transparente. Entonces voy a seguir adelante y dar clic en “Crear”. Ahora tengo mi espacio de trabajo que voy a necesitar. Ahora necesito traer las otras imágenes. Vamos a seguir adelante y abrir Mr. Gum Drop, voy a agarrar estos dos artículos en los que
habíamos escaneado, vamos a seguir adelante y abrir ambos. Podemos ver que tenemos las dos cosas aquí. Ahora en este, voy a seguir adelante y rotar este 90 grados en el sentido de las agujas del reloj. Este ya está a 90 grados. Porque si recuerdas cuando lo escaneé y le dije que
lo rotara 90 grados y me olvidé de hacer eso en el segundo. Ahora en esta etapa donde es momento de limpiar, puedes hacer todo esto solo con tu ratón. Utilizo una de estas tabletas de dibujo digital sólo porque entonces estás dibujando con un lápiz. Para mí es una sensación más natural. Está más cerca de lo que vas a conseguir con tu bolígrafo y lápiz. Pero esto de ninguna manera se requiere. En realidad puedes conseguir algunos de estos bastante baratos. Puedes ir con cámaras WACC de gama muy alta. Esta ciencia ficción, ni siquiera sé pronunciar este. Lo encontré en Amazon. Ycom también tiene su línea de bambú, que son bastante baratos. Son mucho más pequeños, pero para este tipo de trabajos, funcionan bien. En primer lugar, quiero acercarme un poco y luego vamos a hacer algunos ajustes aquí. Haz clic en el brillo
y el contraste y sube tu brillo y tu contraste. El motivo por el que estás haciendo eso es que estás tratando de deshacerte de
la mayor parte de los otros detalles errantes que están en
la página, las manchas y borrar comentarios y cosas por el estilo. Ahora que tenemos nuestros ajustes hechos, necesitamos limpiar. Tenemos que deshacernos de toda esta coloración en el fondo. Esta parte es un poco más opcional, pero todavía me voy a deshacer de ella. Sólo porque quiero deshacerme de estas pequeñas especificaciones y vamos a llenar esto de color más adelante. Algo a lo que podrías saltar es, bueno, solo
puedo agarrar mi varita mágica y seleccionar todo esto y luego golpear Delete. Pero si haces eso, entonces va a querer intentar recargar eso. Eso no es algo que queremos hacer, queremos dejar esto transparente. Yo solo voy a cancelar aquí y anular la selección de esto, así que en el Mac Command + D. Voy a cambiar para bajar aquí a tu borrador. Voy a elegir la herramienta de borrador de fondo. Ya tengo el set de pinceles realmente grande. Pero lo que voy a hacer es sólo limpiar un poco de esto. Ahora voy a volver a cambiar a la varita mágica, seleccionar toda esta zona, golpear borrar. Ahora lo ha borrado y lo ha hecho coincidir con lo que acabamos de hacer anteriormente con el borrador de fondo. También va a seleccionar en el interior, golpea eliminar ahí. Ahora realmente nos acaba de quedar con nuestra línea negra. Ahora en mi caso, realmente no
quiero mantener mi línea original. Yo quiero redibujar esto. Pero podrías quedarte eso si quisieras, sería perfectamente aceptable si quisieras tener más de
esa mirada de grano que ya puedes ver aquí, eso son restos del papel y del proceso de escaneo. Pero lo que voy a hacer, vamos a crear una nueva capa. Voy a bloquear mi capa original. No tienes que bloquearlo, pero cada vez que no lo hago termino fastidiando algo, así que solo para que edite pruebas. Vuelve a nuestra capa activa. Voy a cambiar a mi pincel, tengo la herramienta de pincel. Voy a modificar un poco este pincel. Yo quiero la dureza al 100 por ciento. Subiré un par de pixeles más, intentemos 15,15 luce bien. Quiero mi color primario como negro. Ahora sólo voy a entrar y trazar sobre mis líneas originales. Como dije, no tienes que tener una tableta de dibujo para hacer esto. Se puede hacer solo con un lápiz. Perdón, se puede hacer con sólo un ratón. Simplemente encuentro esto más fácil, un poco más preciso y un poco más natural para ir por este camino. Yo he dibujado eso, y así solo para tener una mejor idea de cómo debería verse esto, voy a seguir adelante y esconder mi capa base. Ahora nos queda sólo con el dibujo. Por las plazas que quedan para mostrar la transparencia. Algo que puede ayudar a aclarar esto, si vas adelante y añades otra capa y la dejas caer justo entre esas dos capas, agarra tu cubo de pintura y cambia al blanco. Puedes llenar esa capa entera de blanco y obtienes una mejor idea de lo suaves o no lisas que son tus líneas. Voy a guardar eso aquí temporalmente. Ahora si quiero, puedo volver aquí, queremos asegurarnos y cambiar de nuevo a nuestro pincel sin embargo, y nuestro color está de vuelta. Puedo volver a entrar y añadir más de un look bosquejado a esto, porque para este realmente no
quiero que sean líneas perfectas, como podrías hacer un ilustrador. Dependiendo del tema, quiero decir, a veces puede que prefieras eso. Como dije, en realidad sólo depende del look que vayas a buscar. Yo quiero que esto sea un poco más caprichoso, que se vea un poco más como uno de mis hijos lo dibujó. De esta manera vamos a terminar con un poco de variabilidad en el grosor de la línea, pero eso me gusta. Creo que eso es bueno. A partir de aquí, vamos a seguir adelante y esconder este fondo. Se desea hacer un Comando + A o Editar Seleccionar Todo y un Comando + C para copiar. Ahora estamos agarrando toda esta capa y luego volvemos a ese proyecto
618 por 618 que abrimos. Aquí voy a crear una nueva capa, esta capa inferior, sólo voy a bloquear eso. Esa va a ser nuestra principal transparencia. Esta capa va a ser nuestra capa colorante. Voy a tocar eso y solo teclear colorear para nombrarlo. Por ahora voy a bloquear esa capa, añadir una capa más. Esta será nuestra forma de cabeza. Voy a etiquetar eso realmente rápido. Entonces esa imagen que acabamos de copiar, adelante y pega eso. Ahora por supuesto que no encaja en este momento porque tomamos algo mucho más grande y lo estamos poniendo en un espacio más pequeño. Si golpeas Comando + T, creo Control + T para Windows, eso te pondrá en modo transformado. Toma tu flecha, sube a la derecha hasta uno de estos bloques de esquina, mantén presionada Mayús para que puedas mantener tu relación de aspecto y simplemente arrastra eso un poco hacia abajo. Lo que estás haciendo es encogerlo. Realmente puedes conseguirlo del tamaño que quieras. En mi caso, ya que quiero que esta imagen sea realmente lo único en este espacio. Si quisiera podría poner una docena en esto,
todo en esta sola cosa y una pegatina tendría una docena de esas cosas. Al igual que con todo lo que vemos aquí dentro, va a igualar una pegatina. No quiero eso. Quiero tratar esto más como un emoji. Voy a hacer sólo a uno y tamaño casi lo más grande que pueda, y luego arrastrarlo hasta que esté centrado. Eso me queda bien. Voy a seguir adelante y bloquear esa capa y luego solo toca Enter para bloquear ese cambio. Ahora, voy a bloquear esta capa también, y necesitamos una capa más para la expresión facial. Ahora tenemos que volver a nuestra otra imagen que tiene todas nuestras caritas. Ya que los hicimos todos en una sola toma, hay algunas cosas diferentes que podemos hacer aquí. De lo que voy a hacer, creo que esto será el más rápido. Voy a acercarme un poco. Entonces como lo hicimos antes, voy a ir a Imagen y Ajustes, Brillo y Contraste. Voy a subir ese brillo, subir ese contraste. Eso parece deshacerse de la mayoría de las manchas, no de todas. Adelante y pega Ok en eso. Ahora voy a entrar a mi borrador de fondo como lo hice antes y simplemente deshacerme de algo de esto. Después cambia a mi varita mágica, selecciona todo eso, veamos cómo lo hace. Ahora sólo voy a ir a algunas de estas otras áreas. Si mantienes pulsada Mayús, puedes seleccionar más de uno a la vez. Elimina esos, para algunos de estos más finos vamos a tener que acercar aún un poco más. Ahí lo hemos hecho básicamente. Ahora, una cosa sobre la que necesitas tomar una decisión aquí, y no es vital, pero tienes que decidir, ¿quiero volver a dibujar mis caras aquí y hacerlas todas a la vez o quiero separar éstas? personal, me gusta separarlo. Lo que voy a hacer aquí es elegir la herramienta de marquesina rectangular. Solo voy a seleccionar esta cara sonriente aquí, Control + C para copiar. Vuelve a nuestro proyecto, asegúrate de que estoy en esa capa de expresión. Entonces voy a seguir adelante y pegar eso. Vuelve a hacer mi Control + T. Ahora solo voy a tratar de dimensionar esto sin embargo quiero que busque pegatina final. Eso me gusta ahí mismo, así que luego golpeo enter para guardar ese cambio. Ahora por supuesto, este es el dibujo original. Esta es una nueva capa que se hizo en Photoshop y no coinciden. Lo que voy a hacer aquí es crear una capa más. Voy a llamar a esto tal vez expresión limpia, ésta sólo será la que voy a dibujar. Voy a bloquear la expresión y asegurarme de que se resalte la expresión limpia. Vuelve a cambiar a nuestro pincel, sobre negro. Vamos a probar este pincel, esto va a funcionar
para los ojos, para la boca quizá quiera ir un poco más pequeño. Vamos a ver, así. Eso se ve bien. Creo que eso funciona. Ahora queremos acercarnos a la capa de expresión que habíamos bloqueado ese dibujo original, borrar eso, y esto es básicamente lo que tenemos. Lo último que tenemos que hacer aquí es que esto necesita ser de color.
11. Jugar con el color: Nuestra expresión limpia, voy a bloquear eso. Esta capa que tiene nuestra Expresión, la que escaneamos, voy a desbloquear eso. Voy a volver a hacer visible esta capa, asegurarme de que esté seleccionada. Herramienta de selección rectangular, voy a agarrar esa pieza que habíamos importado antes y solo eliminar eso. Pero quiero mantener la capa, porque ya que vamos a reutilizar este cuerpo, podemos reutilizar básicamente todas estas capas para todo lo demás que necesitamos hacer. Yo solo quiero mantener ese ahí para que no sea necesario volver a crearlo. Voy a seguir adelante y bloquear eso otra vez, traer la capa facial de vuelta. Ahora, antes de que coloreemos esto, hay dos formas en que podemos hacerlo. Probablemente haya más de dos, pero dos que vienen a la mente. Una es, en esta capa que tengo aquí abajo debajo de la forma de la cabeza, solo
puedo agarrar el pincel y simplemente empezar a colorear en el color que quiera, y simplemente mantenerlo dentro de estas líneas. Será bueno. En realidad, una cosa de la que quiero hablar muy rápido. Si no estás familiarizado con Photoshop o algunas de estas otras herramientas de edición de imágenes que te permiten usar capas, Es un concepto importante de entender, porque te da mucho poder en cómo editas y manipulas tu imagen. Básicamente, quieres pensarlo como múltiples hojas de papel de calco, y tienes todas estas apiladas una encima de la otra. Cualquier cosa que sea más alta que algo por debajo de ella, que esté más arriba en la jerarquía, va a estar encima de lo que esté debajo de ella, por lo que puedes usar eso en tu beneficio para agregar color, y sombra, y cosas en diferentes capas, a diferencia de tenerlas todas en la misma capa. La ventaja que te da es, si decides, hay una cosa que está aquí, lo odio. Si tuviste eso todo en una imagen, estás atascado, pero si está en capas separadas, puedes agarrar esa capa descartarla, editarla, lo que quieras sin molestar nada más. Volver al trabajo. Otra cosa que podemos hacer aquí, esto es porque aquí tengo un objeto que está completamente cerrado. Otra cosa que puedo hacer es agarrar esta capa que tiene la forma de la cabeza. Si solo arrastro eso hacia abajo sobre el botón de nueva capa, hace una copia. El motivo que es importante, ahora puedo tomar este ejemplar. Lo voy a arrastrar por debajo del contorno real de la cabeza. Voy a quitar la cerradura. Lo que esto me permite hacer es tomar la herramienta de pintura y cubo. Ahora, puedo venir aquí a las muestras de pintura y escoger algo diferente. Para una feliz, voy a elegir un amarillo claro. Veamos cómo se ve esto. Ven aquí, y allá vamos. Mira, está lleno en todos los bordes perfectamente, y eso es porque tomamos este contorno, hicimos una copia del mismo. Dado que ese contorno está sellado, va a usar eso como una restricción. Se va a mantener toda esa pintura dentro de esas líneas. De esta manera, no tenemos que entrar y, en realidad, secar en todo el color. En este caso, eso es mucho más fácil, mucho más rápido. Eso es lo que voy a hacer. Nos va a ayudar a ir mucho más rápido para terminar este proyecto en particular. Básicamente, esta imagen, este tipo, esta pegatina está hecha, así que tenemos que guardarla. Nosotros vamos a ir al archivo. Con estos, me gusta guardar dos copias. Me gusta guardar el archivo del proyecto de Photoshop, y luego el archivo real que vas a usar. El motivo es, digamos que estás en un grupo, vas, estás haciendo todo esto. Cometes un error que no te das cuenta. Si no has guardado ese archivo de proyecto, o bien
vas a tener que editar tu imagen final lo cual nunca ha sido recomendable, o vas a tener que volver atrás y crear el proyecto desde cero. Si guardas uno de cada uno, tendrás uno listo para lanzar en Xcode, y tendrás uno como copia de seguridad a la que podrás hacer cambios más adelante. Voy a golpear “Guardar como” para carpeta interna Mr. Gum Drop. Voy a seguir adelante y crear una nueva carpeta aquí, y solo llamar a esto PSD, lo que significa que aquí es donde van a ir todos mis archivos de proyecto de Photoshop, y voy a llamar a este gumdrop1. Voy a mantenerlo como las capas para poder volver y hacer cambios individualmente si quisiera. Voy a guardar eso. Voy adelante y le pego a “Ok”. Ahora, voy a volver a archivar. Voy a ir a Export. Puedes ir con la herramienta de exportación más nueva si quieres, o esta Exportar rápido como PNG. La mayor parte de mi tiempo en Photoshop ha sido en Photoshop CS5.5 desde hace ocho años. A mí me gusta ir con el Legacy. Puedes ir con el que prefieras. Aquí arriba bajo el tipo de formato, voy a elegir PNG-24. Quiero asegurarme de que se seleccione la transparencia. Quiero asegurarme de que estoy en 618 por 618. Esto es parte de la razón por la que quería guardar el archivo del proyecto de Photoshop. Cuando lleguemos a la fase de pruebas, si voy con todo el tamaño grande de 618 por 618 píxeles, y luego decido que eso es demasiado grande, puedo volver a mi documento original. Si quisiera ir con el 408 por 408, podría simplemente bajar aquí y cambiar esa dimensión, y la va a redimensionar. Se va a quedar perfecto. Por ahora sin embargo, lo
voy a dejar en 618. Voy a seguir adelante y dar clic en “Guardar”. Voy a crear otra carpeta a la que sólo voy a llamar Imágenes finales. Puedes llamarlo como quieras. Esto es sólo para ayudar a mantenerlo organizado. Golpea “Crear” en eso. Voy a mantenerlo con el mismo nombre para que pueda cruzar la referencia que si es necesario. Podrías hacer de tus archivos de proyecto un nombre diferente al de tus imágenes finales. Pero si tienes que volver atrás y hacer un cambio, eso va a ser complicado. Adelante y golpea “Guardar”. hace la imagen número 1. Para que esto esté listo para la siguiente pieza, ahora estamos listos para comenzar en la segunda. Ahora, vas a ver la ventaja de velocidad de crear solo un cuerpo y múltiples caras. Ahora, podemos volver a la página de caras, agarrar nuestra herramienta de selección. Yo quiero ir con esta tonta de aquí. Agarra ese Ctrl C o Comando C. Vuelve aquí a nuestro archivo de proyecto. Haga clic en nuestra capa de “Expresión”. Eso voy a desbloquear. Pegue esto en, Comando T para transformar. Te darás cuenta de que he dejado esa cara original ahí dentro. El motivo por el que es ahora que estoy trayendo esta nueva cara, puedo mirar eso como una referencia de talla, para que pueda mantener una escala consistente entre todas las caras que voy a hacer. Eso me gusta. Voy a moverlo un poco a un lado. Guarda eso. Entonces voy a seguir adelante y bloquear esa capa. Voy a volver a la capa limpia, desbloquear eso. Nuevamente, con nuestra herramienta de selección, agarra esa cara que acabamos de dibujar, elimínala, Comando D para anular la selección. Volver a nuestro pincel, arreglar nuestros colores. Eso es demasiado grande. Vamos a bajar eso de nuevo. Creo que usé 15 antes, así que intentemos eso de nuevo. Voy a acercar un poco. Yo voy a hacer primero a los alumnos. En este uno, uno va a ser más grande que el otro. Porque para este, estoy queriendo que esto sea una cara de locos, así que vamos a probar eso. Entonces nuestro contorno, eso es un poco demasiado pesado. Voy a bajar esto a un nueve. Veamos cómo se ve esto. Eso ya se ve mucho mejor. Creo que eso va a funcionar. De acuerdo, lo hice. Voy a volver a esa capa de expresión y ocultarla. Te darás cuenta aquí en esta zona justo aquí eso no está muy limpio. Déjame volver a mi capa limpia. Voy a llenar algo de eso en sólo un poquito. Es posible que ni siquiera puedas decirlo una vez que veas esto en una pantalla de iPhone, pero no es difícil de hacer. Una diferencia que tenemos en esta cara, y es por eso que quería escoger esta para la siguiente pieza es nuestra primera cara. Realmente no teníamos que colorear, la expresión en sí. Fueron sólo líneas simples. No había áreas cerradas. Con éste, tenemos globos oculares, tenemos dientes, tenemos lengua, tenemos boca abierta. Esos necesitan ser coloreados. Voy a copiar un truco que te mostré en el anterior. Vamos a tomar esta capa limpia. Vamos a arrastrarlo hacia abajo al nuevo botón de capa para obtener una copia. Vamos a tomar esa copia, arrastrar esa capa debajo de la capa limpia. Vamos a usar este para colorear. Vamos a volver atrás y elegir nuestro cubo de pintura. Ya tenemos blanco seleccionado aquí abajo, así que sólo vamos a cambiar. También voy a asegurarme de que la capa limpia esté bloqueada por si acaso. Vuelve a nuestra capa de expresión, boom, todos los blancos están hechos. A la lengua, voy a ir por un poco de rosa, pero no demasiado loco. Este rosa pastelero. Probemos eso. Eso está bien. Quiere algo un poco más ligero, así que si cambio a la paleta de colores, puedo modificar un poco ese color. Ahí. Eso me gusta más. Volvamos a nuestras muestra de color. Busca algo pardo. Algo que notarás aquí, y es por eso que hice una capa separada es que ves cómo alrededor los bordes tenemos estos puntos donde no lo llenó del todo. Esta es una de las cosas con las que solo tienes que lidiar cuando estás usando Photoshop en lugar de Illustrator, porque vas a conseguir más de estas mezclas entre las líneas porque está basado en píxeles, no
es basado en vectores, pero debido a que tenemos dos capas separadas, esto es súper fácil de arreglar. Simplemente sube, cambia de tu cubo de pintura a tu pincel. No hemos cambiado de colores, todavía
tenemos ese seleccionado. Nos aseguramos de que estemos en nuestra capa por debajo, que podamos pintar en esta. El estrato en la parte superior puede ayudar a ocultar cualquier imperfección. Puedo venir justo aquí junto a este lado de la boca y simplemente pintar justo encima de esto. Observe que no tengo que tener cuidado, pero en la parte superior, no
estás viendo nada sobre pintura en esa zona negra, y eso es porque tenemos esta otra capa en la parte superior. Entonces ahora, si nos alejamos, creo que eso funciona. Un lugar donde tendrías que tener cuidado si decidieras, realmente no
me gusta la colocación de esa fase, quiero moverla. Este rostro en realidad está conformado por dos capas actualmente. Si intentas mover uno, solo
te mostraré. Desbloquearé la parte superior, agarra eso, agarra la herramienta Mover. Mira lo que pasó. Parece basura. Se ve terrible. Entonces vamos a deshacer eso. Aunque hay una manera de evitar esto. Mantenga pulsado, haga clic en una de esas capas. Mantenga pulsado Comando, haga clic en la otra capa. Tengo esas dos capas seleccionadas. Haga clic derecho. Elige Fusionar capas, ahora
son una capa, y [inaudible] agarra esa misma herramienta Mover. Asegúrate de tener seleccionada esa nueva capa. Puedo mover eso a donde quiera. Esas dos capas han sido comprimidas juntas ahora. Todo es de una sola capa. Puedo moverlo como quiera. Antes de hacer eso sin embargo, quieres asegurarte de que estés contento con las capas que tienes porque, si necesitabas volver a hacer ese pequeño truco de pintura, no va a funcionar ahora. Vas a tener que hacer un par de deshacer para poder separar de nuevo esas capas. Tan solo asegúrate de clavar esa parte primero. Voy a poner esto ahí mismo. Llama a eso bueno. Sigamos adelante y guardemos esto. Es importante aquí, ya que estoy reutilizando el proyecto original que
creé, no cambié el color de la cabeza a pesar de que pude por éste, solo lo voy a dejar como este color. La mayoría de los felices, creo que se van a quedar de este color. Si tuviera que hacer clic en Archivo e ir a Guardar, esto sobrescribiría el proyecto que había guardado anteriormente. Voy a elegir Guardar como otra vez. Me mantiene en mi carpeta PSD. Yo sólo voy a cambiar esto a Gumdrop 2, guarde eso. Vaya [inaudible] y haga clic en Ok. Volver a Archivo, Exportar, Guardar para Web. Igual que antes. Transparencia seleccionada. Estoy en PNG 24. Photoshop debe recordar tus últimos salvos de exportación. No deberías tener que volver a entrar a esos cada vez. Todavía los reviso dos veces por si acaso. Adelante y golpea Save. Ya que guardo esto como un nuevo proyecto con Gumdrop 2, porque está en mora a eso para este nombre de imagen. No tengo que cambiar nada allá excepto, sí
quiero asegurarme de que tengo imagen final está seleccionada. Pero de nuevo, Photoshop debe recordar que tu última exportación de imagen se hizo de esa manera por lo que debe mantener lo mismo. Hit Guardar. Ahí, terminamos. Hagamos otro, pero esta vez vamos a cambiar algunos de los colores de fondo. Para esta expresión aquí, consiguió esa capa seleccionada en una agarradera. Asegúrate de que todas mis otras capas estén bloqueadas, y que solo estoy en la limpia. Agarra todo. Elimina eso, y te darás cuenta porque las otras capas están bloqueadas, mantuvo el contorno de la cabeza. Se mantuvieron los colores de fondo. Volvamos aquí. Voy a escoger esta cara enojada. Comando C para copiar, vuelta aquí a nuestro proyecto de trabajo. Vamos a desbloquear la capa de expresión. Voy a seleccionar lo que hay ahí, eliminarlo. Comando V para pegar, comando T para transformar. Te darás cuenta de que borré la fase anterior antes de importar ésta. Podría deshacerla, traerla de vuelta, luego agregar esto en otra capa. Creo que está bien donde está. A mí me gusta esa talla ya que está justo ahí. Déjame ir sólo un toque más grande. Porque esa expresión parece que está buscando su hombro izquierdo, lo
voy a sacar un poco hacia la izquierda. Yo estoy contento con eso. Vamos a bloquear eso. Vuelve a nuestra Expresión Limpia. Vamos a seleccionar de nuevo nuestra herramienta Pincel. Cambia nuestro color de nuevo al negro. Acercar, Command Plus. Llenemos estos grandes ojos enojados. Ahora voy a bajar a la copia que hicimos de la forma de cabeza. Yo soy un desbloqueo que porque vamos a cambiar el color. Agarremos nuestro pincel, volvamos a nuestras muestras de color. Voy a querer algo por aquí, algo un naranja enojado o rojo. Eso me gusta. Creo que uno se va a quedar justo como es. Eso me gusta. De nuevo, nuestro proceso seguro como lo hemos hecho antes, Archivo, Guardar como, asegúrate de que hemos cambiado esto. Este será el número tres. Otra cosa que puedes hacer, no tienes que numerarlo si no quieres. Xcode no le va a importar porque sólo va a mirar el nombre del archivo. Si fuera más fácil. Ya he hecho esto antes, puedes darle a cada uno de estos archivos algo que más coincida con la expresión. Podrías llamar a éste enojado, al otro feliz o lo que sea. El motivo por el que no lo hice en este es porque hay varios que están contentos. En lugar de tratar de pensar en palabras diferentes para feliz, sólo
voy a numerarlas, pero lo que sea que te funcione. Ahora que hemos guardado estos, voy a correr por el resto de ellos muy rápido. No voy a hacer que te sientas ahí y me veas redibujar las 25 de estas imágenes. Pero sólo voy a reventar a través de ellos muy rápido y pasar al siguiente paso.
12. Prueba tu paquete de pegatinas en el simulador: Ahora una cosa a la que quieres prestar atención es, aquí arriba en la parte superior, tiene el simulador configurado para un dispositivo específico. Tan solo para tener una idea de cómo se ve algo de esto ahora mismo, voy a empezar con el iPhone seis y hit play. Lo que esto va a hacer
es, va a construir nuestra aplicación porque esta es tratada como una aplicación real, pesar de que hemos hecho cero programación, va a construir eso en un paquete. Se va a cargar el simulador y vamos a poder verlo como si estuviera en un dispositivo real. Una vez que
estemos contentos con esto, todavía vamos a querer probarlo en un iPhone o iPad real, que lo haremos aquí en tan solo un segundo. Aquí tenemos nuestro dispositivo de prueba flotando por nuestro paquete de pegatinas aquí. Tenemos nuestro nombre. Toma un poco de tiempo, pero aquí vamos. Ahora, ten en cuenta, los guardamos como imágenes grandes. Por lo que notarás que sólo estamos ajustando seis a la vez aquí. Pero sigamos adelante y probemos uno y veamos cómo lo hace. Esta Kate que muestra, esto es sólo parte del simulador. En realidad no se lo estás enviando a alguna persona aleatoria llamada Kate. Pero solo puedes hacer click en eso, y si quisieras, podrías agregar algo, enviarlo. trata de cómo se va a ver en el dispositivo real. Eso me parece bien. Estoy contento con este tamaño. Si prefieres que el tuyo sea más pequeño, cuando estés exportando tus imágenes, solo recuerda guardarlas en 300 por 300 o 408 por 408. Esto es lo que se va a ver en un iPhone seis si vas con el 618 por 618. Estoy contento con esto, pero ahora quiero ver cómo se ve en un dispositivo real.
13. Prueba de iPhone y iPad: Entonces, antes de terminar de construir esto,
sigamos adelante y veamos cómo conectarnos a un dispositivo, ejecutemos las pruebas ahí, y entonces estaremos listos para enviar esto fuera. Por lo que para conectar tu dispositivo, vas a necesitar tu cable relámpago. Simplemente enchufa eso a tu portátil, tu escritorio, lo que sea que estés usando, adelante y enchufa eso a tu dispositivo. Estoy usando mi iPhone 8 Plus aquí. Desbloquea eso y notarás que está mostrando que el nombre de mi dispositivo ha aparecido. Podrías obtener una ventana emergente preguntando si quieres confiar en la computadora. Obviamente di, “Sí” a eso. Voy a dar click en esta flecha hacia abajo, y ahora si me desplazo a la parte superior, está mostrando mi iPhone. Entonces voy a seguir adelante y seleccionar mi iPhone, y luego voy a golpear build and run. Ahora, ya que acabamos de configurar esto, necesitamos registrar el dispositivo. Si ya tienes una cuenta de desarrollador y ya has probado en tu dispositivo, claro que no vas a tener que hacer esto. Pero en este caso, este teléfono nunca se ha conectado a mi cuenta de desarrollador. Si estás probando y nunca lo has hecho antes, tendrás que hacer lo mismo. Así que basta con hacer clic en registrar dispositivo y esperar a que se construya. Puede que consigas esto aquí. Por lo que la firma de código es parte de lo que Xcode necesita hacer para poder comunicarse de ida y vuelta con Apple. Es una cosa de seguridad. Voy a hacer siempre permitir. De acuerdo, la construcción ha tenido éxito. Entonces aquí momentáneamente, es empezar a correr en mi teléfono. Está instalado, así que ahora solo puedo tocar en iMessage. Por aquí a la derecha, voy a tener los instalados, y aún no he creado un icono para mi paquete de pegatinas, así que está consiguiendo este por defecto aquí. Entonces voy a seguir adelante y tocar eso, y ahí vamos. puede ver en realidad ejecutándose en mi dispositivo. Sólo puedo tocar una pegatina para cargarla y en realidad podría mandar esto. Ahora, lo que voy a hacer para probar esto de verdad, lo
que puedes hacer, ahora está en tu dispositivo, voy a mandar uno de estos a mi esposa, y puedes ver que han sido enviados. Por lo que estos realmente están procesando. Estos están listos para salir. Mira, hasta recibí una respuesta diciendo que estos son lindos. Está bien. Por lo que respecta a esta prueba, creo que estamos bien. Yo estoy contento con el tamaño, me gusta cómo se ven, obviamente están trabajando, así que vamos a matar esta prueba, y quiero hacer una prueba más. Para esto, voy a usar mi iPad. Ahí hay un iPad mini, y vamos a pasar por el mismo proceso. Sube aquí en la parte superior, selecciona mi iPad. Se pregunta: “¿Confío en esta computadora?” Di: “Confianza”. Está bien, y ahora volvemos a subir y seleccionamos el iPad de nuevo ahora que se ha confiado. Adelante y golpea build, está bien, y ahora lo tenemos funcionando en el iPad. Al igual que antes en mi iPhone, todos
parecen estar enviando muy bien, así que creo que estamos bien.
14. Crear íconos de App: Ya que las pruebas se ven bien, básicamente
estamos listos para ir excepto por una cosa importante, y ésta puede ser un dolor. Bueno, no es un dolor, solo es repetitivo. Lo que queremos hacer es subir aquí y dar click en el icono de la aplicación iMessage, y te darás cuenta de que tenemos un montón de cuadrados en blanco diferentes. Todos estos tienen que llenarse con una imagen. De lo que estas van a ser son las imágenes que se utilizan en la tienda de aplicaciones, las imágenes que se utilizan en la parte inferior cuando estás en iMessage y te estás desplazando por tus diferentes paquetes de pegatinas y hay diferentes tamaños dependiendo de ya sea que se esté instalando en un iPhone o un iPad o un iPad Pro, por lo que aquí hay varios diferentes. Ahora una cosa que es útil es que sí te dice qué tamaños necesitas. Te darás cuenta aquí tenemos 29 por 29, 60 por 45. Todas estas cosas diferentes aquí. Para esto, tenemos que volver a Photoshop. Lo que es engañoso con estos sin embargo, es que en realidad no está queriendo algo que sea de 29 píxeles por 29 píxeles. Te proporcionaré una hoja de trucos que te dé lo que realmente quiere. Lo que realmente quiere te darás cuenta con estos, tenemos un 2x y un 3x, así que en lugar de 29 por 29, lo que realmente busca es 58 por 58 para este, y 87 por 87 para éste. Básicamente justo los números que te dé aquí, multiplícalos por estos números aquí y ese va a ser el ajuste de píxeles que necesitas. Algo que puedes hacer para acelerar un poco esto es, podríamos empezar uno, agregar 87 por 87 y luego cuando vayamos a guardarlo, guardarlo en eso, y guardarlo en 59 por 59, que no tengas que hacer el trabajo varias veces. Empecemos justo aquí. Voy a hacer que Photoshop vuelva a abrir voy a hacer, crear nuevo y así vamos a hacer 87 por 87. Ahora una cosa que es importante señalar aquí es porque este va a ser el icono de la aplicación, no
necesita ser transparente. Puedes hacer eso si quieres, pero puedes elegir un color de fondo que sea
complementario a lo que sea que vaya a ser el foco de ese ícono. Para el mío, solo lo voy a dejar como blanco por ahora, como puedes ver es bastante pequeño, así que voy a acercar un poco. También voy a abrir una de mis gotas de chicle de antes. Voy a ir con este tipo de aquí, y voy a seleccionar todas las capas. Fusionar esos, seleccionar todo y copiar, así que
comando A , comando C, ven aquí a nuestro nuevo ítem pega que va a ser demasiado grande. Control T, Control menos para alejar un poco, mantener pulsado, desplazar, arrastrar. Probablemente haya una forma más rápida de cambiar el tamaño, pero si lo hay, no
conozco ese truco. Voy a rotarlo un poco solo por diversión. Nos vamos a ir Archivo, Guardar como, y voy a cambiar esto por el icono de la aplicación 29. El motivo por el que estoy haciendo eso es para que sepa cuál es la escala a la que voy. En realidad voy a cambiar este fondo sólo un poquito. Creo que quiero darle a eso algo realmente azul claro. Sí, creo que me gusta ese cielo azul. Ahí vamos, me gusta eso. Eso lo guardamos, y ahora vamos a exportar para la web, tal y como lo hacíamos antes. Tenemos nuestro 87 por 87, no
necesitamos transparencia aquí. En el nombre de la app, voy a dejar ahí el 29 porque está basado en ese factor 29, pero como este es el 87 por 87, estoy lanzando en una vez tres. Hacer otro al 58 por los tiempos dos. Vuelve a Xcode, abre nuestra ventana del buscador. El cliente va a querer todos estos como PNG también. Entonces arrastraremos en nuestro X2, arrastraremos en nuestro X3, a ver si hay algún otro lugar donde podamos usar eso. Parece que para iPad necesita un X2. Esa escala que todo lo que podemos hacer. Ahora para estos últimos, estos dos últimos aquí, lo que es un poco complicado con estos es que son una resolución más grande que la que fueron nuestras imágenes originales. Ya que quiere esto a las 1024, esto podría presentar un problema. En mi caso, va a estar bien. Tan sólo otra cosa a considerar a medida que avanzas. La imagen original que hice fue 618 por 618, si escalo eso, ya que no estamos haciendo esto en Illustrator, estamos haciendo esto y Photoshop se va a poner granulado. No quiero que sea granulado, pero también vamos por un cuadrado esta vez, lugar de estos revueltos en rectángulos. Esos scrunched en rectángulos realmente van a hacer zoom. Va a dar la apariencia de acercar esa imagen porque
tienes menos espacio vertical en comparación con tu espacio horizontal, mientras que con este icono de aquí, va a ser
lo mismo para ambos. Voy a seguir adelante y hacer un proyecto que sea 1024 por 1024, y sólo voy a caer en mi 618 y vamos a ver cómo se ve. En realidad estoy bien con eso. Voy a rotarlas un poco. El motivo por el que esto funciona, si recuerdas, dibujé esto a las 618. Esta mide 1024 por 1024. Es casi como si solo estuviera destinado a ser un componente un poco más pequeño dentro de este icono más grande, y así funciona. Ahora si hubieras dibujado tu original como a 300 y necesitabas hacer éste aquí. Lo que tendrías que tener en cuenta si no quisieras redibujarlo, es que va a ser como la mitad del tamaño de mi cara sonriente aquí mismo. Se va a ver un poco pequeño. Eso no quiere decir que aún no se puede hacer que funcione. Lo que también podrías hacer en esa situación es ir a agarrar un par de tus otras pegatinas y como las has hecho como transparencias, ojalá, puedas capas esas ahí dentro. Puedes tenerlos como un pequeño grupo. Si quieres ver cómo se ve eso,
me voy a llevar a este mismo tipo y simplemente lo pegaré aquí un par de veces más, y verías que aún podría funcionar. Obviamente no querrías que fuera la misma cara una y otra vez. Te gustaría agarrar un par de diferentes que tienes, pero podrías hacerlo. Pero estoy contento con esto así que voy a seguir adelante guardando este como y esta vez cuando vaya a exportar el PNG, esto en realidad es un 1X, así que realmente no necesito hacer ningún cambio aquí. Yo sólo voy a dejar eso tal como está. Vuelve a Xcode, agarra a nuestro buscador. Ahí vamos. Ahora por fin hemos llenado todos los iconos de nuestras aplicaciones. Ahora hay más de una forma de hacer esto. He oído que hay herramientas que generarán todos estos tamaños diferentes para ti. De hecho, Apple tiene algunas plantillas que puedes usar con Photoshop que se supone generan todas estas. Nunca los he usado. Sí tengo un enlace para ello. Proporcionaré el enlace. Puedes probar eso si quieres. No conozco el proceso para que eso funcione, así que tomaría un poco de investigación, creo que leer a través de la documentación de Apple, que generalmente es bastante buena. A mí me gusta tener mucho control sobre las imágenes aunque, si miras estas, son súper simples, pero me gusta que sea exactamente lo que iba a buscar, así que no quiero usar su cosa de plantilla para hacerlo por mí. Puedes hacer de cualquier manera, lo que prefieras. Ahora que ya tenemos todos estos hechos, básicamente estamos listos. Lo que quiero hacer ahora, vamos a llegar al producto, vamos a ir a construir. El edificio ha tenido éxito. Estamos listos para enviar esto a Apple.
15. Preparar tu aplicación: Ahora que tenemos que construir, estamos listos para enviarlo a la App Store, pero para ello, tenemos que tener un proyecto en ese sentido. Quieres ir a developer.apple.com e ingresar a tu cuenta de desarrollador mientras esperamos eso. También voy a ir a iTunes Connect.apple.com, y entrar allí, vamos a necesitar ambos de estos sitios para conseguir que el proyecto realmente se suba. En iTunes Connect, querrás ir a mis aplicaciones en la página del desarrollador, queremos seguir adelante e iniciar sesión. Una vez que hayas iniciado sesión, quieres ir por aquí y dar click en identificadores de
certificados y perfiles y luego a la izquierda debajo de identificadores, haz clic en App ID, y luego vamos a dar clic en plus, es
decir registrar un nuevo ID de App. Ahora esto no va a ser lo que realmente aparece en la tienda de aplicaciones. Esto es sólo para su referencia. Trato de mantener los nombres iguales. Idealmente si no se ha tomado el nombre
que quieres, podrás hacerlo. Eso es sólo algo a tener en cuenta. Voy a darle un nombre igual al que he usado para todo lo demás, Sr. Gum Drop. Ahora para el ID de Bundle, podemos volver a Xcode dar click en esta carpeta, y luego dar click en el Proyecto Mr. Gum Drop y justo aquí tenemos este identificador de paquete del nombre que le dimos originalmente. Voy a copiar eso y pegar eso. Entonces bajo App Services, ya que esto va a ser un paquete de pegatinas, realmente no necesitamos ninguna de estas otras cosas. Estas van a ser para aplicaciones regulares y otras cosas que harías. Nos vamos a saltarnos todo eso sólo para continuar. Por defecto, se va a activar para el Game Center y la compra in-app, no
vamos a usar eso, así que no te preocupes por eso. Adelante y haz clic en Registrarse y luego pulsa Listo. A partir de aquí con developer.apple.com, terminamos. Tenemos que volver a saltar a itunesconnect.apple.com. Debajo de mis apps, queremos hacer clic en el signo más. Queremos dar click en nueva app. Queremos que elija iOS? Aquí es donde vamos a averiguar si
realmente podemos usar el nombre que queremos o no. Lengua primaria, voy a elegir inglés US. Ahora para el Bundle ID, si sigo adelante y doy clic aquí abajo, vas a notar que no muestra el que acabamos de crear en developer.apple.com. Eso se debe a que lleva un par de minutos. Si no lo ves, solo cancela y ve a tomar un trago. Serán un par de minutos. Por lo general no es tan malo. Ha pasado un minuto. Probemos esto otra vez. Ahora lo tiene. Vuelve a elegir iOS, Sr. Gum Drop. Lengua primaria para mí, Inglés Reino Unido. Ahora el SKU, esto solo necesita ser algo único para ayudar a identificar tu aplicación dentro del sistema. No va a aparecer en la App Store. En realidad nunca he tenido que usar esto para nada. Lo que suelo hacer es copiar lo mismo del ID de Bundle, el dominio inverso, el punto com, lo que quieras que sea tu cosa. Voy a dar clic en Crear. Boom. Esa parte se hace por ahora. Ahora, ya que me dejó escribir aquí, esto significa que estaba disponible el nombre que yo quería Sr. Gum Drop. Si te hubiera dado algún tipo de error, entonces no estaría disponible. Voy a sumar un periodo ahí sin embargo. No hay subtítulo. El URL de la política de privacidad para un paquete de pegatinas, no
tienes por qué preocuparte. Para la categoría voy con Pegatinas para la primaria. Entonces tengo la subcategoría. Para este, voy a hacer emoji y expresiones. Hay todo tipo de cosas diferentes, como puedes ver aquí en las que podrías basar lo tuyo. Yo he hecho uno que era todo sushi, solo diferentes tipos de sushi. Para ese, elegí comer y beber. Aquí solo quieres escoger algo cercano a cualquiera que sea tu arte. Sí tienes la opción de un segundo, o voy a elegir cómics y caricaturas para una categoría secundaria. Para los paquetes de pegatinas, la categoría secundaria para mí realmente no tiene
sentido porque no es una aplicación normal. O sea, puedes escoger uno si quieres, pero yo no voy a hacerlo. Tenemos todo ahí y adelante y guarde eso. Ahora por aquí a la izquierda, vamos a dar click en precios y disponibilidad, aquí vas a elegir, ¿quiero regalar esto gratis? ¿ Quiero cobrar $0.99? Siempre voy con $0.99 bajo el volumen de compra, siempre
voy con disponible sin descuento. Si estás contento con tus precios, adelante y golpea ahorrar en eso. Ahora vamos a prepararnos para la presentación. Aquí realmente vas a agregar mucho más cosas. Antes de llenar todos estos otros detalles, en realidad
quiero saltar de nuevo a Xcode. Nos vamos al producto. Vamos a ir al archivo. El proceso de archivo, lo que va a hacer es que va a tomar la App que has construido, conseguir todos esos certificados, todo todo agrupado para que esté listo para enviarlo a la App Store. Construir tuvo éxito. En realidad he corrido esto dos veces. Por eso ven a dos de ellos aquí. Vamos a elegir, validar. Esto sólo va a pasar y
asegurarse de que piense que tiene todo lo que necesita. Simplemente voy con inicio de sesión gestionado automáticamente, botón pulsada “Siguiente”. Eso es todo ahí. Adelante y golpeemos “Validar”. Esta vez la validación fue exitosa, había hecho. Ya que la validación está completa, estamos listos para subir a la App Store. Haremos clic en eso. Básicamente basta con dar click siguiente en todo y Subir. La carga fue exitosa. Seguiremos adelante y pegaremos a “Done”. Para esta porción, terminamos con pantallas de archivos. Adelante y cerremos de ahí. Una vez que tengas tu compilación cargada, necesita ser insertada en tu App dentro de iTunes Connect. Aunque no va a aparecer enseguida. Por lo que le he dado unos minutos para volver a la parte Prepararse para la presentación. Si te desplazas hacia abajo hasta la sección de compilación, notarás que dice seleccionar la compilación antes de enviar tu aplicación. Anteriormente no decía eso. Se acaba de decir enviar tus builds usando Xcode six o posterior o cargador de aplicaciones 3 o posterior. Si solo ves eso, entonces no vas a poder presentarlo todavía. Dale diez minutos más o menos, actualiza la página y si tienes esto, selecciona la compilación. Ahora lo tiene ahí dentro, está listo usando ese Bundle ID, ha podido conectar los dos. Adelante y haga clic en seleccionar para construir. Vamos a elegir 1.0, el que acabamos de hacer. Ha podido jalar un par de artículos. Voy a seguir adelante y golpear “Save”. Eso ya está hecho. Ahora van a haber algunas otras cosas que tenemos que poner aquí. Para los derechos de autor, estoy usando el nombre de mi empresa. Simplemente puedes ponerte en tu propio nombre, sobre todo si no tienes una LLC o alguna configuración, necesitamos seleccionar nuestro icono de App Store. Creo que el 1024 es lo que quiere, vamos a averiguarlo en un segundo. Parece feliz con eso. 1.0 estamos bien ahí. Para la calificación, esta es bastante calificada G, así que vamos a elegir ninguno en todo. No voy a seleccionar el made for kids porque
creo que sí tienes que tener una política de privacidad en su lugar. Si vas a seleccionar ese botón pulsa “Hecho”, asegúrate de que tu información de contacto de aquí esté bien. Si recuerdas, cuando miramos esto en developer.apple.com, Sí decía que era centro de juegos habilitado. Aquí tenemos eso sin control porque no lo necesitamos para un paquete de pegatinas. Bajo la información de revisión de la aplicación. Esto es necesario para un paquete de pegatinas. Esto sería más especialmente lo de inicio de sesión. Eso sería como si tuvieras algo de Amazon en su app, tienes que poder iniciar sesión para que puedas comprar en la tienda. Estás iniciando sesión en algo que está separado de tu dispositivo. No necesitamos eso aquí porque solo estamos enviando mensajes. Simplemente desmarca el inicio de sesión requerido cuando llegues abajo al lanzamiento de la versión, esto es algo importante ,
generalmente para mí,
solo voy con automáticamente liberado porque en cuanto lo aprueben, lo
quiero por ahí así la gente lo puede ver y la gente puede comprarlo. Pero sí tienes algunas opciones. Si había alguna razón por la que querías aguantar, como digamos que era algo para unas próximas vacaciones, tal vez el 4 de julio y dices que lo enviaste a mediados de junio. Idealmente, eso va a ser tiempo suficiente. A lo mejor no quieres que se libere antes del 4 de julio. Por lo que puedes optar por simplemente lanzar manualmente la versión, en cuyo caso vas a recibir una notificación independientemente de cuándo se envíe, que se mostrará en iTunes Connect. Pero también puedes simplemente especificar una hora y fecha y decir que
no quiero que se suelte antes de tal y tal tiempo, lo
voy a dejar con automático. Si nos desplazamos de nuevo hacia arriba las cosas del Apple Watch, podemos saltarnos. Pero la app iMessage, vamos a necesitar capturas de pantalla ahí y aquí también. Algunas de ellas, éstas básicamente pueden ser las mismas imágenes. Para su descripción, voy a decir que tengo 25 Emojis de Gum Drop dibujados a mano. La descripción es lo que va a aparecer en la App Store. Sí quieres dar alguna información sobre tu pack de pegatinas. Se puede entrar en el proceso de cómo se creó. Si quieres, algunas personas están terminadas que creo que es útil decir cuántas pegatinas hay ahí para que la persona sepa qué esperar. Yo solo voy a ir con este 25 divertidos
emojis de gota de goma dibujada a mano para tus mensajes de golosos. Para las palabras clave, digamos emoji,
sticker, Gum Drop, candy, sugar, okay, tu URL de soporte y tu URL de marketing. Esta es la parte de la que estaba hablando, donde hay que tener algún tipo de sitio web. En realidad aún no he creado esta página en mi página web, pero lo haré de inmediato. Siempre hago la misma URL para el soporte y el marketing cuando se trata de un paquete de pegatinas. En mi página web solo será algo mostrando una captura de pantalla de la App y solo una breve descripción de esto es lo que es. El texto promocional, voy a dejar ese en blanco en este. Pero podrías, si haces clic en esa burbuja pregunta, te
da parte de la información sobre para qué sirve eso. No lo voy a usar, creo que tenemos todo lo que necesitamos excepto nuestra captura de pantalla.
16. Captura de pantalla de aplicación: Vamos a volver al código X. Voy a elegir el iPhone 8 plus, y vamos a seguir adelante y correr eso. Cuando vayas a crear las capturas de pantalla, quieres volver a ejecutar tu aplicación, solo tienes que usar el iPhone 8 plus. A través del simulador, podremos crear las capturas de pantalla que Apple quiera. Hay un par de cosas que debes tener cuidado. Dependiendo de su monitor y y algunas otras cosas, la resolución que vea puede que no sea la resolución que necesite. Lo que quieres hacer primero es aparecer y hacer clic en “Depurar”, y asegúrate de que la Renderización optimizada para tamaño de Windows esté desmarcada. Si eso está comprobado, lo más probable es que tu captura de pantalla no va a ser aceptada porque serán las dimensiones equivocadas. Siempre y cuando eso esté desmarcado dentro del simulador, manda uno como parte de tu pequeña prueba. Asegúrate de traer la copia de seguridad de la ventana de iMessage. Haga clic en “Archivo”, “Nueva captura de pantalla”, y luego, agarra el pequeño mango aquí, haz clic en eso, para que obtengas toda la pantalla. Archivo, Nueva captura de pantalla, y luego arrastra hacia arriba, y haz eso una vez más. Ahora deberíamos tener tres capturas de pantalla que podamos usar para el dispositivo de 5.5 pulgadas. Adelante y agarra los tres de esos. Ahí vamos, tenemos esos. 5.8 pulgadas es opcional, eso es para el iPhone X. No me voy a molestar con eso, pero sí necesitamos el iPad. Vuelve al simulador, ve a Hardware Device, iOS 11. Lo que necesitamos es seleccionar el iPad Pro de 12.9 pulgadas. Espere a que eso arranque. Para iPad Pro, lo mismo que antes. Adelante y agarra los tres de esos. Si desea cambiar el orden, simplemente arrástralos al orden que desee y guarde. Tenemos nuestras capturas de pantalla para iPad. Entonces, solo comprueba dos veces, asegúrate de que no te has perdido nada. Creo que estamos listos.
17. Presentar tu aplicación: Creo que estamos listos. Adelante y peguemos someter a revisión. Bien. Hemos pasado la primera comprobación si estás viendo esta pantalla. Simplemente pasa por estos es el diseño de tu app para usar la criptografía, no, es solo un paquete de pegatinas, derechos de contenido. ¿ Su aplicación contenía mostrar o acceder a contenido de terceros? No. ¿Utiliza esta app y identificador publicitario? Esto se daría en una aplicación regular si estuvieras sirviendo anuncios para AdMob o algo así, no
estamos haciendo nada de eso, así que solo adelante y di no a eso. Golpea “Submit”. Si te das cuenta aquí, ahora dice en espera de revisión. Eso significa que terminamos con esta parte. Ahora está en manos de Apple que digan sí o no. Si has llegado tan lejos en tus propias felicitaciones, siéntate y espera. Estás a punto de tener listo tu primer pack de pegatinas. Ahora la siguiente pregunta probablemente esté bien, bueno, ¿cuánto tiempo tengo que esperar a que Apple lo revise y ya sea lo apruebe o lo niegue? Honestamente, depende. Depende de cuántos ya sea procesando actualmente. Los he tenido aprobados, a veces tardando tanto como una semana, dos semanas incluso, y lo he tenido es corto, como cuatro horas, solo algo dependiendo del número de apps que estén teniendo que revisar. Entonces ten un poco de paciencia que no tardará demasiado.
18. Proyecto de clase y conclusión: Para el proyecto de clase, lo que quiero que hagas es tratar de hacer tu propio paquete de pegatinas. Haz tus garabatos. Doodle todo el tiempo. Dibuja todo lo que puedas hasta llegar a algo que te guste, que sientas que puedes expandirte, y que puedes conseguir varias versiones diferentes de la misma; sonriente, triste, llorando, lo que sea, quieres conseguir todo el diferentes emociones que puedes. Escanearlas, escanearlas, o tomarte una foto con tu teléfono, no importa. Una vez que tengas esas imágenes, métalas en tu software de edición de imágenes: Photoshop, Corel Draw, lo que sea que tengas. Limpia esos, consigue los colores que quieras, sécalo, hazlo como quieras. Guarda copias de cada uno de esos en los tamaños especificados: 618 por 618 para el grande, 408 por 408 para el mediano, y 300 por 300 para el pequeño, teniendo en cuenta que tendrás que hacer un 1024 por 1024 y un 1024 por 768 para el App Store. Pon algunas fotos en la clase cuando tengas las listas, hazlo enviar, y cuando lo tengas aprobado una vez que esté en la App Store, deja caer un enlace para que otras personas puedan verlo. Esa podría ser una forma de conseguir un poco de tráfico de negocios a tu manera, tal vez conseguir algunas compras en eso. Packs de pegatinas para mí es un montón de diversión. Es una manera fácil de rentabilizar potencialmente algunas de tus obras de arte. De verdad, tu imaginación es el límite porque básicamente cualquier imagen se puede poner en un paquete de pegatinas. No tiene que ser dibujado a mano. Podrías tomar fotos, reducirlas para que quepan, y puedes usar las de la App Store. Puede ser muy divertido y puede ser potencialmente rentable. Creo que para mí uno de los conductores más grandes con
él es que es simplemente genial obtener comentarios de personas fuera
del mundo en mi obra de arte y es genial ver a la gente usarlo y disfrutarlo. Agarra tu bolígrafo, agarra tu lápiz, toma tu bloc de papel, empieza a bosquejar y muéstranos qué se te puede llegar. Te ofreceré cualquier retroalimentación que pueda en el camino, y ojalá se te ocurra algo que represente tu personalidad artística, algo que te puedas enviar, y luego podamos empezar a ver por ahí en iPhones y iPads. Gracias por seguir en mi clase. Espero que hayas disfrutado de esto y te deseo éxito con tus packs de pegatinas. Gracias. Creo que ya terminamos hijo.