Crear un patrón de anclaje sin costura en Adobe Illustrator

Lo que vas a crear

¿Necesitas un patrón marinero para tus diseños de verano? Un patrón con anclas y salvavidas podría hacer el truco.

En este tutorial, estaremos diseñando un patrón geométrico náutico sin costura simple y elegante, creando el patrón perfecto para un toque ligero de verano. Armado con el Herramienta de patrón, formas básicas en Ilustrador Adobe, y un script gratuito muy práctico, podrás hacer grandes patrones geométricos usando cualquier diseño que desees en un instante..

1. Crea un ancla simple usando formas básicas

Paso 1

Para empezar, crea un Nuevo documento de 600x600 px tamaño. Tomar el Herramienta Elipse (L) y hacer un círculo parejo sosteniendo la Cambio llave. Utilizar el Convertir herramienta de punto de anclaje (Mayús-C) Para mover los mangos de anclaje en la parte inferior de nuestro círculo. Colóquelos en posición perpendicular a su posición inicial, de modo que obtengamos una esquina afilada en la parte inferior de nuestra forma.

Así es como se ve nuestra forma ahora..

Paso 2

Dupdo la forma y Pegar eso Al frente (Control-C> Control-F). Mueve la copia creada un poco. Solo necesitaremos la parte inferior de estas dos formas de cruce, así que use la Herramienta de creación de forma (Shift-M) Para borrar la parte superior que no necesitamos. Desplace el cursor sobre la parte innecesaria: notará que esta parte se vuelve gris, luego solo hacer clic mientras sostiene el Alt clave para borrar esta parte.

Paso 3

Eliminar la gran parte media de nuestra forma de la misma manera. Ahora solo nos queda la parte inferior, justo lo que necesitábamos. Rellena esta forma con color negro..

Etapa 4

Tomar el Herramienta Rectangular (M) para crear una forma de rectángulo estrecho subiendo desde la parte inferior de nuestro anclaje. Seleccione dos puntos de anclaje inferiores con el Herramienta de selección directa (A) y muévelos a los lados opuestos entre sí para ampliar el rectángulo en la parte inferior.

Paso 5

Ahora haga un rectángulo más pequeño y póngalo en la parte media. Agrega un pequeño círculo par encima de nuestro ancla.

Paso 6

Mantenga el círculo seleccionado y vaya a Objeto> Ruta> Ruta compensada. Establezca el valor de compensación en -15px o ajuste este valor al tamaño de su ancla, de acuerdo con la captura de pantalla a continuación. Utilizar el Herramienta Creador de formas (Shift-M) de nuevo para cortar el círculo más pequeño, creando así un bonito anillo.

Paso 7

Haz un triángulo usando el Herramienta de polígono y configurando el Lados valor para 3. Ir Efecto> Deformación> Arco y establecer el curva valor para 20%, Vertical Para hacer nuestro triángulo ligeramente curvado..

Paso 8

Coloque la forma curva sobre la parte izquierda de nuestro anclaje para crear una casualidad.

Modifíquelo ligeramente agregando el punto de anclaje en el centro de la base y moviéndolo un poco hacia arriba. Conviértalo en esquina afilada haciendo clic en el punto con la Convertir herramienta de punto de anclaje (Mayús-C).

Paso 9

Utilizar el Herramienta de reflexión (O) para reflejar la casualidad sobre el eje vertical y colocar la copia en el otro lado de nuestro anclaje.

Paso 10

Haga la parte inferior del anclaje un poco más ancha y más masiva y Unir las formas en Panel de pionero.

Paso 11

Seleccione el punto de anclaje en la parte inferior de la parte central y use el Convertir puntos de anclaje seleccionados para suavizar Opción en el panel de control de arriba para hacer una curva suave, como se muestra en la captura de pantalla.

Paso 12

Haz los mangos más cortos con Convertir herramienta de punto de anclaje (Mayús-C) para enderezar la forma del centro y utilizar el Guías Para hacer simétricos ambos lados de nuestro ancla..

¡Nuestro ancla está lista! Podemos pasar a la siguiente parte y crear un patrón elegante.!


2. Diseñe un patrón de anclaje simple usando la herramienta de patrón

Paso 1

Seleccione nuestro ancla y vaya a Objeto> Patrón> Hacer. Después de entrar en el Modo de patrón, encontrarás el Opciones de patrón ventana, donde se puede cambiar la Nombre De tu patrón y juega con otras opciones. Aquí he puesto el Anchura y el Altura del Azulejo a 600px (que es igual al tamaño de nuestra mesa de trabajo) y dejó otras opciones por defecto. Aún puedes cambiar la posición y el tamaño de tus objetos, cambiarles el color, agregar nuevas formas y hacer lo que quieras para mejorar la composición general. Agregué un ancla más, lo giré al revés y coloqué un par de círculos para hacer que el patrón fuera más fantasioso.

Paso 2

Vuelva al modo normal y use el Herramienta de escala (S) para reducir la escala del patrón más pequeño a la mitad. No olvide desmarcar todas las demás casillas excepto las Patrón de transformación caja en el Escala ventana de opciones.

Paso 3

Ir Objeto> Expandir Una vez que esté satisfecho con el tamaño y el aspecto general de su patrón, conviértalo en un conjunto de objetos separados. No se preocupe, todavía puede encontrar y editar su patrón en el Panel de muestras.

Etapa 4

Seleccione el patrón expandido y hacer clic esto con Botón derecho del mouse a Máscara de recorte de lanzamiento.

Selecciona todas las formas negras y conviértelas en Camino compuesto golpeando el Control-8 combinación de teclas o encontrar esta opción en Objeto> Ruta compuesta> Hacer.

Paso 5

Crea un fondo cuadrado blanco de un tamaño de nuestra mesa de trabajo y Enviar eso volver (Shift-Control- [). Ahora seleccione la ruta compuesta negra y el fondo y use el Frente menos funcionar en Pionero cortar los anclajes.

Así es como se ve nuestro patrón ahora: la parte rosada tiene agujeros en forma de ancla, bajo los cuales se ve claramente el fondo. He aplicado colores de contraste al azar para mostrar el efecto de Frente menos función.

3. Renderiza una textura geométrica elegante con Pathfinder y Scripts

Paso 1

Sigamos adelante y creamos un fondo geométrico para nuestro patrón. En primer lugar, crea una línea recta vertical con la Herramienta de segmento de línea (\) y alinéelo con el lado izquierdo de nuestro Artboard. Manteniendo la línea seleccionada, presione Entrar clave para abrir el Movimiento ventana de opciones Selecciona el Posicion horizontal valor para 20 px y Vertical - a 0 px, dejando todas las demás opciones por defecto. Golpea el Dupdo Botón para duplicar tu línea..

Paso 2

prensa Control-D combinación de teclas varias veces para hacer más copias de la línea, cubriendo todo el Artboard.

Paso 3

Cuando tengas suficientes líneas, selecciónalas y usa la Herramienta rotar (O) para girar las líneas a 90 grados y presione el Dupdo botón, creando así un conjunto de líneas horizontales.

Etapa 4

Crea otra línea y esta vez gírala 45 grados con el Herramienta de rotación (O) o sosteniendo la Cambio botón y girando la línea manualmente con el Herramienta de selección (V). Colócalo en la esquina superior izquierda de tu mesa de trabajo. Asegúrate de que tu línea sea lo suficientemente larga para cruzar toda la mesa de trabajo. Mejor que sea lo más largo posible, ya que más tarde puede eliminar las partes innecesarias.

Utilizar el Movimiento Opción de nuevo para mover la línea. 20 px por eje vertical y Dupdo tu linea.

Duplica la línea varias veces presionando Control-D.

Paso 5

Selecciona todas las líneas y Dividir ellos en Pionero.

Paso 6

Eliminar las partes fuera del Artboard. Ahora tenemos una grilla agradable, formada por triángulos separados..

Sigue adelante y establece el Llenar color de estas formas a un color azul brillante y el Carrera color a ninguno.


Paso 7

Ahora necesitamos aplicar un efecto de color vivo a nuestro patrón geométrico. Podríamos establecer el color de cada triángulo manualmente, pero eso requeriría mucho tiempo. Afortunadamente, tenemos la oportunidad de usar un gran script gratuito de John Wundes, llamado “Vary Hues / Randomize Colors”, que puedes encontrar aquí, en los guiones de Juan. Revisa Este artículo Si no está seguro de cómo instalar e iniciar el script de forma correcta. En general, usar scripts es bastante sencillo y ahorra mucho tiempo..

Para empezar, Desagrupar las formas.

Encuentra el Vary Hues guión por apertura Otro guión menú con Control-F12 Combina y ejecuta el script. En primer lugar, tenemos que variar la Llenar colores. Siga las instrucciones de la ventana emergente e ingrese un número del 1 al 100. Cuanto más grande sea el número, más variaciones obtendrá. Establezca el valor en 25 y pulsa el DE ACUERDO botón.

Paso 8

En segundo lugar, tenemos que variar la Opacidad de nuestras formas. El resultado ya se ve bastante complejo, sin embargo, vamos a probarlo. Introduce dos números, por ejemplo, 5 y 60, separados por comas. Estos números representan el rango de opacidad..

Paso 9

Nuestro patrón se volvió más transparente..

Ahora podemos poner un bonito fondo debajo de él. Agregue un cuadrado de un tamaño de nuestra mesa de trabajo y rellénelo con un degradado radial intenso desde el azul brillante en el centro hasta el azul más oscuro en los bordes, haciendo que nuestro patrón brille y brille..

Paso 10

Coloque el patrón de anclaje sin costura que hemos creado anteriormente sobre la textura geométrica.

Ahora puedes arrastrar todo el patrón a tu Panel de muestras y aplicarlo a cualquier forma de cualquier tamaño.!

¡Gran trabajo! Tu patrón geométrico sin costuras con anclajes está terminado.!

Hemos logrado diseñar un patrón utilizando un fondo geométrico moderno y conservando un bonito aspecto náutico y formas simples y limpias. Puede crear su propio patrón similar con otros objetos y colores si lo desea. Diviértete experimentando!