Advertisement
  1. Design & Illustration
  2. Designing

Consejo rápido: Cómo crear un efecto de fondo geométrico en Photoshop

Scroll to top
Read Time: 6 min

Spanish (Español) translation by Ender Gamboa (you can also view the original English article)

Al igual que Illustrator, Photoshop también incluye algunas herramientas de edición vectorial muy potentes. En este tutorial, te mostraremos cómo crear un efecto de fondo geométrico para un diseño de póster en Photoshop utilizando unas cuantas formas simples, modos de fusión y transparencias. ¡Empecemos!


1. Crear una combinación de colores

Mi forma favorita de crear una combinación de colores para este efecto es empezar en Illustrator. La herramienta mezclar de Illustrator es una gran manera de crear esquemas de color graduales y matemáticamente correctos que hacen una transición suave entre sí. Si no tienes Illustrator, intenta dibujar un degradado en Photoshop, utilizando los códigos de color que aparecen a continuación. A continuación, utiliza el selector de color en intervalos regulares para producir una combinación de colores similar.

Paso 1

El primer paso es crear un nuevo documento en Illustrator. El documento que he creado es de 45,72 cm x 60,96 cm.

Paso 2

Dibuja una forma rectangular y aplica un color. He utilizado el #553895.

Paso 3

Ahora duplica esa forma cuadrada manteniendo pulsada la tecla Alt y arrastrándola por el lienzo.

Cambie el color a uno más claro. Yo usé #CFC4E0. Ten en cuenta que vamos a añadir bastantes pasos entre estos colores, así que elige uno que esté bastante alejado de tu color original.

Paso 4

Ahora ve a Objeto > Mezcla > Opciones de Mezcla. Selecciona Pasos específicos. Utilice tantos pasos como necesites, pero recuerda que es posible que necesites establecer bastantes pasos para producir suficientes colores para llenar el lienzo de Photoshop en los siguientes pasos. Esto podría requerir algo de ensayo y error por su parte. Para este tutorial, he utilizado 28 pasos.

Selecciona ambos objetos y ve a Objeto > Mezclar > Hacer. Ahora deberías ver algo como la imagen de abajo. Debes tener en cuenta que esto es sólo para ayudar a crear tu combinación de colores. Así que el objeto mezclado no tiene que ser igual que el de abajo.


2. Crea formas básicas

Este efecto de fondo puede ser creado usando varias formas hexagonales superpuestas. Ten en cuenta que no tienes que usar Photoshop para esto. Illustrator también hace un trabajo fantástico. Las técnicas utilizadas en los pasos siguientes son muy similares a los pasos en Illustrator, así que si te sientes cómodo con Illustrator, pruébalo, si quieres.

Paso 1

Crea un nuevo documento en Photoshop, llámalo Configuración de Esquemas de Color. Utilizaremos este documento para aplicar la combinación de colores que acabamos de crear a las formas que vamos a crear. He utilizado la configuración que se muestra a continuación, pero siéntete libre de crear un documento que sea consistente con el proyecto en el que estás trabajando.

Pega el objeto de la combinación de colores en la escena. Puedes pegar como Objeto Inteligente o Píxeles, realmente no importa.

Paso 2

Ahora vamos a empezar a crear las formas básicas. Selecciona la herramienta Polígono y dibuja un Hexágono como se muestra. Las dimensiones de cada hexágono deben ser de unos 6 cm x 5,1962 cm. Puedes introducir las dimensiones exactas seleccionando la Herramienta Polígono y haciendo clic en cualquier parte del lienzo.

Reduce la Transparencia del polígono al 80% y duplica la forma 29 veces, como se muestra. Esto le dará un total de 30 hexágonos. En este paso, es realmente útil habilitar el ajuste ve a Ver > Ajustar. Cuando dupliques la forma, asegúrate de que el lado izquierdo del polígono se ajuste al centro del polígono de la izquierda.

Empieza por el extremo izquierdo del lienzo y dale a cada hexágono el mismo color que a su correspondiente rectángulo. Esta es probablemente la parte que más tiempo lleva del proceso. Cuando hayas terminado, agrupa tus capas. El documento debería tener un aspecto similar al de la imagen siguiente. Ahora puedes prescindir del objeto de fusión que has pegado desde Illustrator.


3. Crear el motivo

Ahora la parte que más tiempo consume del proceso está completa. Ahora vamos a crear nuestro motivo. Puede que te hayas dado cuenta que el documento de Configuración de Esquema de Color que creaste era bastante grande comparado con las formas con las que estabas trabajando. Esto se debe a que el motivo necesita ser muy grande para cubrir el fondo del cartel que acabaremos creando. Así que fijamos la altura un poco más grande por encima de 60,96 cm (24 pulgadas).

Paso 1

Seleccionamos la capa del Grupo 1 y mantenemos pulsada la tecla Alt. Con la tecla Alt pulsada, arrastra el contenido de esa capa hacia abajo y hacia la derecha. Asegúrate de que la opción Ajustar está activada y coloca cada nuevo grupo como se muestra hasta que el motivo llene completamente la pantalla.

Paso 2

Crea un nuevo documento de Photoshop que tenga el mismo tamaño que el documento de Illustrator que creaste en el primer paso. El documento que he creado es de 45,72 cm x 60,96 cm.

Paso 3

Ahora vuelve al documento de configuración de esquema de color. Agrupa todas tus capas de forma. Nombra ese grupo como Motivo.

Paso 4

Ve a Ventana > Organizar > Mosaico vertical.

Paso 5

Ahora arrastra y suelta todas las capas del documento Configuración de Esquema de Color en tu documento Efecto de Fondo Geométrico.

Paso 6

Ahora coloca la capa Motivo en el lienzo como se muestra.


4. Detalles adicionales (opcional)

Si estás contento con tu efecto de fondo, ¡felicidades! Has terminado este tutorial. Sin embargo, siento que la imagen se ve un poco plana. Así que me gustaría añadir un par de detalles adicionales para que se vea un poco mejor.

Paso 1

Ve a Capa > Nueva capa de ajuste > Niveles y ajusta la configuración como se muestra. Esto hará que los colores resalten un poco.

Paso 2

Como este motivo está formado por muchas figuras hexagonales, tienes bastante control sobre el aspecto de la imagen final. Si quieres romper un poco el degradado, puedes hacer clic en las capas de formas individuales y cambiar sus propiedades para hacer el efecto mucho más interesante.

Haz clic en la herramienta Selección de Trayectoria y selecciona algunos hexágonos al azar con la tecla Shift seleccionada. Con todas las rutas seleccionadas, experimenta con diferentes modos de fusión, opacidades y colores. En mi experiencia, Superposición, Luz intensa, Multiplicar y Pantalla funcionan muy bien. El resultado que se muestra a continuación se hizo en unos pocos minutos. Con un poco más de ajustes deberías ser capaz de lograr un resultado mucho más limpio.


Conclusión

En este tutorial, te hemos mostrado cómo crear rápidamente un efecto de fondo geométrico utilizando algunas formas simples y la transparencia en Photoshop, La parte más difícil de este efecto es averiguar cuántas formas se necesitan para cubrir completamente el lienzo. Una vez que lo hayas averiguado, el resto de los pasos son bastante fáciles. Espero que hayas disfrutado de este tutorial y que puedas utilizar estas técnicas para crear tus propios efectos de fondo.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.