Letras semi transparentes com efeito multicolorido.

COMPARTILHE:

Descrição: Como criar um efeito de letras translucidas com efeito multicolorido. Tutorial Avançado 01. Pressione Ctrl+N para criar...

Preview Descrição: Como criar um efeito de letras translucidas com efeito multicolorido.

Tutorial Avançado






01. Pressione Ctrl+N para criar um novo arquivo, defina um tamanho qualquer, 72 dpi´s e modo de cor em RGB, pressione Ok, 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 e clique no documento para preencher a layer com a cor preta.

tutoriais photoshop

02. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer, porém cada letra deve estar em uma layer diferente, para isto pressione a primeira letra da palavra e pressione Enter, a segunda letra e pressione Enter e assim por diante até formar sua palavra, neste tutorial a fonte usada foi a Century Gothic.

tutoriais photoshop

03. Para alinhar as letras pressione a letra V do teclado para selecionar a Move Tool, com a tecla Ctrl pressionada clique sobre a miniatura da primeira letra na paleta de layers, com isto os controles de alinhamento ficarão disponíveis na barra de opções da ferramenta no alto da tela, clique em todas as layers de texto com a tecla Shift pressionada para selecionar todas as layers e em seguida clique no ícone de alinhamento chamado Align Bottom Edges, o terceiro da esquerda para a direita do primeiro set de alinhamentos, suas letras deverão ficar como na imagem abaixo.

tutoriais photoshop

04. Pressione Ctrl+D para desabilitar a seleção, pressione a letra V do teclado para selecionar a Move Tool e mova cada letra afim de que o resultado final fique como o da imagem abaixo.

tutoriais photoshop

05. Clique na layer que estiver no topo da paleta de layers, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do branco para o transparente, clique e arraste no documento afim de criar um gradiente como na imagem abaixo.

tutoriais photoshop

06. Agora clique com a tecla Ctrl pressionada na miniatura da primeira letra de sua palavra para ativar a seleção ao redor da letra, clique na layer do gradiente e pressione Ctrl+J para criar uma nova layer com o recorte do gradiente no formato de sua letra.

tutoriais photoshop

07. Repita o processo em todas as letras, desabilite a visibilidade da layer com o gradiente e das layers que contém as letras, sua palavra deve ficar como na imagem abaixo.

tutoriais photoshop

08. Clique na layer que estiver no topo da paleta de layers e pressione Ctrl+Shift+Alt+N para criar uma nova layer, mude o modo de blend da layer para Screen, pressione a letra G do teclado para selecionar a Paint Bucket Tool, escolha uma cor qualquer, neste tutorial a cor usada foi a #7fff5d, clique com a tecla Ctrl pressionada sobre a miniatura da primeira letra afim de ativar a seleção ao redor da letra, clique novamente na layer criada e clique dentro da seleção com a cor escolhida.

tutoriais photoshop

09. Repita o processo para todas as layer, lembrando que cada cor deve ficar em uma nova layer.

tutoriais photoshop

10. Pressione Ctrl+E para mesclar todas as layers que contém letras (coloridas), certifique-se de que o modo de blend ainda esteja em Screen, preserve as layers que contém as letras feitas com o gradiente intactas, clique em cada letra criada com o gradiente e pressione Ctrl+J para duplicar estas layers, pressione Ctrl+E para mesclar estas layers, vá em Filter> Blur> Gaussian Blur e aplique um valor de 1 a 3 pixels e pressione Ok.

tutoriais photoshop

11. Agora clique na layer com as letras coloridas e repita o processo, duplique a layer e aplique o Guassian Blur, mude o modo de blend da layer para Lighten ou Screen, caso queira duplique a layer novamente.

tutoriais photoshop

12. Pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de tamanho médio e pontas suaves, apague as partes inferiores das letras nas layers coloridas para dar uma impressão de que as letras estão indo do colorido para o transparente.

tutoriais photoshop

13. Clique em todas as layers texto e pressione Ctrl+J para duplicar, depois pressione Ctrl+E para mesclar todas as layers copiadas, diminua a opacidade da layer, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Vertical, posicione a layer como na foto abaixo e pressione Enter.

tutoriais photoshop

14. Abaixo algumas variações que podem ser conseguidas neste efeito, no primeiro exemplo o resultado é o obtido até esta parte do tutorial, os seguintes são explicados com a imagem de como suas letra podem ficar.

tutoriais photoshop

15. Ao final suas letras estarão como na imagem abaixo.

tutoriais photoshop





site de origem: http://www.tutorial9.net/photoshop/colorful-glowing-text-effect/


COMENTÁRIOS

BLOGGER: 25
  1. Adoreiiiii....

    Estava procurando um efeito de letra pra usar como assinatura, esse me chamou muito a atenção....

    Parabéns pelo tuto!

    Bjus Eli.

    ResponderExcluir
  2. 02. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer, porém cada letra deve estar em uma layer diferente, para isto pressione a primeira letra da palavra e pressione Enter, a segunda letra e pressione Enter e assim por diante até formar sua palavra, neste tutorial a fonte usada foi a Century Gothic.

    eu nao entendi esse passo, tipo eu dou Enter mas ele pula de linha

    ResponderExcluir
  3. Oi Eliane, fico feliz que tenha gostado, obrigado pela visita!!

    Oi Anônimo, o Enter fica no teclado alfa-numérico, o que você está pressionando tem a função de Return, obrigado pela visita!

    ResponderExcluir
  4. não encontro um gradiente de branco para transparente... só tenho de foreground to transparent.

    Podem ajudar-me??

    Obrigada

    ResponderExcluir
  5. Oi Lukimba, é exatamente este gradiente que você deve escolher, mas como o nome mesmo diz, Foreground to Transparent, ou seja, antes de selecionar a Gradient Tool sua cor de Foreground deve ser a branca, obrigado pela visita!!

    ResponderExcluir
  6. ótimo tutorial, como sempre. Parabéns!

    E lukimba, um jeito fácil é você colocar a cor branca como foreground, e então usar esse mesmo gradient que você disse...

    ResponderExcluir
  7. Amigo! Nessa parte "06" eu não entendi, primeiro eu clico no layer da letra e seguro pra clicar no layer do gradiente? Nao consegui criar uma layer com a letra em gradiente

    ResponderExcluir
  8. No passo 5 seleciono a opçao foreground to transparent, ai qdo arasto o mouse fik td branco
    tentei diminuir o opacity mas ai fik td ciza.
    help plz.

    ResponderExcluir
  9. Parabens ai pelo seu trabalho e eu queria te pedir se voce pode ,por favor,colocar um tutorial de como criar musculos?

    flw

    ResponderExcluir
  10. Bom dia André, eu consegui fazer o tutorial, mas eu tive que fazer o gradiente.

    Mas estou vendo aqui vocês falarem de um gradiente de foreground para transparente, eu procurei e não achei, vc poderia me ajudar?

    Obrigada, Eli.

    ResponderExcluir
  11. tokum um pikeno problema nessa parte "06. Agora clique com a tecla Ctrl pressionada........."

    num ta dando crt... alguem pode ajudar..?

    ResponderExcluir
  12. desculpa la mas isto nao da. Se nos no passo 6 carregamos na letra e depois na layer com o gardient (ou la como se diz) ele cria uma outra layer igual por cima.

    ResponderExcluir
  13. Eu também quero saber. Essa passo 6 não. André acha que pode explicar ou não? bjinho e parabens pelo blog

    ResponderExcluir
  14. oi Pedro, eu que agradeço a visita! volte sempre!!

    Oi Anônimo, no passo 06 você deve com a tecla Ctrl pressionada clicar na miniatura da layer da letra original (isso na paleta de layers) fazendo isso você ativará a seleção ao redor da letra, com a seleção ativa você deve clicar na layer do gradiente, aí basta pressionar Ctrl+J que será criada uma nova layer com o gradiente no formato da seleção que estava ativa ou seja, você terá uma cópia da letra com o gradiente aplicado, obrigado pela visita!!

    Oi Caio, verifique o modo de gradiente usado, você deve selecionar o modo Linear, obrigado pela visita!!

    Oi Hugo, pode deixar que assim que possível será postado, obrigado pela visita!!

    Oi Eliane, quando você seleciona a Gradient Tool na barra de opções da ferramente no alto da tela existe uma miniatura do gradiente usado, caso você clique nele uma janela se abre com outros gradientes disponíveis para uso, o Foreground to transparent é o segundo gradiente da esquerda para a direita na primeira coluna de cima para baixo, como o nome diz ele é um gradiente que usa sua cor de Foreground (a que estiver definida na barra de ferramentas) para o transparente, obrigado pela visita!!

    Oi Gabriel, Ctrl é a tecla Control, no teclado do Windows ela é sinalizada com Ctrl mesmo e no Mac você deve usar a tecla Command no lugar do Ctrl, obrigado pela visita!

    Oi Juliana ao realizar o procedimento do passo 06 o resultado será a cópia do gradiente no formato da letra ou seja, você terá uma letra com o gradiente, obrigado pela visita!!

    Oi Marisa, no passo 06 você deve pressionar a tecla Ctrl, clicar na miniatura da layer da letra escolhida, isto irá ativar a seleção ao redor da letra, com essa seleção ativa, clique na layer do gradiente, pressione Ctrl+J e você terá uma letra com o gradiente, para ver a letra basta desabilitar a visibilidade da layer com a letra e a da layer do gradiente, obrigado pela visita!!

    ResponderExcluir
  15. muito legais teus tutos; enquanto houver pessoas como voce; o mundo nao estara perdido; muito tanks; Jonyblu

    ResponderExcluir
  16. Peixoto...

    ola...
    07. Repita o processo em todas as letras, desabilite a visibilidade da layer com o gradiente e das layers que contém as letras, sua palavra deve ficar como na imagem abaixo.

    nao entendi ... tem como explicar ond fica cada coisa??...
    obrigado

    ResponderExcluir
  17. pow parabêns pelo tutorial, bem legal, e a proposito.

    15. Ao final suas letras estarão como na imagem abaixo.

    o meu naum fico = o seu naum, usou mais algum efeito no final?

    ResponderExcluir
  18. André, eu não consigo criar a letra em gradiente de jeito nenhum, não vai. Tô fazendo exatamente o que você disse, mas não vai. Comofas?

    ResponderExcluir
  19. Uma Solucao para os problemas
    Eu descobri andre, como q faz...eu uso o CS2 e nele temos q fazer um poko diferente...pois quando clico com o ctrl nao faz a selecao da letra,
    mas existe uma aba do lado da aba "layers" chamada paths.

    Entao com o botao da direita vc cria um path novo so para a letra (Create Work Path) e depois vai na aba chamada "Paths" vc vai ver o path criado da letra, Clique com o botao da direita denovo e "Make Selection"...
    Volte para a aba Layers, clique somente no layer do gradient e CTRL J

    Assim vc cria a letra em gradiente ;D e continua a fazer o tutorial

    ResponderExcluir
  20. Muito interessante, mais não consegui obter o resultado como mostra aqui no site!!
    Parabéns pelo tuto!!

    ResponderExcluir
  21. Parei no 06, eu fiz tudo direitinho (Acho ^^) mas quando eu aperto Crtl+J não cria a nova camada.

    ResponderExcluir
  22. Opa, aprendi a fazer o efeito da última imagem, é só usar o motion blur...

    ResponderExcluir
  23. Eu não entendi quase nada *_*"
    Assim, eu cheguei até o passo de Ctrl + J aí eu parei, por que não concegui fazer *_*'

    ResponderExcluir
  24. Wow, tá massa o tutorial!

    Mas, Andre Sugai, tem como fazer em cima de uma foto? To tentando fazer numa foto e arriei na parte 6.

    ResponderExcluir
  25. Por favor, qual foi o Photoshop utilizado nesse tutorial? Estava utilizando o CS5, mas sempre tem alguma parte que não consigo fazer. Nesse tutorial, na parte de adicionar o degradê em cada letra aparece uma mensagem dizendo que não é possível copiar a camada pois o texto não estar em bitmap (ou algo semelhante). Ah e o meu CS5 ainda é em português.
    Adorei os posts.. Mas estou com dificuldade pelo fato de que a versão que utilizo é diferente da de v6 (pelo menos é o que acho).
    Grata dese já!


    Att.,

    Jéssica Maressa

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,412,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,517,outubro,745,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,154,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,474,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Letras semi transparentes com efeito multicolorido.
Letras semi transparentes com efeito multicolorido.
http://www.andresugai.org/Tutoriais/08.2008/T19/imagem14.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/08/letras-semi-transparentes-com-efeito.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/08/letras-semi-transparentes-com-efeito.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb 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$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar