25 usos brilhantes de espectros coloridos em Web Design
Percebi uma tendência recente em web design que envolve o uso de espectros coloridos como elemento principal de design. Os usos são muito variados, mas quase sempre bastante bonitos.
Hoje vamos aprender a criar incríveis obras de arte baseadas em espectro no Photoshop e depois dar uma olhada em 25 exemplos brilhantes de espectros sendo usados em sites reais.
Explore o Envato Elements
Como se divertir com espectros no Photoshop
Antes de examinarmos nossa seleção de sites que utilizam espectros como um dos principais elementos de design, vamos dar uma olhada em como você pode criar facilmente sua própria arte de espectro impressionante no Photoshop. Analisei uma técnica semelhante em um tutorial anterior, mas também é definitivamente apropriado para este artigo.
A construção de gradientes complexos no Photoshop pode ser demorada. Felizmente, ele vem embutido com alguns ótimos espectros que você pode aplicar em apenas alguns cliques.
Para começar, crie uma camada preta sólida. Duplique essa camada e aplique uma sobreposição de gradiente a qualquer camada que estiver na parte superior. Para carregar nos gradientes de espectro, pressione a pequena seta à direita do seletor de gradientes e desça até o fundo, onde diz "espectros".
Selecione qualquer espectro que desejar e defina a direção para o que achar apropriado. Devido ao terrível resultado inicial desta etapa, imagino que muitos designers nunca pensaram em usar esses gradientes pré-construídos. No entanto, lembre-se sempre de observar os efeitos do Photoshop como blocos de construção, não como produtos acabados.
O hippiefest abaixo é realmente muito fácil de se transformar em algo que parece muito legal e se encaixa nas tendências de design moderno.
A próxima etapa é criar uma camada branca sólida e selecione Filtro> Renderizar fibras. Realmente não importa quais são as suas configurações para as fibras, basta brincar até obter algo que você gosta.
Agora aplique um simples borrão de movimento. Certifique-se de acioná-lo para que as linhas sejam agradáveis e suaves. Você pode ver na imagem abaixo que isso nos dará uma textura muito boa com muita profundidade e contraste.
A mágica acontece quando você define essa camada para se multiplicar. Voila! Agora seu espectro está muito mais legal!
Para torná-lo mais dramático, aplique uma máscara de camada preta sólida e, em seguida, pegue um pincel grande e macio em branco. Em seguida, clique na tela duas a três vezes com o pincel para recuperar o gradiente de maneira sutil e atraente.
Não pare por aí! Brinque com outros filtros e efeitos para criar sua própria visão única dos espectros. A imagem abaixo usa o mesmo processo exato mostrado acima, mas usa nuvens em vez de fibras (evite a etapa de desfoque).
Como dimensão final, uma vez que você comece a misturá-lo com gráficos, o efeito pode ficar realmente incrível muito rápido. Abaixo, joguei uma rosa dos ventos e consegui alguns resultados impressionantes após apenas alguns segundos de ajustes.
Espectros em fundos de sites
Para ter uma idéia de como aplicar praticamente essas técnicas no mundo do web design, confira os ótimos exemplos abaixo. Esta primeira seção implementa espectros de cores como o principal ponto focal do plano de fundo do site.
Web design Cheltenham Reino Unido
BundleHunt
Rareview
Agence web créative
Guilda dos Escritores de Design
Clique em Tyler
A maneira criativa
Spectrum Theme
Deaxon
Logic By Design
Web designer grego
Lista ordenada
Ciplex Design Shack
Igreja da vida | Bem-vinda
Julio Silver
Robin James Yu
Empresa de Web Design
Burubundi
Saiba mais Links
Logotipos e outros elementos
Aqui vemos espectros sendo usados para criar ícones, logotipos e outros elementos gráficos extremamente atraentes. Observe como às vezes os designers usam etapas difíceis em vez de gradientes suaves. Mais uma opção a ter em mente!
Caleidoscópio
Drupal Works
Hughes
Criações de nêutrons
Rua de Baixo
Conclusão
Espero que este post tenha sido bastante inspirador e incentive você a brincar com espectros em seus próprios projetos.
Se você cria ou encontra sites usando espectros de uma maneira única e impressionante, deixe um comentário abaixo com um link para que todos possamos conferir!
