Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustrator Brushes
Design

Cómo Crear un Pincel de Patrón de Arte Islámico en Illustrator

Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

Final product image
What You'll Be Creating

'Marhaba'! (Hola) Aprende a crear un patrón geométrico islámico con un pincel de Illustrator. En este tutorial, vamos a ir a través del proceso paso a paso de cómo crear patrones islámicos con facilidad!

Para empezar, aprenderás a configurar la mesa de trabajo y preparar el documento para crear los pinceles de Illustrator. A continuación, utilizaremos las herramientas básicas de Illustrator y las técnicas de creación de formas para crear un mosaico de esquina elegante y el bloque de borde de patrón islámico lateral para nuestro pincel de patrón islámico.

Espero que puedas seguir y recoger las técnicas en el camino, y luego tal vez crear tus propios bordes de Illustrator utilizando esas técnicas.

1. Cómo Configurar un Nuevo Documento

Abre Adobe Illustrator.

Archivo > Nuevo (Ctrl-N) para abrir un nuevo documento en blanco.

Asigna al archivo el nombre 'Islamic_Pattern_Brush' y establece las dimensiones y la Configuración en:

  • Número de Mesas de Trabajo: 1
  • Ancho: 2 cm
  • Altura: 2 cm
  • Unidades: Centímetros

En la pestaña Avanzado, utiliza la siguiente configuración:

  • Modo de Color: RGB
  • Efectos Ráster: Alto (300ppi)
  • Modo de Vista Previa: Predeterminado
How to open new document set settings in Adobe Illustrator Pattern Brush

2. Cómo Diseñar el Mosaico de Patrón de Esquina Islámico

Paso 1

Para crear un patrón geométrico islámico, necesitamos crear dos mosaicos para el diseño: un mosaico de patrón de esquina y una mosaico de patrón básico.

Comencemos con el mosaico de patrón de esquina primero, porque es el más complicado, y hará que nuestro diseño de mosaicos laterales sea más fácil de crear.

Habilita las Guías Inteligentes (Ctrl-U), para que podamos crear ilustraciones alineadas con precisión.

En la barra de herramientas, establece sin Trazo y aplica un Relleno beige  #d89c6a .

Toma la Herramienta Rectángulo (M), haz clic una vez en la mesa de trabajo para abrir el cuadro de diálogo del Rectángulo y establece la Anchura y Altura en 2 cm. Este será nuestro fondo de mosaico.

set up basic pattern brush background block color and size

Paso 2

A continuación, creemos un forro de diamante en forma de L invertida dentro de la caja.

Con la Herramienta Rectángulo (M) seleccionada y un Relleno blanco aplicado, haz clic una vez en la mesa de trabajo para abrir el cuadro de diálogo del Rectángulo y crea un cuadrado de 0.1087 cm.

Luego selecciona la Herramienta Rotar (R), mantén presionada la tecla Shift y arrastra el cursor para ajustar el ángulo a 45 grados. Coloca el diamante en la base de la mesa de trabajo como se muestra a continuación.

Create Square diamond shape rotate and snap to 45 angle

Paso 3

Usa la Herramienta Selección (V) para seleccionar la forma de diamante blanco. Mantén pulsadas las teclas Shift+Alt para restringir el movimiento y duplica la selección arrastrando el cursor verticalmente hasta que los bordes se toquen.

Utilza el acceso directo Ctrl-D para Transformar de Nuevo y duplicar. Repite el proceso hasta llegar a un bloque de la parte superior de la mesa de trabajo.

A continuación, repite horizontalmente hasta el final de la mesa de trabajo.

How to Duplicate shape command d short cut to transform again

Paso 4

Ahora vamos a crear un borde rojo para encerrar las filas de revestimiento de diamantes.

Abre el panel Trazo (Ventana > Trazo). Selecciona la Herramienta Pluma (P) y aplica un color de Trazo rojo ladrillo de #902319 y un Grosor de Trazo de 0.2 pt.

Con la ayuda de las Guías Inteligentes, dibuja un borde alrededor de los bordes de la forma del diamante. Asegúrate de mantener pulsada la tecla Shift para restringir la línea.

How to Use Pen tool P to create border around diamond lining for islamic art pattern

Paso 5

Utiliza el acceso directo Shift-X para Intercambiar Relleno & Trazo.

Con la forma seleccionada, ve a Objeto > Organizar > Enviar Atrás (Shift +Ctrl-[).

Luego presiona  Shift + Ctrl-] para Traer al Frente, delante de nuestra forma de fondo.

Apply Shortcut to swap fill and stroke and object arrange sent to back to layer

Paso 6

A continuación, vamos a crear dos fondos más para nuestro patrón de mosaicos de esquina.

Para el primer cuadrado, selecciona la Herramienta Rectángulo (M) y aplica un color de Relleno Evergreen de #203523. Comenzando desde la parte inferior derecha de la mesa de trabajo, mantén pulsada la tecla Shift y arrastra hacia arriba para crear un cuadrado de 1.61 cm.

Luego, en la esquina inferior derecha, crea un cuadrado más pequeño con un Relleno de color Rojo Ladrillo de #902319 y 0.15 cm.

How to create square background islamic pattern border design tile

Paso 7

Continuando, toma la Herramienta Selección Directa (A), selecciona la forma inferior del diamante y arrastra horizontalmente hasta el final de la mesa de trabajo, mientras mantienes presionadas las teclas Shift-Alt para restringir el movimiento. Copia la forma en nuestro cuadrado rojo.

Para Traer al Frente, utiliza el acceso directo Ctrl + Shift-].

USe direct selection tool and shift drag to constrain movement and copy shape bring to front

Paso 8

Ahora necesitamos crear los segmentos para nuestro diseño de trenza de circular entrelazada. Crearemos elipses una dentro de la otra y luego las cortaremos en un segmento de un cuarto.

Empecemos con la elipse externa.

Toma la Herramienta Elipse (L) de la barra de herramientas y aplica el color de Trazo Evergreen #203523. Manteniendo presionada la tecla Shift para restringir las proporciones, crea un círculo de 1.33 cm.

En el panel Trazo, aplica:

  • Peso: 1.68 pt
  • Tapa: Extremo Plano
  • Esquina: Unión de Ángulo
  • Alinear Trazo: Alinear Trazo al Interior
ellipse tool apply stroke butt cap miter join and align stroke to inside

Paso 9

Para la segunda elipse, con la primera elipse seleccionada, Objeto > Trazado > Desplazamiento, establece el Desplazamiento en -0.059 cm y haz clic en Aceptar.

Establece un Grosor de Trazo de -1.68 cm y aplica un Trazo de color Beige de #d89c6a.

A continuación, para la tercera elipse, y con esa segunda elipse seleccionada, Objeto > Trazado > Desplazamiento, y con el Desplazamiento en -0.059 cm.

Establece el Grosor del Trazo en 5 cm, y aplica un Trazo de color Beige Claro de #ffefe3.

how to object offset path and align stroke to inside

Paso 10

Después de eso, con la tercera elipse seleccionada, Objeto > Trazado > Desplazamiento Trazado, y con el Desplazamiento  en -0.059 cm.

Establece el Grosor del Trazo en 1.68 cm y aplica un Trazo de color Beige de #d89c6a.

Y de nuevo, Objeto > Trazado > Desplazamiento, y establece el Desplazamiento en -0.059 cm.

Establece el Grosor del Trazo en 1.68 cm y aplica un color de Trazo Evergreen de #203523.

object path offset circles to create intertwine islamic circle pattern

Paso 11

Para la sección final del patrón islámico del círculo, selecciona la Herramienta Elipse (L).

Aplica un color de Relleno Rojo Ladrillo #902319, mantén pulsada la tecla Shift para restringir las proporciones y, desde el centro, comienza a dibujar un círculo de 0.51 cm.

Luego toma la Herramienta Selección (V), y selecciona todas las elipses.

Objeto > Expandir Apariencia, para convertir los trazados en formas compuestas.

Ellipse tool create circle fill object expand all circles for compound shapes

Paso 12

A continuación, vamos a cortar nuestros círculos en un segmento de un cuarto.

En el menú Herramientas, mantén presionada la Herramienta Borrador para seleccionar la Herramienta Cuchillo.

Comencemos con el círculo exterior y trabajemos hacia adentro. Selecciona el círculo exterior.

Para cortar a través de una ruta recta con la Herramienta Cuchillo, mantén presionadas las teclas Shift-Alt (Shift-Opción) mientras haces clic en la mesa de trabajo y luego arrastra para cortar. Corta las secciones media-superior y media-izquierda. Los cortes creados aparecerán como trazos en el objeto.

Luego toma la Herramienta Selección (V), y selecciona la parte de tres cuartos a la derecha, y presiona Eliminar.

How to use the Knife tool to cut straight line to cut segments in shapes

Paso 13

Ahora repite el paso anterior para los cinco círculos restantes.

Una vez que hayas terminado, vamos a Agrupar (Comando-G) los seis arcos juntos, para crear nuestro segmento de un cuarto.

group segments circles to create circle intertwined islamic pattern

Paso 14

Una vez que nuestro segmento de un cuarto esté completo, vamos a alinearlo con nuestra mesa de trabajo.

Abre el panel Alinear (Ventana > Alinear). Simplemente selecciona el segmento de un cuarto y elige Alinear con Mesa de Trabajo en el cuadro de diálogo Opciones de Alineación.

Selecciona Alinear a la Derecha Horizontal y coloca el segmento de un cuarto en la parte superior del fondo cuadrado verde.

Luego toma la Herramienta Reflejo (O) y establece el punto de referencia central en el borde inferior del segmento; presionar Alt-Shift-Arrastrar (Opción-Shift-Arrastrar) y soltar cuando el grupo se refleje por debajo, como se muestra.

Align Object horizontal right Artboard from Align Panel Reflect Tool

Paso 15

Ahora vamos a seleccionar ambos segmentos de círculo usando la Herramienta Selección (V), y refléjalos en la base de la mesa de trabajo.

Simplemente selecciona la Herramienta Reflejo (O). Establece el punto de referencia central en la esquina derecha de la mesa de trabajo; presionar Alt-Shift-Arrastrar (Opción- Shift-Arrastrar) y soltar cuando el grupo se refleje como se muestra. Una vez hecho esto, podemos crear nuestro diseño Flor de Lis para colocarlo en la sección de la esquina de nuestro pincel Illustrator.

3. Cómo Dibujar el Diseño Flor de Lis

Paso 1

A continuación, necesitamos crear un diseño de Flor de Lis para completar nuestro mosaico de la esquina.

Crearemos la mitad de la flor y luego la reflejaremos para un aspecto simétrico.

Selecciona la Herramienta Pluma (P) y aplica un  Relleno de color  #d89c6a, sin Trazo .

Para empezar a dibujar, comienza con la sección media de la flor, que será nuestro punto de espejo. Mantén pulsada la tecla Shift, dibuja una línea recta de 0.9 cm hacia abajo y luego continúa dibujando a mano alzada la mitad derecha del diseño de la flor, como la tengo.

Una vez que hayas terminado, toma la Herramienta Reflejo (O) y establece el punto de referencia central en el borde izquierdo del diseño; presionar Alt-Shift-Arrastrar (Opción-Shift-Arrastrar) y soltar para reflejar.

create fleur de lis flower using Pen tool and reflect tool to mirror

Paso 2

A continuación, necesitamos crear pétalos de flores para colocarlos dentro del diseño.

Toma la Herramienta Elipse (L), y aplica un Relleno blanco, sin Trazo .

Dibuja una elipse larga, de aproximadamente 0.15 x 0.5 cm.

Con la elipse seleccionada, mantén pulsadas las teclas Shift-Alt para restringir el movimiento y duplica la selección. Arrastra la selección a una distancia corta horizontalmente para duplicarla.

A continuación, abre el panel Busca trazos (Ventana > Busca trazos).

Selecciona ambas elipses usando la Herramienta Selección (V) y aplica la opción Modos de Forma: Intersectar. Las Guías Inteligentes te ayudarán a alinear la selección con el centro de la flor.

ellipse tool create petal with pathfinder and shape modes

Paso 3

Ahora, necesitamos crear un pétalo curvo a cada lado del diseño del pétalo medio.

Toma la Herramienta Pluma (P) y aplica un Relleno blanco, sin Trazo.

Dibuja a mano alzada un diseño de pétalo en forma de S, como se muestra.

Luego toma la Herramienta Reflejo (O) y establece el punto de referencia central en la parte inferior del diseño del pétalo medio; Alt- Shift-Arrastrar (Opción-Shift-Arrastrar) y soltar para reflejar.

use pen tool to create petals and mirror using reflect ool option shift drag

Paso 4

Ahora vamos a crear las partes del pistilo y sépalo de la flor.

Usando la Herramienta Elipse (L) en un Relleno de rojo Ladrillo de #902319 y sin Trazo, dibuja un óvalo de 0.08 x 0.07 cm.

Luego toma la Herramienta Rectángulo (M) y dibuja un rectángulo de 0.03 x 0.14 cm debajo de la elipse, como se muestra.

draw pistil and sepal flower parts using ellipse and rectangle tool

Paso 5

Selecciona la Herramienta Pluma (P) y aplica un Relleno en el color Evergreen #203523 sin Trazo. A continuación, dibuja a mano alzada un sépalo en forma de S.

Luego usa la Herramienta Reflejo (O). Establece el punto de referencia central en la parte inferior del sépalo y, a continuación, presiona Alt-Shift-Arrastrar (Opción-Shift-Arrastrar) y suelta para reflejar.

create flower sepal using pen tool and reflect across using reflect tool

Paso 6

A continuación, usando la Herramienta Selección (V), selecciona todos los elementos de la Flor de Lis y Agrúpalos Ctrl-G (Comando-G).

Toma la Herramienta Selección (V) para mover el grupo a nuestro mosaico de la esquina, como se ve a continuación.

Selecciona la Herramienta Rotar (R), mantén presionada la tecla Shift y arrastra el cursor para ajustarlo a un ángulo de 45 grados. ¡Hermosa!

Fleur De Lis Rotate position on corner segment islamic pattern brush

Paso 7

Ahora que nuestro patrón de arte islámico de mosaico de la esquina está listo, abre el panel Muestras (Ventana > Muestras). A continuación, simplemente Selecciona Todo Crl-A (Comando-A) y arrastra los elementos del mosaico de la esquina al panel Muestras para guardarlo como un patrón. Lo usaremos más tarde para crear nuestros bordes de Illustrator.

Add corner tile to Swatches panel select all and drag

4. Cómo Diseñar el Mosaico Lateral de Patrón Islámico 

Paso 1

Continuando, necesitamos crear el mosaico lateral básico del pincel de patrón islámico. Para ello, necesitamos dibujar la parte más importante de nuestro diseño, el diseño de trenza islámica circular entrelazado.

Selecciona los dos segmentos de círculo que están alineados con la esquina derecha del mosaico.

Toma la Herramienta Reflejo (O) y establece el punto de referencia central fuera de la mesa de trabajo; presiona Alt-Shift-Arrastrar (Opción-Shift-Arrastrar) y suelta, para reflejar a través y fuera de la mesa de trabajo.

A continuación, con los segmentos reflejados aún seleccionados, establece otro punto de referencia central en el centro de la sección blanca como se muestra a continuación. Presiona Alt-Shift-Arrastrar (Opción-Shift- Arrastrar) y suelta para reflejar. Asegúrate de que los arcos verdes estén alineados de espalda.

use reflect tool and arrange send to back to create intertwine circles

Paso 2

A continuación, toma la Herramienta Selección (V) y selecciona el segmento del círculo inferior derecho.

Objeto > Organizar > Enviar Atrás Shift-Ctrl-[ (Shift-Comando-[), para crear nuestro aspecto trenzado.

Selecciona los cuatro segmentos usando la Herramienta Selección (V). Luego, con la Herramienta Reflejo (O), establece el punto de referencia central en el borde derecho del grupo; presiona Alt-Shift-Arrastrar y suelta para reflejar.  Nuestro diseño de trenza circular principal ya está listo para nuestro borde de Illustrator.

use selection tool to arrange and shift to back and mirrior braiod group across with reflect tool

Paso 3

Vamos a crear el telón de fondo para el diseño de mosaico lateral para nuestro pincel de Illustrator.

Toma la Herramienta Rectángulo (M) y aplica un Relleno #d89c6a, sin Trazo. Utiliza las Guías Inteligentes para dibujar un rectángulo de 1.85 x 2 cm, para ajustar de de borde a borde del diseño.

Objeto > Organizar > Enviar Atrás Shift-Ctrl-[ (Shift-Comando-[).

rectangle tool create backdrop and arrange send to back

Paso 4

Toma la Herramienta Selección (V) y selecciona todas las formas de diamante blanco en la fila superior del mosaico de la esquina.

Mantén pulsada la tecla Alt-Shift (Opción-Shift) y arrastra horizontalmente para duplicarlas en el diseño del mosaico lateral. La posición como se muestra.

A continuación, con la fila aún seleccionada, presiona Alt-Shift (Opción-Shift) y arrastra verticalmente a la base de la mesa de trabajo, para duplicar de nuevo.

option shift drag diamond shape row horizontally and vertically

Paso 5

Avanzando, vamos a crear las barras rojas que envuelven las filas de diamantes.

Toma la Herramienta Rectángulo (M), y aplica un Relleno color  ladrillo rojo #902319, sin Trazo. Utiliza las Guías Inteligentes para dibujar un rectángulo de 1.85 x 0.16 cm que se extiende de izquierda a derecha del mosaico y de arriba a abajo de la fila de diamantes.

Repite lo mismo para la cubierta inferior.

Selecciona ambas barras rojas con la Herramienta Selección (V).

Ve a Objeto > Organizar > Enviar Atrás Shift-Ctrl-[ (Shift-Comando-[). A continuación, mueve las barras un paso hacia el frente seleccionando Objeto > Organizar > Traer al Frente Ctrl-] (Comando-]).

draw rectangluar bars and arrange send to back and bring forward shortcuts

Paso 6

Y para el último pedacito de nuestro mosaico lateral del pincel de patrón islámico, necesitamos crear un telón de fondo verde que se ejecuta detrás de la trenza circular.

Toma la Herramienta Rectángulo (M), y aplica el Relleno de color Evergreen #203523, sin Trazo. Utiliza las Guías Inteligentes para dibujar un rectángulo de 1.85 x 1.46 cm.

Ve a Objeto > Organizar > Enviar Atrás Shift-Ctrl-[ (Shift-Comando-[) y avanza por Objeto > Organizar > Traer al Frente Ctrl-] (Comando-]).

rectangle tool to create backdrop fill and arrange send to back and bring forward

5. Cómo Crear el Pincel de Patrón Islámico

Paso 1

Ahora, abre el panel Muestras (Ventana > Muestras).

Toma la Herramienta Selección (V) y toma todos los elementos de los mosaicos laterales.

A continuación, arrastra los elementos del grupo al panel Muestras para guardarlos como un patrón.

save side tile pattern drag onto swatches panel

Paso 2

Ahora, vamos a guardar el pincel de patrón islámico, para que podamos usarlo para crear nuestros bordes de Illustrator.

Abre el panel Pinceles (Ventana > Pinceles) y haz clic en el botón Nuevo Pincel. Marca la casilla Pincel de Patrón y haz clic en Aceptar.

Nombra tu nuevo pincel 'Pincel de Patrón Islámico'.

Abre el Mosaico de la Esquina Exterior y selecciona Nueva Muestra de Patrón 1 de esa lista. Asegúrate de que Ajuste está establecido en Ruta Aproximada.

Abre el Mosaico Lateral y selecciona Nuevo Patrón de Muestra 2 de esa lista.

Abre el Mosaico de la Esquina Interior y selecciona el patrón de Corte Automático de esa lista y haz clic en Aceptar.

Create islamic pattern brush outer corner tile side tile and inner corner tile

Paso 3

Wow, ahora que has aprendido a crear un patrón islámico en Illustrator, así es como puedes usar tus pinceles de Illustrator para crear increíbles bordes de Illustrator.

Selecciona la Herramienta Rectángulo (M). Mantén pulsada la tecla Shift para restringir las proporciones y dibuja un cuadrado. Asegúrate de que no tiene color de relleno y selecciona el trazo. Aplica tu Pincel de Patrón Islámico desde el panel Pinceles.

Abre el panel desplegable Trazo y ajusta el tamaño del pincel aplicado a través del valor Peso del Trazo.

¡Maravilloso!

apply islamic pattern brush stroke to design illustrator borders

¡Un trabajo increíble! ¡Lo has Hecho!

Experimenta con el peso y las formas del pincel y trata de crear tu propia variedad de diseños de bordes, como yo. Echa un vistazo a los patrones que he creado.

Espero que hayas disfrutado de este tutorial y hayas podido aprender a dibujar un pincel de patrón geométrico islámico usando Illustrator. Por favor, comparte tus resultados finales en la sección de comentarios y muéstrame qué diseños de borde de Illustrator se te han ocurrido.

how to create islamic pattern and draw islamic pattern brush illustrator final circular

¿Quieres saber más? Echa un vistazo a estos impresionantes tutoriales de pinceles de Illustrator:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.