Cree un patrón de fondo geométrico, circular y sin costura en Photoshop

Los fondos transparentes se pueden utilizar en casi cualquier tipo de proyecto. Comúnmente los verá utilizados en diseño de modas, diseño de impresión, diseño web e incluso diseño arquitectónico. Siempre me ha gustado crear fondos sin costura, y en este tutorial, te mostraré cómo crear un patrón de fondo geométrico circular realmente interesante con las herramientas de vectores de Photoshop. Empecemos!

1. Configura tu lienzo

Antes de comenzar, lo primero que tendrá que hacer es configurar su lienzo. Establecer medidas precisas para este patrón es importante, por lo que en este tutorial, dependeremos en gran medida de las cuadrículas.

Paso 1

Para configurar su red, vaya a Preferencias > Guías, rejillas y rebanadas.

Establecer un Cuadricula cada 50 pixeles, Como se muestra abajo.

Paso 2

Ahora que su cuadrícula está configurada, cree un nuevo documento que sea 350 X 350 Píxeles en dimensiones. Usa los ajustes de abajo.

Una vez que haya creado su documento, siga adelante y muestre su cuadrícula yendo a Ver > Show > Cuadrícula (Comando / Ctrl- ')

Su documento ahora debería verse similar a la imagen de abajo con Líneas de cuadrícula colocado cada 50 píxeles.

2. Dibujar formas

Paso 1

Antes de comenzar, asegúrese de que Snapping se habilita yendo a Ver > Chasquido. Esto asegurará que tus formas estén colocadas correctamente.

Paso 2

Este patrón se creará utilizando formas vectoriales básicas. Selecciona el Herramienta Elipse (U) y haga clic en cualquier parte del lienzo. Crea un círculo que sea 200 x 200 píxeles en dimensiones.


Tu círculo debe verse similar a esta forma. Mi círculo actualmente no tiene color aplicado..

Activar el Herramienta de selección de ruta (A), seleccione la forma de círculo que acaba de crear y cambie el color a negro o al color que prefiera.

Paso 3

Coloque su primera forma en la esquina superior izquierda de su lienzo, como se muestra. Debe encajar en su lugar.

Etapa 4

Con el Herramienta de selección de ruta (A) seleccionado, y mientras se presiona Alt en su teclado, seleccione la forma del círculo y arrastre un círculo duplicado, como se muestra.

Con el nuevo círculo seleccionado, seleccione el Intersectar áreas de forma opción de Operaciones de camino, como se muestra.


Tu nueva forma debería verse así.

Para simplificar las cosas, seleccione Fusionar componentes de forma, como se muestra. Esto eliminará todos los caminos sobrantes..

Hacer clic .

Tu lienzo ahora debería verse similar a este.

3. Construir la forma del patrón

Paso 1

Con el Herramienta de selección de ruta (A) seleccionado, seleccione la nueva forma, y ​​con la Alt tecla presionada, arrastre un duplicado de la forma y colóquela, como se muestra.

Seleccione ambas formas con el Herramienta de selección de ruta (A) y hacer duplicados de ellos copiando y pegando. (Comando / Ctrl-C y Comando / Ctrl-V). Luego, gírelos y colóquelos, como se muestra, presionando Comando / Ctrl-T en su teclado, utilizando el apropiado Transformación manijas.

Paso 2

Ahora necesitamos rellenar el centro del patrón. Para hacer esto, seleccione la herramienta Rectángulo y haga clic directamente en la intersección de las dos líneas de cuadrícula en el centro.

Crea una forma cuadrada que sea 70 x 70 Píxeles en dimensiones. Asegúrese de habilitar el Desde el centro opción.

Tu forma ahora debería verse similar a esta imagen.

Ahora vamos a Inflar la forma del centro un poco yendo a Editar > Transformar el camino > Deformación.

Seleccionar Inflar desde el Deformación Menú desplegable. Selecciona el curva a 10%.

prensa .


Tu forma ahora debería ser similar a esta.

Paso 3

Nuestro patrón está casi completo. Antes de continuar, eche un vistazo a su Capas panel. Si sus rutas están divididas en varias capas, como la mía, seleccione todas las capas de forma y Combínelas haciendo clic con el botón derecho en ellas y seleccionando Fusionar formas. Esto combinará todos tus caminos en uno.


Todas las capas de formas ahora se fusionan en una capa.

Etapa 4

Ahora que hemos simplificado un poco nuestras capas, ahora podemos comenzar a duplicar las formas para llenar la pantalla. Selecciona el Herramienta de selección de ruta (A) y seleccione las formas, como se muestra. Puede seleccionar múltiples formas haciendo clic en ellas. No haga clic en la forma más a la izquierda. No es necesario.

Con las cuatro rutas seleccionadas, pulse Alt en su teclado, arrastre las formas duplicadas y colóquelas, como se muestra.


Tu lienzo ahora debería verse similar a este.

Usando la técnica explicada anteriormente, arrastre algunos duplicados más y colóquelos, como se muestra. Recuerde, no es necesario seleccionar las dos formas superiores.


Así es como debe verse tu lienzo ahora..

4. Hacer el patrón sin costuras

En este punto, ya hemos terminado con el tutorial. Todo lo que tenemos que hacer ahora es convertirlo en un patrón preestablecido..

Paso 1

Selecciona el Herramienta de marquesina rectangular (M) y dibuje una selección en el centro del lienzo como se muestra a continuación. Su selección debe ser 150 x 150 píxeles.

Ahora ve a Editar > Definir patrón.

Nombra tu patrón.

5. Aplicar el patrón

Una vez que haya terminado, el siguiente paso es aplicar el patrón para ver cómo se ve y asegurarse de que realmente funcione.

Paso 1

Cree un nuevo documento en el tamaño que desee. El mio es 2000 x 2000 píxeles.

Paso 2

Selecciona el Fondo capa en el Capas panel.

Ir Editar > Rellenar (F5).

Seleccionar Modelo desde el Utilizar menú desplegable y seleccione el patrón que acaba de crear desde el Patrón personalizado desplegable. Hacer clic DE ACUERDO. Tu patrón ahora se aplicará a la Fondo capa. Si hiciste todo correctamente, tu patrón debería ser completamente transparente. Si no es perfecto, es posible que deba hacer algunos ajustes..

Conclusión

En este tutorial, te mostré cómo crear rápida y fácilmente un patrón circular sin problemas, geométrico utilizando las herramientas de vectores de Photoshop. Espero que hayas aprendido algo de este tutorial y puedas usar estas técnicas para crear tus propios patrones hermosos en Photoshop..


Este efecto fue creado simplemente invirtiendo los colores. (Comando / Ctrl-I).