Cómo transformar ilustraciones en acuarela en patrones complejos | Sandra Mejia | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Cómo transformar ilustraciones en acuarela en patrones complejos

teacher avatar Sandra Mejia, Illustrator + Pattern Designer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      AVANCE

      0:33

    • 2.

      Proyecto de clase

      0:35

    • 3.

      Configuración

      3:01

    • 4.

      Cómo crear un mosaico

      9:07

    • 5.

      Probar el patrón

      3:51

    • 6.

      Recoloración

      4:07

    • 7.

      Retoques finales

      1:32

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

6286

Estudiantes

43

Proyectos

Acerca de esta clase

Crear patrones repetitivos es una de las cosas más emocionantes que puedes hacer con tus ilustraciones y, una vez que aprendes a hacerlo, ¡no puedes parar!  

En esta clase, aprenderás a usar tus ilustraciones en acuarela para crear patrones de repetición fluidos usando una técnica simple en el software Adobe® Photoshop®.   También aprenderás a limpiar tus escaneos, crear el mosaico de patrones, probar tu repetición de patrones y crear combinaciones de colores alternativos. 

Esta clase está dirigida a cualquier persona que tenga curiosidad por el diseño de patrones. Necesitas un conocimiento básico del software Adobe® Photoshop® para seguirlo. 

Suscríbete a mi boletín de noticias y obtendrás increíbles regalos y recursos: https://www.artbysandramejia.com/freebies


Instagram→ @artbysandramejiaPágina
web→ www.artbysandramejia.compinceles
Procreate→ https://creativemarket.com/artbysandramejia
YouTube→ @ArtBySandraMejia
Facebook→ artbysandramejia

--

Adobe, el logotipo de Adobe y Photoshop son marcas comerciales registradas o marcas comerciales de Adobe en Estados Unidos u otros países.

Conoce a tu profesor(a)

Teacher Profile Image

Sandra Mejia

Illustrator + Pattern Designer

Top Teacher

Hello! I'm a Freelance Illustrator and Pattern Designer. I was born in Medellín, Colombia (puedes escribirme en Español!). I create detailed, stylized, playful illustrations, patterns and characters from my studio in Ottawa, Canada.

I have very big eyes and I love animals. Most of my inspiration comes from nature and animals.

My art has been licensed by companies around the world for use in: Fabrics, Stationery, Kids, Editorial, Greeting Cards, Fashion, Puzzles, Gift and Home Decor.

Sign up to my email newsletter to get news and freebies: → https://www.artbysandramejia.com/freebies

 

Ver perfil completo

Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Tráiler/avance: Transforma las ilustraciones de acuarela en patrones intrincados. Hola, soy Sandra Bowers y soy ilustradora freelance y diseñadora de patrones de superficie. Acompáñame en esta clase y aprende a tomar tus ilustraciones de acuarela para hacer intrincados patrones repetitivos en el software Adobe Photoshop de una manera muy sencilla. Aprenderás a limpiar tus iconos de acuarela, a ensamblarlos como patrón repetido y a crear colorways adicionales. Entonces únete a mí y vamos a crear algunos patrones. 2. Proyecto de clase: Ahora viene la parte emocionante, el proyecto de clase. Aquí es donde compartirás tus patrones con el resto de la clase y llegaré a ver qué crees. El encargo es mostrarnos sus iconos iniciales o ilustraciones junto con su escaneo, luego darle un nombre a su patrón y crearlo como un patrón repetido simbolizado. También puedes crear colorways adicionales. Para orientación, puedes ver el proyecto de muestra que creé en la Galería de Proyectos y descargar el PDF del proyecto disponible en los documentos de clase. 3. Configuración: El primero que necesitamos es tener nuestros iconos listos para hacer nuestro patrón. Así que trae tu pintura de color de agua al escáner. Escanea en color a 1200 ppi y guarda como JPG. Puede ser cualquier escáner. Tan solo asegúrate de escanear a una resolución de 1200 ppi, al menos. Abra el archivo en el software Adobe Photoshop. No importa si hay áreas que no son perfectas en tu escaneo. Vamos a cortar ese ícono para que no importe. Haga doble clic en la capa de fondo para que pueda editarla. Ahora ve a Imagen, Ajustes, Niveles, y empieza a mover los deslizadores hasta obtener el look que quieras. Te voy a explicar una forma de cortar iconos, pero hay muchas maneras de hacerlo. Selecciona la capa de fondo, crea una capa debajo con un campo de color oscuro para que puedas ver lo que estás haciendo. Ahora vamos a acercarnos para que veamos lo que estamos haciendo. Vamos a cortar a este zorro de aquí. Seleccione la herramienta Pluma y comience a colocar puntos alrededor del zorro. Existen muchos tutoriales en línea que te enseñarán a usar la herramienta Pluma. Tendrás el ahorcamiento bastante pronto. Simplemente empieza a dar la vuelta a tu ícono. Este es un momento en el que puedes arreglar cosas y cortar piezas que no quieres estar ahí. Asegúrate de tocar tu primer punto y luego haz clic con el botón derecho y selecciona, Hacer selección. Después pulsa Editar, Pegar especial, Pegar en su lugar. Tu zorro aparecerá en una nueva capa. Si apaga esta capa, verá que está cortada perfectamente. Ahora corta esta pequeña parte entre las piernas. Presione “Eliminar” para que se borre de la capa. Ahora tienes tu ícono perfectamente cortado y listo para el patrón. Sigue haciendo esto a todos tus iconos hasta que los tengas todos listos para iniciar tu patrón. Ahora que tenemos todos nuestros iconos listos, crearemos un nuevo archivo para nuestro patrón. mí me gusta que sea de 24 pulgadas de ancho al menos así que tengo un archivo grande con el que trabajar más tarde, y me gusta que sea un cuadrado también. Establezca la resolución en 300 píxeles por pulgada para que pueda imprimirse más tarde y luego presione “Ok”. 4. Cómo crear un mosaico: Haga doble clic en la capa de fondo para desbloquearla y llénala con el color que desee. A mí me gusta bloquear estas capas por lo que no la estoy moviendo por error más tarde. Tire del archivo que contiene los iconos y colóquelo un lado para que podamos empezar a arrastrarlos a nuestro archivo de patrones. A mí me gusta empezar con los elementos principales, así que vamos a tirar de este zorro. Cada vez que traigas un nuevo elemento al archivo, debes convertirlo en un Objeto Inteligente. Así que haga clic derecho en el nombre de la capa y conviértalo a Objeto Inteligente. Los objetos inteligentes son geniales. Te mostraré por qué. Digamos que tienes tres de estos zorros en tu archivo, y quieres hacerlos de otro color, si son un Objeto Inteligente, solo tienes que hacer doble clic en una de las miniaturas de la máscara, y se abrirá un nuevo documento. Si vas a Ajustes, Tono/Saturación, puedes cambiarlo a esta variable, guardarla y volver al archivo de patrones. Están un poco cambiados. Esto te ahorrará mucho tiempo después cuando quieras recolorear. Deshagamos esos cambios y sigamos construyendo nuestro patrón. Vamos a traer otro ícono y convertirlo en un Objeto Inteligente. Ahora lo vamos a redimensionar. También puedes traer varios a la vez. Recuerda convertirlos todos a Objetos Inteligentes. Empieza a rotarlas y redimensionarlas a tu gusto. mí me gusta llenar al menos dos de cada uno para que no sea tan fácil detectar la repetición. Organízalos de una manera que sientas que es orgánica y deja espacios similares entre ellos. Distribuye los elementos orgánicamente en el patrón para que no tengas clústeres de colores que van a destacar cuando apliques el patrón más adelante. Si algo no se ve bien, puedes recolorearlo para que coincida con tus otros iconos. Esta es mi parte favorita, jugando con los iconos para encontrar el equilibrio adecuado. Amplía de vez en cuando para asegurarte de que las cosas sean exactamente como quieres que lo hagan. Ahora que el medio está casi lleno, vamos a empezar a construir los lados de nuestro patrón. Ve a Imagen, Tamaño de imagen, y cambia tu ancho a píxeles. Ahora anota ese número, 7,200 por 7,200, y pega a “Ok”. Un patrón se repite sin problemas cuando los iconos que se superponen en la parte superior se superponen en la parte inferior de la misma manera, y los de la izquierda, superponen a la derecha. Ya que tenemos nuestro centro casi lleno, me gustaría construir ahora los bordes y llenar esos vacíos más adelante. Así que selecciona todos los iconos y muévalos hacia arriba y hacia la izquierda, solo un poco para que se superpongan más a esos lados. Ahora haz una selección desde el exterior de la obra hasta el borde, superponiendo un poco el borde. Ahora verás que se seleccionan algunas capas. Presione “Alt” y arrástrelos hacia arriba para duplicarlos, y luego vaya a Editar, Transformación libre o Comando T, y vaya al menú superior donde encontrará las coordenadas X e Y. Ya que vamos a mover los iconos superpuestos de este lado hacia el lado derecho, tenemos que modificar el valor en X. Agrega 162.50 píxeles más 7,200 en tu calculadora, y escribe los resultados en el valor X. Golpea “Enter”. Si estás moviendo algo de arriba a abajo o de izquierda a derecha, agregas 7,200. Pero si es al revés, restas 7,200. Ahora haremos lo mismo para los iconos que se superponen en la parte superior. Ya que los estaremos moviendo verticalmente, modificamos el valor Y. Ahora tenemos que comprobar y ver si los iconos están buscando cómo queremos que lo hagan. Verificaremos específicamente si hay iconos que cubran otros iconos. Por ejemplo, aquí, no quiero que ese conejito esté debajo de esas vainas, así que muevo la capa de conejo hacia arriba. Cuando hayas terminado de organizar, trae algunos iconos más para llenar los vacíos. Puedes llenar todo lo que quieras. Me gustan mis patrones muy ocupados, así que llenaré la mayoría de los vacíos. Si coloca un icono y pasa por encima del borde, asegúrese de repetirlo en el lado opuesto duplicando la capa y agregando los 7,200 píxeles a la coordenada correspondiente, X para movimientos horizontales e Y para movimientos verticales. Si quieres mover algo que ya se repite en ambos lados, asegúrate de seleccionarlos ambos y moverlos juntos para que el patrón siga sin fisuras. Si quieres borrar una parte de un icono, puedes usar una máscara de capa. Presiona este botón y ahora puedes modificar justo ese ícono pintando en la máscara con un pincel plano. Si quieres descartar los cambios solo apaga o elimina la máscara. Recuerda, el negro esconde las cosas y el blanco las trae de vuelta. Ahora vamos a definir nuestro patrón. Ve a Editar, Definir Patrón, y nombrelo. Eso es todo. Ahora tenemos nuestro patrón repetitivo sin fisuras listo para probar. 5. Probar el patrón: La mayoría de los patrones no están listos la primera vez, así que tienes que probar el patrón. Vamos a aplicar nuestro patrón para ver si necesitamos hacer algún cambio. Entonces ve a Archivo, Nuevo y crea un nuevo documento. Puedes hacerlo tamaño carta. Ve a Capa, Nueva capa de relleno, Patrón, y pulsa Ok. Ahora tenemos nuestro patrón aquí. Siempre muestra el último patrón creado. Se pueden ver todos presionando aquí. Siempre pruebo mis patrones reduciendo la escala al 11 por ciento, porque de esa manera puedes detectar fácilmente problemas con tus repeticiones. Por ejemplo, esta línea aquí está creando un problema porque suena demasiado y hace que la repetición sea muy obvia. Volvamos a nuestro documento patrón. Ahora se hace evidente que todos los zorros y conejitos están del lado izquierdo y no hay ninguno en la zona superior derecha. Entonces vamos a levantar esta flor y mover a este conejito. Ahora hay una nueva flor superpuesta. Entonces vamos a duplicarlo y moverlo. Ya que lo estamos moviendo de derecha a izquierda, tenemos que restar 7,200 y no sumarlo. Sigue moviendo las cosas hasta que estés feliz. Recuerda, seguirás mejorando en esto y será más fácil y más fácil detectar qué cosas no están funcionando con un patrón. Vamos a definir el patrón de nuevo sin probar. Vuelva al documento de tamaño carta y haga doble clic en la miniatura de la capa. Haga clic en la flecha pequeña y seleccione el último patrón, cambie la escala. Ya veo que todavía hay un problema aquí. Volvamos atrás y cambiemos las flores naranjas y movamos las cosas un poco más. Añadamos algo de textura de color agua al fondo para que se vea más atractivo. Ve a tu capa de fondo, crea una nueva capa en la parte superior y selecciona el pincel de textura. Establecido para multiplicar. Presione unos sobre el lienzo. Con estas texturas, es lo mismo que con los iconos. Lo que sea que se superponga en un lado tiene que superponerse en el otro lado. Usé el pincel que hice pintando algunos dobbs de acuarela, escaneándolos y definiéndolos como un pincel. También puedes comprar uno en línea o hacer el tuyo propio. Cambiar conjuntos yo para que llene la mayor parte de esa baldosa, capa duplicada y lo muevo para que se superponga en la parte inferior. Después selecciona esas dos capas, duplica y muévalas para que se superpongan a la derecha. Ahora este es nuestro azulejo final. Entonces definamos el patrón por última vez. 6. Recoloración: En ocasiones necesitas recolorear tu patrón porque el cliente lo requiere en un colorway diferente, o simplemente quieres cambiar el modo del patrón. Te voy a mostrar cómo cambiar fácilmente ya sea todo el patrón o editar elementos individuales en él, para que puedas terminar con algo como esto. Vaya a la capa superior y presione el botón Nueva capa de relleno o Ajustes en la parte inferior del panel de capas. Elige Saturación de tono y empieza a mover el deslizador de Hue hasta que encuentres uno que te guste. Ahora vuelve a hacer clic en esto y elige el color seleccionado. Cambiemos los rojos. Esto sobre experimentar, así que simplemente juega con los diferentes colores y deslizadores hasta obtener lo que estás buscando. Estos cambios no son permanentes, por lo que puedes desactivarlos para volver al patrón original en cualquier momento que quieras. Ahora vamos a cambiar el color de un icono individual. Vaya a la Capa y haga doble clic en la miniatura de la capa. Ve a Saturación de tonalidad y cámbiala al color que quieras. Yo quiero hacerlo más ligero así que ajuste la ligereza, golpeo Ok, y guardo y regreso al archivo de patrón. Ahora se ve mejor. Yo también cambiaré este, sólo hazlo otra vez. Ya que es un objeto inteligente, esto afecta a todas estas flores naranjas en el archivo, lo que no tienes que hacerlo una por una. Volvamos a encender esto. Ahora para completar nuestro recolor, cambiemos el color de fondo. Ve a tu capa de fondo, desbloquea y ve a la Saturación para cambiar el color. A mí me gustan estos suelos anaranjados, lo elegiré, y también cambiaré las capas de textura, para que no sean tan obvias. Fusionarlos en una sola capa, configurarlos para multiplicarse de nuevo y cambiar Saturación de tono. Vuelve atrás y revisa tus capas de ajuste. Creo que necesitamos más cambios, así que sólo voy a añadir otro. Me gusta mucho el sub look de la boca, así que volveré a esa. Ahora creo las cuarta capas de ajuste para ese sub uno, y lo hago mi tercera forma de color alterna. Guardemos este archivo como las formas Alternas de color y eso es todo. Ahora podemos definir el marrón como un patrón, acabas de golpear Definir como el Patrón y nombrar ese marrón. Después creo un grupo para las capas de ajuste marrones, luego definiré la boca o la morada y renombraré esa capa. 7. Retoques finales: Esto es todo, ahora sabes cómo crear un patrón repetitivo. Estas son algunas cosas que son muy importantes tener en cuenta para que tu patrón sea exitoso. Al mover iconos que se superponen a los lados, recuerda, el valor que añades o restas a las coordenadas X es el número de píxeles del ancho de tu documento. En nuestro caso, 7200 píxeles de ancho. El valor que añades o restas a las coordenadas Y es el número de píxeles de la altura de tu documento. En nuestro caso, tiene 7200 píxeles de altura. Agregas el valor si estás moviendo iconos de izquierda a derecha, de arriba a abajo. Restas ese valor si estás moviendo iconos de derecha a izquierda o de abajo a arriba. X es para mover las cosas horizontalmente. Y es para mover las cosas verticalmente. El éxito de tu patrón se determina asegurándote de que cada elemento que sobrepase las fronteras se repita en el lado opuesto, y colocando tus iconos de una manera orgánica que no haga que la repetición sea demasiado obvia. Ahora viene la parte divertida donde se llega a crear su propio patrón. Será genial ver tus proyectos y tal vez incluso darás vida a tus patrones imprimiéndolos y creando productos con ellos. Si tienes alguna pregunta o comentario, por favor plantéalos a la clase y podemos conseguir una conversación en marcha, y compartir nuestros conocimientos y experiencias para que todos podamos aprender unos de otros. Gracias por mirar, y espero verte pronto.