Cómo crear un patrón sin costura con lápiz en Adobe Illustrator

Lo que vas a crear

En el tutorial de hoy, vamos a echar un vistazo rápido al proceso de creación de un patrón de lápiz en Adobe Illustrator. Aprenderá a armarlo fácilmente usando algunas formas y herramientas geométricas básicas.

Ah, y no olvide que siempre puede ampliar su biblioteca dirigiéndose a GraphicRiver, donde encontrarás una gran selección de patrones vectoriales.

Dicho esto, toma un sorbo rápido de ese jugo de frijol mágico y saltemos directamente a él!

1. Cómo configurar un nuevo archivo de proyecto

Vamos a empezar con la creación de un Nuevo documento yendo a Archivo> Nuevo o usando el Control-N atajo de teclado. Luego ajústelo de la siguiente manera:

  • Número de tableros: 1
  • Anchura: 1560 px
  • Altura: 1360 px
  • Unidades: Pixeles 

Y desde el Avanzado lengüeta:

  • Modo de color: RGB
  • Efectos de trama: Pantalla (72ppi)
  • Modo de vista previa: Defecto

2. Cómo crear el fondo

Una vez que tengamos nuestro nuevo archivo de proyecto, podemos comenzar a trabajar en el patrón real creando el fondo.

Paso 1

Toma el Herramienta Rectangular (M) y crea un 1560 x 1360 px forma, que colorearemos utilizando # FFD44D y luego alinee el centro con el Artboard subyacente usando el Alinear panel de Horizontal y Centro de alineación vertical opciones.

Paso 2

Comience a trabajar en los orificios de repetición creando la forma principal para la instancia inicial utilizando un 120 x 32 px elipse, que colorearemos utilizando # FFB450 y luego alinee el centro con el Artboard como lo hicimos con el rectángulo más grande.

Paso 3

Amplíe la forma que acabamos de crear y agregue su sección más oscura interior con otra 120 x 32 px elipse, que colorearemos utilizando # E2963B y luego posicione en la parte superior de su mitad inferior como se ve en la imagen de referencia.

Etapa 4

Como queremos que la sección más oscura permanezca confinada a la superficie de la elipse más clara, tendremos que enmascararla usando una copia (Control-C) de este último, que pegaremos delante (Control-f) y luego, con los dos seleccionados, simplemente clic derecho> Hacer máscara de recorte. Una vez que haya terminado, asegúrese de seleccionar y agrupar ambas formas usando la Control-G atajo de teclado antes de pasar al siguiente paso.

Paso 5

Ahora que tenemos nuestro primer agujero, podemos usarlo para crear la fila del medio haciendo dos copias (Control-C > Control-F dos veces) que colocaremos en los lados, a una distancia considerable de 400 px. Tan pronto como tenga los orificios en su lugar, asegúrese de seleccionar y agrupar (Control-G) los tres antes de pasar al siguiente paso.

Paso 6

Comience a trabajar en la fila más ancha pegando otra copia del orificio inicial usando el Control-f atajo de teclado, que ubicaremos por encima de la instancia original, a una distancia de 104 px, asegurándose de alinearlo con el borde izquierdo de la mesa de trabajo después.

Paso 7

Crea las instancias restantes usando tres copias (Control-f tres veces) que posicionaremos 400 px del que acabamos de crear, asegurándonos de seleccionar y agrupar (Control-G) los cuatro juntos después.

Paso 8

Agregue el resto de las filas utilizando copias de las que acabamos de crear, que apilaremos verticalmente a una distancia de 104 px el uno del otro, alternándolos como se ve en la imagen de referencia. Tómese su tiempo y, una vez que haya terminado, asegúrese de seleccionarlos y agruparlos todos usando el Control-G atajo de teclado.

3. Cómo crear el lápiz orientado hacia arriba

Ahora que hemos terminado de trabajar en segundo plano, podemos agregar gradualmente nuestros diferentes elementos. Lo haremos empezando por la primera variación del lápiz..

Paso 1

Colóquese en uno de los agujeros y cree el cuerpo principal del lápiz con un 48 x 152 px rectángulo, el cual colorearemos usando # FF7348 y luego alinee el centro con el punto de anclaje inferior de la elipse.

Paso 2

Agregue la sección inferior de la punta usando una 48 x 16 px elipse# FFE5CC). Retire su mitad superior seleccionando su punto de anclaje superior usando el Herramienta de selección directa (A) y luego presionando Borrar. Cierre la ruta resultante usando el Control-J atajo de teclado, posicionando la forma ajustada como se ve en la imagen de referencia.

Paso 3

Crea la sección superior de la punta usando una 48 x 48 px cuadrado (# FFE5CC), que convertiremos en un triángulo agregando un nuevo punto de anclaje al centro de su borde superior usando el Añadir herramienta de punto de anclaje (+) y luego retirando sus esquinas superiores usando el Eliminar herramienta de punto de anclaje (-). Luego, queremos ajustar su nitidez convirtiendo el punto de anclaje superior para suavizar usando la Convertir puntos de anclaje seleccionados para suavizar Función, y reposicionando sus asas..

Etapa 4

Añadir la punta de color con una 40 x 40 px circulo (# 916353), que posicionaremos como se ve en la imagen de referencia, asegurándonos de enmascararla usando una copia (Control-C> Control-F) de la forma subyacente. Una vez que hayas terminado, selecciona y agrupa (Control-G) todas las formas de composición del lápiz antes de pasar al siguiente paso.

Paso 5

Como queremos que la sección inferior del lápiz siga la curvatura del orificio, vamos a enmascararlo utilizando una copia ajustada (Control-C> Control-F) de la elipse subyacente, que seguirá toda la altura del objeto.

Paso 6

Una vez que haya terminado de crear y enmascarar el lápiz, puede rellenar algunos de los agujeros internos del fondo utilizando copias (Control-C> Control-F), variando su altura como se ve en la imagen de referencia..

4. Cómo crear el lápiz orientado hacia abajo

Ahora que tenemos los lápices orientados hacia arriba en su lugar, podemos pasar a los lápices orientados hacia abajo, que crearemos utilizando un par de formas geométricas básicas..

Paso 1

Colóquese en uno de los agujeros vacíos y cree el cuerpo principal del lápiz con un 48 x 194 px rectángulo, el cual colorearemos usando # FF7348 y luego alinee el centro con el punto de anclaje inferior de la elipse subyacente.

Paso 2

Agrega la forma principal para la parte inferior del lápiz usando una 48 x 12 px elipse, que colorearemos utilizando # FFE5CC y luego posicione en la parte superior del rectángulo más grande para que termine superponiéndose con su mitad inferior.

Paso 3

Crea la sección interior de color usando una 16 x 4 px elipse, que colorearemos utilizando # 916353 y luego alinee el centro a la forma más grande del paso anterior. Una vez que hayas terminado, no olvides seleccionar y agrupar (Control-G) todas las formas de composición del lápiz antes de pasar al siguiente paso.

Etapa 4

Como hicimos con la variación anterior del lápiz, asegúrese de enmascarar el actual con una copia modificada (Control-C> Control-F) de la elipse subyacente para que cubra toda la altura del objeto.

Paso 5

Rellene algunos de los orificios vacíos (tanto internos como externos), utilizando un par de copias de altura variable, configurando el Llenar color para algunos de sus cuerpos para # 7BA1FF.

Consejo rapido: cuando rellene los orificios exteriores que caen dentro de los bordes de la mesa de trabajo, asegúrese de agregarlos siempre en pares que se encuentran en lados opuestos, de lo contrario, el patrón terminará rompiéndose.

5. Cómo crear el borrador

Ahora que tenemos ambas variaciones del lápiz en su lugar, podemos pasar al último elemento, el borrador, que es probablemente el más fácil de crear, como se verá en los siguientes momentos..

Paso 1

Comience por posicionarse en un agujero vacío, y luego cree la forma principal para su parte inferior del cuerpo usando un 64 x 16 px rectángulo, el cual colorearemos usando # FFE7E1 y luego alinee el centro con el punto de anclaje inferior de la elipse subyacente.

Paso 2

Añadir la parte superior del cuerpo del borrador con un 64 x 64 px cuadrado (# 5EC9F7), que ajustaremos configurando el Radio de sus esquinas superiores a 8 px desde dentro del Transformar panel de Propiedades del rectángulo. Una vez que haya terminado, asegúrese de seleccionar y agrupar (Control-G) todas sus formas de composición antes de pasar al siguiente paso.

Paso 3

Enmascare rápidamente el borrador utilizando una copia ajustada (Control-C> Control-F) de la elipse subyacente para que coincida con la altura del objeto como se ve en la imagen de referencia.

Etapa 4

Tan pronto como haya terminado de trabajar en el borrador, puede utilizar copias (Control-C> Control-F) para rellenar algunos de los orificios restantes del fondo, agregando variaciones al voltear algunos de sus colores de relleno como se ve en la imagen de referencia.

6. Cómo crear el patrón

Ahora que tenemos todos nuestros elementos de composición en su lugar, finalmente podemos usarlos para crear el patrón real.

Paso 1

Comience seleccionando y agrupando todas las formas (excepto el fondo) usando la Control-G atajo de teclado, asegurándose de enmascararlos usando una copia (Control-C) del fondo subyacente, que pegaremos delante (Control-f), y luego con todos ellos seleccionados simplemente clic derecho> Hacer máscara de recorte. Una vez que hayas terminado, selecciona y agrupa (Control-G) las formas enmascaradas y el fondo antes de pasar al siguiente paso.

Paso 2

Seleccione la obra de arte que acabamos de agrupar y luego vaya a Objeto> Patrón y golpear Hacer, lo que abrirá una nueva ventana donde podemos ajustar algunas de sus configuraciones, pero primero vamos a darle un nombre personalizado.

Paso 3

A continuación, queremos elegir Cuadrícula como el nuestro Tipo de azulejo, asegurándose de establecer su Anchura y Altura valores a los mismos utilizados para el Artboard (1560 x 1360 px). También puedes usar el Tamaño de azulejo al arte Opción, que debe producir el mismo resultado..

Etapa 4

Finalmente, vamos a dejar el Superposición y Copias ajustes como son y golpear Hecho, lo que salvará todas nuestras configuraciones.

7. Cómo usar el patrón

Así que ahora hemos terminado de crear nuestro nuevo patrón, pero ¿cómo vamos a usarlo??

Bueno, si abres el Muestras panel, notará rápidamente que se ha agregado a su Biblioteca, lo que significa que podemos establecerlo como nuestro Llenar colorear y luego usar el Herramienta Rectangular (M) dibujar formas de diferentes tamaños.

Consejo rapido: Ya que hemos usado formas más grandes para crear el patrón real, necesitarás dibujar un rectángulo lo suficientemente grande como para que quepa toda la composición. Si desea utilizar el patrón en proyectos más pequeños, puede cambiar fácilmente el tamaño de la composición final (clic derecho> Transformar> Escala)a un tamaño personalizado dependiendo de lo que quieras lograr.

Buen trabajo!

Ahí lo tienen: una forma agradable y fácil de crear su propio patrón con lápiz..

Como siempre, espero que se hayan divertido trabajando en el proyecto. Si tiene alguna pregunta, no dude en publicarlas en la sección de comentarios y le responderé tan pronto como pueda.!