Cómo crear un patrón de rayas y flores desde cero en Adobe Illustrator

Lo que vas a crear

Las rosas y las flores pueden ser una tarea desalentadora sin referencia fotográfica. ¡Elimine las conjeturas de diseñar hermosos patrones florales en Adobe Illustrator con este tutorial de patrones sin fisuras! Juntos crearemos flores, una paleta de colores unificada y organizaremos un patrón fantástico en un instante.! 

¿Necesitas un poco de inspiración floral? Echa un vistazo a las fotos florales y los patrones de vectores en Envato Market antes de sumergirte en este tutorial.!

Trabajaré en Adobe Illustrator CC en este tutorial y haré uso del panel de Opciones de patrón. Si está utilizando una versión anterior, es posible que tenga que encontrar un método alternativo para planificar y crear su patrón..

1. Crea una rosa

Paso 1

Para empezar, dibuja dos círculos con la Herramienta Elipse (L). Estos servirán como una guía para la construcción de su rosa. Usando la herramienta de dibujo de su elección (usé el Herramienta de lápiz (N) para dibujar el mío), dibuja un pétalo festoneado como el que se ve a continuación. Asegúrate de cerrar cualquier camino abierto al crear estos objetos de pétalos.

Paso 2

Repita la forma de su pétalo en el otro lado del círculo pequeño. Luego dibuja una forma de nube hinchada entre ellos. Esto forma el centro de tu rosa..

Paso 3

Continuar dibujando capas de pétalos:

  1. Querrá rellenar el centro de la rosa primero, dibujando cada objeto más lejos del centro.
  2. El centro también es un buen lugar para la simetría..
  3. Hay diez formas de pétalos en total aquí: las tres piezas centrales del paso anterior y varias más para completar el círculo más pequeño.

Si configura su herramienta de dibujo (como la Herramienta Lápiz o la Herramienta de pincel (B)) a Suave en sus opciones, será más probable que cree objetos de pétalos redondeados en lugar de objetos afilados y dentados.

Etapa 4

Cuanto más lejos del centro, más grandes deben ser los pétalos.. 

  1. Considera dibujar pétalos en cuatro cuadrantes alrededor del círculo central.
  2. Los pétalos más grandes en el exterior del diseño llegan a un punto en el centro, mientras que los del interior son más redondos y festoneados..
  3. Cuando hayas terminado de dibujar pétalos (mi flor tiene 19 en total), elimina los círculos guía y Grupo (Control-G) tus pétalos se juntan.

2. Colorea la rosa

Paso 1

Utilizando la Herramienta de selección directa (A), seleccione dos de los pétalos interiores cerca del centro del diseño y establezca los colores de relleno en rosa claro (# fe8abf). Asegúrate de que el color del trazo también esté establecido en nulo. Crearemos un diseño de patrón plano y no usaremos ninguna línea de arte para ello..

Paso 2

El objetivo para colorear una rosa como esta es asegurarse de que las formas de pétalos individuales no sangren o se mezclen entre sí. Como tal, usaré cuatro tonos diferentes de rosa. Los pétalos más centrales y los tres pétalos exteriores serán de color rosa (# ff5d9e). Dos de los pétalos centrales serán de color rosa medio (# ff4275), y los dos pétalos de colores restantes en esta imagen son de color rosa oscuro (# ff2348). Quiero que los pétalos estallen, por lo que muchos de ellos variarán entre rosa y rosa oscuro..

Paso 3

Continúa agregando colores a tu diseño rosa.

  1. Estas hojas exteriores superiores son de color rosa oscuro y medio, mientras que las hojas exteriores inferiores tienen tonos de rosa más claros..
  2. También he dibujado pequeñas formas de astilla para ayudar a separar los pétalos entre sí y dejar que el diseño resalte un poco más. Esto es opcional.

3. Dibuja las hojas

Paso 1

Hay muchas hojas en nuestro patrón final. Para flores de tallo y para dispersar, puedes dibujar un pequeño conjunto de hojas:

  1. Dibuja seis formas de lágrimas.
  2. Bisecar cada uno con una línea curva. Selecciona tu hoja y línea y pulsa Dividir en el Pionero panel. Esto te dará dos objetos separados para cada lado de tu hoja..
  3. Ajuste el lado izquierdo de cada hoja a verde oscuro (# 1f714a) y el lado derecho a verde claro (# 5bbb2c).

Paso 2

Dibujemos una hoja grande que se utilizará para las rosas más grandes:

  1. Al igual que los pétalos, las hojas grandes son curvas y llegan a un punto..
  2. Bisecta la hoja con una línea curva y golpea. Dividir en el Pionero panel con ambos objetos seleccionados.
  3. Utilizar el Lapicera para dibujar ocho líneas verticales que siguen el contorno de la forma de la hoja. Dividir Estas líneas y los objetos de la hoja también tienen 18 objetos separados que conforman la hoja..
  4. Colores de relleno alternativos de verde oscuro (# 1f714a) Y verde medio en la parte superior, y verde medio (# 3aa226) Y verde claro (# 5bbb2c) En el fondo.

Grupo Todo junto cuando hayas terminado con tu diseño de hoja..

Paso 3

Considera otras formas para tus hojas:

  1. Esta hoja tiene formas más plumosas y puntiagudas. Di vuelta al Suavidad abajo en mi Herramienta Lápiz para asegurarse de que los bordes afilados no se pierdan al dibujar.
  2. Al igual que la hoja anterior, corte la hoja por la mitad con una línea curva.
  3. Añade rayas y formas alternas de verde. Esta vez los colores más oscuros están en la parte inferior del diseño..

Etapa 4

Combina tu rosa y hojas grandes para crear la primera flor para tu diseño. Girar (R)Escala Tus elementos como mejor te parezcan..

4. Crea las otras flores

Paso 1

Hay otros tres tipos de flores en este diseño. El primero es mi gran diseño de rosa:

  1. Al igual que la primera rosa, puedes construir esto a partir de círculos o elipses. Enfócate en el centro y dibuja los pétalos hacia afuera..
  2. Colores alternativos para que los pétalos no se mezclen demasiado entre sí. Enfoca los colores más oscuros en los pétalos que están detrás o dentro de la rosa.
  3. También puede dibujar formas pequeñas que sigan el borde interior de cada pétalo para darle un poco más de definición. Estos son buenos para sombras adicionales o reflejos leves.

Paso 2

Usa las hojas pequeñas para las rosas de tallo. Para la primera rosa, solo querrá dibujar el contenido del círculo interno o agregar pétalos a una forma ovalada. También puede simplemente colocar algunas formas de pétalos para obtener una rosa pequeña y simple, como se ve a continuación..

Dibuja los tallos como trazos trazados con cualquiera de los Herramienta Pluma (P) o la Herramienta de pincel (B) y Expandir ellos en Objetos (Objeto> Expandir)

5. Crea el patrón

Paso 1

los Opciones de patrón El panel hace que la creación de patrones sin fisuras sea bastante fácil. Seleccione el elemento rosa grande y Hacer un nuevo patrón en el Opciones de patrón panel. Escoger Ladrillo por columna para tu Tipo de azulejo con un Compensación de ladrillo de 1/2.

Quiero un amplio espacio alrededor de este elemento, así que he cambiado el Anchura a aproximadamente 4.9 pulgadas y el Altura8 pulgadas. El tamaño de su patrón diferirá según el tamaño de su objeto y documento. Simplemente tenga en cuenta la relación que he creado a continuación.

Paso 2

Me gusta agregar elementos uno por uno en patrones como este. Golpear Hecho y entonces Copiar (Control-C) uno de tus otros elementos de rosa creados previamente. Haga doble clic tu patrón muestra en el Muestras panel para abrirlo de nuevo y Pegar (Control-V) la rosa en tu patrón Esto le permite centrarse en el tamaño y la ubicación de cada elemento dentro de su diseño.

Paso 3

Repita los elementos del patrón dentro de su diseño y tome nota de cómo se repiten dentro de su patrón.

Etapa 4

Pegar Repitiendo elementos para que se superpongan al cuadro delimitador del patrón. Esto le permitirá crear rápida y fácilmente un patrón sin problemas, así como agregar varias repeticiones a la vez a su diseño..

Paso 5

¡Ahora por algunas hojas! Para romper un poco el patrón, he agregado algunas hojas por sí mismas alrededor del diseño, asegurándome de que se superpongan a los límites del patrón. Agrega elementos de flores más grandes también para llenar el espacio.

Tome nota de qué tan cerca están los elementos entre sí dentro del patrón completo, así como si los objetos se superponen o no..

Paso 6

Agregué dos instancias de la rosa de tallo a cada lado de la rosa grande para crear un diseño más elegante. Se han colocado debajo de los otros elementos en el Capas panel. Esto llenó la mayor parte del diseño, por lo que ahora podemos agregar rayas y terminar!

Paso 7

Finalmente, es hora de añadir rayas. Utilizar el Herramienta Rectangular (M) para dibujar un rectángulo vertical estrecho que abarca la longitud del patrón. DupdoPegar cuatro instancias del rectángulo.

Alinear ellos a sus bordes inferiores y Distribuir ellos uniformemente Querrás hacer todo lo posible para tener una distribución uniforme de rayas.. Grupo los rectángulos juntos y colocarlos debajo de los otros elementos en el Capas panel. Todas las rayas deben estar detrás de los elementos de diseño..

Si encuentra que algunos de sus elementos están detrás de las rayas, pruebe uno de los siguientes:

  1. Mueva los elementos superpuestos al lado opuesto del cuadro delimitador de patrón y asegúrese de que estén sobre las formas "de fondo" en el Capas panel.
  2. Cree un patrón de rayas por separado y un patrón floral por separado y simplemente apile los objetos rellenos con ellos.
  3. Primero, cree las franjas y luego coloque los elementos florales en la parte superior (esto aún puede causar superposiciones extrañas, pero le dará más control al diseñar).

Gran trabajo, estás hecho!

¡Aplica tu nuevo patrón a un rectángulo y guarda una muestra para compartir en la sección de comentarios a continuación! Considere usar el Recolorear el arte Opción para crear algunas variaciones de patrones divertidos, o usar estos pasos y técnicas para hacer patrones con otros tipos de flores y formas geométricas.!