Como criar um efeito de texto cromado realista no Adobe Photoshop

Este tutorial super fácil e rápido mostrará como usar algumas texturas e estilos de camada para criar um efeito de texto cromado brilhante e reflexivo. Vamos começar!

Acompanhe-nos em nosso canal Envato Tuts+ no YouTube para fazer o texto cromado em fotossaltar:

O que você aprenderá neste tutorial do Photoshop com efeito Chrome

• Como criar um efeito cromado no Photoshop
• Como construir o gradiente cromado no Photoshop
• Como aplicar o efeito para fazer letras cromadas no Photoshop
• Como criar um fundo concreto
• Como fazer um logotipo cromado no Photoshop

Recursos do tutorial para o efeito Photoshop Chrome

Os seguintes recursos foram usados ​​durante a produção deste tutorial:

Você também pode obter alternativas para esses arquivos em ga-analytics#sendElementsClickEvent”>Envato Elements — baixe todos eles com uma única assinatura!

1. Como definir o padrão

Passo 1

Abra o Assentos de ônibus imagem e depois vá para Filtro > Distorcer > ZigZag. Mudar o Quantia para 20o Cumes para 5e a Estilo para Ondulação da Lagoa.

Passo 2

Vá para Editar > Definir Padrãoe digite Padrão de Reflexão no Nome campo.

2. Como criar o plano de fundo

Passo 1

Crie um novo 950 x 650 pixels documento, coloque o Asfalto Danificado0043 textura na parte superior Fundo camada e redimensione-a conforme necessário.

Passo 2

Duplo click a camada da textura para aplicar um Sobreposição de Gradiente efeito com estas configurações:

• Modo de mistura: Multiplicar
• Estilo: Radial
• Escala: 150%
• Clique no Gradiente caixa para criar o preenchimento gradiente usando as cores #757575 para a direita e #0f0f0f Para a esquerda.

Isso criará um gradiente radial simples.

3. Como criar as camadas de texto

Passo 1

Crie o efeito de texto cromado no Photoshop usando a fonte Nome da fonte Bebas Neue Bold e definir o Tamanho para 220 pontos e a Kerning para Óptico. Se você deseja aplicar esse efeito a um logotipo, certifique-se de que seja um Objeto Inteligente e, em seguida, siga o tutorial para aplicar esse efeito a ele em vez de ao texto.

Passo 2

Duplique a camada de texto e altere a cópia Preencher valor para 0.

4. Como estilizar a camada de texto original

Duplo click a camada de texto original para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Chanfro e relevo com estas configurações:

• Tamanho: 1
• Desmarque o Use a luz global caixa
• Ângulo: 30
• Altitude: 16
• Verifica a Suavização de serrilhado caixa
• Modo de destaque – Opacidade: 100%
• Modo Sombra – Opacidade: 100%

Passo 2

Adicione um Contorno com estas configurações:

• Contorno: Enseada – Rasa
• Verifica a Suavização de serrilhado caixa
• Faixa: 100%

etapa 3

Adicione um AVC com estas configurações:

• Tamanho: 1
• Posição: Dentro
• Tipo de preenchimento: Gradiente
• Use o aço inoxidável xxx preenchimento Gradiente

Passo 4

Adicione um Sombra interior com estas configurações:

• Opacidade: 35%
• Desmarque o Use a luz global caixa
• Ângulo: -115
• Distância: 3
• Tamanho: 7

Etapa 5

Adicione um Brilho interior com estas configurações:

• Modo de mistura: Luz forte
• Opacidade: 100%
• Cor: #f4f2e7
• Estrangular: 0
• Tamanho: 3

Etapa 6

Adicione um Sobreposição de Gradiente com estas configurações:

• Verifica a Pontilhar caixa
• Modo de mistura: Cor
• Opacidade: 90%
• Verifica a Reverter caixa
• Use o tubo de fogão 70 preenchimento Gradiente

Etapa 7

Adicione um Sobreposição de padrão com estas configurações:

• Padrão: Padrão de Reflexão
• Escala: 50%

Etapa 8

Adicione um Brilho externo com estas configurações:

• Modo de mistura: Multiplicar
• Opacidade: 35%
• Cor: #404040
• Tamanho: 21

Etapa 9

Adicione um Sombra projetada com estas configurações:

• Opacidade: 100%
• Distância: 5
• Espalhar: 10
• Tamanho: 10

Etapa 10

Adicionar outro Sombra projetada com estas configurações:

• Opacidade: 80%
• Desmarque o Use a luz global caixa
• Ângulo: 132
• Distância: 17
• Tamanho: 38

Etapa 11

Você pode voltar para o Sobreposição de padrão efeito, e então clicar e arrastar o padrão dentro do texto para movê-lo até obter o efeito de texto cromado desejado no Photoshop.

Isso estilizará a primeira camada de texto.

5. Como estilizar a camada de cópia de texto

Duplo click o cópia de camada de texto para aplicar o seguinte estilo de camada às letras cromadas no Photoshop:

Passo 1

Adicione um Brilho interior com estas configurações:

• Modo de mistura: Luz Linear
• Opacidade: 20%
• Cor: #e1e1e1
• Técnica: Preciso
• Tamanho: 5
• Contorno: Enseada – Profunda

Passo 2

Adicione um Sobreposição de Gradiente com estas configurações:

• Modo de mistura: Luz suave
• Ângulo: 80
• Use o tubo de aço 10 preenchimento Gradiente

etapa 3

Adicione um Brilho externo com estas configurações:

• Modo de mistura: Subexposição de cores
• Opacidade: 50%
• Cor: #ececec
• Tamanho: 21

Isso estilizará a segunda camada de texto e finalizará o efeito cromado do Photoshop.

6. Como adicionar uma camada de ajuste

Passo 1

Clique no Crie uma nova camada de preenchimento ou ajuste ícone na parte inferior do Camadas painel e escolha Mapa de gradiente.

Passo 2

Verifica a Pontilhar caixa e, em seguida, crie o preenchimento gradiente usando as cores #554b70 Para a esquerda, #857177 no meio, e #d8a082 Para a direita.

Alterar a camada de ajuste Modo de mistura para Luz suave e os seus Opacidade para 20%.

Parabéns, você terminou!

Neste tutorial aprendemos como crie um efeito cromado no Photoshop.

Aplicamos um filtro a uma imagem e a definimos como um padrão. Em seguida, criamos um fundo simples usando uma textura e um efeito de sobreposição de gradiente. Depois disso, criamos duas camadas de texto e as estilizamos para fazer o texto cromado no Photoshop.

Finalmente, finalizamos adicionando uma camada de ajuste de cores.

Mais efeitos de texto do Chrome

Quer criar um efeito cromado no Photoshop, mas quer economizar tempo? Vá para ga-analytics#sendElementsClickEvent”>Envato Elements onde você pode encontrar muitos ga-analytics#sendElementsClickEvent”>efeitos de texto cromados, bem como muitos ga-analytics#sendElementsClickEvent”>complementos do Photoshop e ga-analytics#sendElementsClickEvent “>Ações do Photoshop.

Aqui está uma lista de ações premium que ajudarão você a criar um incrível efeito cromado no Illustrator ou Photoshop:

1. ga-analytics#sendElementsClickEvent”>Ação 3D Metal Photoshop (ATN, PAT)

Este conjunto de ações é ideal para criar um efeito de texto cromado para Photoshop com apenas alguns cliques. O pacote apresenta efeitos de texto em aço, cobre e bronze! Todas as camadas permanecem personalizáveis, para que você possa fazer ajustes à medida que avança.

ga-analytics#sendElementsClickEvent”>

2. ga-analytics#sendElementsClickEvent”>Os 1001 efeitos de texto definitivos (PSD)

Neste pacote de efeitos de texto, você encontrará folhas douradas e vermelhas, metal cromado e até madeira – tudo embrulhado em um prático arquivo PSD! Este pacote inclui efeitos de texto planos e 3D, com texturas que você pode misturar e combinar no Photoshop.

ga-analytics#sendElementsClickEvent”>

3. ga-analytics#sendElementsClickEvent”>Metal Pro-Instant (AI)

Este pacote de efeitos de texto inclui 25 estilos diferentes de texto metálico de alta qualidade para Adobe Illustrator. Inclui até um efeito de texto em ouro rosa!

ga-analytics#sendElementsClickEvent”>

4. ga-analytics#sendElementsClickEvent”>Estilos gráficos Ultimate Metal para Illustrator (AI)

Este pacote de efeitos de texto contém 50 estilos metálicos feitos para Adobe Illustrator, todos totalmente personalizáveis.

ga-analytics#sendElementsClickEvent”>

5. ga-analytics#sendElementsClickEvent”>Estilos metálicos para Illustrator (AI)

Aqui está um conjunto de estilos de camada metálica feitos para Adobe Illustrator que bastam um clique para serem aplicados. Isso inclui efeitos de texto dourado, ouro rosa e cromado em acabamento brilhante ou fosco.

ga-analytics#sendElementsClickEvent”>

Agora você sabe como fazer um gradiente cromado no Photoshop do zero. Também examinamos alguns dos principais ativos do Envato Elements para ajudá-lo a criar facilmente um efeito cromado no Photoshop ou Illustrator.

Quer saber mais? Por que não conferir os seguintes tutoriais: