Tutorial: Texto estilizado com textura, reflexo e sombra

Neste tutorial veremos como aplicar em uma palavra uma textura usando o filtro displace, criar o reflexo da palavra e a sombra através de filtros, ferramentas e alguns outros recursos.

Preview Descrição: Neste tutorial veremos como aplicar em uma palavra uma textura usando o filtro displace, criar o reflexo da palavra e a sombra através de filtros, ferramentas e alguns outros recursos.

  • [message]
    • ##check##AVISO: Texto estilizado com textura, reflexo e sombra

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 540x300 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, vá em Edit> Fill e defina os valores abaixo.

Texto estilizado com textura, reflexo e sombra

02. Agora escolha a cor #CAC9C9, pressione a letra T do teclado para selecionar a Horizontal Type Tool, vá em Window> Character e defina os valores abaixo, clique no documento e escreva uma palavra qualquer.

Texto estilizado com textura, reflexo e sombra

03. Agora vá em Layer> Layer Style> Inner Shadow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Bevel and Emboss> Contour e Layer> Layer Style> Gradient Overlay, defina os valores abaixo e pressione Ok.

Texto estilizado com textura, reflexo e sombra

Texto estilizado com textura, reflexo e sombra

Texto estilizado com textura, reflexo e sombra

Texto estilizado com textura, reflexo e sombra

Texto estilizado com textura, reflexo e sombra

04. Sua palavra deverá ficar como a da foto abaixo.

Texto estilizado com textura, reflexo e sombra

05. Agora vá em File> Save As e salve o arquivo com um nome qualquer no formato .PSD, posteriormente este arquivo será usado em conjunto com o filtro Diplace.

Texto estilizado com textura, reflexo e sombra

06. Agora pressione Ctrl+O e abra a imagem que será aplicada sobre o texto, no caso deste tutorial a bandeira dos Estados Unidos, caso queira utilizara mesma bandeira basta clicar aqui e fazer o download, com a imagem aberta no Photoshop pressione Ctrl+A para selecionar seu conteúdo, Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, diminua a opacidade da layer para 40%, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste um dos pontos diagonais da caixa para redimensionar a imagem de acordo com o tamanho do seu documento, pressione Enter para finalizar a transformação.

Texto estilizado com textura, reflexo e sombra

07. Defina a opacidade da layer em 100% novamente, pressione Ctrl+A para selecionar toda área do documento, vá em Filter> Distort> Diplace, na caixa que irá abrir defina o valor de 5 pixels para Horizontal e Vertical Scales, marque a opção Stretch To Fit e Wrap Around e pressione Ok, escolha o arquivo .PSD que salvamos no começo do tutorial e clique em Open, agora pressione Ctrl+D para desabilitar a seleção, sua imagem deverá ficar parecida com a da foto abaixo.

Texto estilizado com textura, reflexo e sombra

08. Agora clique na layer da imagem que foi aplicada, no caso do tutorial a bandeira, e vá em Layer> Create Clipping Mask.

Texto estilizado com textura, reflexo e sombra

09. Agora clique na layer de texto e vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo e pressione Ok.

Texto estilizado com textura, reflexo e sombra

Texto estilizado com textura, reflexo e sombra

10. Clique na layer Background, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique no documento para preencher a layer com a cor preta.

Texto estilizado com textura, reflexo e sombra

11. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Reflection para a nova layer, com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto para carregar a seleção ao redor do texto.

Texto estilizado com textura, reflexo e sombra

12. Agora pressione Ctrl+Shift+C e depois Ctrl+V para colar o conteúdo da bandeira dentro da seleção criada, vá em Edit> Transform> Flip Vertical, pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift pressionada clique e arraste para a parte de baixo do documento com na foto abaixo.

Texto estilizado com textura, reflexo e sombra

13. Agora vá em Layer> Layer Mask> Reveal All para aplicar uma máscara na layer Reflection, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá preto para o transparente no modo Linear, aplique de cima para baixo com na foto abaixo.

Texto estilizado com textura, reflexo e sombra

14. Defina o valor da opacidade da layer em 40%.

Texto estilizado com textura, reflexo e sombra

15. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, coma tecla Ctrl pressionada clique na miniatura da layer de texto para carregar a seleção ao redor da palavra, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique dentro da seleção para preencher com a cor preta, pressione Ctrl+T para abrir a caixa de Free Transform, distorça a sombra que estamos criando como na foto abaixo e pressione Enter para finalizar a transformação.

Texto estilizado com textura, reflexo e sombra

16. Agora pressione Ctrl+D para desabilitar a seleção, vá em Filter> Blur> Gaussian Blur e defina o valor de 2 a 3 pixels para o Radius, pressione Ok, defina a opacidade da layer em 60% e no final sua palavra estará como a da foto abaixo.

Texto estilizado com textura, reflexo e sombra

site de origem: http://pshero.com/archives/patriotic-text-using-displacement-masks

COMENTÁRIOS

  1. cara adorei esse tutorial
    vc tá de parabéns :)

    ResponderExcluir
  2. Blz ... fiz algo errado a cor ficou como na letra ... ñ teve graça ... como pode ficar colorido ?

    ResponderExcluir
  3. Olá!. Gostaria de saber qual photoshop voce utiliza. Grata, Paloma.

    ResponderExcluir
  4. Gostei muito desse tutorial, me deu até duas iideia uma para meu site www.achounailha.com.br, depois da epoca de natal vou mudar o topo novamente,
    e outra para fazer com meu nome e o fundo do flamengo.

    parabéns!

    ResponderExcluir
  5. Sorte de hoje: Ninguém pode voltar e criar um novo início, mas todo mundo pode começar hoje e criar um novo final

    ResponderExcluir
  6. olaa andreeeeeeee mt obrigado amigo pedi e vc vez pr anos mt bomm vo fazer assim que chgar em casa **
    vlwss andre parabens

    ResponderExcluir
  7. Olá ... quando fui fazer a imagem perdeu a cor ficou como a letra...

    eu tô usando o CS4

    ResponderExcluir
  8. No passo 12, quando vou girar a palavra, as duas palavras giram, e ficam as duas de ponta cabeça, ao invés de ficar apenas a de baixo... o que fiz de errado?

    ResponderExcluir
  9. Achei muuuuuito bom o tutorial!
    pena que não consegui fazer o brilho igual! mas vou treinar aqui...
    Muito bom..!

    ResponderExcluir
  10. Tutorial muitooooo bom!
    Vlw ;)

    ResponderExcluir

Todos os posts carregados Nenhum post encontrado VEJA TODOS Leia Mais Responda Cancelar resposta Deletar De Home PÁGINAS POSTS Veja todos RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO BUSCA TODOS OS POSTS Nenhum post encontrado para sua pesquisa Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sab Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez Agora 1 minuto atrás $$1$$ minutos atrás 1 hora atrás $$1$$ horas atrás Ontem $$1$$ dias atrás $$1$$ semanas atrás mais de 5 semanas atrás Seguidores Seguir ESTE CONTEÚDO PREMIUM ESTÁ TRANCADO PASSO 1: Compartilhe nas redes sociais PASSO 2: Clique no link nas suas redes sociais Copie Todo Código Selecione Todo Código Todos os códigos foram copiados para o clipboard Se não consegue copiar os códigos / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar Tabela de Conteúdo