Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Geometric

Cómo elaborar un motivo árabe en Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

¡Hola! En este tutorial, aprenderás el proceso paso a paso de cómo hacer un motivo en Illustrator. Vamos a hacer uma muestra de un motivo árabe en Illustrator, utilizando Adobe Illustrator.

Los motivos árabes de forma geométrica se encuentran comúnmente en el arte islámico. Su construcción básica se basa en círculos y líneas. Por muy complicado que te parezca un motivo islámico, siempre se basa en una cuadrícula y en una serie de formas y líneas geométricas. Los círculos son la base principal de todos los motivos islámicos; son el elemento clave para sostener las demás partes de los complejos motivos árabes.

Descubrirás cómo una simple composición puede transformar las líneas básicas en una fabulosa y complicada geometría y en un motivo islámico de Illustrator. La artesanía de hacer motivos geométricos requiere una gran cantidad de experimentación, imaginación, tiempo y esfuerzo para crear, y las posibilidades son infinitas.

Hoy aprenderemos a crear un motivo árabe repetitivo en Illustrator, utilizando herramientas y formas básicas. Para obtener más inspiración y recursos, échale un vistazo a GraphicRiver, donde encontrarás una gran variedad de motivos islámicos para Illustrator que te ayudarán a crear un motivo en Illustrator. También encontrarás una colección más amplia de motivos de líneas en general; aquí tienes una selección de los mejores:

1. Cómo configurar el archivo de motivos islámicos de Illustrator

Paso 1

Comencemos nuestro proyecto "cómo crear un motivo árabe en Illustrator", abriendo un Nuevo Documento (Archivo > Nuevo o Comando-N) con estas configuraciones:

  • Número de mesas de trabajo: 1
  • Anchura: 600 px
  • Altura: 600 px
  • Unidades: Píxeles

En la pestaña Avanzada, utiliza los siguientes ajustes:

  • Modo de color: CMYK
  • Efectos de rasterizado: Alta (300ppp)
  • Modo de previsualización: Por defecto

Consejo: Si deseas un diseño de motivo islámico en Illustrator más grande, aumenta el tamaño de la mesa de trabajo.

How to make a geometric Arabic pattern Illustrator artboard set up

Paso 2

Preparemos nuestro espacio de trabajo. Necesitamos el panel Capas (Ventana > Capas) para ordenar nuestras líneas de construcción.

Además, abre el panel Trazo (Ventana > Trazo) y activa las guías inteligentes (Comando-U).

2. Cómo construir la subestructura del motivo árabe de Illustrator

Paso 1

Para crear cualquier motivo geométrico islámico de illustrator, es necesario crear primero el motivo del mosaico subyacente. Esto es lo que nos ayudará más tarde a construir las muestras del motivo geométrico de illustrator.

Importante: Al dibujar, asegúrate siempre de hacerlo desde el centro de la mesa de trabajo. Las guías inteligentes te guiarán.

Para empezar a crear el diseño del motivo islámico de illustrator, necesitamos dibujar un círculo y dividirlo en 12 partes.

Ve al panel de Capas y cambia el nombre de la "Capa 1" a "12 DIVISIONES".

Selecciona la Herramienta Elipse (L). Aplica un color de trazo azul claro, y con un grosor de trazo de 1 pt, dibuja un círculo de 463.62 x 463.62.

A continuación, coge la Herramienta Segmento de Línea (\), mantén pulsadas las teclas Mayúsculas-Alt, y dibuja una línea horizontal de unos 777 px de longitud.

Ahora vamos a rotar esta línea, así que selecciona la Herramienta Rotar (R). Toca una vez en la mesa de trabajo para abrir el cuadro de diálogo Rotar, y establece lo siguiente:

  • Ángulo: 30º
  • Selecciona Copiar para hacer una copia del segmento de línea con un ángulo de 30º

Comando-D para Transformar de nuevo las líneas. Repite cuatro veces más.

how to create the Arabic Illustrator pattern swatch

Paso 2

Bloquea la capa '12 DIVISIONES' y pulsa el icono Crear nueva capa. Nombra la nueva capa 'HEXAGONOS'. Necesitaremos crear dos polígonos de seis lados para reunir los 12 puntos de intersección.

Selecciona la Herramienta Polígono, en la barra de Herramientas.

Aplica un color de Trazo naranja claro, con un grosor de trazo de 1 pt. Pulsa una vez en la mesa de trabajo para abrir el cuadro de diálogo Polígono, y establece lo siguiente:

  • Radio: 231.83 px
  • Lados: 6
  • OK

Coge la Herramienta Rotar (R), pulsa una vez en la mesa de trabajo para abrir el cuadro de diálogo Rotar, y establece lo siguiente:

  • Ángulo: 30º
  • Selecciona Copiar
how to make pattern in Illustrator create a polygon hexagon 6 sided rotate 30 degree angle Arabic pattern

Paso 3

Bloquea la capa 'HEXAGONOS' y crea una nueva capa. Nombra la nueva capa 'CUADRADOS'.

Coge la Herramienta de segmento de línea (\). Aplica un color de trazo rojo, con un grosor de trazo de 1 pt.

Dibuje segmentos de línea que conecten 0º a 90º, 90º a 180º, 180º a 270º, y 270º de vuelta a 0º. Selecciona Todo (Comando-A) y luego Agrupa (Comando-G).

Luego haz dos copias más de la forma de segmento de línea-cuadrado, utilizando la Herramienta Rotar (R) para rotar la selección en un Ángulo de 30º, y crea una Copia.

Para repetir la acción, utiliza el atajo de teclado Comando-D para Transformar de nuevo.

How to create repeating pattern illustrator using Line segment tool

Paso 4

A continuación, repetiremos otro conjunto de cuadrados más pequeños tocando los puntos del polígono interior.

Bloquea la capa 'CUADRADOS' y crea una nueva capa. Nombra la nueva capa 'CUADRADOS 2'.

Toma la Herramienta de segmento de línea (\). Aplica un color de trazo amarillo, con un grosor de trazo de 1 pt. Dibuja segmentos de línea que conecten 0º a 90º, 90º a 180º, 180º a 270º, y 270º de vuelta a 0º. Selecciona Todo (Comando-A).

Luego necesitamos hacer dos copias más de la forma cuadrada. Utiliza la Herramienta Rotar (R) y rota la selección en un ángulo de 30º, y selecciona Copiar.

Luego repite la acción utilizando el atajo de teclado Transformar de nuevo (Comando-D).

make pattern illustrator create a square line segments for islamic pattern illustrator

Paso 5

El motivo islámico de Illustrator empieza a aparecer poco a poco.

Ahora necesitamos extender los lados del segmento cuadrado que hemos creado. Así que vamos a Seleccionar todo (Comando-G). Objeto > Transformar > Transformar cada uno, y establece la Escala:

  • Horizontal: 300%
  • Vertical: 300%
  • OK

Bloquea la capa 'CUADRADOS 2' y Crea una nueva capa. Nombra la nueva capa 'CUADRADOS 3'.

Ver > Ocultar mesa de trabajo, ya que oscurecemos el marco de la mesa de trabajo.

How to make a repeating pattern in Illustrator using Transform

Paso 6

Ahora necesitamos hacer un motivo repetitivo. Rehacemos el motivo anterior, siguiendo los pasos 4 y 5, para hacer un motivo repetitivo con otro conjunto de segmentos de línea transformados en cuadrados.

Coge la Herramienta segmento de línea (\). Aplica un color de trazo verde claro, con un grosor de trazo de 1 pt. Dibuja segmentos de línea que conecten 0º con 90º, 90º con 180º, 180º con 270º, y 270º de vuelta a 0º. Seleccionar todo (Comando-A), para seleccionar todos los segmentos de línea.

Necesitamos hacer dos copias más de la forma cuadrada utilizando la Herramienta Rotar (R).

Rota la selección en un ángulo de 30º, y haz una Copia. Transformar de nuevo (Comando-D), para repetir la acción. Seleccionar Todo (Comando-G), para seleccionar todos los segmentos de la línea. Objeto > Transformar > Transformar cada uno, y establece la Escala:

  • Horizontal: 300%
  • Vertical: 300%
  • OK
How to create repeating pattern Illustrator using the line segment tool rotate and transform

Paso 7

Bloquea la capa 'CUADRADOS 3'. Crea una nueva capa y nómbrala 'LINEAS PARALELAS'.

Coge la Herramienta de segmento de línea (\). Aplica un color de trazo azul medio, con un grosor de trazo de 1 pt.

Ahora dibuja dos líneas verticales, de unos 646 px, que pasen por los cuatro puntos amarillos marcados que he resaltado.

Selecciona ambas líneas paralelas. Coge la Herramienta Rotar (R) y rota la selección:

  • Ángulo: 30°
  • Selecciona Copiar

Para repetir la acción, vuelve a transformar (Comando-D) cinco veces más, para que dé la vuelta.

Illustrator pattern how to create Arabic pattern

Paso 8

Bloquea la capa 'LINEAS PARALELAS' y Crea una nueva capa. Nombra la nueva capa 'CÍRCULOS-60'

Seleccione la Herramienta Elipse (L) y dibuja un círculo cuyo diámetro sea igual a la distancia entre las líneas paralelas superiores. Dibuja también otro en el punto inferior.

Selecciona ambos círculos. A continuación, toma la Herramienta Rotar (R) y Rota la selección:

  • Ángulo: 60º
  • Selecciona Copiar

Repite esta acción utilizando el atajo de teclado Transformar de nuevo, Comando-D.

how to make a repeating pattern in Illustrator Arabic pattern

Paso 9

Para la última parte de la construcción de las líneas base del motivo árabe de Illustrator, bloquea la capa 'CÍRCULOS-60' y crea una nueva capa. Nombra la nueva capa 'HEXAGONO'.

Coge la Herramienta Polígono. Aplica un color de trazo púrpura y un grosor de trazo de 2 puntos. Luego dibuja una forma de hexágono que toque los puntos base de los círculos de 60º, como se muestra a continuación.

how to use polygon tool to draw hexagon shape for arabic pattern making

3. Cómo diseñar el trabajo de línea del motivo árabe de Illustrator

Paso 1

Bloquea la capa 'HEXAGONO' y crea una nueva capa. Nombra la nueva capa 'LINEATRABAJO'.

Para facilitarnos las cosas, vamos a ocultar las siguientes capas seleccionando los iconos de Alternar visibilidad en el panel Capas:

  • HEXAGONO
  • CIRCULOS-60
  • CUADRADOS 3
  • HEXAGONOS

He colocado punteros en las líneas de intersección para que las sigas, con el fin de conectar los puntos correctos para hacer el MOTIVO en Illustrator.

Seleccionamos un color de trazo rojo y aplicamos un grosor de trazo de 4 puntos.

Ver > Ajustar al punto, para que nuestra pluma se ajuste a los puntos con precisión.

A continuación, coge la Herramienta Pluma (P) y conecta los puntos como se muestra.

How to use pen tool and snap to point to draw an Arabic pattern in Illustrator

Paso 2

A continuación, coge la Herramienta Reflejo (O). Establece el punto de referencia central azul en el centro, como se muestra a continuación; Opción-Mayúsculas-Arrastrar y soltar la selección, una vez que el segmento de línea se refleja en la posición.

how to make Arabic pattern illustrator use reflect tool

Paso 3

En el panel de Capas, activa la opción Alternar visibilidad para:

  • HEXAGONO
  • CÍRCULOS-60
  • CUADRADOS 3
  • HEXAGONOS

SeleccionA un color de trazo negro, y aplica un grosor de trazo de 4 pt.

Utiliza la Herramienta Pluma (P) para conectar los puntos, como se muestra.

How to create pattern in Illustrator using pen tool

Paso 4

Seleccionar Todo (Comando-A), para seleccionar todos los segmentos de línea del motivo islámico.

A continuación, coge la Herramienta Rotar (R) y establece el punto de referencia azul en el centro de la mesa de trabajo. Establece el ángulo de rotación en 60º y haz una copia.

Después, debes repetir la acción Transformar de nuevo (Comando-D) para duplicar los segmentos alrededor.

Ahora empezarás a ver aparecer el motivo árabe de Illustrator.

How to create repeating pattern in Illustrator using rotate tool

Paso 5

A continuación, vamos a Desactivar la visibilidad de todas las capas, excepto la capa "LINEATRABAJO".

Ahora, necesitamos conectar todos los puntos de anclaje finales entre sí. Coge la Herramienta de Selección Directa (A), selecciona por separado cada par de puntos finales, y Unir (Comando-J) para unirlos.

Repite este paso para todos los extremos, hasta que cada punto esté unido con su punto vecino.

Nota: Si aparecen puntos de anclaje adicionales al unirlos, utiliza la Herramienta Eliminar punto de anclaje (-) para eliminar los puntos de anclaje adicionales.

how to join anchor points for arabic pattern illustrator use direct Selection tool delete anchor point tool join anchor points

4. Cómo crear la muestra del motivo islámico de Illustrator

Paso 1

¡Vamos a añadir color!

Para ir más rápido, carga los siguientes colores hexadecimales de inspiración árabe en el panel Muestras (Ventana > Muestras):

  • Moca #af9984
  • Azul aguamarina #6ebbcd
  • Azul cielo #49a3c1
  • Azul-gris #91b1bd
  • Azul1 #156088
  • Azul2 #3980a9
  • Azul oscuro 1 #124981
  • Azul oscuro 2 #212f61
  • Gris claro #e1e5e4

Luego Seleccionar Todo (Comando-A), para seleccionar todos los segmentos de trazo.

Dale a los segmentos de trazo seleccionados un grosor de trazo de 7 pt y un color de trazo gris claro de #e1e5e4.

How to how to create pattern illustrator upload hex stroke colors swatch panel and apply stroke weight

Paso 2

A continuación, necesitamos colorear los huecos de nuestra forma.

Seleccionamos la Herramienta Bote de Pintura Viva (K) (oculta bajo la Herramienta de construcción de formas (Mayúsculas-M)). Nuestra selección se convertirá en un Grupo de Pintura Viva.

Mueve la Herramienta de Pintura Viva (K) sobre el motivo árabe. A continuación, aplica el color que prefieras a los huecos resaltados.

How to color Arabic islamic patten using Live paint bucket tool add color gaps to live paint object arabesque islamic pattern

Paso 3

Ahora vamos a aprender cómo hacer un motivo repetitivo en illustrator y crear la muestra de motivo islámico de Illustrator.

Con nuestro objeto de color seleccionado, Objeto > Motivo > Crear, para hacer nuestro motivo.

En el menú de Opciones de motivo, establece el Nombre: Motivo Arabesco 1 y establece las siguientes opciones:

  • Tipo de azulejo: Ladrillo por fila
  • Desplazamiento de ladrillo: 1/2
  • Marca las casillas Tamaño del azulejo para gráficos y Mover azulejo con los gráficos
  • Espaciado H: -1px
  • Espaciado V: -70 px
  • Copias: 3 x 3
  • Haz clic en Hecho en la parte superior para salir del Modo de Motivo

¡Ahora ya sabes cómo crear un motivo repetitivo en Illustrator!

How to create Arabic Illustrator pattern swatch

Paso 4

La muestra de motivoislámico aparecerá automáticamente en el panel Muestras (Ventana > Muestras).

Una vez creada la muestra de motivo islámico, puedes ocultar la forma que hemos creado yendo a Objeto > Ocultar > Selección (Comando-3).

Ahora vamos a probar nuestra muestra de motivo árabe. Coge la Herramienta Rectángulo (M). Dibuja un cuadrado de 600 x 600 px y aplica cualquier color de relleno como fondo.

Haz una copia del cuadrado de fondo: Copia (Comando-C) y pega en el frente (Comando-F), y aplica nuestro motivo islámico haciendo clic en la muestra de motivo árabe en el panel de muestras.

NOTA: Siempre se puede volver al modo de motivo haciendo clic en el botón Editar motivo y arreglando el espaciado H y V si el diseño se ve mal.

Tómate el tiempo de experimentar con los colores del fondo o del motivo, para hacer un hermoso relleno de motivo en Illustrator. ¡Ahora ya sabes cómo diseñar motivos en Illustrator!

How to design Arabic islamic pattern swatches repeating pattern illustrator

¡Mabrouk! ¡Nuestra muestra de motivo árabe de ilustrador sin fisuras está listo!

¡Gran trabajo! Espero que hayas disfrutado de este tutorial sobre cómo hacer un motivo en Illustrator. Hemos aprendido algunas técnicas nuevas para crear un motivo islámico repetitivo en Illustrator.

Siéntete libre de utilizar los consejos y trucos en futuros proyectos, y no te olvides de compartir los resultados del motivo árabe en la sección de comentarios a continuación.

how to make arabic islamic pattern Illustrator swatch arabesque geometric islamic pattern by misschatz

Si te ha gustado este tutorial, ¿por qué no echas un vistazo a más tutoriales de creación de motivos en Illustrator?

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.