Domine as tendências de design quentes com estes tutoriais do Photoshop

Publicados: 2022-03-11

Nossas vidas diárias estão saturadas de imagens incríveis. Experimentos de design visual tornam-se tendências de design gráfico quentes e, de repente, os vemos em todos os lugares.

Impressionantes designs visuais estão estampados nas laterais de ônibus, cartazes, outdoors, anúncios de TV, revistas e, claro, produtos digitais. Eles têm muitos nomes, incluindo tom duplo, dupla exposição, linhas de varredura, falha, mancha, canal de cores, mascaramento de fotos, cores vibrantes e erros de impressão.

efeito visual de falha de tendência de design gráfico em um anúncio de metrô — A tendência do design gráfico “falha” em um anúncio do metrô de Nova York.

Tal como acontece com a moda, as tendências de design são frequentemente recicladas de décadas passadas - nós as vemos voltando repetidamente: construtivismo russo, Bauhaus, serigrafia, década de 1970... etc. Padrões de design geométricos simples e saturados existem há quase um século, e designers ainda os usam porque são tão eficazes quanto há 100 anos.

Felizmente, os designers de hoje têm uma variedade muito maior de ferramentas digitais para criar esses efeitos de definição de tendências do que antigamente. Ainda assim, embora as ferramentas possam ser mais fáceis de encontrar, não vamos esquecer que é a criatividade corajosa e a inovação visual que forjarão os designs mais frescos e atraentes.

Os designers devem seguir as tendências de design?

Alguns diretores de criação e designers podem resistir às tendências de design porque não querem ser vistos como “seguidores”. No entanto, usar tendências de design gráfico pode ser uma decisão importante, pois isso pode ajudar a tornar o designer mais contemporâneo. Ousar ser diferente também tem suas recompensas. Os melhores designers “seguem e emprestam” muito das tendências – passadas e presentes – às vezes criando algo totalmente novo combinando tendências de design gráfico em algo impressionante e fresco.

Palavra de cautela - os designers devem usar as tendências de design gráfico em seu trabalho apenas quando apropriado e mantendo a marca em mente. Por exemplo, as pessoas esperam estabilidade e confiança de bancos, investimentos, marcas de seguros e assim por diante – portanto, um efeito subversivo de contracultura como “falha” pode não ser apropriado nesses casos.

gráficos em movimento de efeito de dupla exposição seguindo uma tendência de design — A série da HBO True Detective usa “dupla exposição” com grande efeito em seus títulos de abertura.

Vamos dar uma olhada em algumas dessas tendências de design gráfico e compartilhar alguns dos principais tutoriais do Photoshop sobre como criá-los.

Tendência de design quente: o efeito de dupla exposição

Combinações de imagens espetaculares podem ser alcançadas usando o efeito “dupla exposição”. O nome vem da fotografia de filme de celulóide, onde duas ou três fotos são tiradas sem enrolar o filme para frente na câmera, expondo o mesmo quadro várias vezes com imagens diferentes. Essa tendência apareceu muito em pôsteres de filmes e promoções de TV. Como visto acima, títulos de abertura de programas de TV como True Detective na HBO têm usado esse efeito com gráficos em movimento com grande efeito.

tendência de design gráfico de efeito de fotografia de dupla exposição

tendência de design visual de efeito de dupla exposição

efeito photoshop de dupla exposição uma tendência de design gráfico quente

Para obter um ótimo efeito de dupla exposição, a seleção cuidadosa da imagem é muito importante. Imagens de alto contraste funcionam melhor quando áreas mais escuras ocupam uma área da imagem onde outra imagem será usada. A justaposição de um retrato com uma imagem mais detalhada, como uma paisagem urbana ou paisagem, geralmente é feita.

Aqui estão alguns dos principais tutoriais do Photoshop sobre como alcançar essa tendência de design quente:

Tutorial #1 do Photoshop com Efeito de Dupla Exposição:

Tutorial #2 do Photoshop com Efeito de Dupla Exposição:

Tutorial #3 do Photoshop com Efeito de Dupla Exposição:

Efeitos de falha, erro de impressão, interferência visual

Este é um duplo tomador. Ele chama a atenção em um mar de “imagens perfeitas” porque é tudo sobre imperfeição. É baseado no resultado inesperado de erros digitais conhecidos como “glitches”. Tudo ao nosso redor – propaganda, pôsteres, capas de revistas e promoções de TV – foi photoshopado com perfeição (alguns até chamariam de “falsificação” ou “poluição visual”), gerando assim um desejo de ver mais real, orgânico, menos realista. imagens do que perfeitas.

Muitas vezes mais atraente para as gerações mais jovens, essa tendência de design é um movimento subversivo, de contracultura e “anti-fake” destinado a destacar os designs. Conforme mencionado acima, pode não ser apropriado para algumas situações ou marcas, portanto, os designers são aconselhados a ter cuidado ao optar por implementar esse efeito.

A maioria dos designers usaria o termo “glitch”, mas às vezes é chamado de efeito VHS, mudança RGB com linhas de varredura, erro de impressão ou interferência visual. Designers inovadores às vezes combinam vários tipos desses efeitos em voga em algo novo.

falha, erro de impressão, efeitos de interferência visual tendências de design gráfico — Os pôsteres de Mr. Robot usaram variações do efeito glitch para destacar e reforçar a sensibilidade da contracultura do programa.

tendência de design de efeito gráfico de linhas de varredura de vídeo — Linhas de varredura de vídeo e mudança de imagem também são usadas para criar gráficos incomuns e atraentes.

Todo mundo tem seu próprio método de criar esse efeito, então dê uma olhada no YouTube e escolha um que você goste. Existem até mesmo os designers do Photoshop Actions que podem comprar para criar o efeito de falha com apenas alguns cliques. Aqui estão alguns dos principais tutoriais do Photoshop sobre como alcançar essa tendência de design:

Tutorial de Photoshop de Efeito Glitch #1:

Tutorial de Photoshop de Efeito Glitch #2:

Existem até maneiras de obter um efeito de falha legal com apenas CSS como esta demonstração de apresentação de slides e esta demonstração de página de destino.

Assine o blog de design Toptal e receba nosso eBook

Efeitos Duotônicos

Duotone já existe há algum tempo, mas parece nunca se cansar. Centenas de anos atrás Sanguine foi usado (giz vermelho no papel) para criar desenhos simples de um tom de artistas como Leonardo da Vinci. Há algo de duradouro em quebrar uma imagem em uma tonalidade simples e uma imagem duotônica moderna não é tão diferente de um esboço de um velho mestre.

desenhos duotônicos usando giz sangüíneo - vermelho sobre papel — Desenhos sanguíneos de Da Vinci e Mademoiselle de Mondran, e uma imagem duotônica moderna.

Hoje, de pôsteres de sucesso de Hollywood a Apple e Spotify, todo mundo parece estar usando o efeito duotônico. O propósito, novamente, é se destacar, ser visto como algo diferente. Existem até Photoshop Actions e muitos aplicativos móveis para criar efeitos duotônicos facilmente.

O efeito duotone do pôster blade runner segue uma tendência de design gráfico

tendência de design de efeito duotônico do photoshop

tendência de design visual de efeito duotônico

criando uma tendência de design gráfico de efeito duotônico

Aqui estão alguns dos principais tutoriais do Photoshop sobre como alcançar essa tendência de design:

Tutorial de Photoshop com Efeito Duotônico nº 1:

Tutorial de Photoshop de Efeito Duotônico #2:

Tutorial do Photoshop com Efeito Duotônico nº 3:

Divisão RGB, Canal de cores, Exposição de cores duplas

Aqui está outro efeito atraente que pode usar fotos, texto e formas. Este efeito às vezes usa 3 imagens diferentes em 3 canais de cores diferentes do mesmo assunto e as justapõe para uma imagem interessante. Às vezes, esse efeito também pode ser visto como uma mistura do efeito de falha e do efeito de divisão RGB. Alguns designers são realmente criativos e misturam dupla exposição, glitch e os efeitos de divisão RGB.

tendência de design de efeito de deslocamento rgb criada no photoshop

canal de cores e ações de photoshop de efeito de falha

efeito de mudança de cor do tutorial do photoshop uma tendência de design

Aqui estão alguns dos principais tutoriais do Photoshop e do Affinity Photo sobre como criar esse efeito de design visual de tendência (desconsidere o que eles chamam de efeito, todo mundo tem um nome diferente para ele):

Tutorial do Photoshop com efeito de exposição de cor dupla:

Tutorial fotográfico de afinidade de efeito de exposição de cor dupla:

Cores vibrantes e berrantes e efeitos de duotônicos fluorescentes

Novamente, o objetivo aqui é realmente se destacar. Essa tendência utiliza cores vibrantes, saturadas e fluorescentes em quantidades generosas sobre o design.

tendência de design de site de efeito fluorescente duotônico — O site da New Deal Design segue a tendência de design de efeito duotônico fluorescente.

tendência de design gráfico de efeito de cor vibrante

efeito de cor vibrante e berrante usado em um calendário da web, uma tendência de design de site — Painel de calendário da Papelaria Corporativa AfriSam 2018 usando a tendência de design de sites.

tendência de design de site de efeito de cores saturadas em negrito — Empregando esta tendência de design de sites, o site da agência de design ELJE Group usa cores vibrantes e saturadas.

hackernoon emprega efeito de cor saturada fluorescente brilhante uma tendência de design de site — Hackernoon usa cores saturadas fluorescentes brilhantes para se destacar.

A direção a tomar aqui é ser ousado (quando apropriado) e arriscar com cores berrantes e saturadas, seja um site, capa de álbum ou pôster.

Mascaramento Fotográfico, Recortes, Abstracionismo, Cubismo

Esta é uma daquelas tendências recorrentes de design que continua a ser uma abordagem duradoura de design gráfico. Pode ser um híbrido de áreas de cores fortes e planas, montagem e mascaramento. É uma técnica que tem quase 100 anos, como demonstram esses cartazes de propaganda russa da década de 1920.

cartazes de propaganda russa com formas geométricas simples, recortes e efeito visual de mascaramento de fotos

Para criar obras de ampla gama de cores e complexidade, durante a última década de sua vida, Henri Matisse empregou dois materiais simples - papel branco e guache - que se tornaram seus famosos recortes de papel. Um simples par de tesouras foi a ferramenta que Matisse usou para transformar tinta e papel em um mundo de plantas, animais, figuras e formas.

os recortes matisse definem uma certa tendência de design para formas e cores simples

A variação digital do cubismo, arte abstrata e “recortes” hoje é a tendência de design de mascaramento de fotos empregada por muitos designers para atrair a atenção.

tendência de design de efeito de mascaramento de fotos — Alguns desses efeitos visuais de camadas lembram os famosos recortes de papel de Matisse.

outra tendência de design, o efeito de mascaramento de fotos — Efeitos interessantes de mascaramento de fotos podem ser alcançados com formas geométricas simples ou tipos de letra.

tendência de design gráfico de efeito de mascaramento de fotos

Não há regras rígidas e rápidas sobre como criar esse efeito. Tudo depende dos materiais de origem e da sua criatividade. Procure inspirações de design e arte, como os pôsteres de propaganda russa, a arte cubista abstrata de Picasso e os recortes de Matisse. A maioria dessas técnicas de mascaramento de fotos e colagens podem ser criadas com mascaramento de camadas no Photoshop. É mais sobre seleção de fotos e criatividade, e menos sobre técnica.

No entanto, aqui estão alguns dos principais tutoriais do Photoshop sobre como criar essa tendência de design moderno, o efeito de mascaramento de fotos:

Como criar um tutorial de Photoshop de pôster de efeito de texto:

Como criar um tutorial de Photoshop de retrato de letra:

Aqui está outro tutorial interessante do Photoshop usando mascaramento de fotos para criar esta imagem:

tutorial de photoshop para tendência de design de mascaramento de fotos

O tutorial é um exemplo de como algumas técnicas simples podem ser usadas para criar ilustrações elaboradas usando várias camadas, mascaramento, a ferramenta caneta, alguma iluminação básica e uma textura simples.

Explore, seja corajoso e defina seu próprio curso

Hoje, a bravura criativa não é opcional. É o que os designers devem fazer à medida que as expectativas das pessoas aumentam e sua atenção se torna mais difícil de capturar. Não deixe de seguir algumas tendências de design. Na verdade, misture tudo, faça algo novo com eles! Balance o status quo, seja ousado e explore sua fantasia. Dar o salto! Seja criativamente corajoso!

• • •