Photoshop CS6 – Efeito texto de Ouro

Neste tutorial vamos aprender como usar o painel Layer Styles e filtros para criar um efeito de texto de ouro muito elegante. O Efeito tem um acabamento único brilhante, o que o torna ainda mais bonito.

No final do tutorial você pode baixar o arquivo final em PSD.

O Resultado Final:

Photoshop CS6 - Efeito texto de Ouro

Notas:

O software usado neste tutorial é o Adobe Photoshop CS6 Extended, mas você pode usar a partir da versão CS3.
Recursos: Background Damasco azulado por Tech II.

Passo 1:

– Abra a imagem damasco azulado, então acesse Edit> Define Pattern e clique em OK.

- Abra a imagem damasco azulado, então acesse Edit> Define Pattern e clique em OK.

Crie um novo arquivo com 1152 x 900px. Em seguida, defina a cor de primeiro plano para #8a5240 e a cor de fundo para #310901. Selecione a Gradient Tool, escolha o primeiro plano para gradiente de fundo, e preencha o fundo com um gradiente radial do centro do documento para um dos cantos.

Crie um novo arquivo com 1152 x 900px. Em seguida, defina a cor de primeiro plano para #8a5240 e a cor de fundo para #310901. Selecione a Gradient Tool, escolha o primeiro plano para gradiente de fundo, e preencha o fundo com um gradiente radial do centro do documento para um dos cantos.

Selecione a Paint Bucket Tool e escolha Pattern na barra de opções, em seguida, escolha o padrão que você acabou de definir. Crie uma nova camada e nomeie-a de “Padrão”, em seguida, preencha-a com o padrão selecionado.

Selecione a Paint Bucket Tool e escolha Pattern na barra de opções, em seguida, escolha o padrão que você acabou de definir. Crie uma nova camada e nomeie-a de "Padrão", em seguida, preencha-a com o padrão selecionado.

Mude o Blend Mode  da camada “Padrão” para Overlay e a opacidade para 60% .

Mude o Blend Mode  da camada "Padrão" para Overlay e a opacidade para 60% .

Passo 2:

Crie o texto usando a cor #928427 e a fonte Creampuff. Definir o Leading (espaçamento) com o valor que desejar e o método de anti-aliasing para Sharp . Caso não visualize a paleta de texto basta acioná-la no menu Window> Character.

Crie o texto usando a cor #928427 e a fonte Creampuff. Definir o Leading (espaçamento) com o valor que desejar e o método de anti-aliasing para Sharp . Caso não visualize a paleta de texto basta acioná-la no menu Window> Character.

Acesse Layer> Layer Style para aplicar a Layer Style na camada de texto na ordem seguinte:

(A ordem dos efeitos de camada é diferente no Photoshop CS6, mas os efeitos são os mesmos e por isso são os valores que você precisa para aplicar)

Bevel & Emboss (Chanfro e Entalhe): Alterar o Deph (profundidade) para 200, o Size (tamanho) para 10, o Gloss Contour para Ring e marque a caixa Anti-aliased, altere o Highlight Mode para Vivid Light, e a cor do Shadow Mode para #705110.

Bevel & Emboss (Chanfro e Entalhe): Alterar o Deph (profundidade) para 200, o Size (tamanho) para 10, o Gloss Contour para Ring e marque a caixa Anti-aliased, altere o Highlight Mode para Vivid Light, e a cor do Shadow Mode para #705110.

Contour (Contorno): Alterar o Gloss Contour para Rounded Steps e marque a caixa Anti-aliased, em seguida, altere o intervalo para 30%.

Contour (Contorno): Alterar o Gloss Contour para Rounded Steps e marque a caixa Anti-aliased, em seguida, altere o intervalo para 30%.

Inner Glow: Mude o Blend Mode para Soft Light, o Noise para 25%, a cor #ffe242, Source para Center, size para 46, e Gloss Contour para Guassian – Inverse.

Inner Glow: Mude o Blend Mode para Soft Light, o Noise para 25%, a cor #ffe242, Source para Center, size para 46, e Gloss Contour para Guassian - Inverse.

Satin: Mude o Blend Mode para Vivid Light, a cor #c8c76d, o ângulo de 15, e o contour de Cone.

Satin: Mude o Blend Mode para Vivid Light, a cor #c8c76d, o ângulo de 15, e o contour de Cone.

Gradient Overlay: Mude o Blend Mode para Soft Light, marque a caixa reverse, e mude o Style para reflected. Então, clique na caixa de Gradient para criar o gradiente.

Gradient Overlay: Mude o Blend Mode para Soft Light, marque a caixa reverse, e mude o Style para reflected. Então, clique na caixa de Gradient para criar o gradiente.

– O gradiente usa duas cores: #a17713 e #fac50f .

- O gradiente usa duas cores: #a17713 e #fac50f .

Drop Shadow: Basta alterar o spread a 40.

Drop Shadow: Basta alterar o spread a 40.

Isso irá criar o efeito principal de ouro.

Isso irá criar o efeito principal de ouro.

Passo 3:

Crie uma nova camada em cima de todas as camadas e nomeie como “textura”. Em seguida, defina a cor de primeiro plano para #ffef48 e a cor de fundo para #593809.

Crie uma nova camada em cima de todas as camadas e nomeie como "textura". Em seguida, defina a cor de primeiro plano para #ffef48 e a cor de fundo para #593809.

Dê um Ctrl + Clique na miniatura da camada de texto (ícone) para criar uma seleção.

Dê um Ctrl + Clique na miniatura da camada de texto (ícone) para criar uma seleção.

Acesse Filter> Render> Clouds , pressione Ctrl + D para se livrar da seleção.

Acesse Filter> Render> Clouds , pressione Ctrl + D para se livrar da seleção.

Passo 4:

Vá para Filter> Filter Gallery e sob Sketch selecione Conte Crayon , em seguida, digite os valores abaixo:

Vá para Filter> Filter Gallery e sob Sketch selecione Conte Crayon , em seguida, digite os valores abaixo:

clip_image020

Acesse Filter> Filter Gallery e sob Sketch escolha Graphic Pen desta vez, em seguida, digite os valores abaixo:

Acesse Filter> Filter Gallery e sob Sketch escolha Graphic Pen desta vez, em seguida, digite os valores abaixo:

clip_image022

Novamente acesse a galeria de filtros e sob Artistic escolha Paint Daubs em seguida, digite os valores abaixo:

Novamente acesse a galeria de filtros e sob Artistic escolha Paint Daubs em seguida, digite os valores abaixo:

clip_image024

– Mude o Blend Mode da camada Textura para Soft Light e sua opacidade para 30%. Isto irá criar um efeito de reflexão para o texto de ouro.

- Mude o Blend Mode da camada Textura para Soft Light e sua opacidade para 30%. Isto irá criar um efeito de reflexão para o texto de ouro.

Passo 5:

Defina a cor de primeiro plano para #9e0039, escolha a ferramenta pincel, abra o painel Brush (Window> Brush).

Defina a cor de primeiro plano para #9e0039, escolha a ferramenta pincel, abra o painel Brush (Window> Brush).

Modifique os valores de um pincel redondo a 20 px duro como mostrado abaixo:

Brush Tip Shape

Brush Tip Shape

Shape Dynamics

Certifique-se de escolher ” Pen Tilt” no menu de controle.

Certifique-se de escolher " Pen Tilt" no menu de controle.

Passo 6:

Clique com o botão direito do mouse na camada de texto e escolha Create Work Path.

Clique com o botão direito do mouse na camada de texto e escolha Create Work Path.

Crie uma nova camada logo abaixo da camada de texto e comeie de “Stroke”, em seguida, escolha a Direct Selection Tool.

Crie uma nova camada logo abaixo da camada de texto e comeie de "Stroke", em seguida, escolha a Direct Selection Tool.

Clique com o botão direito do mouse sobre o Stroke Path e escolha Stroke Path .

Clique com o botão direito do mouse sobre o Stroke Path e escolha Stroke Path .

Escolha o pincel da ferramenta no menu suspenso e marque Simulate Pressure.

Escolha o pincel da ferramenta no menu suspenso e marque Simulate Pressure.

Este contorno será o caminho com o pincel modificado.

Este contorno será o caminho com o pincel modificado.

Passo 7:

Acesse Layer> Layer Style para aplicar um Layer Style na camada “Stroke” conforme a seguir.

Bevel & Emboss (Chanfro e Entalhe): Altere o Gloss Contour para Cove – Deep e marque a caixa Anti-aliased, alterar o modo de mesclagem para Hard Light e sua cor para #ffba57.

Bevel & Emboss (Chanfro e Entalhe): Altere o Gloss Contour para Cove - Deep e marque a caixa Anti-aliased, alterar o modo de mesclagem para Hard Light e sua cor para #ffba57.

Contour: Alterar o Gloss Contour para Ring e marque a caixa Anti-aliased.

Contour: Alterar o Gloss Contour para Ring e marque a caixa Anti-aliased.

Drop Shadow: Basta usar os valores padrão.

Drop Shadow: Basta usar os valores padrão.

Isto irá adicionar mais profundidade para o efeito original e torná-lo mais ousado.

Isto irá adicionar mais profundidade para o efeito original e torná-lo mais ousado.

Com o mesmo pincel, adicione alguns pontos sobre o contorno do seu efeito, com muita moderação.

Com o mesmo pincel, adicione alguns pontos sobre o contorno do seu efeito, com muita moderação.

Passo 8:

Vamos adicionar uma camada de ajuste Gradient Map sobre todas as outras camadas clicando abaixo no painel Layers.

Vamos adicionar uma camada de ajuste Gradient Map sobre todas as outras camadas clicando abaixo no painel Layers.

Altere o Blend Mode para Soft Light e sua opacidade para 50% .

Altere o Blend Mode para Soft Light e sua opacidade para 50% .

Então, clique na caixa de Gradient para criar o gradiente usado.

Então, clique na caixa de Gradient para criar o gradiente usado.

Você precisa de duas cores: #6b3b37 para a esquerda, e #d1a799 para a direita com uma Localização valor de 92.

Você precisa de duas cores: #6b3b37 para a esquerda, e #d1a799 para a direita com uma Localização valor de 92.

Isso tornará as cores mais brilhantes e mais vívidas.

Isso tornará as cores mais brilhantes e mais vívidas.

Terminamos. Simples, mas elegante! Espero que tenham gostado.

Você pode baixar o arquivo em PSD deste tutorial para uso LIVRE! Clique aqui para baixar o arquivo agora.

Você pode baixar o arquivo em PSD deste tutorial para uso LIVRE! Clique aqui para baixar o arquivo agora.

Site Original: Textuts

Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

Compartilhe este artigo:

Este post tem 8 comentários

  1. Oi Liute, tudo bem? Quero colocar minha logo, que é um quadrado com cantos arredondados e as letras dentro, com esse efeito. Tenho trabalhado com o corel, mas por lá não consegui o efeito como queria, pois gostaria que a luz acompanhasse a forma da logo, mas o efeito gradiente linear, que foi o que ficou melhor, não ficou como queria, os outros menos ainda. Vc acha que como estou dizendo teria fazer no photoshop? esse efeito é só para texto ou dá para colocar em objetos importados do corel? Por favor, me dê uma luz, não sou da área.

    Queria que ficasse com o efeito de ouro, mas com iluminação/preenchimento/efeito (não sei como dizer) parecido com a logo do itaú (se vc pesquisar itau no google e colocar imagens, tem uma logo deles que aparece com uma iluminação do alto, do lado esquerdo, queria algo assim)

    1. Oi Fabiana, acho que a melhor maneira de descobrir isso é fazendo alguns testes. Eu gosto de incentivar os leitores à experimentação. Tenho certeza que você pode sim criar o resultado no Photoshop, se procurar por mais estilos, vai encontra outros até mais legais, é só buscar por “photoshop styles”, em inglês mesmo, que você vai encontrar muitos legais. Eu acho que seria mais efetivo desenhar o seu projeto no Photoshop, mas importar de outros softwares também pode dar certo.
      Depois me conta se deu certo.
      Um abraço!

  2. Bom dia, este recurso vai cari muito bem em um trabalho que tenho que fazer, muito obrigado pela dica.

  3. Ótima dica, efeito essencial para quem quer criar algo elegante e simples.

    Se substituirmos o amarelo pelo cinza ou vermelho teríamos respectivamente o efeito prata e cobre?

    Grande abraço,

    1. Claro! O limite para usar estes efeitos é a imaginação. Dá pra fazer até de esmeraldas, rsrsrsrs.

Deixe uma resposta

Mais artigos pra você ler:
Affinity Photo #4 - Abrindo imagens RAW

Affinity Photo #4 - Abrindo imagens RAW

Você pode abrir imagens raw de sua câmera digital diretamente no Affinity Photo. Ao fazer isso, você será capaz de…
Como vetorizar o seu lettering de forma rápida e fácil no Adobe Illustrator

Como vetorizar o seu lettering de forma rápida e fácil no Adobe Illustrator

Hoje vou compartilhar com vocês um dos primeiros vídeos do canal Corporação Criativa onde ensino sobre a vetorização automática feita…
Affinity Photo #3 - Abrindo documentos

Affinity Photo #3 - Abrindo documentos

Você pode abrir fotografias e imagens rasterizadas, bem como uma variedade de imagens raw de câmeras populares no Affinity Photo,…
Como criar um lettering em 8 passos

Como criar um lettering em 8 passos

Que tal aprender mais uma técnica para o desenho de lettering? Nesse vídeo eu vou te ensinar como desenvolver um…
Fechar Menu