Efeito esfumaçado para fontes

COMPARTILHE:

Descrição: Como criar um efeito de letras esfumaçadas usando uma foto, uma fonte e algumas layer styles, modos de blend e pequenos aju...






Preview Descrição: Como criar um efeito de letras esfumaçadas usando uma foto, uma fonte e algumas layer styles, modos de blend e pequenos ajustes.


Tutorial Intermediário







01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1280x1020 pixels, 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 Ctrl+Shift+Alt+N para criar uma nova layer, vá em Edit> Fill, escolha a opção Foreground Color e pressione Ok, pressione Ctrl+O e abra uma imagem de fumaça, caso queira utilizar a imagem abaixo clique com o botão direito do mouse sobre a foto e escolha a opção Save Link As, pressione Ctrl+A para selecionar o conteúdo da imagem, Ctrl+C para copiar, volte ao documento que criamos e pressione Ctrl+V para colar a imagem, pressione a letra V do teclado para selecionar a Move Tool e posicione a imagem como na foto abaixo.

tutoriaisphotoshop.net

02. Agora vá em Layer> New Adjustment Layer> Black & White, clique em Ok, defina o valor de Red em 150%, pressione Ok, vá em Layer> New Adjustment Layer> Channel Mixer, pressione Ok, marque a opção Monochrome e pressione Ok (caso seja necessário ajuste os sliders para melhorar o aspecto da imagem).

tutoriaisphotoshop.net






03. Com a tecla Ctrl pressionada clique sobre as 3 layers (as duas layers de ajuste, adjustment layers e sobre a layer com a imagem da fumaça), com as 3 layers selecionada clique com o botão direito do mouse sobre uma delas e escolha a opção Convert to Smart Object, caso você não tenha esta opção pressione Ctrl+E para mesclar as 3 layers, agora pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma frase qualquer, no caso deste tutorial a fonte usada foi a MOD, que pode ser baixada neste site, no tamanho 100 pt na cor branca.

tutoriaisphotoshop.net

04. Com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto para ativar a seleção ao redor das letras, com a seleção ativa clique na layer da fumaça, vá em Layer> Layer Mask> Reveal All, pressione Ctrl+D para desabilitar a seleção, clique na layer de texto e vá em Layer> Hide Layers para remover a visibilidade da layer de texto.

tutoriaisphotoshop.net

05. Agora clique com o botão direito do mouse sobre a layer da fumaça e escolha a opção Duplicate Layer, clique sobre a miniatura da máscara na layer duplicada e pressione Ctrl+I para inverter sua cor.

tutoriaisphotoshop.net






06. Agora vá em Layer> Group Layers para deixar a layer duplicada dentro de uma pasta, mude o modo de blend da pasta para Screen, vá em Layer> Layer Mask> Reveal All, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, e passe sobre algumas partes onde temos nossa frase para criar o efeito de que a fumaça está mesclando com as letras, alterne a opacidade do Brush para conseguir diversos efeitos

tutoriaisphotoshop.net

07. Agora vá em Layer> New Adjustment Layer> Curves, clique em Channel e escolha a opção Red, defina o gráfico como na foto abaixo e pressione Ok.

tutoriaisphotoshop.net

08. Caso as palavras fiquem um pouco apagadas você pode adicionar uma nova adjustment layer de Brightness/Constrast acima da layer da fumaça com a máscara e aumentar o Brightness, ao final sua imagem estará como a da foto abaixo.

tutoriaisphotoshop.net





site de origem: http://psdlearning.com/2009/05/create-smoke-text/


COMENTÁRIOS

BLOGGER: 8
  1. Alguém por ai pra me explicar uma coisa que eu não entendi!?

    ResponderExcluir
  2. gostei mto da ideia da fumaca entrando nas letras, ficou pouco legivel a frase mas nada que uma ajustada nao corrija. no passo 4 por exemplo eu preferi diminuir a opacidade da layer, ficou bem mais legivel sem perder a fumaca adentrando na camada. Tambem e possivel fazer apenas o contorno da palavra e zerando o fill. Ficou otimo também.

    PARABENS MAIS UMA VEZ

    ResponderExcluir
  3. André preciso de ajuda.......rs
    Olha vou explicar sou iniciante no photoshop e de todos os sites de tutoriais nenhum é melhor que o seu, depois que descobri entro aqui todos os dias, mas ainda não estou muito por dentro do funcionamento não sei se tenho q me cadastrar para pedir explicações mas vou tentar. Quero fazer um convite de aniversário, eu coloco o fundo 10x7 e quando fou acrescentar uma figura, recorto copio e colo ela entra com tamanho extremamente maior dou um ctrl-t, aperto shift diminuo no tamanho que que preciso e ela perde definição, isso acontece com qualquer figura.... me desculpe a "jumentici" hehehe..... como disse sou iniciante, beeeem iniciante.
    Poderia me ajudar?

    ResponderExcluir
  4. Ficou legal o efeito, mas bem como o alessander falou, umas curvas podem fazer uma diferença danada.

    Janice, verifique o número de DPI quando você vai criar o documento. As imagens de internet costumam ter 72 dpi, enquanto um impresso tem que ter 3oo dpi, no mínimo. Quando você dá um resize e a imagem é aumentada, ela perde definição porque não tem pixels suficientes para aumentar a imagem, então repete alguns que estão em volta. Aí perdem-se os detalhes. Qualquer coisa, fala aí!

    ResponderExcluir
  5. Bryan, o que está acontecendo é justamente o contrário, eu diminuo a imagem e ela perde definição. Por exemplo, eu recortei minha filha de uma foto e coloquei num fundo, ai fui diminuir o tamanho da criança para ficar proporcional e ela perdeu definição, tentei outras imagem e aconteceu a mesma coisa!
    Juro q estou sem entender. Tenho um domínio até razoavel do corel, e isso de perder definição só acontece quando aumenta, como vc falou, mas quando diminui ?
    Obrigada pela atenção.

    ResponderExcluir
  6. Alguem me socorre pelo amor de Deus, já extressei com esse efeito ¬¬...

    Quando voce da " Reveall All " não acontece NADA mesmo com a layer sem a visibilidade.
    Após o passo 4 , eu fiz TUDO a risca e nada deu certo eu preciso de ajuda nisso André!!!!!!!!

    ResponderExcluir
  7. Acontece-me o mesmo que a pessoa em cima.

    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,213,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,485,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Efeito esfumaçado para fontes
Efeito esfumaçado para fontes
http://www.andresugai.org/Tutoriais/05.2009/T09/imagem8.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/05/efeito-esfumacado-para-fontes.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/05/efeito-esfumacado-para-fontes.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