1. Design & Illustration
  2. Patterns

Cómo elaborar un motivo de espina de pez o Herringbone en Illustrator

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

Los motivos con líneas en Illustrator nunca carecen de estilo. Igual que otros motivos en Adobe Illustrator, son magníficos y son una manera rápida de hacer más interesante la ilustración. Si quieres aprender cómo elaborar un motivo en Illustrator, en este tutorial te mostraré cómo crear un motivo de espina de pez o herringbone, cómo hacerlo fluido, y cómo guardarlo para que sea un motivo en Illustrator.

Síguenos en nuestro canal de Envato Tuts+ en YouTube:

Cómo elaborar un motivo de espina de pez en Illustrator

Paso 1

Crea un Nuevo Archivo. Presiona D para restablecer el Relleno y el Trazo.

reset the colorsreset the colorsreset the colors

Paso 2

Usa la Herramienta Rectángulo (M) mientras mantienes presionada la tecla Mayúsculas para dibujar un cuadrado.

draw a squaredraw a squaredraw a square

Paso 3

Ve a Objeto > Trazado > Filas y Columnas. Agrega 3 Filas y Columnas.

split square into gridsplit square into gridsplit square into grid
create a grid from squarecreate a grid from squarecreate a grid from square

Paso 4

Toma la Herramienta Segmento de Línea (/) y dibuja líneas diagonales en todos los cuadrados. Primero hacia la derecha...

draw diagonal lines to the rightdraw diagonal lines to the rightdraw diagonal lines to the right

... luego hacia la izquierda. Asegúrate de comenzar y terminar estas líneas en puntos de ancla.

draw diagonal lines to the leftdraw diagonal lines to the leftdraw diagonal lines to the left

Paso 5

Bloquea esta capa y crea una nueva. Toma la Herramienta Pluma (P). Restablece el relleno y el trazo de nuevo presionando la tecla D. Haz clic en los siguientes puntos para dibujar un rectángulo inclinado.

lock the layerlock the layerlock the layer
draw rectangledraw rectangledraw rectangle

Paso 6

Pulsa la tecla Alt y arrastra el rectángulo para crear una pila de ellos. Asegúrate de colocar cada uno exactamente dentro de las líneas.

copy the rectanglescopy the rectanglescopy the rectangles

Paso 7

Selecciona la pila entera. Ve a Objeto > Transformar > Reflejar. Marca Vertical y haz clic en Copiar.

reflect the selectionreflect the selectionreflect the selection

Paso 8

Arrastra la copia seleccionada a la derecha hasta que ambas pilas engranen.

create mesh patterncreate mesh patterncreate mesh pattern

Paso 9

Pulsa la tecla Alt y arrastra la pila reflejada hacia la izquierda, para engranarla con el lado izquierdo de la pila original.

herringbone pattern illustratorherringbone pattern illustratorherringbone pattern illustrator

Paso 10

Aplica Seleccionar Todo (Control-A) y ajusta el grosor del trazo si sientes que no está lo suficientemente acentuado.

change stroke widthchange stroke widthchange stroke width

Paso 11

Oculta esta capa. Crea una nueva y dibuja un cuadrado sobre la original. Elimina su trazo.

hide the layerhide the layerhide the layer
draw a squaredraw a squaredraw a square
remove stroke colorremove stroke colorremove stroke color

Paso 12

Muestra la capa inferior y aplica Seleccionar Todo. Ve a Objeto > Máscara de Recorte > Crear.

make clipping maskmake clipping maskmake clipping mask

Paso 13

Para crear un motivo en Illustrator, solo selecciona el objeto completo y arrástralo al panel Muestras.

create pattern illustratorcreate pattern illustratorcreate pattern illustrator

Paso 14

Aunque necesitamos hacer una cosa más. Debido a que usamos una máscara de capa, Illustrator no sabe aún el contorno a utilizar en el motivo. Para establecerlo, haz doble clic en el motivo de la lista y marca Tamaño de azulejo para gráficos. Haz clic en Hecho.

create seamless pattern illustratorcreate seamless pattern illustratorcreate seamless pattern illustrator

Paso 15

¡Tu motivo en Illustrator está terminado! Ahora, si quieres usar tu motivo de espina de pez en Illustrator, simplemente selecciona el objeto al que quieres aplicárselo, y haz clic en el motivo incluido en la lista.

make pattern illustratormake pattern illustratormake pattern illustrator

Si quieres crear una versión modificada de este motivo de espina de pez, es muy fácil. Solo selecciona los rectángulos por separado para añadirles color. Solo presta atención a la estructura del motivo, debido a que es fluido, un rectángulo que es cortado en la parte superior es igual al que aparece en la parte inferior. Así que deben tener los mismos colores para que el motivo funcione fluidamente.

seamless pattern illustrator herringbone pattern illustratorseamless pattern illustrator herringbone pattern illustratorseamless pattern illustrator herringbone pattern illustrator

Motivos para Illustrator listos para usar

30 Motivos fluidos

Este paquete contiene 30 motivos fluidos en 15 combinaciones únicas. Sigue este motivo y las combinaciones de color y no podrás estar equivocado, solo mezcla y combina tus motivos para obtener unos resultados fabulosos e impresionantes. ¡También puedes probar tus propias combinaciones y cambiar los colores y tamaños de motivos si quieres hacer tus diseños únicos!

seamless pattern illustratorseamless pattern illustratorseamless pattern illustrator

Fondos con motivo Goyard

Este paquete contiene diez fondos abstractos con motivo Goyard para tus proyectos, ¡con colores intensos y de alta resolución!

illustrator patternillustrator patternillustrator pattern

Colección de motivos geométicos

¡Obtén diez motivos fluidos con diseño geométrico para tu próximo proyecto! Funciona perfectamente para crear pósters, tarjetas de presentación, banners, invitaciones, texturas, diseños de empaques, ilustraciones ¡y mucho más!

Geometric Pattern CollectionGeometric Pattern CollectionGeometric Pattern Collection

Motivos fluidos llamativos

Esta colección contiene 20 motivos fluidos en formato vectorial. Mejora tu proyecto de diseño con ellos. Son útiles para decorar diseños web (banners y fondos) así como diseños para impresión (tarjetas y papel para envolver) o textil (camisetas y cojines).

adobe illustrator patternsadobe illustrator patternsadobe illustrator patterns

¡Buen trabajo!

Ahora sabes cómo crear un motivo repetitivo en Illustrator. Si quieres aprender más sobre cómo crear un motivo en Illustrator, consulta estos tutoriales:

how to make a pattern in illustratorhow to make a pattern in illustratorhow to make a pattern in illustrator
One subscription.
Unlimited Downloads.
Get unlimited downloads