Design realista de aço inoxidável fundo e texto [Photoshop Tutorial]

Web designers e webmasters adoravam aço frio ou efeitos metálicos antes do Web 2.0 tempestades e lavou tudo; Deixe o WWW com sites de gradientes brilhantes e abusivos. Apple.com sempre foi relacionado a um bom design de interface Web 2.0, mas esses caras nunca perderam os efeitos legais pretos e prateados nem falharam em torná-los melhores em seus designs e tipografia.

Inspirado por seus projetos, estou tentando trazer esses estilos de volta ao meu design pessoal e, assim, criei algo um pouco sólido, e parece um pedaço de metal de aço inoxidável. Tutorial completo do Photoshop depois do salto.

Fundo de aço inoxidável

Passo 1

Crie um novo documento em branco no tamanho de 600 × 400. Crie uma nova camada, nomeie-a 'fundo' e preencha com a cor cinza [# c0c0c0]. Duplicado 'fundo' camada, nomeie a nova camadafundo de açoe colocá-lo em cima defundo'.

Passo 2

Com a camada 'fundo de aço' selecionada, aplique Filtro -> Adicionar Ruído e insira as seguintes configurações:

• Quantidade: 14,21
• Distribuição: gaussiana
• Monocromático verificado

etapa 3

Com 'fundo de aço'camada ainda selecionada, vá Filtro -> Borrão -> Borrão de movimento e insira as seguintes configurações:

• Anjo: 0
• Distância: 34 pixels

Clique direito 'fundo de aço', selecione Opções de mesclagem e insira as seguintes configurações para Sobreposição de gradiente - Editor de gradiente:

Parada de cor 1

• Cor: # 000000
• Opacidade: 50%
• Localização: 0%

Parada de cor 2

• Cor: #ffffff
• Localização: 50%

Parada de cor 3

• Cor: # 000000
• Opacidade: 50%
• Localização: 0%

Texto Metal

Passo 4

Seu plano de fundo de aço inoxidável está basicamente pronto, nós continuaremos a partir daí para inserir um texto de metal que deve ser compatível. Use o Ferramenta de Texto, escreva algo no meio, de preferência com fonte think fat (estou usando o Myriad Pro Bold aqui). Clique com o botão direito do mouse (ou clique duas vezes) na camada de texto para iniciar o Opções de mesclagem diálogo.

1. Sombra

• Opacidade: 38%
• Distância: 1px
• Propagação: 1%
• Tamanho: 2px

• Profundidade: 100%
• Tamanho: 0px
• Suavizar: 0 px
• Destaque Opacidade: 42%
• Opacidade Sombra: 32%

Seu texto deve parecer algo semelhante ao abaixo.

Passo 5

Aqui está algo que você precisa seguir com força. Segure a tecla Control (Mac: tecla Command) e clique com o botão esquerdo na camada de texto para destacar seu contorno. Verifique se o contorno ainda está lá, selecione 'fundo de aço'camada e pressione Control + J (Mac: Comando + J)

Ao fazer isso, você está duplicando o fundo de aço na forma de seu texto. Renomeie a camada para 'fundo do texto'e mova-o para o topo.

Passo 6

Mudança 'fundo do texto' para Queimadura de cor, traga é Opacidade até 67%.

Sua saída final deve parecer algo semelhante à imagem abaixo.

Download do arquivo .PSD.