Cómo crear un patrón geométrico de los años 90 usando formas básicas en Adobe Photoshop

Lo que vas a crear

Los patrones de los años noventa son reconocibles por su uso de colores vibrantes y formas geométricas simples. En este tutorial, te mostraré cómo crear un patrón geométrico de los 90 usando la función vectorial de Photoshop.

Para inspirarse en los patrones de los 90, le sugiero que revise los elementos de diseño de los 90 en GraphicRiver.

1. Cómo preparar un lienzo para un patrón

Paso 1

Comience por hacer un nuevo archivo con tamaño 600 píxeles × 450 píxeles. Haga clic en el DE ACUERDO botón.

Paso 2

Para su fondo, agregue una nueva capa de color sólido haciendo clic en el Añadir capa de ajuste icono en la parte inferior de la Capas panel y seleccionando Color sólido. En el siguiente cuadro de diálogo, seleccione un color azul vibrante. Hacer clic DE ACUERDO Una vez que estés satisfecho con el resultado..

Paso 3

Asegúrese de que la regla es visible. Si no, haga clic en Ver> Regla. Haga clic y arrastre desde la regla para hacer una guía en las cuatro direcciones: arriba, abajo, izquierda y derecha. El área dentro de la guía se utilizará como área de patrón.

2. Cómo dibujar formas geométricas usando la herramienta de vectores de Photoshop

Paso 1

Este patrón de los años 90 está lleno de formas geométricas. Aquí, vamos a cubrirlos uno por uno. Activar el Herramienta elipse. Asegurarse Forma el modo se selecciona en el Barra de opciones

Recuerda, necesitamos este modo al dibujar cada forma en este patrón. Así que asegúrate de que este modo esté siempre seleccionado. 

Sostener Cambio y luego haga clic y arrastre para dibujar una forma de círculo. A continuación, puede cambiar su color de la Barra de opciones. Haz dos formas circulares, una grande y otra pequeña..

Paso 2

Ahora, dibuja una forma de rectángulo delgado usando la Herramienta elipse.

Paso 3

Duplica la forma golpeando Control-C y entonces Control-V. Gire la nueva forma a través de 90 °. Seleccionar Combinar formas en el Barra de opciones para combinar ambas formas en un signo más. Dibuja otro signo más, pero esta vez más grueso y con un color diferente.

Etapa 4

Continuar con una forma de anillo. Dibuja otra forma de círculo. Pero, esta vez, establece su Llenar a ninguno y aumentar su Carrera tamaño. Hacer otra forma de anillo.

Paso 5

Dibujemos una forma de medio círculo. Está hecho de un círculo que luego se corta por la mitad por un rectángulo. El modo rectángulo debe ser Resta la forma del frente. Para convertir ambas formas en una sola ruta, seleccione ambas formas y seleccione Fusionar componentes de forma. Usa un color vibrante para su Llenar y Ninguna por su Carrera.

Paso 6

Apila dos rectángulos para que tengamos una forma de L. Duplica estas formas hasta que tengamos esta forma en zigzag. Por su color, usar amarillo. Haz otra forma, esta vez más gruesa..

Paso 7

Utilizar el Herramienta de polígono para hacer un hexágono. Tiene seis lados. Asegúrese de establecer su Lados estableciendo a 6 Antes de hacer clic y arrastrar el ratón. Agrega algunos rectángulos en la parte superior del hexágono y establece su modo en Resta la forma del frente.

Paso 8

Haga doble clic el estilo de capa y activar Sombra paralela.

Paso 9

Agrega otro hexágono, esta vez con un color y tamaño diferente.

3. Cómo organizar objetos dentro de un patrón

Paso 1

Como se mencionó anteriormente, el área del patrón está dentro de las guías. Primero, necesitamos saber sus dimensiones exactas. Seleccione el área usando el Herramienta de marco.

Paso 2

Abre el Información panel haciendo clic Ventana> Información. En el panel, puede ver la información sobre las dimensiones del tamaño del patrón. En este caso lo es 491 píxeles × 359 píxeles. Recuerda esto, y escríbelo si es necesario. Recuerde que desea que la dimensión esté en píxeles, no en centímetros, pulgadas u otras unidades. Si tu Información panel está mostrando otras unidades, cámbielo a píxeles por clic derecho la regla y seleccionando Pixeles.

Paso 3

Coloque una de las formas en la esquina del área del patrón. Como patrón, esta forma será cortada. Tiene que aparecer repetidamente en las otras tres esquinas. En matemáticas, lo que vamos a hacer se llama traducción, que es mover un objeto en una dirección determinada.

Etapa 4

Duplica la forma usando el atajo Control-J. Siguiente, pulsa Control-T para posicionar el objeto. Necesitamos ser muy precisos. Es por eso que no haremos clic y arrastraremos, sino que nos restringiremos solo al cuadro de entrada. Tenga en cuenta que en este caso, nuestra forma se coloca en las coordenadas (59 px, 43 px).

Paso 5

El ancho del patrón es de 491 píxeles. Necesitamos mover la forma horizontalmente 359 píxeles a la derecha para que aparezca en la esquina derecha. Establezca la nueva posición x en 550 px, que es de 59 (la coordenada x original) + 491 (el ancho del lienzo).

Paso 6

Queremos que aparezca en la esquina inferior derecha. Mueva la última forma hacia abajo a las coordenadas (550 px, 402 px). La nueva coordenada y, 402, proviene de 43 (la coordenada y antigua) + 359 (la altura del lienzo).

Paso 7

Finalmente, queremos que aparezca en la última esquina. Podemos duplicar la primera forma y moverla hacia abajo según la altura del patrón..

Paso 8

Si no estamos satisfechos con el resultado, podemos moverlos. Recuerda, debemos moverlos a todos juntos. De lo contrario, tenemos que repetir el procedimiento de traducción nuevamente para mantener la consistencia del patrón repetible. Puede hacerlo seleccionando todas las capas relacionadas y moviéndolas con la tecla Herramienta de movimiento.

Paso 9

Agregue otra forma, esta vez no en la esquina sino en uno de los bordes del patrón. En este caso, colocamos un semicírculo en el borde superior. Como patrón repetible, la otra parte del semicírculo debe aparecer en el borde opuesto, el borde inferior. Así que necesitamos duplicar y poner otra copia de la forma allí..

Paso 10

Duplica la forma. Golpear Control-T y cambie su coordenada y a la coordenada y antigua + el ancho del patrón. En mi caso, es 52 + 359 = 411..

Paso 11

Aquí viene la parte fácil. Simplemente puede colocar objetos dentro del área del patrón sin contacto con los bordes o esquinas, sin preocuparse por romper el patrón repetible. Puede agregar tantos objetos como desee siempre y cuando no toquen los bordes o las esquinas..

Paso 12

Una vez más, recuerde siempre la regla básica de un patrón repetible. Si coloca una forma tocando un borde, tiene que aparecer en el borde opuesto. Eche un vistazo al signo más en el borde izquierdo. Se debe duplicar y luego mover al borde opuesto..

4. Cómo guardar y usar un patrón en Photoshop

Paso 1

Seleccione el área que vamos a utilizar como patrón. Utilizar el Herramienta de marco para hacer esto. Hacer clic Edita> Define Patrón. En el siguiente cuadro de diálogo, guarde el nombre de su patrón. Hacer clic DE ACUERDO botón.

Paso 2

Para usar el patrón, todo lo que necesitas hacer es hacer clic Editar> Rellenar. Seleccionar Contenidos: Patrón y elige el patrón que acabamos de hacer. Hacer clic DE ACUERDO.

Resultado final

Aquí está el resultado final del patrón de los 90. En esta sugerencia rápida, he mostrado consejos y trucos para crear un patrón de repetición consistente utilizando el método de traducción. 

Escribí otro consejo rápido similar a esto hace siete años en Envato Tuts +. El concepto es básicamente el mismo. Si está familiarizado con el compañero de equipo de Photoshop, Illustrator, tiene una increíble Opciones de patrón Panel que facilita y agiliza el diseño de este tipo de patrón. Deseamos a todos que Photoshop tuviera eso también.

Gracias por leer. Si sigue este tutorial, no olvide mostrarnos su patrón en la sección de comentarios a continuación..