Transcripciones
1. Introducción: Hola, ¿no te aburres de enviar y recibir los mismos mensajes navideños cada año? ¿ No te encantaría crear algo nuevo, algo único, algo propio? Ahora, imagina que podrías hacer todo esto desde tu iPad. Bienvenido al iPad Art, crea un GIF para celebrar las fiestas. Yo soy Cova Sandes y estoy aquí para mostrarles mi proceso. Te guiaré todo el camino paso a paso. Todo lo que necesitamos para esta clase, es un iPad, la app procreate en la app ImgPlay. Si eres nuevo en todo esto, no te
preocupes, mantendré las cosas muy simples, y al final de esta clase, habrás hecho un gran GIF para mandar a tus amigos y familiares. Va a ser divertido y fácil. Entonces, ¿a qué esperas? Empecemos.
2. Proyecto de clase: Antes de comenzar la lección hablemos de tu proyecto de clase. Al final de esta clase, tendrás todas las herramientas que necesitas para crear tu propio GIF. Entonces, ¿adivina qué? Tu proyecto de clase va a ser para crear tu GIF. Por favor, asegúrate de guardarlo en tu galería de proyectos hacia abajo para que ya podamos ver. Y ahora empecemos nuestra lección.
3. Herramientas y aplicaciones: ¿ Qué necesitamos para esta clase? Por supuesto estaremos usando nuestros iPads, y luego recomiendo encarecidamente el uso de un stylus. Estaré usando el lápiz Apple, pero puedes usar cualquier lápiz que quieras o que tengas. Ahora, en cuanto a las apps, vamos a la App Store, y la primera app que vamos a usar es la app procreate. Este de aquí. Creo que son alrededor de $10 o $11 pero para mí vale la pena, hago mucho trabajo en mi iPad y uso la app de procreate y es fantástico. Si esta es la primera vez que usas la app, no te
preocupes porque voy a estar haciendo cosas muy sencillas y llevándote paso a paso. La segunda app que estaremos usando es la app imgplay, esta de aquí. Creo que también hay una versión pro de la app donde se quitaron como la marca de agua. Pero para esta lección
, estará bien si obtienes la versión gratuita. Una vez que tengas todo, entonces estaremos listos para continuar con la clase.
4. Inspírate: Ahora busquemos algo de inspiración. Me encanta usar la app de Pinterest y como sabes para esta clase, vamos a estar creando un GIF navideño. Busquemos algunos iconos navideños. Aquí estamos. Entonces como puedes ver, hay mucho. Tenemos el sombrero de Papá Noel, champán, dulces, la campana, las galletas, árboles de
Navidad, Renos, Papá Noel, muñeco de nieve, copo de nieve. Hay cientos de iconos navideños. Creo que voy a estar usando el árbol de Navidad. Los árboles de Navidad son un icono realmente fuerte y
estaré creando un GIF inspirado en un árbol de Navidad. Entonces una vez que elijas tu ícono o si quieres seguir mis pasos. Una vez que hayas configurado tu mente en el árbol de Navidad o en cualquier otro icono. Empecemos a esbozar algunas ideas para un GIF.
5. Primeros pasos: Ahora que hemos reunido algo de inspiración, saltemos directamente a la aplicación de procreate. Creo que esta es la primera pantalla que ves al descargar por primera vez la app, cual tiene algunos ejemplos del arco que puedes hacer dentro procreate pero vamos a crear un nuevo lienzo. Para ello, pulsa aquí el icono más y crea un tamaño personalizado. Ahora, aquí tienes las diferentes unidades en las que puedes tener tu lienzo. Voy a pegarme a los píxeles. Creo que quiero un lienzo cuadrado. Por lo que 3 mil por 3 mil con el DPI de 300 será perfecto. Simplemente pulsa el botón “Crear”, y ya estamos listos para ir. Entonces aquí podemos acercar y alejar pellizcando con los dedos, y también podemos rotar el lienzo, esto es realmente útil porque no tenemos que rotar nuestro iPad mientras estamos trabajando. Ahora para empezar a bosquejar, lo primero que tenemos que hacer es presionar el icono con el pincel, y aquí tendrás todo el menú con los diferentes pinceles que procrea trae. Tengo también algunos que son importantes, puedes hacerlo más tarde. Pero para bosquejar, usaremos los lápices de bocetos y podrás ver que tienes el técnico, HB, Narinder, pastel, 6B, podemos elegir el lápiz Narinder si quieres. Por lo que solo presiona de nuevo el icono del pincel y ya estás listo para empezar a hacer bocetos. Como puedes ver, es bastante sencillo. Puedes hacer con el dedo o puedes usar el lápiz como voy a estar haciendo más tarde. Ahora, cosas que debes saber sobre los lápices para empezar a hacer bocetos, y cosas básicas para usar la app. Aquí puedes variar el tamaño del punto de tu pincel o lápiz. Aquí, puedes variar su opacidad. Por ejemplo, voy a agarrar este pincel de círculo grande que creé. que pudieras ver que el tamaño varía, por ejemplo, tamaño pequeño, algo así, o un tamaño más grande, algo así. Ahora con la opacidad es lo mismo. Se puede ver el rango por aquí, baja opacidad, opacidad media y alta opacidad. Ahora, para borrar, todo lo que necesitas hacer es presionar
el icono del borrador y borrar lo que necesites para borrar. También hay una opción para volver en procreate, que está aquí mismo, esta flecha para retroceder, atrás, atrás, atrás, atrás, adelante, adelante, adelante, adelante. Eso también es útil si quieres borrar sólo el último tipo, lo has hecho. Otra cosa que necesitarás saber, es como el color que ves aquí. Tengo diferentes paletas que he creado o algunas que vienen en procreate pero puedes usar el disco, y moverte por la enorme gama de colores en la rueda o los tonos que
tienes aquí o puedes usar el clásico donde tienes como el color y puedes cambiar el tono y la saturación y el valor del color aquí. O si lo desea, puede insertar un código RGB o código HSP, o incluso el código de color Pantone o crear su propia paleta. Para este ejercicio, estaremos usando la rueda. A mí me gusta porque es simple, y es muy, no lo sé. Sí, divertido usarlo. A mí me gusta usar la rueda. Eso es todo lo que necesitas hacer para empezar a bosquejar. Por lo que seguiremos con ello en la siguiente lección.
6. cómo hacer bocetos;: Ahora que hemos visto las características básicas, vamos a empezar a bosquejar. Elegí hacer un árbol de Navidad así que vamos. Voy a mantener todo muy sencillo para que puedas
seguir y esto va a ser un boceto rudo, muy, muy rudo. Tengo aquí mi árbol de Navidad para darme unos ojos como un bajo, una estrella allá. Pequeños brazos ramificados para que podamos mover esos a tal vez algunas luces aquí y aquí. Podemos tener nieve cayendo. Aproximadamente este va a ser mi personaje. Otras cosas sobre procreate que son muy útiles de conocer. Este icono aquí con el cuadrado sus capas. Se pueden agregar capas, que estaremos usando mucho cuando empecemos a crear los colores y los diferentes elementos hasta ahora un personaje. Se puede deslizar hacia la izquierda y bloquear la capa, duplicarla o eliminarla. Ahora mismo porque sólo estamos usando un boceto, una capa es suficiente. Si hacemos clic en la Capa de datos uno, podemos renombrar también o capa y llamarlo boceto. Otra empinada útil cuando cinta un boceto es este ícono de flecha aquí, tenemos la zona magnética de forma libre. Construimos las asas en las esquinas. Podemos cambiar el tamaño de nuestro boceto, por lo que también podemos moverlo alrededor de nuestro lienzo y colocarlo donde queremos que esté. Cuidado con esto porque si estás haciendo arte final, a veces se pixelan y no es muy bueno pero para bocetos es bueno. Ahora que tenemos a nuestro personaje aquí, vamos a tener como letras de Feliz Navidad o algo por ahí. Ahora que tenemos a nuestro personaje, podemos empezar a pensar en cómo vamos a animarlo. Esto lo veremos en la siguiente lección.
7. Animación: planifica: Ahora que tenemos a nuestro personaje, pensemos en cómo lo vamos a animar y ¿qué queremos animar? Estaba pensando que podríamos animar los ojos, los brazos, las bombillas hacerlos pop en diferentes colores, tener la nevada en el fondo, darle algo de movimiento al texto. Eso nos da cinco elementos. Ahora es muy importante estar organizado. Para ello, haga clic en el icono cuadrado, que es el icono de Capa, y haga clic en el signo más para crear nuevas capas. Necesitamos cinco nuevos. Si haces clic en la capa dos veces, golpea el renombrar y estos van a ser los ojos. Haz lo mismo con los brazos, las luces, la nevada en el fondo, y el texto. Tenemos diferentes animaciones que crear, y la técnica que vamos a utilizar es la animación stop motion. Si no sabes lo que es,
es simplemente cuando tienes un objeto,
tomate una foto de él, tomate una foto de él moviéndote un poco, toma otro, mueve un poco más, toma otro, y te mueves un poco más, toma otro, y luego cuando pones todas esas fotos juntas, crea el movimiento. Porque es un regalo, va a seguir y seguir para siempre. Esto lo vamos a hacer en tres pasos. Al igual que los ojos tendrán tres posiciones diferentes. Los brazos dos, las piernas dos, la nieve dos y el texto dos. Crea otras dos capas, ojos dos. Es muy importante estar organizado, como puedes ver, porque estamos creando muchas capas y puedes perderte. Tenemos la capa de tres ojos. A mí me gusta agrupar mis capas, así puedo, no lo sé. Es solo que me gusta verlos con claridad. Para agrupar las capas, vamos a deslizar hacia la derecha, deslizar hacia la derecha y cuando tengas las tres, solo tienes que hacer click en el grupo. Nuevo grupo, renombrar ojos. Otra cosa que tenemos que hacer ahora es, tenemos el boceto y las diferentes cosas que vamos a animar, pero necesitamos otra capa para las cosas que se van a quedar quietas, que voy a llamar como el cuerpo. Necesitas hacer estas capas extra con el resto de los elementos,
los brazos, las luces, la nieve, y el texto. Tendré esto listo en el siguiente video, que podamos empezar a crear nuestro GIF final.
8. Animación: la base: Tiempo de conseguir dibujo. En primer lugar, déjame mostrarte. Como les dije, tengo todos mis grupos y todas las 1, 2, 3 capas dentro de ellos. Ahora, estoy en mi capa corporal donde
estaré creando las partes del personaje que no se van a animar. He bajado la opacidad de mi capa de boceto con solo hacer clic en el extremo aquí, tire hacia abajo un poco para que no me moleste demasiado. Ahora, para empezar a dibujar mi personaje, voy a usar el bolígrafo de entintado, el de estudio está bien, y un color verde. Si quieres dibujar líneas rectas, todo lo que tienes que hacer es iniciar la línea, dibujarla y esperar, y como puedes ver, encaja, se convierte en una línea recta. No tienes que dibujarlos directamente si no quieres pero yo voy a hacer esto ahora. Se puede acercar y cerrar un poco eso ahí. Ahora que hemos creado nuestro perímetro en la capa corporal, podríamos simplemente colorearlo. O otro lindo truco es que cuando tienes un perímetro cerrado, solo
lo arrastras por dentro y pop. Ahí está. Estoy pensando que voy a crear otra capa para la base. Voy a hacer clic en el signo más, renombrar base, voy a tirarlo hacia abajo, y va a tener un color marrón, ciérralo, porque está debajo de la capa, no va arriba. Creo que lo voy a dejar así por ahora. A lo mejor puedo darle la vuelta un poco. Para darle la vuelta, basta con hacer clic en el magnético y con mucho cuidado, ahí vamos, creo. Nosotros también podemos moverlo, ahí está. Tenemos nuestra base para nuestro personaje, y ahora empecemos a dibujar las características que vamos a estar animando.
9. Animación: los ojos: Ahora seguiremos con los ojos. Entonces ve al “Grupo de ojos”, “Posición ocular número 1". Seguiré usando el bolígrafo de estudio, agarraré el color blanco y acerquemos para crear un ojo. Arrastra y suelta. Ahora te mostraré otra cosa que puedes hacer para crear justo el mismo ojo, primero voy a poner el negro en el ojo. Ahora si quieres crear exactamente lo mismo,
solo tienes que deslizar hacia la izquierda, duplicar, agarrar la flecha y moverla. Vuelve a hacer clic en la “flecha”. Ahora necesitas pellizcar a esos dos juntos, y tienes la capa de ojos, ambos en la misma posición del ojo. Por lo que ahora queremos crear dos posiciones diferentes para los ojos. Entonces, ¿qué va a estar haciendo el árbol? ¿ Queremos que guiñe? Sí, podríamos hacer eso. Entonces vamos a “Ojos 2". Para seleccionar el mismo color que has elegido, solo tienes que presionarlo. Aquí verás el color que has agarrado. Si quiero el negro, negro. Si quiero el blanco, el blanco. El Verde, verde. Para crear otro par de ojos, voy a estar usando el blanco. Necesito bajar un poco la opacidad aquí, para que pueda ver claramente en dónde estoy coloreando. Quiero hacer mi sartén un poco más pequeña. Puedes colorearlo o arrastrarlo. Eso es demasiado grande porque ves la que tenía aquí antes, no
es tan grande. Ahora haz lo mismo con esto. Nosotros lo duplicamos. Agarra la flecha, ponla aquí, colócala. Por lo que los junto y aquí tenemos la posición ocular número 2. Ahora con el último, sólo
voy a trazar una línea. Bajar la opacidad de estos dos. Asegúrate de estar en la capa correcta. El árbol está totalmente guiñando aquí, debería ser así. Entrará esto a sonreír? Sí. Tira de ella así. Por lo tanto, asegúrate de que la opacidad esté encendida de nuevo. Ahora tenemos las tres posiciones oculares, 1, 2 y 3. Agarra la goma de borrar, revisa estos ojos y empieza un poco con el guiño. Haremos que el personaje sea más lindo. Déjame revisar, se está moviendo del 1-2-3. Entonces tenemos la capa de tres ojos, y ahora pasemos al brazo.
10. Animación: el brazo: Hora de los brazos. Grupo de brazos; brazo capa 1, recogiendo el color marrón que tenía, y asegúrate de que mi pluma esté donde quiero que esté. Está bien. ¿Cómo queremos que se muevan los brazos? Pienso desde esta posición, esta posición y esa posición, como subir y bajar. Entonces, son dos. Por supuesto que podrías duplicar cada capa y rotarla en lugar de dibujarla de nuevo. Pero lo estoy haciendo de esta manera porque creo que es más rápido y no necesito que los brazos sean exactamente los mismos. De acuerdo, entonces tenemos los brazos ahora vamos a pasar a las luces.
11. Animación: las luces: Para las luces, estaba pensando que quiero ser los acordes en una capa estática. Simplemente crearé una nueva capa y necesito los acordes, luego para el color, quiero usar un verde más oscuro. Asegúrate de que mi pincel esté donde quiero que esté y solo dibuja unos acordes. Ahora iremos al grupo de luces, luz número uno capa. Ir a elegir un amarillo para esto y dibujar algunas luces. El segundo color de rosa. Voy a hacer exactamente lo mismo en la capa número dos. Primero voy a bajar la opacidad aquí, pero aquí donde están las luces amarillas, voy a poner las rosas y en las rosas,
las amarillas, por lo que crea como un movimiento. Tengo mi color rosa seleccionado. Primero necesito asegurarme de que la capa esté encendida y solo algunas luces rosas y ahora algunas amarillas. Ahora haré lo mismo para la tercera capa. Apagaré esto,
bajaré la opacidad aquí, tengo mi color amarillo encendido. Luces amarillas, claro que podría duplicar la primera capa y luego convertirla en mi capa número tres pero porque las estoy dibujando de nuevo y no están exactamente en el mismo lugar, esto también creará un movimiento. Ahora me aseguro de que la opacidad esté en 100 por ciento para las tres capas y estamos listos para continuar con la nieve.
12. Animación: nieve: Para esta nieve cayendo y quiero que sea ancha, así que voy a necesitar cambiar mi fondo para hacerlo, podrías bajar a este color de fondo y cambiar aquí. Surge el testamento y se puede cambiar el color aquí, pero porque a veces juego un poco con el fondo de tierra y las texturas. A mí me gusta crear un color de fondo propio. Aquí estamos y arrástrelo hasta el fondo si me deja que sí, y déjame ver de qué color quiero? Pálido, rosa o azul pálido? A lo mejor este, no me gusta. Esto está bien, ahora
subamos a un grupo de nieve y a la nieve. Todo lo que tienes que hacer es conseguir el color blanco B y la capa studio pan va a poner el tamaño de la cama y solo hacer algunos puntos. No voy a hacer que vengan encima del árbol porque no quiero afectar como los ojos o la boca. Yo quiero que quede claro así que solo los estoy poniendo ahí, así que ahora podrías duplicar esta capa y luego moverla un poco hacia abajo, pero me gusta acercarme a ella. oops atrás, porque puedo cambiar el tamaño dependiendo de la presión que ponga en mi pluma, y eso se ve bien también, así que solo intenta poner un punto debajo de los que ya has hecho y la capacidad igual con la capa número tres o más o menos cerca de ella, para darle ese sentido del No de Pauling, no tiene que ser. En realidad puedes poner algunos extra si quieres. Baja la opacidad, lo siento, sube la opacidad, asegúrate de que estén bien, y ya terminamos con esto. No, podemos pasar a las letras y al texto.
13. Animación: el texto: Tiempo para el texto. El app Procreate no tiene texto dentro de ella. No podemos teclear, así que tendremos que escribirlo a mano. Voy a elegir algún color azul para ello y estaba pensando que porque tenemos nieve cayendo en el fondo, entonces tal vez podamos escribir dejarlo nevar. No soy un experto en letras de mano. Pero está bien. Esto es para tus amigos y familiares para que cuanto más personal se ponga, mejor. A mí me gusta. Ahora vamos al texto número dos. Bajamos la opacidad y todo lo que tienes que hacer es escribir encima de ella. Naturalmente quieres escribir exactamente en el mismo lugar. Cuando hagamos el movimiento stop motion, será como un texto tambaleante. Realmente agradable. Texto tres. Recuerda volver a configurar la opacidad a 100 de nuevo. Estamos listos para exportar.
14. Exportar de Procreate: terminamos con el dibujo por lo que ahora, es momento de exportar. El primero que vamos a hacer es
asegurarnos de que esta capa de Sketch esté apagada. Ahora, por cada una de las capas, por cada grupo que tenemos aquí que se va a mover, tenemos que apagar la segunda y tercera capa, así que en los Ojos,
en los Brazos, en las Luces, la Nieve, y el Texto. Ahora, llegamos al icono de herramienta, click en Compartir, JPEG, Guardar imagen. Nosotros vamos a hacer lo mismo, pero esta vez, dejando sólo la segunda capa encendida. Es por eso que estar organizado es realmente importante,
porque ahora, es fácil saber qué capas necesitas encender y apagar al exportar, y menos tiempo. Dejamos la tercera capa encendida y guardamos imagen. Está bien. Ahora, estamos listos para pasar a ImgPlay.
15. Crea el GIF: Ahora tenemos que abrir el ImgPlay en tu iPad y tienes todas las imágenes de la biblioteca que tienes ahí dentro. Asegúrate de elegir los últimos tres que has exportado y haz clic aquí en el icono Make. Ahora como ves, convierte automáticamente tus tres imágenes en un GIF. Aquí puedes hacerlo ir más rápido o hacerlo ir más lento. Es sólo cuestión de lo que quieras. Ahora porque vamos de la imagen 1 a 2 a 3 y luego de la imagen 3, salta directamente de vuelta a una, me gustaría volver a poner la segunda imagen para que tenga una mejor sincronización; no salta tanto. Basta con dar click aquí para añadir una nueva imagen, en el ícono con seis casitas. Haga clic en el botón Agregar. Vuelve a elegir tu segunda imagen. Da clic en Agregar y puedes ver aquí ha insertado otra vez una segunda imagen. Después dar click en Listo. Ahora sólo tenemos que ver qué tan rápido queremos que se vaya. Creo que éste es bueno para mí. Si estás listo entonces, solo
tienes que dar click en Siguiente y puedes dar click en Guardar. Entonces puedes guardarlo como un GIF de alta calidad. Eso va en opciones GIF Looping y siempre elijo el Forever así. También me gusta guardarlo como video con la alta calidad que se repite tres veces por si acaso quiero subirlo a mis historias de Instagram o donde sea. Estamos todos terminados. Ahora si vas a tu fototeca, puedes ver aquí, tu video GIF. Ya estás todo listo para iniciar tu proyecto.
16. Reflexiones finales: Oye. Ya se acabó la clase y has creado un regalo maravilloso. Muchas gracias por ver mi clase. Ha sido un verdadero placer enseñarte mi proceso. Por favor sí comparte lo que creas en la galería Proyecto a continuación, para que pueda verlo. Además, si quieres, puedes seguirme aquí en Skillkshare, para obtener todas mis actualizaciones. Ahora, ve y diviértete con tus regalos.
Cova Sandes (Pintik Studio), Creative entrepreneur
