Ilustración digital: diseño de mandalas en el iPad Pro

1. Introducción: Oigan a todos. Yo soy Justine. Estoy súper emocionado de compartir contigo mi primera clase aquí en Skillshare todo sobre el diseño de mandalas en el iPad Pro. Estoy a punto de entrar en mi cuarto año estudiando diseño gráfico en la Universidad OCAD, aquí en Toronto. También he sido la diseñadora principal para Colorear Broadway desde hace un par de años. Gran parte de mi trabajo actual todo ha derivado de una cuenta de Instagram que empecé hace años donde acababa de publicar garabatos en los que estaba trabajando. Diseñar mandalas es una parte enorme de mi trabajo. Por lo que pensé que sería la habilidad perfecta para enseñar en mi primera clase. A lo largo de este curso, te voy a enseñar a dibujar mandalas en Procreate en el iPad Pro. También vas a aprender a trabajar entre Procreate y Adobe Illustrator para crear una obra vectorizada final. Al finalizar este curso, tendrás tu propio diseño de mandala y las herramientas para poder crear otros nuevos por tu cuenta. Esta clase es para todos los niveles de habilidad, desde principiante completo hasta experto en mandala. Esta clase es realmente para cualquier persona, desde aficionadores hasta alguien que esté buscando hacer una carrera fuera de la ilustración. También puedes utilizar las técnicas aprendidas en esta clase para aplicarlo a otras áreas de ilustración para crear algo más que un mandala. Al final de esta clase, estarás mucho más familiarizado con Procreate y específicamente con el Drawing Assist para crear diseños simétricos. También tendrás una mejor comprensión de cómo usar Adobe Illustrator para crear una ilustración vectorizada. 2. para principiantes: introducción a Procreate: Esta primera lección está dirigida a principiantes de la app Procreate. Vamos a correr brevemente por la interfaz y señalar herramientas en las que estaremos centrándonos en este curso. Si ya estás familiarizado con Procreate, puedes saltar a la lección 2. Cuando abras por primera vez Procreate, verás tu página de galería. Aquí es donde permanecerá toda su obra de arte. Para crear un nuevo documento, haremos clic en el signo más y haremos clic en “Crear tamaño personalizado”. Tendremos que cambiar las medidas dos pulgadas y luego el ancho a ocho y medio y altura por 11. Puede mantener el DPI como 300 y el ajuste de color tal como está, y presionar “Crear”. Este de aquí es tu Lienzo. Lo que me encanta de trabajar con el iPad es que puedes acercarte y moverlo con tanta libertad para que puedas obtener la posición de dibujo más cómoda. Arriba en la esquina superior derecha está tu rueda de color. En la rueda exterior aquí, puedes cambiar el color y la rueda interior cambia los tintes y tonalidades. En la vista clásica se utilizan estos deslizadores. Este valor es donde puedes poner en el código hexadecimal si tienes uno. Después paletas, puedes usar paletas de colores preexistentes o hacer las tuyas propias. Por ahora, mayormente usaremos el negro. Voy a volver a la vista clásica y asegurarme de que el icono esté en la esquina inferior izquierda. Si no estás seguro, si estás usando un negro verdadero o un blanco verdadero, puedes entrar en la vista de valor y comprobar el código hexadecimal. El código para negro siempre es de 6€ y el código para blanco es de seis F's. Siguiente es tu panel Capas. Aquí es donde separaremos tus capas de cuadrícula, boceto, contorno y colores.Esta letra N es algo que estaremos usando al hacer clic en ella, puedes comenzar a controlar la opacidad de la capa y los diferentes modos de fusión. Al lado de las capas está tu borrador. Aquí hay una herramienta de manchas, pero normalmente no la uso. Por último, aquí está tu icono de pincel. Como puedes ver al hacer clic en él, hay toneladas de diferentes opciones de pincel e incluso la capacidad de importar las tuyas propias. En el lado izquierdo de tu Lienzo, verás dos deslizadores, el superior controla el tamaño de tu pincel, como puedes ver aquí, el inferior cambia la opacidad de tu pincel. Normalmente tampoco uso esto, así que mantendremos eso al 100 por ciento. Aquí abajo está tu botón Deshacer, que definitivamente uso mucho. Aquí arriba está tu herramienta de selección, que es en lo que puedes hacer clic para mover y cambiar el tamaño de las cosas que has dibujado. Hablaremos de algunos de estos otros controles dentro de la lección. Esta es una herramienta de selección más avanzada que en realidad tampoco utilizo, por lo que no estaremos hablando demasiado de ello en este curso. A su lado está tus ajustes de capa. Nuevamente, uso esto con mucha poca frecuencia, pero es bueno recordar que Procreate tiene todas estas funciones que normalmente necesitarías, algo así como cerca para. Por último, este ícono de llave es donde estaremos agregando fotos y configurando tu grano de Canvas, y finalmente compartiendo tu obra de arte. El botón de galería te trae de vuelta a tu página de inicio. Nuestra siguiente lección, estaremos configurando tu obra de arte para empezar a hacer bocetos. 3. Cómo configurar tu obra de arte: Ahora que sabemos un poco más sobre la App Procreate, podemos comenzar a configurar nuestra obra de arte. Si te saltó la lección número uno, solo asegúrate de tener una configuración de documentos 8.5 by 11. Necesitarás la cuadrícula de Mandala para esta lección. Entonces si aún no lo has hecho, puedes descargarlo de los archivos del proyecto y solo asegúrate de guardarlo como una imagen en tu iPad. Para acceder a nuestra red, vamos a dar clic a la llave pequeña, haga clic en Agregar e Importar foto. Deberías tener tu cuadrícula en tu biblioteca de imágenes del iPad. Porque hice la rejilla 8.5 por 11, debería encajar perfectamente a tu lienzo. Ahora podemos hacer seleccionarlo. Ahora deberías ver tu cuadrícula en el panel Capas y si hacemos clic en la capa, podemos renombrarla y teclearla en cuadrícula. A continuación, queremos bajar su panza de esta capa, ya que estaremos diseñando encima de ella, haga clic en el n, y podemos bajar la opacidad a alrededor del 20 por ciento. Ahora vamos a hacer una nueva capa haciendo clic en el plus. Cambiemos el nombre de eso para bosquejar. Para esta capa, vamos a activar nuestra configuración de Canvas. Haga clic de nuevo en la llave inglesa, haga clic en lienzo y encienda la guía de dibujo. Como puede ver, el valor predeterminado es una cuadrícula cuadrada que deberá cambiar haciendo clic en Editar guía de dibujo. Ahora haz clic en simetría y verás si aparecen iconos en la parte inferior. Haga clic en el último, que es la simetría radial. Aquí es importante asegurarse de que el dibujo asistido esté encendido. Ya que alguna vez poseemos la cuadrícula, podemos bajar el color de ésta al blanco y luego hacer click done. Por lo que no podrás ver nada diferente, pero sabrás que está funcionando si tu dibujo se está repitiendo simétricamente alrededor del centro, así. Hasta ahora, deberías tener tu capa de rejilla y una capa de boceto que diga asistida debajo. Ahora estamos listos para estar en bocetos. 4. Bocetado: contornos: En los archivos del proyecto, encontrarás cada hoja de búsqueda. En la hoja he incluido mis hojas go-to y diseños de fallas y es lo que estaré usando en esta clase. Cuando empecé a dibujar mandalas, me pareció útil mirar otros diseños línea y realizar esto para crear mi propio estilo. Por lo que ojalá, esta investigación, ella pueda ayudarte a hacer eso. Para esta capa de boceto, me gusta usar un ajuste de pincel que se siente como un lápiz. Entonces haremos clic en pinceles, haga clic en bocetos, y vamos a usar lápiz HB. Para empezar, me gustaría usar un círculo en el centro como mi base. Por cualquier razón, casi siempre empiezo con los pétalos redondeados. Simplemente encuentro que llenan los espacios más pequeños lo mejor. No te preocupes demasiado por lo limpias que son las líneas, ya que esto solo es una capa de boceto y solo estamos planeando el mandala. Una de mis cosas favoritas que hacer con los mandalas es delinear tu capa de formas. Me parece que porque suele pasar mucho dentro del diseño, parece claro agregar este tipo de división entre capas. Lo que personalmente me gusta hacer para planear mis mandalas es elegir dos o tres de estas formas externas básicas y una especie de alternar entre ellas, tal vez lanzando una capa dos para romperlas. Entonces desde que empezamos con los pétalos redondeados, podemos saltarnos un par de capas y añadirlas de nuevo, tal vez por aquí. Nuevamente, agregue los contornos para dividir las capas. Ahora entre estas capas, vamos a escoger otra forma. Mi favorito quiere combinar nuestros, redondeados y los pétalos puntiagudos. Entonces usemos los puntiagudos a continuación. Asegúrate de empezar en la línea de 90 grados. Ahora, puedes hacer que estos sean tan anchos o tan estrechos como quieras. Personalmente me gusta hacerlos un poco más amplios. Ahora, en lugar de repetir esto de nuevo, aquí arriba, démosle un poco de espacio para que no sea demasiado de lo mismo. Podemos añadir el punto en pétalos otra vez unas capas más tarde y tal vez hacerlos más altos. Normalmente no me gusta delinear los pétalos puntiagudos. Entonces en cambio podemos simplemente cerrar esto con otro círculo y delinear eso. Ahora que aquí tenemos este círculo cerrado, es un buen punto para reintroducir los pétalos redondeados. Cuando me alejo del centro, me gusta dividir estos espacios en dos. Simplemente prefiero agregar formas más pequeñas ya que hace que su diseño parezca más detallado. Simplemente puedes hacer un globo ocular en el medio de cada sección, no tiene que ser exacto. Demos esos y esbozemos también para mantener la consistencia. Ahora, creo que podemos volver a agregar los pétalos puntiagudos y solo podemos cambiar el talador diseñado para que parezca diferente. Entonces hagámoslo otra vez aquí arriba y cerrémoslo con el círculo y un contorno. Ahora que hemos llegado a las esquinas, no me gusta introducir nuevas formas o diseños. Por lo que suele volver a lo que empezaste, que eran los pétalos redondos. Nuevamente, podemos dividir el espacio en dos y añadir un contorno. Ahora solo estamos tratando de cerrar el espacio para poder añadir otro pétalo puntiagudo. Ahora tenemos un gran contorno para el diseño y salimos y regresamos y agregamos detalles más finos a continuación. 5. Bocetado: detalles: Ahora que tenemos nuestro esquema, podemos empezar a agregar detalles más finos. Voy a sacar de la hoja de recursos para que puedan hacer referencia a eso a medida que avanzamos. Mi ir a es agregar generalmente una línea interior y luego otro relleno si es necesario. Empecemos agregando una línea interior tanto dentro como fuera de estos pétalos aquí, ya que tenemos espacio para ello. Ahora realmente puedes elegir los rellenos que quieras. Creo que quiero agregar las líneas descendentes a la forma. Solo agreguemos una sola línea aquí. Eso no está demasiado vacío pero tampoco demasiado ocupado. Añadamos nuevamente una línea interior para estos pétalos redondeados. Ahora como aquí no tenemos una forma externa, queremos algo que sea más lineal y que pueda repetirse. Podemos tomar algo así como el relleno de burbujas y alternar de qué manera están enfrentando. Para mí eso sigue pareciendo un poco vacío, así que solo podemos agregar líneas curvas para dividir aún más el espacio. A medida que avanzamos hacia arriba, podemos hacer lo que hicimos a lo largo de la parte inferior, que es agregar las formas internas una vez más. Repitamos de nuevo esas líneas descendentes aquí arriba. Ya que tenemos más espacio en estos pétalos y podemos hacer más que una sola línea. Creo que ya sea alineando completamente la forma o usando medias líneas puede funcionar aquí. Hagamos las líneas completas. Ya que hemos señalado pétalos por tercera vez, introduzcamos algo un poco diferente. A mí me gusta guardar las formas de lágrima para espacios más grandes, así que usémoslas aquí. Podemos continuar con el patrón de usar esas líneas descendentes aquí. Para rematarlo, traeré de vuelta las líneas interiores para estos últimos pétalos. Una vez que estés contento con tu boceto, puedes desactivar la cuadrícula para darle un mejor aspecto. Ahora podemos pasar a agregar capas finalizadas más limpias. 6. Finalización de tu esquema: Ahora que tenemos un boceto final, podemos entrar en nuestro panel Capas y desactivar nuestra capa de rejilla y bajar nuestro boceto, capa y opacidad. Puedes dejar la cuadrícula encendida si lo deseas, y solo tenerla a baja opacidad también. Ahora, necesitamos una nueva capa y cambiemos el nombre de ese contorno. Queremos la asistencia de dibujo en para esto también. Entra en tu Canvas y asegúrate de que la asistencia de dibujo esté activada. Puedes comprobar que diga asistido en tu panel Capas también. Para mis contornos, me gusta usar el aerógrafo duro. Bajemos el tamaño de eso a cerca de tres por ciento. Encuentro que este es un grosor agradable de usar ya que no es demasiado grueso, pero tampoco es demasiado delgado. Ahora todo se trata de usar la característica de forma rápida de procreate. Tenemos que dibujar una línea o forma y sostenerla. Se fijará en línea suave. Crear tus contornos finales también es mucho ensayo y error. Vuelvo a dibujar líneas varias veces hasta que estoy contento con ello y uso el botón de deshacer, con frecuencia. Para los pétalos redondeados, me gusta usar forma rápida para hacer una línea recta y luego curvas a mano alzada. Para los pétalos de flores, ya que pueden ser un poco difíciles de dibujar, hay otra forma de crearlos para asegurarnos de que todos tengan el mismo aspecto. Abre tu panel Capas y crea una nueva capa y asegúrate de que la asistencia de dibujo esté activada. Todo lo que tenemos que hacer ahora es dibujar uno y medio del pétalo y asegurarnos de incluir también el interior del mismo. Ahora podemos duplicar esta capa entrando en el panel Capas y deslizando la capa hacia la izquierda y golpeando duplicado, luego golpeando la herramienta de selección. Ahora podemos hacer click, rotar 45 grados. Ahora tienes todos los pétalos luciendo exactamente igual. Para combinar estas capas, solo puedes pellizcarlas con los dedos, asegurándote de tocar las capas inferior y superior y simplemente arrastrarlas juntas. Ahora se convierte en una sola capa. Esa es solo otra forma de hacerlo si estás teniendo problemas para dibujar cada uno individual. Para estos círculos más grandes, me gusta usar forma rápida para una porción de ella y luego entrar y arreglar las partes donde se juntan. Ahora podemos repetir las mismas técnicas para estos pétalos redondeados. Para algunas de estas líneas más finas, puedes jugar con diferentes tamaños de pincel. Bajémoslo a cerca del dos por ciento y probemos eso. Tener tus detalles en un pincel más delgado puede darte un diseño y una agradable sensación de aspecto en capas. Dado que esto es sólo una línea, volvamos a llevarla de vuelta al tres por ciento. A medida que llegues a las áreas más grandes de tu diseño, trata de aflojar la muñeca y usa trazos más grandes. Sé paciente y no te preocupes por conseguir la línea perfecta. Siempre puedes entrar con el borrador y afinarlo. Para las burbujas, siempre uso forma rápida para hacer los círculos. La parte bonita de esto es que puedes redimensionarlos al dibujar. Ten en cuenta que si lo agrades demasiado, el trazo comenzará a romperse y si es demasiado pequeño, el trazo aparecerá mucho más grueso. Trata de dibujar alrededor del tamaño al que vas. A medida que sigas dibujando, recuerda cambiar tu pincel al tamaño más pequeño para los detalles más finos y luego volver a tu tamaño normal para el resto. Diviértete con esta parte. Ya que ya tienes todo planeado, esta parte puede ser bastante descerebrada y relajante. Puedes poner música o lanzar Netflix, lo que sea que disfrutes. Ahora que tenemos un contorno final, podemos anular la selección de las capas de rejilla y boceto para que realmente podamos ver nuestro dibujo. Bueno, realmente me encanta cómo se ve esto. Al final, me gusta volver a entrar y añadir puntos a mi dibujo. Voy a mantener mi pincel al tres por ciento y solo acercar y empezar a agregar puntos en cualquier espacio que sienta podría usar un poco de algo extra. Porque sólo queremos que los puntos de un lado de esta burbuja se deshagan del otro lado, necesitamos desactivar la asistencia de dibujo. Podemos usar el borrador libremente y deshacernos de los puntos duplicados. Cuando hayas terminado de borrar, asegúrate de volver a poner el asistente de dibujo. Esta parte realmente está a tu gusto. Puedes agregar tantos o tan pequeños puntos como quieras, yo personalmente tiendo a ir un poco por la borda y simplemente tirarlos en cada capa, pero realmente puedes ponerlos donde quieras o no los uses en absoluto. Depende totalmente de ti. Para terminar esto, volvamos a traer la cuadrícula y tal vez añadamos un círculo interno más. Asegúrate de que tu pincel esté al tres por ciento de nuevo o con lo que hayas empezado, y solo tienes que añadir un círculo aquí. Está bien, genial. Ahora estamos listos para finalizar. 7. Vectorización en Adobe Illustrator: Ahora que tenemos un diseño terminado, podemos llevarlo a Adobe Illustrator para vectorizarlo y agregar color. Si no tienes acceso a Adobe Illustrator o simplemente no quieres usarlo, definitivamente puedes quedarte en Procreate y añadir color a partir de ahí. Para esta lección, la voy a traer de Procreate a Illustrator y añadir color a partir de ahí. Ahora para enviar su trabajo final a su computadora, desea volver a hacer clic en la “llave inglesa” y hacer clic en “Compartir”. Normalmente exporto como JPEG. Ahora asegúrate de que tu AirDrop esté encendido en tu Mac para que puedas transportar instantáneamente tu trabajo de arte.Si no puedes usar AirDrop, puedes enviarlo por correo electrónico o donde más estés acostumbrado. Una vez que localice su obra de arte en su computadora, puede arrastrarla a Adobe Illustrator para crear un nuevo archivo. Lo primero que tenemos que hacer es asegurarnos de que el tablero de arte sea del mismo tamaño que nuestra obra de arte. Haga clic en el icono de “Mesa de trabajo” aquí abajo. Haga clic en “Objeto," tableros de arte, ajuste a límites de obras de arte. Ahora tu Obra debería ser 8.5 por 11. Ahora podemos hacer clic en la herramienta “Selección” y seleccionar la Obra de arte y hacer clic en “Rastreo de imagen” por defecto. Si el botón Rastreo de imagen no estaba por aquí, siempre puedes ir a Rastreo de imagen de ventana. Por lo que ahora necesitamos arreglar los ajustes haciendo clic en el cuadro de diálogo y bajando avanzado. Siempre traigo los caminos establecidos bastante altos porque esto los hace un ajuste más apretado y los hace parecer más lisos. Como puedes ver, estamos perdiendo un poco de detalle con todos los puntos. Para arreglar eso podemos bajar el ajuste de Ruido. Eso se ve bastante bien. Una vez que estés contento con eso, puedes cerrar la caja y ahora estamos listos para empezar a agregar color. 8. Elección de una paleta de colores: Ahora estamos listos para elegir un esquema de color, que puede parecer una tarea un poco desalentadora, y muchas veces me cuesta con ella. Pero por suerte, hay muchos recursos en línea para ayudarte a encontrar inspiración de color. Mi favorito actual se llama Color Hunt. Aquí tienes un recurso creado por Gal Shir. Si nunca has visto su trabajo, te exhorto a que lo revisen. Lo que me encanta de Color Hunt es que las paletas se ponen en categorías que te muestran lo que es de moda y popular, pero también podrías buscar un color específico. Entonces si eliges un color que te guste, obtendrás todas estas paletas que están girando en torno al color elegido. Además, si pasas el cursor sobre cada uno, obtendrás el código de color. Si nunca has trabajado con códigos de color antes, es bastante sencillo. Puedes hacer clic aquí para copiarlo, y luego en tu ilustrador, si haces doble clic en tu relleno y lo pegas en este cuadro, obtendrás el color exacto. Otro buen recurso es Adobe Color. Aquí mismo. Esto te da más libertad para personalizar tu esquema de color. Se llega a elegir entre todos estos diferentes tipos de esquemas de color y luego moverse alrededor de los recolectores de color. Creo que usaré tríada para la mía para que pueda conseguir tres colores separados. También se llega a barajar estas muestras de color alrededor para que puedas ver lo que se ve mejor uno al lado del otro, y así se te dan los códigos de color aquí abajo. Creo que lo moveré hasta que consiga algo bonito y brillante, y tal vez bajen un poco estos. Eso se ve bastante bien. Tengo tres colores brillantes distintos y luego un par de más oscuros si quiero tener algo que se vea un poco más sombreado. Si has iniciado sesión en Adobe, podrías guardar el esquema de colores, pero lo que suelo hacer es tomar una captura de pantalla. Para ello, puedes hacer clic en Mayús, Comando 4 en tu Mac y luego arrastrar una ventana a través de las casillas como esta. Ahora podemos volver a Illustrator y arrastrar la captura de pantalla en. A mí me gusta hacer esto para que tenga aquí la visual del tablero. Ahora lo que podemos hacer es usar la herramienta cuentagotas para recoger cualquiera de estos colores. Genial. Ahora que tenemos un esquema de color, estamos listos para convertir esto en un grupo de pintura en vivo y comenzar a colorear. 9. Colorear tu diseño: Ahora que tenemos un esquema de color listo para salir, necesitamos convertir nuestra obra de arte en un grupo rosa vivo. En primer lugar vamos a seleccionar la obra de arte y hacer clic en “Expandir”. Ahora necesitamos darle un borde mediante el uso de la herramienta de rectángulo. Intenta empezar justo en la esquina superior y haz clic y arrastra hasta la parte inferior. Para asegurarnos de que sea exacto, podemos entrar en las dimensiones aquí y teclear 11 pulgadas por 8.5. Entonces podemos ir a Ventana Alinear. Se asegura de que muestra alinear a tablero de arte. Haga clic en este para alinear horizontal y a línea vertical. Ahora estará perfectamente en el centro de tu tablero de arte. No queremos que este tablero tenga ningún color, así que asegúrate de que tanto el relleno como el trazo estén establecidos en ninguno. Ahora podemos volver a nuestra herramienta de selección y seleccionar tanto el borde como la obra de arte. Ir a “Objeto”, “Pintura en vivo”, “Hacer”. El motivo por el que agregamos un borde es para que se encerren las formas que se van fuera de la página. Por lo que ahora podemos ir a encontrar nuestro icono de cubo de pintura en vivo. Si no lo ves aquí, puedes hacer clic y mantener presionada la herramienta constructor de formas hasta que veas cubo de pintura en vivo. Ahora, cuando pases por encima de tu diseño, verás que cada forma es un objeto rellenable. Ahora podemos usar la herramienta cuentagotas para seleccionar un color y volver al cubo de pintura y comenzar a colorear haciendo clic en la forma. Si accidentalmente haces clic en el trazo como acabo de hacer, puedes ir a deshacer o comando Z en tu teclado. Para acelerar tu flujo de trabajo, puedes hacer clic en “I” en tu teclado para obtener tu herramienta cuentagotas de ojos. Después puedes hacer clic en la letra “K” para volver a tu cubo de pintura. Esto es útil saber porque vas a ir y venir entre estas herramientas a menudo, Ahora solo diviértete colorando. Una vez que estés contento con tu diseño final, puedes ir a “Archivo”, “Exportar”, “Exportar como”. Asegúrese de que JPEG esté seleccionado y checkoff use tableros de arte rango 1. Asegúrese de que la calidad esté al máximo y que el DPI sea al menos 300. 10. Reflexiones finales: Una vez que tienes una obra de arte final, las posibilidades son realmente infinitas. Si quieres imprimir tu obra de arte, envíala a Vector. Podrías imprimirlo tan grande como quieras sin comprometer la calidad. También puedes subir tu trabajo a diferentes sitios como Redbubble y Society6 para que se imprima en diferentes productos. No olvides compartir tu trabajo en la clase de Skillshare para que pueda comprobarlo, y siéntete libre de comentar sobre el trabajo de otro alumno también. Muchas gracias por tomar esta clase. Me divertí mucho haciéndolo y espero que te diviertas también, y que seas capaz de quitarte algo valioso. Si tienes alguna pregunta en absoluto, siéntete libre de contactarme. Mi mango de Instagram está en la descripción. Si te interesa tomar más de mis clases, asegúrate de seguirme en Skillshare para que puedas obtener todas las actualizaciones. Nos vemos la próxima vez.