Cores retrô são uma ótima maneira de dar ao seu site uma sensação mais antiga/vintage; Ele pode dar ao seu design um pouco diferente das cores totalmente saturadas comuns que você vê frequentemente em designs com temas modernos. Este artigo é ambos uma vitrine de cor retro temas em designs da web existentes, bem como um tutorial sobre como alcançar cores retrô usando Adobe Photoshop (Você aprenderá sobre Cinco técnicas diferentes). 
Cores retrô em web design
Antes de nos aprofundarmos no uso de cores retrô, primeiro vamos espiar alguns designs da web existentes que usam muito bem as cores retrô/vintage.
Kitschen Sink
Festiva de Huxley Prairie
Clickfarm interativo
Douglas Menezes
O boêmio literário
Michela Chiucini
Hope Unlimited
Log de design de Ayaka isso
f Claire Baxter
Mia Mäkilä
De PSD para HTML
Owltostic
Coopers Kids
Sproutbox
Nou Zeppelin
Kingsford Competition Lucks
Uma promoção
Programa de estágio do elemento Fusion
Joe Longstreet
Mplus
PENSAR.
FAZER. CRIAR.
CRIAR.” largura = ”550 ″ altura =” 400 ″ />
Jana’s Bakery
Hardscapes etc.
Lanche social
web-gab.com
Joby
Supermercados de Motta
Como usar cores retrô em seus designs usando o Photoshop
Agora que vimos alguns exemplos de sites com cores retrô, vamos ver algumas maneiras de criá -los em Adobe Photoshop.
Use o seletor de cores para reduzir a saturação
Clique no painel de primeiro plano no painel de ferramentas; Isso abrirá a caixa de diálogo Picker de cores. Comece com uma cor vermelha (#FF0000). Agora, clique diretamente à esquerda da cor vermelha que você escolheu.
Quanto mais você vai em direção à esquerda, mais reduziu o saturação é. 
Soltar a opacidade da camada de reduzir a saturação
Se você soltar sua opacidade no painel de camadas, isso também diminuirá sua saturação. A coisa ruim (ou boa) sobre isso é que, se houver algo por trás disso, será exibido.
Ajuste da imagem do filtro de foto
Para reduzir a saturação por meio do ajuste da imagem do filtro de fotos, precisamos primeiro obter o inverso da nossa cor; Para fazer isso, pressione Ctrl + I (que é o pressionamento de tecla de atalho para imagem> Ajustes> Inverter). Em seguida, escolha a ferramenta Eyedropper no painel das ferramentas e clique na cor invertida em sua tela para amossar e configurá -la como a cor do primeiro plano. Depois de definir sua cor, pressione Ctrl + i novamente para voltar à cor original.
Agora, vá para imagem> Ajustes> Filtro de fotos. Finalmente, mude a cor para a nossa cor invertida. 
Ajuste da imagem de matiz/saturação
Com esse método, queremos entrar na caixa de diálogo Hue/saturação pressionando Ctrl + U ou indo para a imagem> Ajustes> Hue/saturação.
Para diminuir a saturação, arraste o controle deslizante da opção de saturação para a esquerda. Esta é provavelmente a maneira mais fácil e melhor de reduzir sua saturação para uma imagem inteira. 
Usando texturas
Usar uma textura também é uma boa maneira de dar ao seu site uma aparência retro/vintage.
Não apenas muda a cor, mas também oferece uma aparência agradável, irregular e desgastada. Existem algumas maneiras de mudar suas cores com uma textura, e aqui está uma maneira de fazê -lo. Primeiro, vamos pegar um Textura de texturas zen.
Abra a textura no Photoshop e coloque -o em cima do quadrado vermelho. Em seguida, altere o modo de mistura de sua camada para Tela. 
Agora, para tornar nossa imagem menos cor de pêssego, retire a opacidade para algum lugar em torno de 50%.
Esperamos que você tenha gostado deste pequeno artigo sobre o uso de cores retrô/vintage. Se você tiver alguma dica, truques e técnicas para compartilhar com outros leitores ao usar esse tema de cor – certifique -se de Deixe -nos uma nota nos comentários!
Conteúdo relacionado
Perguntas Frequentes sobre Cores Retrô em Web Design
1. O que são cores retrô e por que elas são populares em web design?
As cores retrô são tons inspirados em décadas passadas, como os anos 60, 70 e 80. Elas são populares em web design porque podem dar ao design uma sensação nostálgica e vintage, diferenciando-se das cores saturadas comuns em designs modernos.
2. Como posso usar cores retrô em meus designs usando o Photoshop?
Existem várias técnicas que você pode usar no Adobe Photoshop para alcançar cores retrô. Alguns exemplos incluem reduzir a saturação usando o seletor de cores, ajustar a opacidade da camada, usar o filtro de foto e o ajuste de matiz/saturação, e adicionar texturas.
3. Posso usar cores retrô em todas as partes do meu site?
Sim, você pode usar cores retrô em todas as partes do seu site, incluindo fundos, elementos de design, texto e imagens. Experimente diferentes combinações de cores retrô para criar um design único e atraente.
4. O uso de cores retrô afeta a usabilidade do site?
O uso de cores retrô pode afetar a usabilidade do site se não for feito com cuidado. Certifique-se de escolher cores que ofereçam contraste suficiente para garantir que o texto seja legível e que os elementos de navegação se destaquem. Teste o design com diferentes usuários para garantir uma boa experiência de usuário.
5. O que devo considerar ao escolher cores retrô para o meu site?
Ao escolher cores retrô para o seu site, leve em consideração a marca, o público-alvo e o estilo do design. Experimente diferentes combinações de cores e veja como elas se complementam. Lembre-se de que as cores podem afetar a percepção e a emoção dos usuários, então escolha cores que transmitam a mensagem certa para o seu site.
