1. Design & Illustration
  2. Add-Ons
  3. Patterns

Diseña un patrón floral para tela en Adobe Photoshop

A veces entras en una tienda y piensas "Oh, toda esta ropa está fea. Quisiera coser mis propias cosas con mis propios diseños florales en ellas". Y por supuesto que puedes hacerlo. Permíteme guiarte por el proceso de diseñar tu propio estampado floral de moda, ¡que puedes usar posteriormente para asombrosos y únicos proyectos que puedes hacer tú mismo!
Scroll to top

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

A veces entras en una tienda y piensas "Oh, toda esta ropa está fea. Quisiera coser mis propias cosas con mis propios diseños florales en ellas". Y por supuesto que puedes hacerlo. Permíteme guiarte por el proceso de diseñar tu propio estampado floral de moda, ¡que puedes usar posteriormente para asombrosos y únicos proyectos que puedes hacer tú mismo! 

1. Realiza algunos motivos

Diseñar un motivo para usar en tela requiere que consideres unas cosas antes de comenzar a dibujar.

Paso 1

Primero, considera tu escala. Si tus motivos son demasiado grandes, lucirán desprolijos en el producto final y si son demasiado pequeños, los detalles se perderán.

Ten como objetivo una escala que deje visible una buena porción de tu reiteración. Si planeas hacer artículos grandes como ropa, cojines o toallas de cocina, puedes utilizar motivos más grandes. Si quieres hacer accesorios como billeteras o bandas para el cabello, la escala necesita ser más pequeñas, de lo contrario el patrón no será visible.

Make a floral pattern for fabric in PS - consider scaleMake a floral pattern for fabric in PS - consider scaleMake a floral pattern for fabric in PS - consider scale

La apuesta más segura es hacer el diseño más grande de lo que pienses que vas a necesitar, ya que es fácil reducir el tamaño de la imagen en Adobe Photoshop, pero no es posible incrementarla sin pérdida de calidad. Pero asegúrate de que el nivel del detalle y el grosor de tus líneas sean adecuadas para tu elección de escala.

Las líneas que lucían magníficas mientras las dibujabas podrían parecer muy delgadas en una escala mucho más pequeña o podrían parecer gruesas y exageradas si el patrón se usa en una escala grande.

Make a floral pattern for fabric in PS - consider line weightMake a floral pattern for fabric in PS - consider line weightMake a floral pattern for fabric in PS - consider line weight

Paso 2

Comienza a bosquejar tus motivos. Puedes usar muchas o pocas flores, pero mi preferencia siempre es una variedad de flores de diferentes formas y tamaños, porque esto te ayudará a lograr una reiteración más dinámica.

Puedes bosquejar flores y hojas individuales y juntarlas posteriormente, pero nunca encajarán tan bien como si las dibujas en conjunto. El bosquejo puede ser muy áspero y poco homogéneo porque solo lo usaremos como una guía.

Make a floral pattern for fabric in PS - initial sketchMake a floral pattern for fabric in PS - initial sketchMake a floral pattern for fabric in PS - initial sketch

Paso 3

Si has bosquejado tus flores en el tamaño real que quieres usar en tu patrón final, digitaliza tu bosquejo a 300 ppp, pues esta es la calidad de imagen necesaria para un estampado en tela claro. Luego puedes utilizar esa digitalización como tu documento de trabajo y no necesitas redimensionar la imagen antes de comenzar a dibujar el limpio trabajo de líneas sobre el bosquejo.

Si bosquejaste tus motivos más pequeños del tamaño que quisieras tenerlos en el patrón final, siéntete libre de estirar tu digitalización a cualquier tamaño deseado utilizando la combinación de teclas Control-A > Control-T para acceder a los controles de la herramienta Transformación libre y luego Mayúsculas-arrastrando una de los esquinas hacia afuera hasta que tu bosquejo sea lo suficientemente grande. Esto dañará la calidad de la imagen de tu digitalización, pero no te debería preocupar, pues el bosquejo solo se utilizará para guiar tu trabajo de líneas.

Make a floral pattern for fabric in PS - setting the file sizeMake a floral pattern for fabric in PS - setting the file sizeMake a floral pattern for fabric in PS - setting the file size

Paso 4

Ahora puedes seleccionar la herramienta Pincel circular definido o cualquier otro pincel de Photoshop de tu elección y comenzar a dibujar líneas limpias sobre tu bosquejo.

Mientras dibujas, la anchura de tus líneas debería variar para hacerlas más dinámicas. No tienes que ser muy preciso en cada forma, puedes dejar la línea desvanecida para dar una mayor sensación de dibujo a mano. Si planeas usar un color más oscuro para las líneas, puedes dibujar inmediatamente sombras donde se encuentran los pétalos o se enciman, para que las flores tengan más profundidad.

Make a floral pattern for fabric in PS - drawing clean linesMake a floral pattern for fabric in PS - drawing clean linesMake a floral pattern for fabric in PS - drawing clean lines

Paso 5

Contornea diferentes motivos en diferentes capas, para que puedas manipularlas fácilmente más adelante, haciendo copias adicionales y usando Edición < Transformar > Voltear, Rotar o Escalar para crear más variedad en tu diseño sin dibujar nuevos motivos.

Make a floral pattern for fabric in PS - draw motifs separatelyMake a floral pattern for fabric in PS - draw motifs separatelyMake a floral pattern for fabric in PS - draw motifs separately

Paso 6

Ahora deberías tener una versión limpia de líneas de tu bosquejo inicial que luzca más o menos así.

Make a floral pattern for fabric in PS - finished lineworkMake a floral pattern for fabric in PS - finished lineworkMake a floral pattern for fabric in PS - finished linework

2. Añade algo de color

Una vez que esté terminada la parte principal de tu contorno, puedes comenzar a pensar en los colores para tu patrón floral. Si piensas en imprimir en serigrafía tu trabajo comercialmente, limita el número de colores que usas a los menos posibles, ya que cada color adicional incrementará el precio de la impresión. Si quieres imprimir tu trabajo digitalmente (por ejemplo en Spoonflower), puedes usar tantos colores como desee tu inspiración.

Paso 1

Incorpora los colores base. Puedes hacerlo usando la herramienta Varita mágica para seleccionar el espacio vacío dentro de cada motivo y eligiendo Selección > Modificar > Expandir y expandiendo toda tu selección uno o dos pixeles. Esto asegura que no habrá una brecha entre tu línea y tu color.

Pasa a una nueva capa y luego haz clic en las teclas Alt-Suprimir para rellenar la selección con tu color de frente o Control-Suprimir para rellenar la selección con tu color de fondo.

Para motivos con muchas líneas de detalles que no pueden ser prolijamente seleccionadas, pinta el color base con la herramienta Pincel circular definido. Asegúrate de mantener todos los colores base en capas separadas, en caso de que quieras hacer cambios posteriormente. 

Make a floral pattern for fabric in PS - base colorsMake a floral pattern for fabric in PS - base colorsMake a floral pattern for fabric in PS - base colors

Paso 2

La clave para una paleta de color coherente yace en encontrar más de un rol para cada color que uses. Desafíate para encontrar combinaciones inteligentes que te permitan desarrollar una rica mezcla cromática mientras mantienes bajo el número de colores individuales.

Mi regla de oro es comenzar con dos o tres tonos cálidos (matices rosa, amarillo, rojo, naranja), dos o tres tonos geniales (azules, verdes y violetas) y unos neutros (blanco, gris, beige, marrón claro, marrón oscuro). El tono más claro puede usarse arriba de todos los demás para crear iluminaciones.

Make a floral pattern for fabric in PS - highlightsMake a floral pattern for fabric in PS - highlightsMake a floral pattern for fabric in PS - highlights

Paso 3

Los tonos más oscuros pueden estructurarse en capas arriba de los más claros para crear sombras, como el azul claro y el azul grisáceo en el ejemplo proporcionado abajo.

Make a floral pattern for fabric in PS - shadowsMake a floral pattern for fabric in PS - shadowsMake a floral pattern for fabric in PS - shadows

Paso 4

Un tono más claro puede usarse arriba de un tono más oscuro para dar textura y detalle, como el patrón que asemeja un dulce franjeado en los pétalos de la rosa observada a continuación.

Make a floral pattern for fabric in PS - details and texturesMake a floral pattern for fabric in PS - details and texturesMake a floral pattern for fabric in PS - details and textures

Paso 5

Una vez que hayas logrado una atractiva paleta de colores, puedes usar el color de tu trabajo de líneas para añadir más sombras entre tus motivos y estructurar en capas hojas adicionales en el fondo.

Siéntete libre de seguir añadiendo más elementos alrededor del núcleo de tu diseño, pero comienza a dejar espacios entre ellos si tu patrón termina demasiado denso, puede lucir un poco claustrofóbico en la tela. Una mezcla equilibrada de partes densas y escasas, junto con terreno abierto (vacío), generalmente hace la mejor moda floral.

Make a floral pattern for fabric in PS - finished motifMake a floral pattern for fabric in PS - finished motifMake a floral pattern for fabric in PS - finished motif

3. Crea una reiteración fluida

Los patrones pueden repetirse de muchas maneras diferentes, pero la principal diferencia que haremos hoy está entre conjuntos de reiteraciones y reiteraciones fluidas

Un conjunto de repeticiones es regular, tu motivo principal se repite en líneas rectas o diagonales, con cada cuatro reiteraciones formando una forma de cuadrado o diamante. Conjuntos de reiteraciones se encuentran a menudo en estampados para utilizarse en decoraciones del hogar: en papel tapiz, cortinas o forro. 

Una reiteración fluida es irregular, intenta disfrazar el hecho de que el motivo se está repitiendo, tratando de que luzca como si los elementos del motivo se hayan derramado casualmente en la tela. Es el tipo más popular de reiteración de patrón para utilizar en telas y accesorios de moda.

Make a floral pattern for fabric in PS - set repeat vs flowing repeatMake a floral pattern for fabric in PS - set repeat vs flowing repeatMake a floral pattern for fabric in PS - set repeat vs flowing repeat

Paso 1

Crear una reiteración fluida requiere un poco de intuición. No hay reglas precisas para ello, porque el punto es lograr una distribución natural de elementos. Así que experimentemos con nuestros motivos y veamos lo que podemos lograr.

Primero, agrupemos todas nuestras capas, ignorando únicamente la capa fondo. Esto se hace más fácil seleccionando todas las capas relevantes (mantén presionada la tecla Mayúsculas mientras seleccionas múltiples capas a la vez) y luego pulsando Control-E para combinarlas en una.

Luego haz unas copias de tu nueva capa usando Control-J y colocándolas una al lado de otra de manera aleatoria.

Make a floral pattern for fabric in PS - first repeat attemptMake a floral pattern for fabric in PS - first repeat attemptMake a floral pattern for fabric in PS - first repeat attempt

Paso 2

Mueve los motivos y rótalos para ver si puedes minimizar la cantidad de superposiciones y espacios vacíos largos entre las flores. Nota qué partes no encajan bien juntas, para que puedas añadir más flores y hojas a esas áreas, o elimina las que parecen bloquear el flujo del patrón.

Si sientes que el diseño es demasiado denso, aleja los elementos y añade piezas más pequeñas, más sencillas y menos detalladas entre ellos.

Make a floral pattern for fabric in PS - finding good flow and densityMake a floral pattern for fabric in PS - finding good flow and densityMake a floral pattern for fabric in PS - finding good flow and density

Paso 3

Regresa al archivo de tu motivo principal y añade elementos a los lugares vacíos que marcaste durante el experimento de la reiteración.

Make a floral pattern for fabric in PS - extending the main motifMake a floral pattern for fabric in PS - extending the main motifMake a floral pattern for fabric in PS - extending the main motif

Paso 4

Pinta los elementos recién añadidos con el mismo estilo que el resto de tu motivo, pero siéntete libre de cambiar los colores para incluir más variedad. También si por ejemplo estás ocultando flores detrás de hojas, podrían tener más sombras y colores más oscuros que flores similares que no estén obstruidas por nada.

Cuando sientas que has añadido suficientes elementos, combina todo excepto la capa fondo de nuevo, y tratemos de unir nuestra reiteración final.

Make a floral pattern for fabric in PS - finished extended motifMake a floral pattern for fabric in PS - finished extended motifMake a floral pattern for fabric in PS - finished extended motif

Paso 5

Haz unas copias de tu nuevo conjunto gigante de flores usando Control-J y comienza a moverlas aleatoriamente  y a rotarlas hasta que encuentres un ángulo en el que parezcan encajar bien. Cuando tienes motivos grandes que lucen bien juntos, combínalos y luego haz una copia de la nueva capa combinada y muévela hacia abajo en una línea recta manteniendo presionada la tecla Mayúsculas mientras arrastras la capa. Colócala donde parezca encajar mejor.

Combina ambas capas de nuevo y haz una nueva copia, esta vez presionando la tecla Mayúsculas y arrastrando hacia la derecha. Combina todo de nuevo. Encuentra un punto particular que puedes ver reiterado cuatro veces en un rectángulo regular y márcalo con tus Guías, esta es la esquina de tu mosaico de motivo final.

En el ejemplo de abajo es la flor rosa con el centro amarillo grande. Puedes verlo en cada esquina siempre en el mismo lugar, abajo y a la derecha de las Guías que se cruzan.

Make a floral pattern for fabric in PS - making the final repeatMake a floral pattern for fabric in PS - making the final repeatMake a floral pattern for fabric in PS - making the final repeat

¡Y terminaste!

Has creado un portentoso patrón floral fluido que es perfecto para imprimir en tela. Selecciona tu mosaico de motivo usando la herramienta Marco rectangular, aplica Control-C > Control-N > Control-V para moverlo a su propio lienzo perfectamente dimensionado y guárdalo como un archivo JPG o PNG.

Ahora puedes abrir una cuenta en Spoonflower o algún otro sitio web de impresión de tela, cargar tu diseño y ordenar una muestra en la tela de tu elección.

Dos consejos finales: primero, siempre lee las descripciones de diferentes telas y asegúrate de que estés obteniendo la que es más adecuada para el tipo de proyecto que quieres hacer. Las fibras naturales siempre son más placenteras de manejar, pero desafortunadamente las fibras sintéticas manejan el color mucho mejor, así que deberías considerar lo que es más importante para ti: los colores brillantes o la sensación natural.

Segundo, siempre ordena una muestra de tu diseño en la tela exacta que quieres usar, antes de que ordenes cualquier cantidad mayor. Los colores son afectados por el color base de la tela, así que siempre es bueno ver la calidad de impresión y quizá hacer ajustes de color antes de hacer tu orden.

Make a floral pattern for fabric in PS - color change on fabricMake a floral pattern for fabric in PS - color change on fabricMake a floral pattern for fabric in PS - color change on fabric

¡Y ahora estás listo para ordenar tu tela y coser este vestido / funda de edredón / cojín / cortina / bolsa de tela! Destácate entre la multitud, presumiendo tu propio diseño floral. Tan genial.

Espero que hayas disfrutado este proceso y por favor ¡permíteme saber si tienes preguntas al respecto! Esta es el mosaico del patrón final una vez más:

Make a floral pattern for fabric in PS - the final pieceMake a floral pattern for fabric in PS - the final pieceMake a floral pattern for fabric in PS - the final piece