em , , , ,

Tutorial: Efeito translúcido para palavras

Preview Descrição: Como criar um efeito translúcido para palavras e adicionar um detalhe com nuvens através de modos de blend e filtros.

  • [message]
    • ##check##AVISO: Efeito translúcido para palavras

      • 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 🙂

tutoriais photoshop

01. Pressione Ctrl+N para criar um novo arquivo, defina o tamanho de 800×800 pixels, modo de cor em RGB e 72 dpi´s, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool e escolha um gradiente que vá da cor #e1e1e1 para a cor #949494, selecione o modo Linear na barra de opções da ferramenta e aplique como na foto abaixo.

Criando uma nuvem de fogo

02. Agora pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, neste tutorial foi usada esta fonte, caso você use outro tipo de fonte escolha uma fonte em bold como a do tutorial.

Criando uma nuvem de fogo

03. Agora vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Criando uma nuvem de fogo

04. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

Criando uma nuvem de fogo

05. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

Criando uma nuvem de fogo

06. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

Criando uma nuvem de fogo

07. Dentro da opção de Bevel and Emboss defina os valores abaixo para o Contour.

Criando uma nuvem de fogo

08. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Criando uma nuvem de fogo

09. Vá em Layer> Layer Style> Stroke e defina os valores abaixo.

Criando uma nuvem de fogo

10. Sua palavra ficará como na foto abaixo

Criando uma nuvem de fogo

11. Agora clique com o botão direito do mouse sobre a imagem abaixo e escolha a opção Save Link As para salvar a foto em seu computador.

Criando uma nuvem de fogo

12. Pressione Ctrl+O e abra no Photoshop, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e selecione a parte central que contenha uma nuvem, como na foto abaixo.

Criando uma nuvem de fogo

13. Pressione Ctrl+C para copiar, volte ao documento que estávamos trabalhando e pressione Ctrl+V para colar, renomeie a layer para Cloud, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de tamanho médio e pontas suaves, defina o valor de opacity e flow na barra de opções da ferramenta em 60%, passe nas bordas da imagem como na foto abaixo.

Criando uma nuvem de fogo

14. Pressione a letra S do teclado para selecionar a Clone Stamp Tool, com a tecla Alt pressionada clique em uma parte da nuvem, solte o Alt e clique em outras partes do documento para clonar as nuvens como na imagem abaixo.

Criando uma nuvem de fogo

15. Pressione Ctrl+M para abrir a caixa de Curves e defina os valores abaixo.

Criando uma nuvem de fogo

16. Mude o modo de blend da layer para Overlay, sua imagem deverá ficar como a da foto abaixo.

Criando uma nuvem de fogo

17. Pressione Ctrl+J para duplicar a layer e vá em Image> Adjustments> Black & White e defina os valores abaixo.

Criando uma nuvem de fogo

18. Sua imagem deverá ficar como na foto abaixo.

Criando uma nuvem de fogo

19. (Opcional) Pressione Ctrl+J para duplicar a layer novamente para intensificar o efeito.

Criando uma nuvem de fogo

20. Clique sobre a layer que estiver no topo da paleta de layers e pressione Ctrl+Shift+Alt+E para mesclar as layer em uma nova layer, vá em Edit> Transform> Distort e deixe sua imagem como na foto abaixo, desabilite a visibilidade de todas as layers que estiverem por baixo da layer distorcida.

Criando uma nuvem de fogo

21. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer no topo da paleta de layers, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie um retângulo no meio do documento, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores, sua cor de Foreground deve ser a branca, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor branca, vá em Filter> Render> Fibers e defina os valores abaixo.

Criando uma nuvem de fogo

22. Pressione Ctrl+D para desabilitar a seleção, vá em Filter> Blur> Motion Blur e defina os valores abaixo.

Criando uma nuvem de fogo

23. Pressione Ctrl+L para abrir a caixa de Levels e defina os valores abaixo.

Criando uma nuvem de fogo

24. Vá em Filter> Blur> Gaussian Blur e defina os valores abaixo.

Criando uma nuvem de fogo

25. Pressione a letra E do teclado para selecionar a Eraser Tool, passe nas partes do efeito que não são necessárias, caso queira pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa e escolha a opção Distort, distorça o efeito para dar mais realismo.

Criando uma nuvem de fogo

26. Ao final sua palavra estará como na foto abaixo.

Criando uma nuvem de fogo

site de origem: http://www.psdvault.com/text-effects/translucent-text-effect-with-sky-and-cloud/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

8 Comments

  1. Anônimo: Aqui vc faz com Css, procura por galeria de imagem em span…
    Não sei se pode postar o link aqui, mas se não for permitido o André apaga né?! 😉

    maujor.com/tutorial/galeria-fotos.php

  2. Oi Matt, obrigado pela visita!! 🙂

    Oi Natália, eu que agradeço a visita!! volte sempre!! é, infelizmente não dá para colocar tutoriais sobre tudo aqui, mas sempre que precisar de dicas sobre Photoshop já sabe onde entrar né? volte sempre!! 🙂

    Oi Anônimo, dê uma busca no Google por Lightbox, obrigado pela visita!! volte sempre!!

  3. André , acompanho sempre que posso seus tutoriais. E aprendo muito aqui , voce explica de maneira descomplicada . Parabéns.
    Gostaria de saber como se faz aquele efeito que quando levamos o cursor em cima da imagem ela fica maior e sai da posição. Assim ,como se fosse dado um zoom + , simplesmente sobrepondo com o cursor.

  4. André…descori a pouco tempo sua página e estou fascinada!!!
    Vc tem me ajudadoo muito mesmoo…sou estudante do ensino técnico em Design Gráfico da escola Albert Einstein…vou para o 2ºsemestre agora…e suas dicas estão sendo preciosas…não manjava nada no photoshop…agora já sei de algumas coisas!!!
    Muito bom…continue postando sempre!!hahaha
    Parabéns…vc manda muito bem!!
    Por favor…se vc conhecer dicas para Corel Draw,Illustrator,Indesign,por exemplo…pode enviar para meu e-mail??
    unplugged3[at]yahoo.com.br
    Um abraço!
    Natália Nunes

Vídeo para a nova campanha do Nokia E71.

Inspiração, Cartazes de Rock: Paramore.