Fauxsaics en Procreate - Crea un falso efecto de mosaico con lettering a mano en tu iPad

1. Introducción: Siempre me gustan los azulejos, los mosaicos y Mondelez. Nuestro proyecto de arte favorito con mi hija en realidad es crear mosaicos de papel. También me encanta implementar la esterilización en mi arte en términos de descomponer una forma compleja en otras más pequeñas, con la implementación de un pequeño espacio en blanco en el medio. Una vez estuve investigando las baldosas marroquíes y me encontré con el ártico del Nick Misani, quien crea falsos diseños de baldosas de mosaico en Illustrator. Los estilos que creó lo hicieron famoso y en su mayoría crea topografía de nombres de ciudades. Es que un estilo amazinig que tiene hasta un hashtag en Instagram. Muchos artistas de todo el mundo intentan implementar esta técnica en su arte. También pensé, ¿cómo puedo hacer que esto suceda en Procreate? Para los que me ven por primera vez, mi nombre es Alexandra Gabor y soy profesora de arte profesional y artistas. También tengo más de 10 años de experiencia en diseño gráfico y me encanta probar nuevas técnicas. Si veo alguna pieza de arte hermosa o interesante, empiezo a pensar en cómo crearla de la manera más fácil, un proceso más simple, principalmente por mi cerebro maestro, que pueda explicarlo a un principiante. Voy a aplicar esto en esta clase también. Crearemos un simple lettering a mano y lo convertiremos en fauxsaic. ¿Lo estoy pronunciando bien? Esta clase es ideal para principiantes, pero para el tipo de principiantes que ya sabe cómo funciona Procreate porque aunque voy a comentar cada paso, puede ser rápida y exigente. Asegúrate de ver una clase de Intro to Procreate aquí en Skillshare y luego mira esta clase y la guiarás. No necesitas saber cómo entregar carta. Recogerás algunas técnicas útiles a lo largo del proceso, como el trazado es una letra a mano, creación de un pincel de azulejos personalizado, creación de reflejos y sombras con capas más planas, zapatos de Photoshopping y añadiendo textura y sombras. Esta es solo una excelente manera de hacer que tus letras a mano sean más interesantes. Esta clase es genial también para aquellos que recién están entrando al mundo de las artes digitales principalmente porque creo que aporta una mayor comprensión de cómo funcionan las capas. Si eres una persona con una gran formación financiera, esta clase será genial para ayudarte a ajustarte a esa interfaz y flujo de trabajo de Procreate también. Esta clase viene con un pincel personalizado y una plantilla como bono para asegurarte de que tengas éxito. Espero verte en esta clase. No puedo esperar a ver lo que creas. [MÚSICA] 2. ¿Qué es un fauxsaic?: Bienvenidos, en este video vamos a hablar de lo que es un fauxsaic? Si lo estoy pronunciando bien. ¿Qué es, quién lo creó y qué características tiene? Bueno, como pueden ver, esto es lo que he creado, básicamente es exactamente lo que dice su nombre. Se trata de un falso efecto mosaico de baldosas creado en un programa digital. Por lo general se crea en Photoshop o Illustrator y en esta clase, me voy a centrar en cómo crearlo en Procreate. Lo que estoy usando es el iPad Pro más nuevo, el Apple Pencil y Procreate de segunda generación. Seguro que hay varias formas de cómo puedes crear este efecto pero la que voy a compartir contigo fue la que funcionó para mí. Veamos qué es lo fauxsáico. Estas son las obras de arte y esto es mosaico tipográfico. Es un nombre diferente para ellos. Se trata de letras, principalmente nombres de las ciudades. Este azulejo es creado por el artista Nick Misani. Se hizo famoso con ello. Este es su sitio web. Yo sólo te voy a mostrar. Este es su sitio web. Crea todo tipo de palabras y letras diferentes. Principalmente tipográfico, no rotulación manual. ¿Cuáles son las características de estas obras de arte? Solo echemos un vistazo a éste. Hay un lettering. Esta es la primera. Estas letras están delineadas. Si puedes ver que a cada letra le sigue una fila de mosaicos y luego detrás de eso, en realidad hay diferentes patrones creados con mosaicos. Luego hay imperfecciones. Como puedes ver, estas baldosas no son realmente regulares ni precisas. Siguen diferentes trazos pero hay algunas soluciones interesantes, por ejemplo como aquí. Si leo bien en el sitio web de Nick Misani, crea estas obras de arte en Illustrator y dibuja a mano todas y cada una de las baldosas y también las colorea. Letras, contornos, imperfecciones, sí, y las piernas por supuesto. Estas son las últimas características por lo que estas obras de arte tienen estas piernas photoshopeadas En ellas para crear el look más realista, voy a hacer lo mismo. Solo echemos un vistazo en Procreate cómo empezar. 3. Crear la lettering: Estamos en Procreate, así que si abres el programa, terminas en la galería. Vamos a crear un nuevo lienzo de tamaño personalizado. Haga clic en el botón más. Haga clic en “Crear tamaño personalizado”. Con lo que me encanta trabajar es el cuadrado de 3,000 y 30,000 píxeles y solo lo voy a llamar Foursaic. Hecho. Ahora tenemos un lienzo claro. Vamos a crear nuestras letras. Hay varias formas de hacerlo. La primera es que creas tus letras en papel y las importas tu iPad haciendo clic aquí en un insertar una foto o tomar una foto con tu iPad sobre tu diseño e insertas en el programa. Pero si no puedes entregar carta, tengo una solución para ti. Encuentra el 1001fonts.com y elige una palabra. Sí, esto es lo más importante. Elige una palabra corta con la que quieras crear este proyecto. Yo he elegido el amor. Sólo necesito escribirlo aquí. Vamos. Elige una letra aquí arriba y tienes todas las letras diferentes. Estas son fuentes gratuitas que puedes usar para tu uso personal. No necesitas descargarlo ni nada solo crea un primer plano, y al presionar estos dos botones, crea una captura de pantalla. Ahora regresa a Procreate. Da clic aquí, inserta una foto, encuentra la foto. Es aquí. Hazlo un poco más grande. Ahora, en capas, agrega una nueva capa. Elige una brocha. Me gusta usar monolina en caligrafía, y ahora solo delinear las letras. Esto es realmente solo un truco para aquellos que no saben cómo entregar carta pero que aún así quisieran hacer este proyecto. Esto también se puede hacer con una tipografía real. No hace falta entregar carta pero vamos a hacer esto en esta clase. Voy a apagar esta capa. En realidad lo estoy borrando. Ahora terminé con una forma de la letra y esto es lo que necesitamos. Incluso cuando vayas a crear tus propias letras o tipografías a mano, asegúrate de que solo necesitas la forma de la misma. Lo que quería decir como pueden ver cubrí estas cosas. Si no tienes una línea sin costuras, no podrás rellenar la forma con color. Ahora tengo una forma de mis letras. Se puede hacer más agradable. Pero eso es todo. Voy a crear mis propias letras a mano y como voy a hacer eso es, voy a eliminar estas capas. Claro. Al pincel de caligrafía y lo que me encanta usar es guión. Ahora voy a crear una rotulación a mano. Ahora solo voy a resumir las letras de pincel para ti. Es que cuando tienes un golpe hacia arriba, quieres que sea delgado, entonces cuando tienes un trazo hacia abajo, quieres que sea grueso, así que así. No voy a usar hola, pero quería hacer el amor. Algo como esto. Quiero tener un buen espaciado entre las letras, y de hecho ha salido bastante bien. Sólo voy a usar esta. Voy a redimensionarlo un poco para que sea más grande y en el centro. Puedes pasar tiempo, como más tiempo creando letras más bonitas, pero vamos a pasar al siguiente video para mostrarte cómo crear tu pincel de azulejos personalizado. 4. Crea tu pincel personalizado: Lo que necesitamos es sentir la forma de este lettering con azulejos. Podrías dibujar todas las fichas por ella misma, pero creo que eso lleva mucho tiempo y aquí tenemos un método más fácil. Vamos a crear un pincel personalizado. Lo asombroso de los pinceles Procreate, puedes encontrar esta imagen en el manual del artista de Procreate, es que tienen dos fuentes. Hay una fuente de forma y una fuente de grano. Si alguna vez has usado un pincel de Photoshop, pinceles de Photoshop eran de una sola capa, lo que significa que dentro de esa capa tenías diferentes formas y opacidades para crear el pincel. Pero ahora, tienes una fuente de forma y una fuente de grano que pueden funcionar de manera diferente, pero crear un resultado maravilloso para el pincel. En el Procreate, vamos a crear un pincel personalizado. Voy a presionar el botón Plus aquí, y vamos a elegir la fuente de forma. Aquí tienes la opción de intercambiar de pro library, aquí tienes la biblioteca y solo encuentra esta, en blanco y elige exactamente la misma para el grano. Lo que queremos es una baldosa cuadrada sencilla sin ninguna opacidad. Ahora tienes algunas opciones entre las que puedes elegir. Vamos a establecer al principio el espaciado como separar estas formas y crear un trazo con ellas. Si tengo un espaciado bajo, tengo un trazo de pincel sin costuras, pero no quiero eso. Voy a poner esto a 66. Sí, eso está bien. Si estoy creando, pintando, tengo este trazo. Ahora lo que quiero también es racionalizado. Si no tengo ningún aerodinámico, el trazo que estoy haciendo reacciona a cada momento que estoy haciendo con la mano. Pero si lo estoy poniendo al máximo, está estabilizando el movimiento. No quiero ningún jitter, lo aleatoriza, cualquier caída significa que lo hace como un destino. No quiero nada de eso, ningún jitter. Vamos a la forma y establecemos el comportamiento de la forma. Quiero que la rotación sea del 100 por ciento. Eso quiere decir que estos mosaicos van a reaccionar ante las curvas que estoy haciendo. General. Sí, quiero orientar a la pantalla para apagarla. Ahora las formas no se orientan a la pantalla. Creo que eso es todo lo que quería establecer. Vamos a nombrarlo Pincel de título. Hecho. Ahora cuando estoy pintando, ya ves que tengo estos bonitos azulejos. En el siguiente video, vamos a aplicar estos mosaicos a las letras. Estoy incluyendo el pincel en los recursos que puedes encontrar en la pestaña Tu Proyecto. 5. Azuleja tu lettering: Ahora que tenemos nuestras letras, tenemos nuestro pincel personalizado, lo que vamos a hacer es crear una segunda capa, capa vacía a partir de esta rotulación y rellenar esa con mosaicos. Lo que voy a hacer es golpear las capas, crear una nueva capa. Llamemos a esto Cartas Azulejos. Haga clic en la primera capa y haga clic en “Seleccionar”, y ahora simplemente seleccione la capa de letras en mosaico. Lo que hace que realmente vamos a dibujar en una capa vacía y rellenar eso con nuestras fichas. Ahora selecciona tu cepillo para azulejos y elige su tamaño para que sea aproximadamente del 30 por ciento. Eso se puede decir. Elige un color diferente. Voy por el blanco. Lo que voy a hacer es llenar así la forma. Más agradable. Cuando voy a hacer es seguir una de las líneas generales. Cuando tengo espacios como este simplemente voy a llenarlo de un segundo trazo. Esto no es un error, vamos a borrar alrededor estos mosaicos para que se vean mejor. Pero si quieres intenta mantener una distancia pareja entre las dos líneas. Lo que voy a hacer es dar vueltas por todas las letras y llenarlas de fichas así. Voy a acelerar este proceso. Genial, me tomó como tres minutos llenar esto. Si pueden ver, tengo algunos lugares como este donde me faltan fichas, así que solo golpeé ahí y allá, y digamos aquí. Ahora elige una goma de borrar. Intenta que sea el cepillo redondo. Aerógrafo duro Estoy eligiendo para mi cepillo de goma de borrar porque tiene bordes duros. Quiero que mi cepillo sea aproximadamente del 10 por ciento. Lo que voy a hacer es borrar, 10 por ciento es demasiado. Voy a bajar eso a 7. Sólo voy a borrar alrededor mis mosaicos para que se vean más naturales, o irregulares para hacer estas imperfecciones, y para tener un espaciado uniforme entre ellos. Mi esposo me dio una sersertación de que nadie pondría baldosas en el piso demasiado cerca unas de otras. Simplemente borra a su alrededor. Sólo voy a acelerar de nuevo este proceso. Si llegas a lugares como dispares, tantos superpuestos, solo tienes que seguir los contornos y simplemente borrar por ellos, y luego sabrás qué poner donde. Si tienes formas irregulares como esta, trata de hacerlas más pequeñas como si realmente fuera un mosaico. 6. Contornos: Lo que tenemos ahora es una rotulación en mosaico. Si estoy apagando esta capa, no la puedes ver ahora mismo. Vamos a poner el color de fondo a un poco grisáceo. Voy a anular la selección y desactivar esta capa. Ahora puedes ver que tenemos bonitos azulejos. Esto se verá mejor. Sé que esto aún no está ahí, pero puedes ver que es bonito. La segunda característica fue esbozar, y esto es lo que vamos a hacer. Vamos a hacer exactamente lo mismo que hicimos anteriormente. Entonces voy a crear una nueva capa, renombrarla y nombrarla Outline, y poner esta capa debajo de la capa de letras de origen. Ahora selecciona la capa de letras. Haga clic aquí para invertir y ahora seleccione la capa de contorno. Lo que hizo es que ahora cuando estamos pintando nuestros azulejos, necesito seleccionar mi baldosa de pincel. Vamos a agregar estos mosaicos alrededor de las letras. Si borraste un poco parte de los contornos de las letras, ahora mismo tendrás un trabajo más fácil. No importa si no lo hiciste, cualquier manera vamos a dar la vuelta al borrador de nuevo. Voy a elegir ahora un color diferente. Voy a ir por magenta más oscuro y simplemente crear una fila de mosaicos alrededor. No es realmente perfecto, pero solo puedo agregar algunos títulos aquí y allá donde lo necesite, por ejemplo aquí. ¿Qué más tengo que hacer? Es llenar estas partes de las letras con sus estilos. Yo sólo voy a dar la vuelta abajo, también en el medio, y así y también aquí. Creo que ya terminé. Podría necesitar fichas más grandes aquí abajo, aquí también. En realidad, voy a borrar esta parte. Eso no me gusta. Tejas demasiado pequeñas. Genial. Ahora elijo de nuevo mi goma de borrar. Yo [inaudible] simplemente repaso de nuevo estos contornos. Necesito seis y simplemente borrar alrededor de ellos. Si hay un lugar donde estas baldosas blancas estén tocando el segundo color, borra eso también para que no se toquen entre sí. Cuando llegues a un lugar como este, por ejemplo, trata de hacer una fila a partir de estas fichas para que tengan alguna dirección por ejemplo aquí. Como pueden ver, esta es la línea que queremos seguir, así que bórrela, con eso en mente. Todo bien. Creo que ya terminamos con los contornos. Obviamente puedes pasar más tiempo con esto si eliges como por ejemplo mosaicos de menor tamaño para crear las letras, para crear el contorno. Se verá aún mejor. Pero solo quiero compartirlo con ustedes para que sea un proyecto factible y no demasiado exigente. Ahora voy a anular la selección de la capa. Lo que tengo ahora en mis capas son los contornos y las letras de mosaico. En el siguiente video vamos a crear el fondo con una técnica diferente. 7. Fondo: En este video, vamos a tratar los antecedentes. Va a ser una técnica un poco diferente la que hicimos. Lo que necesitamos ahora es el patrón geométrico de las baldosas que necesitamos dibujar. Pero no vamos a hacer esto a mano alzada, sino que vamos a abrir Google y simplemente escribir tile pattern vector free, hit images y apenas Encuentra algunas fichas libres de derechos que te gusten. Este es el tipo de patrón de mosaico que me gusta. Se llama azulejos de El Cairo. Cuando escribo eso aquí, patrón de baldosas de El Cairo, me abre varias posibilidades perfectas. Aquí hay un craftmanspace.com donde puedo descargar este patrón en particular de forma gratuita. Pero solo tengo cinco formatos como SVG, EPS, DWG y no quiero eso. Lo que voy a hacer de nuevo es que voy a hacer una captura esta imagen e ir a Procreate. Voy a esconder mis capas, lo siento. Crear una nueva capa y voy a Insertar foto y voy a insertar este archivo. Sí, voy a hacerlo tan grande como necesito que sea. Ahora voy a crear una nueva capa encima de ella. Escoge un color blanco, elige el pincel de línea mono y voy a trazar sobre una fila de patrón de-creación y luego lo voy a duplicar para crear el patrón. Así que vamos a hacer eso. Voy a acelerar las cosas. Si sigues sosteniendo la línea, ésta se enderezará. Por lo que realmente hace que sea más fácil dibujar líneas en patrones geométricos. Si pueden ver, tengo una fila que he rastreado. Tengo estas líneas que coincidirán. Voy a apagar esta capa abajo y en realidad puedo eliminarla. Lo que voy a hacer es seleccionar esta capa y duplicar. Ahora puedo golpear la herramienta Mover y hacer que esto suceda. Para hacer esto de nuevo, voy a hacer clic en la selección de fotogramas y fusionarme y ahora los tengo combinados. Voy a hacer esto varias veces para que todo el lienzo se llene con el patrón. Lo siguiente que voy a hacer, quiero tener los mosaicos seleccionados. No quiero estas líneas blancas. Quiero que sean transparentes. Lo que voy a hacer es que voy a fusionar estas dos capas. Voy a crear una nueva capa. Haga clic en la capa en mosaico, presione “Seleccionar” y presione “Invertir selección”. Ahora ve a esta capa de arriba. Elige un color, digamos naranja. Haga clic en esa capa y haga clic en “Rellenar capa”. Ahora tienes hace las fichas en el patrón. Ahora puedo ocultar esta capa debajo. Entonces cuando estoy cambiando el color de fondo, tengo estos bonitos patrones. En el siguiente video, veamos cómo combinar esto con nuestro otro enlace. Incluí un PNG transparente del patrón tipo Cairo en los recursos que puedes usar libremente. 8. Conéctate el lettering con el fondo: [MÚSICA] Así que ahora vamos a revelar nuestras capas de letras. Pon estos azulejos de El Cairo detrás de ellos. De hecho voy a cambiar el nombre de este azulejos de El Cairo. Lo que quiero hacer es borrar las letras de estos mosaicos. Consigue la goma de borrar. Hazlo de un tamaño más grande, solo la capa de los azulejos de cairo. Esto va a ser tan sencillo como suena. Borrarlo. Esta es la forma más fácil. Estoy eligiendo esto porque necesitamos volver a tener estos bordes desiguales alrededor de nuestras letras. Si yo sólo cortara las cosas, no sería tan orgánico y eso es lo que queremos. Así que sólo estoy revisando todas las letras y borrando las letras de esos mosaicos. Fresco. Me encanta cómo se ve. ¿Te gusta? [MÚSICA] 9. Variación del color: Se ve muy bien. Ahora, hagamos que parezca real. Hay tres cosas que puedes hacer y tenemos que hacer. Necesitamos agregar algo de textura. Necesitamos agregar variación de color y sombreado. Empecemos con la variación de color porque necesitamos crear una capa blanca aplanada a partir de estas teselas para hacer las otras. Lo que voy a hacer es seleccionar las letras en teselas, los contornos y los mosaicos de El Cairo, y crear un nuevo grupo. Ahora voy a duplicar el grupo y aplanarlo luego seleccionarlo, elegir blanco y rellenar capa. Ahora tengo una capa rellena aplanada con blanco. Ahora, lo que voy a hacer es presionar Seleccionar, hacer clic en Automático y seleccionar mosaicos al azar. Ahora que tengo estos mosaicos seleccionados, hago clic en duplicar. Ahora tengo este azulejos seleccionados. Ahora que tengo la selección, puedo seleccionar la capa y elegir un color. Digamos naranja más oscuro, y rellena la capa. Ahora voy a cambiar la opacidad. Voy a esconder este. Ahora tengo alguna variación de color en estos mosaicos. Quizá quiera que algunos sean más brillantes. Puedo colorear manualmente. Puedo ir a estos azulejos de El Cairo y simplemente vuelta y solo agregar esto aquí y allá. 10. Sombreado: Ahora que tengo la variación de color, voy a crear un sombreado. Lo que voy a hacer, ya tengo una capa blanca de azulejos de El Cairo seleccionados y Duplicar. Ahora tengo dos fichas. Voy a seleccionar uno de ellos y llenarlo de negro. Capa de relleno. Sólo voy a mostrarte lo que tengo. Tengo blanco. Esto va a ser lo más destacado. Tengo un negro, que va a ser la sombra. Pongo esto debajo de mis letras. Voy a elegir este blanco, presionar “Seleccionar” y dar click tres veces aquí arriba. Lo que hace, mueve la capa con visualización de tres píxeles. Esto significa que crea un efecto como si las baldosas estuvieran encendidas desde un lado. Ahora voy a elegir la capa negra, seleccionarla y tocar tres veces aquí. Lo que hizo, creó una sombra. Como puedes ver hay un resaltado y hay una sombra. Ahora tiene un efecto realista. 11. Textura: En este video, vamos a crear textura. Ahora crea una nueva capa y ponla por encima del fondo. Esto va a ser renombrado, llamémoslo Textura uno. Escojamos una brocha de la industrial. Tenemos un bloque de concreto. Escogeremos un pincel grande y un color gris oscuro. Lo que voy a hacer es repasar el conjunto. ¿Sabes qué? Quiero que esta parte sea un poco más oscura, así que solo voy a variar los valores. Ahora tengo una cosa texturada detrás de las baldosas. Ahora voy a bajar la opacidad, así que aquí adentro y solo hazla como desees. Ahora vamos a crear una textura por encima de nuestros azulejos. Lo que voy a hacer es exactamente lo mismo. Voy a repasar de nuevo mis fichas solo muy a la ligera, y voy a bajar la opacidad. Voy a ir a “Ajustes” y poner el desenfoque de movimiento. Crea como si estuviera un poco texturizado. Vamos a añadir los zapatos. 12. Agrega los zapatos: Tenemos el último elemento, que queremos zapatos y tenemos en estos azulejos. Lo que vamos a hacer es volver a ir a Google, encontrar stock caer a un lado o por ejemplo, Unsplash o Pexels, Pixabay. Entonces solo escribe los zapatos de arriba. Busca algo como esto o esto. Esto se ve genial. Sólo voy a usar esto. Haga clic en “Descargar gratis”. Guardar imagen. Volver a Procreate. Haga clic en “Agregar”, “Insertar una foto”. Ahora tenemos estos zapatos. Lo que voy a hacer es presionar “Seleccionar”, elegir a mano alzada y simplemente rastrear alrededor de él. Simplemente voy a presionar “Duplicar” y solo lo pondrá aquí. Voy a eliminar esta imagen. Ahora tengo los zapatos, que voy a hacer más pequeños. Lo que necesito son sombras. Asegúrate de tener esos en negro. Ellos van a crear sombras. Crea una capa debajo de los zapatos. Elige cepillo redondo y ve por debajo de los zapatos. Entonces puedes simplemente dar click a “Ajustes”. Haga clic más en nuestra diapositiva para ajustar para crear [inaudible]. Elige la capa de abajo, que te dio la textura anterior y solo puedes agregar un poco más de sombra aquí y allá. Simplemente pulsa de nuevo “Motion Blur” para que tengas algunas cosas. Está terminado. 13. Reflexiones finales: [MÚSICA] Increíble. Si estás viendo este video, has pasado por todo el proceso. Enhorabuena. Espero que te haya gustado la clase. Si tiene alguna pregunta, por favor asegúrese de hacerla en la pestaña de discusión a continuación. Me encantaría pedirte que me dejaras una reseña porque ayuda a que la clase se clasifique más alto, y así ayudarás a otros alumnos a encontrarla más fácilmente. Como proyecto, sube tu obra de arte que has creado siguiendo este proceso y describe tu experiencia en unas pocas frases. Lo que ha sido lo más útil que has aprendido. Asegúrese de hacer clic en el botón de seguimiento ahí arriba para que se le notifique cuando las otras clases estarán ahí fuera. También puedes encontrarme en Facebook e Instagram como The Artmother, solo para ver lo que estoy haciendo. Muchas gracias. Te deseo un día maravilloso y feliz creando. [MÚSICA]