Tutorial: Efeito translúcido para palavras

COMPARTILHE:

Como criar um efeito translúcido para palavras e adicionar um detalhe com nuvens através de modos de blend e filtros.

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 800x800 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.



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/

COMENTÁRIOS

BLOGGER: 8
  1. Efeito legal.
    Um pouco demorado pra fazer, mas resultado bem interesante.
    Flw

    Visitem:
    http://100tube.blogspot.com

    ResponderExcluir
  2. 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@yahoo.com.br
    Um abraço!
    Natália Nunes

    ResponderExcluir
  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.

    ResponderExcluir
  4. 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!!

    ResponderExcluir
  5. 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é?! ;)

    http://www.maujor.com/tutorial/galeria-fotos.php

    ResponderExcluir
  6. Este comentário foi removido por um administrador do blog.

    ResponderExcluir
  7. não entendi como foi feito o gradiente. Eu faço aqui no meu ps, mas as cores não ficam como as suas, elas parecem ficar mais sólidas.

    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,415,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,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,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,520,outubro,748,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,358,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,511,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Efeito translúcido para palavras
Tutorial: Efeito translúcido para palavras
Como criar um efeito translúcido para palavras e adicionar um detalhe com nuvens através de modos de blend e filtros.
https://www.andresugai.org/Tutoriais/01.2009/T10/imagem26.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/01/texto-translcido-para-palavras.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/01/texto-translcido-para-palavras.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