El patrón de píxeles

Recientemente, el patrón sutil se ha utilizado más a menudo en el diseño de sitios web. Hoy aprenderemos cómo crear varios tipos de estos rellenos. Todo el proceso le llevará solo unos minutos si utiliza la función Creación de patrones en Adobe Illustrator CS6. Vamos a empezar!

El patrón sutil difiere de los otros patrones de tal manera, que los tonos de los elementos tienen solo una ligera diferencia entre sí y entre el color de fondo principal. Estos patrones se encuentran principalmente en los estilos de iluminación Low-key (dark) y High-key (light).


El patrón de píxeles

Paso 1

Elija el modo de Vista de píxeles (Ver> Vista de píxeles) para crear el patrón de píxeles. En este caso, todos los objetos creados se colocarán exactamente en las líneas de la cuadrícula de píxeles, ya que el modo Ajustar a píxel se activará automáticamente..

Además, cuando amplíe la mesa de trabajo, podrá ver las líneas de la cuadrícula de píxeles, lo que facilitará mucho la creación del patrón..

Ahora vamos a crear un patrón sencillo pero atractivo. Tome la herramienta Rectángulo (M) y cree el rectángulo de tamaño 4 * 4px con el relleno gris claro.

Vamos a crear dos rectángulos más de 2 * 1px con un relleno gris un poco más oscuro y colocarlos como se muestra en la imagen de abajo.

Ahora crea dos rectángulos blancos del mismo tamaño.


Paso 2

Seleccione todos los objetos creados y vaya a Objeto> Patrón> Hacer

Como resultado de estas acciones, estamos en el modo de crear patrón. Puede editar este patrón con el panel Opciones de patrón. Puede ver el patrón a tamaño completo y decidir si necesita editar el color de sus elementos..

También podemos aplicar a los diferentes tipos de mosaicos de patrones, lo que nos permite crear varios tipos de patrones a partir de un elemento


Paso 3

Para guardar un par de variantes del patrón, haga clic en Guardar una copia en la barra superior. Para guardar un patrón, haga clic en el botón Hecho..

Todos los patrones guardados se agregaron al panel Muestras. Ahora, vamos a crear un par de figuras y aplicarles los patrones creados..

Si por alguna razón no está satisfecho con el resultado, haga clic dos veces en la imagen en el panel Muestras y edítelo en el modo de creación de patrón..


Etapa 4

Puedes crear patrones más complicados usando la técnica descrita. En la imagen de abajo, puedes ver uno de mis patrones, que se creó con la red de píxeles y la herramienta Rectángulo (M)


Patrón ondulado

Paso 5

Vamos a crear el segmento de línea recta horizontal con la herramienta Pluma (P).

Mantenga el segmento seleccionado y vaya a Efecto> Distorsionar y transformar> Zig Zag y configure los parámetros que se muestran en la siguiente imagen..

Vaya a Objeto> Expandir apariencia, luego tome la herramienta Tijeras (C) y corte el camino en los puntos A y B.

Eliminar las partes izquierda y derecha de la ruta..


Paso 6

Dobla los caminos dos veces; Colorea las copias en diferentes tonos del color gris oscuro..

Seleccione todas las rutas creadas y vaya a Objeto> Patrón> Crear. Seleccione la herramienta Pattern Tile en el panel Opciones de patrón y disminuya la altura del cuadro delimitador.

Haga clic en "Listo" en la barra superior.


Paso 7

Vamos a crear un gran rectángulo con el relleno de color gris oscuro mediante la herramienta Rectángulo (M). Agregue el nuevo relleno a este objeto en el panel Apariencia.

Ahora aplique el patrón ondulado creado a este relleno.

Ahora edite, si es necesario, el color del relleno inferior o el color de los trazos del patrón.


Patrón hecho a mano

Paso 8

Vamos a crear un rectángulo con el relleno azul oscuro. Toma la herramienta Lápiz (N) y crea un par de caminos cerrados de color gris..

Para crear las rutas cerradas con la herramienta de lápiz (N), mantenga la opción seleccionada al mismo tiempo cuando se dirige al punto final.


Paso 9

Seleccione los objetos creados y vaya a Objeto> Patrón> Crear. Continuar creando la ruta con la herramienta de lápiz (N). Intente combinar el final y el comienzo del camino con la mayor precisión posible, que van más allá de los bordes de mosaico..

Para hacer la coincidencia exacta, use la herramienta de selección directa (A).


Paso 10

Agrupe las rutas creadas y luego copie el grupo y péguelo nuevamente (Comando + C y luego Comando + B). Sustituya el color del relleno de los trazos del grupo inferior por negro y cambie este grupo a un par de píxeles hacia arriba.

Haga clic en "Listo" en la barra superior.


Conclusión

Puede utilizar las técnicas descritas para crear las texturas de las ilustraciones vectoriales. Probablemente haya notado que las obras de arte que tienen texturas se ven más profesionales y saturadas..