em , , , ,

Tutorial: Criando letras Transparentes

Preview Descrição: Como criar letras transparentes através do Photoshop.

  • [message]
    • ##check##AVISO: Criando letras Transparentes

      • 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+O e abra uma foto qualquer, neste tutorial usaremos a foto abaixo.

Criando letras Transparentes

02. Pressione a letra T do teclado para selecionar a Horizontal Type Tool.

Criando letras Transparentes

03. Escreva algo usando a cor branca.

Criando letras Transparentes

04. Clique no ícone de Checkmark na barra de opções da ferramenta quando terminar sua palavra.

Criando letras Transparentes

05. Caso seja necessário pressione Ctrl+T para alterar a altura ou largura da palavra (iste passo é opcional), aqui alteramos a altura, esticando a palavra clicando na parte de cima da caixa de Free Transform e arrastando para cima, assim que estiver satisfeito pressione Enter.

Criando letras Transparentes

06. Sua paleta de layers neste momento deverá estar parecida com a da foto abaixo.

Criando letras Transparentes

07. Diminua a opacidade da layer do texto para 50%.

Criando letras Transparentes

08. Sua imagem deverá ficar assim.

Criando letras Transparentes

09. Diminuindo a opacidade para 35% sua imagem irá ficar como a imagem abaixo.

Criando letras Transparentes

10. Agora volte a opacidade para 100%.

Criando letras Transparentes

11. Abaixo do campo Opacity existe o campo Fill que também controla a opacidade da layer, mas diferente do Opacity o Fill controla a opacidade apenas do conteúdo caso tenhamos algum layer style aplicado, ou seja, podemos controlar a opacidade de um objeto sem alterar a opacidade do layer style aplicado, resumindo, no campo Opacity diminuimos a opacidade de toda a layer (incluindo layer styles), enquanto no campo Fill diminuimos a opacidade do preenchimento do objeto (preservando as layer styles), defina 0% para o campo Fill, como ainda não temos nenhuma layer style aplicada ela irá funcionar como o campo Opacity.

Criando letras Transparentes

12. Sua imagem irá ficar como a imagem abaixo.

Criando letras Transparentes

13. Clique no ícone de Add Layer Style que fica no rodapé da paleta de layers e escolha a opção Outer Glow na lista que irá aparecer.

Criando letras Transparentes

14. Defina os valores abaixo.

Criando letras Transparentes

15. Ao clicar sobre a opção para escolha de cor para o Outer Glow o Photoshop irá brir a caixa de Color Picker, passando o mouse sobre a imagem que estamos usando o cursor irá se transformar no ícone da Eyedropper Tool, nesta imagem usaremos um azul claro como cor para o Outer Glow, basta clicar no tom de azul desejado e ele será selecionado, clique em ok para voltar a caixa de Outer Glow.

Criando letras Transparentes

16. Defina os valores abaixo.

Criando letras Transparentes

17. Ao clicar em Ok sua imagem deverá estar parecida com a imagem abaixo.

Criando letras Transparentes

18. Agora defina o valor de Fill em 100%.

Criando letras Transparentes

19. Sua imagem ficará como a imagem abaixo.

Criando letras Transparentes

20. Agora mude o modo de blend da layer para Overlay

Criando letras Transparentes

21. Sua imagem ficará assim, caso o modo Overlay deixe sua imagem muito brilhante tente o modo Soft Light.

Criando letras Transparentes

22. Clique no ícone de Add Layer Style no rodapé da paleta de layers novamente e escolha a opção Inner Glow.

Criando letras Transparentes

23. Como feito anteriormente, use os valores abaixo e clique na caixa de definição de cor para o Inner Glow.

Criando letras Transparentes

24. Desta vez escolha um azul escuro e clique em Ok.

Criando letras Transparentes

25. Agora defina os valores abaixo para o Inner Glow.

Criando letras Transparentes

26. Clique em Ok e sua imagem ao final estará como a imagem abaixo.

Criando letras Transparentes

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.

23 Comments

  1. Olá, poderia me passar o link para baixar o photoshop da mesma versão que você passou no tutorial .. tenho uma empresa de iluminação cênica e preciso marcar as fotos do meu trabalho com letras transparentes. Me mande, por favor, para o email:
    Grazielly.Ramos[at]hotmail.com

    Grata.

  2. Olá, eu queria saber como deixar a imagem com outra cor, sem mudar nada nos efeitos do texto. EX: As letras ficarem transparentes, e o resto da foto preta, branca, ou com algum efeito.. Sem alterar a cor original da foto que está dentro do texto. Como se nessa foto ai do SCUBA DIVING o texto fosse o fundo do mar, e o resto da foto fosse toda preta. Entende? se puder me ajudar nisso, fico muitissimo grata desde ja.. =)

  3. Oi Edu,
    Você está muito preocupado em dar créditos a quem de direito. Concordo com você. "Dar a Cesar o que é de Cesar".
    VOCÊ já pensou que este site é de grande ajuda para os iniciantes e não estamos preocupados com os créditos. Desculpe-me, mas o Andre tem ajudado tanta gente que acredito alguns tutoriais passaram batido. Ele sempre coloca os sites de origem. Verifique que você verá. Outra, ele não ganha dineiro com estes tutoriais, então não está fazendo nada errado. O Andre merece louvores pelo profissionalismo e dinamismo. Não cobre, faça e estará ajudando muitos necessitados de aprendizagem.
    Andre, este site é divino. É ponto de referência até nos USA. Minha amiga usa para aprender.
    Continue firme e forte. Estamos com você.
    Parabéns.
    Feliz Natal e Próspero Ano 2010.

  4. Oi Nilson, o mais difícil já foi feito agora só é preciso clicar sobre o documento que está aberto para preencher o mesmo com a cor escolhida! 🙂 obrigado pela visita!!

    Oi Liara, eu que agradeço a visita e o elogio ao blog, volte sempre!! 🙂

  5. olá andré! nossa fazia muito tempo que queria saber como deixar letras transparentes, mas ninguem sabia! Perfeito esse tutorial, nao sabia que era tao simples (: sou fã do seu blog, já aprendi muito aqui!!
    Sucesso pra ti!
    obrigada!
    beijo!

  6. bom dia, andre.
    Simplesmente nao consigo pintar,eu sigo o tutorial..So que quando chego ao ponto de pintar a layer eu dou conta. eu presiono D no teclado p/ resetar Foreground e Background para preto e branco, e tb a letra G do mesmo, p/ selecionar a Paint Bucket Tool e dai pra frente eu nao sei como pintar a layer.
    Me dê uma luz…
    Obrigado

  7. Oi Thiago, fico feliz que tenha curtido, obrigado pela visita e desculpe a demora na resposta!! 🙂

    Oi Edu, não esqueci não, só estava esperando para aplicar junto com outra novidade do blog, no novo tutorial já existe o link para o tutorial de origem, obrigado pela visita!!

    Oi Anônimo, o intuito é mais explicar do que aplicar o efeito em si, que é bastante simples :), obrigado pela visita!!

    Oi Fábio, eu que agradeço a visita, fico feliz que esteja aprendendo, mas se puder e tiver a oportunidade não deixe de fazer um bom curso de Photoshop! 🙂 volte sempre!!

    Oi Ernani, pode deixar que essa semana ainda posto o efeito ok? achei bem legal e não parece ser muito complicado, obrigado pela s visitas!! volte sempre!!:)

    Oi Minha, o Photoshop trabalha com todas as fontes que estiverem instaladas em seu computador, ou seja, quanto mais fontes melhor, mas quanto mais fontes você tiver mais vai ter que esperar o tempo de inicialização do Photoshop pois antes de abrir ele lê todas suas fontes, filtros, texturas etc, desculpe a demora na resposta, e obrigado pela visita!! 🙂

    Oi Nilson, qual a dificuldade? você não consegue acessar a ferramenta para pintar a layer? aguardo sua resposta, desculpe a demora, volte sempre!!

  8. Nilson disse…
    ola andre,
    Bem, 1º gostaria de parabeniza-lo pelo blog, pela atençao e destreza…
    Estou tendo problemas em fazer o tutorial Colagem com varias fotos,pois nao consigo de qualquer maneira pintar de preto a layer.
    nao é possivel que eu seja tao burro assim, ao ponto de nao conseguir pintar uma layer.
    Bem espero que me de uma luz…
    Estou usando cs3
    Obrigado
    Ps. e desculpe a ignorancia
    Nilson

  9. Olá, André.
    Eu também gostei muito desse tuto.
    Agora, te pergunto: O Photoshop só trabalha com esse tipo de letra ou é possível variar?
    Um grande abraço e continue nos dando essas belas lições.

    Minha.

  10. Poxa…mais uma vez de parabéns…
    muito legal e util esse efeito das letras…ja fiz praticamente todos os seus tutoriais =D
    Eu vi um tutorial e axei muito legal…se vc pudesse traduzir…ficaria muito grato
    Ai esta o link: photoshoproadmap.com/Photoshop-blog/2007/09/13/give-your-photos-a-retro-comic-book-effect/
    desde ja…obrigado ^^

  11. Ai André, sou fã do seu blog, passo por aqui quase todos os dias já tem um tempinho, e faço uma porrada dos tutoriais, a partir dos seus tutoriais já estou evoluindo bastante sozinho também… continue assim! VLW!

Creative Solutions & InDesign Conference 2007 – 01 e 02/10/07

1 ano de ::Tutoriais Photoshop::!