Domine las últimas tendencias de diseño con estos tutoriales de Photoshop

Nuestra vida diaria está saturada de imágenes sorprendentes. Los experimentos de diseño visual se convierten en tendencias de diseño gráfico y, de repente, los vemos en todas partes.

Los llamativos diseños visuales están pegados a los lados de los autobuses, carteles, vallas publicitarias, anuncios de televisión, revistas y, por supuesto, productos digitales. Tienen muchos nombres, incluidos duotono, doble exposición, líneas de escaneo, falla, mancha, canal de color, enmascaramiento de fotos, colores vibrantes y chillones y error de imprenta.

Al igual que con la moda, las tendencias de diseño a menudo se reciclan de décadas pasadas; las vemos regresar una y otra vez: constructivismo ruso, Bauhaus, serigrafía, 1970... etc. Los patrones de diseño geométricos simples y saturados han existido durante casi un siglo, y los diseñadores todavía los están usando porque son tan efectivos como lo eran hace 100 años.

Afortunadamente, los diseñadores de hoy tienen una variedad mucho más amplia de herramientas digitales con las que crear estos efectos que marcan tendencia que en días anteriores. Aún así, a pesar de que las herramientas pueden ser más fáciles de conseguir, no olvidemos que es la creatividad valiente y la innovación visual lo que forjará los diseños más frescos y atractivos.

¿Deberían los diseñadores seguir las tendencias de diseño?

Algunos directores creativos y diseñadores pueden resistirse a las tendencias de diseño porque no quieren ser vistos como "seguidores". Sin embargo, usar las tendencias del diseño gráfico podría resultar una decisión importante porque hacerlo puede ayudar a que un diseñador sea más contemporáneo. Atreverse a ser diferente también tiene sus recompensas. Los mejores diseñadores "siguen y toman prestado" en gran medida las tendencias, pasadas y presentes, a veces creando algo completamente nuevo al combinar las tendencias de diseño gráfico en algo sorprendente y fresco.

Una palabra de precaución: los diseñadores deben usar las tendencias de diseño gráfico en su trabajo solo cuando sea apropiado y teniendo en cuenta la marca. Por ejemplo, las personas esperan estabilidad y confianza de la banca, las inversiones, las marcas de seguros, etc., por lo que un efecto de contracultura subversivo como "falla" puede no ser apropiado en estos casos.

Veamos algunas de estas tendencias de diseño gráfico y compartamos algunos de los mejores tutoriales de Photoshop sobre cómo crearlas.

Tendencia de diseño caliente: el efecto de doble exposición

Se pueden lograr combinaciones de imágenes espectaculares usando el efecto de “doble exposición”. El nombre proviene de la fotografía con película de celuloide, en la que se toman dos o tres fotos sin enrollar la película en la cámara, exponiendo el mismo fotograma varias veces con imágenes diferentes. Esta tendencia apareció mucho en carteles de películas y promociones de televisión. Como se vio anteriormente, los títulos de apertura de programas de televisión como True Detective en HBO han estado usando este efecto con gráficos en movimiento con gran efecto.

Para lograr un gran efecto de doble exposición, es muy importante seleccionar cuidadosamente la imagen. Las imágenes de alto contraste funcionan mejor cuando las áreas más oscuras ocupan un área de la imagen donde se va a usar otra imagen. A menudo se yuxtapone un retrato con una imagen más detallada, como un paisaje urbano o un paisaje.

Aquí hay algunos de los mejores tutoriales de Photoshop sobre cómo lograr esta tendencia de diseño:

Tutorial de Photoshop con Efecto de Doble Exposición #1:

Tutorial de Photoshop con Efecto de Doble Exposición #2:

Tutorial de Photoshop con Efecto de Doble Exposición #3:

Glitch, error tipográfico, efectos de interferencia visual

Este es un doble tomador. Llama la atención en un mar de "imágenes perfectas" porque se trata de imperfecciones. Se basa en el resultado inesperado de errores digitales conocidos como "fallas". Todo lo que nos rodea (publicidad, carteles, portadas de revistas y promociones de televisión) ha sido retocado a la perfección con Photoshop (algunos incluso lo llamarían "falsificación" o "contaminación visual"), impulsando así el deseo de ver más real, orgánico, menos. imágenes más que perfectas.

A menudo más atractiva para las generaciones más jóvenes, esta tendencia de diseño es un movimiento subversivo, contracultural y "anti-falsificación" destinado a hacer que los diseños se destaquen. Como se mencionó anteriormente, puede no ser apropiado para algunas situaciones o marcas, por lo que se recomienda a los diseñadores que tengan cuidado si deciden implementar este efecto.

La mayoría de los diseñadores usarían el término "falla", pero a veces se le llama efecto VHS, cambio de RGB con líneas de escaneo, error tipográfico o interferencia visual. Los diseñadores innovadores a veces combinan varios tipos de estos efectos de moda en algo nuevo.

Todos tienen su propio método para crear este efecto, así que busque en YouTube y elija el que más le guste. Incluso hay acciones de Photoshop que los diseñadores pueden comprar para crear el efecto de falla con solo unos pocos clics. Aquí hay un par de los mejores tutoriales de Photoshop sobre cómo lograr esta tendencia de diseño:

Tutorial de Photoshop de Efecto Glitch #1:

Tutorial de Photoshop con Efecto Glitch #2:

Incluso hay formas de lograr un efecto de falla genial con solo CSS como esta demostración de diapositivas y esta demostración de página de destino.

Efectos de duotono

Duotone ha existido por un tiempo, pero nunca parece cansarse. Hace cientos de años se utilizó Sanguine (tiza roja sobre papel) para crear dibujos sencillos de un tono de artistas como Leonardo da Vinci. Hay algo perdurable en dividir una imagen en una tonalidad simple y una imagen de duotono moderna no es tan diferente del boceto de un viejo maestro.

Hoy, desde los carteles de los éxitos de taquilla de Hollywood hasta Apple y Spotify, todo el mundo parece estar utilizando el efecto de duotono. El propósito, nuevamente, es estar aparte, ser visto como algo diferente. Incluso hay acciones de Photoshop y muchas aplicaciones móviles para crear fácilmente efectos de duotono.

Aquí hay algunos de los mejores tutoriales de Photoshop sobre cómo lograr esta tendencia de diseño:

Tutorial de Photoshop con Efecto Duotono #1:

Tutorial de Photoshop con Efecto Duotono #2:

Tutorial de Photoshop con Efecto Duotono #3:

División RGB, canal de color, exposición de doble color

Aquí hay otro efecto llamativo que puede usar fotos, texto y formas. Este efecto a veces usa 3 imágenes diferentes en 3 canales de color diferentes del mismo sujeto y las yuxtapone para obtener una imagen interesante. Este efecto a veces también se puede ver como una mezcla del efecto de falla y el efecto de división RGB. Algunos diseñadores se vuelven realmente creativos y mezclan la doble exposición, la falla y los efectos de división RGB.

Estos son algunos de los mejores tutoriales de Photoshop y Affinity Photo sobre cómo crear este efecto de diseño visual de tendencia (ignore cómo llaman al efecto, todos tienen un nombre diferente para él):

Tutorial de Photoshop con efecto de exposición de doble color:

Efecto de exposición de doble color Affinity Photo Tutorial:

Colores vibrantes y chillones y efectos de duotono fluorescentes

Nuevamente, el objetivo aquí es realmente sobresalir. Esta tendencia utiliza colores vibrantes, saturados y fluorescentes en cantidades generosas sobre el diseño.

La dirección a tomar aquí es ser audaz (cuando sea apropiado) y arriesgarse con colores llamativos y saturados, ya sea un sitio web, la portada de un álbum o un póster.

Enmascaramiento de fotos, recortes, abstraccionismo, cubismo

Esta es una de esas tendencias de diseño recurrentes que sigue siendo un enfoque de diseño gráfico duradero. Puede ser un híbrido de áreas de color planas y audaces, montaje y enmascaramiento. Es una técnica que tiene casi 100 años, como demuestran estos carteles de propaganda rusa de la década de 1920.

Para crear obras de una amplia gama de colores y complejidad, durante la última década de su vida, Henri Matisse utilizó dos materiales simples, papel blanco y gouache, que se convirtieron en sus famosos recortes de papel. Un simple par de tijeras fue la herramienta que utilizó Matisse para transformar la pintura y el papel en un mundo de plantas, animales, figuras y formas.

La variación digital del cubismo, el arte abstracto y los "recortes" de hoy es la tendencia de diseño de enmascaramiento fotográfico empleada por muchos diseñadores para llamar la atención.

No hay reglas estrictas y rápidas sobre cómo crear este efecto. Todo depende de los materiales de origen y de tu creatividad. Busque inspiraciones de diseño y arte como los carteles de propaganda rusos, el arte cubista abstracto de Picasso y los recortes de Matisse. La mayoría de estas técnicas de enmascaramiento de fotos y collages se pueden crear con el enmascaramiento de capas en Photoshop. Se trata más de la selección de fotografías y la creatividad, y menos de la técnica.

Sin embargo, aquí hay un par de los mejores tutoriales de Photoshop sobre cómo crear esta tendencia de diseño de moda, el efecto de enmascaramiento de fotos:

Cómo crear un póster de efecto de texto Tutorial de Photoshop:

Tutorial de cómo crear un retrato de letras en Photoshop:

Aquí hay otro interesante tutorial de Photoshop que usa el enmascaramiento de fotos para crear esta imagen:

El tutorial es un ejemplo de cómo se pueden usar algunas técnicas sencillas para crear ilustraciones elaboradas utilizando varias capas, máscaras, la herramienta Pluma, iluminación básica y una textura simple.

Explore, sea valiente y establezca su propio rumbo

Hoy, la valentía creativa no es opcional. Es lo que los diseñadores deben hacer a medida que aumentan las expectativas de las personas y su atención se vuelve más difícil de captar. No dude en seguir algunas tendencias de diseño. De hecho, ¡mézclalo, haz algo nuevo con ellos! Mueve el status quo, sé audaz y explora tu fantasía. ¡Haz el salto! ¡Sé creativamente valiente!

• • •

Lectura adicional en el blog de diseño de Toptal:

• eCommerce UX: una descripción general de las mejores prácticas (con infografía)
• La importancia del diseño centrado en el ser humano en el diseño de productos
• Los mejores portafolios de diseñadores de UX: estudios de casos y ejemplos inspiradores
• Principios heurísticos para interfaces móviles
• Diseño anticipatorio: cómo crear experiencias de usuario mágicas