Cómo crear un patrón en Illustrator

patrón entrada

Días antes os ofrecíamos una pack de más de 300 iconos con estilo flat design gratuitos.

Hoy para darles cierto juego os traemos, este tutorial sobre cómo realizar un patrón de manera muy sencilla en Illustrator. Las ventajas y recursos que nos dan los patrones son infinitas, desde para añadir una textura a un fondo aburrido y plano, hasta poder hacer nuestro propio papel de regalo personalizado para eventos, cumpleaños o encargos de packaging.

Pasos para el Patrón

  • Lo primero que tenemos que hacer es crear una nueva mesa de trabajo en Illustrator, en mi caso he decidido crear una mesa en tamaño A4, pero vosotros podéis escoger otras medidas.
  • Dentro de la mesa de trabajo debemos crear un cuadrado de tamaño 200px X 200px, esta medida es orientativa, pero os aconsejo generar un cuadrado con un número sencillo, pues luego lo tendremos que sumar a otros.
  • Una vez creado nuestro cuadrado tenemos que ir a la pestaña ver -> mostrar cuadrícula, y luego volver a la pantalla ver->ajustar a cuadrícula, hecho esto debemos ajustar el cuadrado a la propia cuadrícula, hay que tener precaución al moverlo para que no se nos deforme, pues si no todo el patrón se nos estropeara.
  • Escogemos un color orientativo para el cuadrado, no es necesario que este vaya a ser nuestro color final pues es solo orientativo.

patrón

  • Creamos una nueva capa en Illustrator y la capa en la que está el cuadrado la bloqueamos, esto nos hará de guía y evitará que durante la creación del patrón se nos mueva el cuadrado.
  • Todo lo que se encuentre dentro del cuadrado será incluido en nuestro patrón, si sobresale parcialmente tendremos que hacer unos ajustes.
  • En caso de que se encuentre en una esquina, debemos de duplicar el objeto varias veces, por lo que damos a control/cmd+c y luego a control/cmd+f para pegarlo en el mismo sitio, si está en una esquina damos al botón control/cmd+f tres veces.
  • Seleccionamos el objeto y vamos a la pestaña transformar, ahí nos saldrán una serie de coordenadas, recordar que la coordenada X hace referencia a izquierda y derecha, mientras que la coordenada Y hace referencia a arriba y abajo, en estas coordenadas solo debemos sumar 200px (medida del cuadrado) hasta que el objeto de la esquina quedé repetido en las cuatro esquinas.

patrón

  • En caso de que los objetos solo sobresalgan por un lado del cuadrado deberemos hacer el mismo proceso, solo que esta vez tan solo tienen que quedar repetidos en uno de los lados.
  • Una vez tengamos nuestro cuadrado relleno, desbloqueamos la capa del cuadrado le quitamos el color y seleccionamos todo, tanto los iconos como el cuadrado y directamente lo arrastramos a nuestra ventana de muestras.

patrón

  • Esta muestra nos permitirá rellenar cualquier tipo de forma formando un patrón automático que nos ahorrará una gran cantidad de tiempo.

patrón


3 comentarios

  1.   Ruben DG dijo

    Tengo un problema con photoshop, cuando paso los patrones de illustrator a photoshop, me salen estas líneas entre patrón y patrón y las tengo que quitar manualmente. Hay alguna manera para que directamente no salgan?

    1.    Ruben DG dijo

      Y si, antes de que digáis nada, ya lo he unido todo con el buscatrazos

      1.    Arnau Aparisi dijo

        Hola Ruben, son lineas muy pequeñas? si es así prueba a exportarlo sin hacer caso a las lineas, hay veces que solo se ven mientras trabajamos con el programa. Sino puede ser que al poner el cuadrado lo hayas puesto con trazo o así, prueba a hacer uno de prueba desde el principio si lo de la exportación no te sirve, puede que hayas olvidado un paso, un saludo!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *