Criando um efeito animado para palavras com Gif

COMPARTILHAR:

Descrição: Veja como utilizar a timeline do Photoshop para criar um efeito animado para palavras utilizando ferramentas, modos de blend e l...

Preview Descrição: Veja como utilizar a timeline do Photoshop para criar um efeito animado para palavras utilizando ferramentas, modos de blend e layer styles.

Tutorial Intermediário
tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 800x600 pixels, 72 dpi's e modo de cor em RGB, pressione Ok, clique duas vezes sobre a layer background e pressione Ok, vá em Layer> Layer Style> Gradient Overlay e defina o gradiente com as cores #000000 e #54799b, escolha o modo Radial e pressione Ok.

tutoriais photoshop

02. Pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de Noise Layer, escolha a cor #231f20 e 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 escolhida, vá em Filter> Noise> Add Noise e defina os valores abaixo.

tutoriais photoshop

03. Agora vá em Layer> New Adjustment Layer> Hue/Saturation, defina o valor de Saturation em 100, mude o modo de blend da layer para Soft Light.

tutoriais photoshop

04. Pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, clique com o botão direito do mouse sobre a layer de texto e escolha a opção Rasterize Type.

tutoriais photoshop

05. Agora vá em Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Color Overlay, Layer> Layer Style> Outer Glow, Layer> Layer Style> Drop Shadow e defina os valores abaixo.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

06. Defina o Fill da layer em 0%.

tutoriais photoshop

07. Pressione Ctrl+J para duplicar a layer, clique com o botão direito do mouse sobre as layers styles que estão aplicadas na layer e escolha a opção Clear Layer Styles, vá em Layer> Layer Style> Inner Shadow, Layer> Layer Style> Inner Glow e defina os valores abaixo.

tutoriais photoshop

tutoriais photoshop

08. Sua palavra deverá ficar como a foto abaixo.

tutoriais photoshop

09. Pressione Ctrl+Shift+Alt+N por 5 vezes seguidas para criar 5 layers, dê o nome de 1, 2, 3, 4 e 5 para as novas layers, com a tecla Ctrl pressionada clique sobre a layers de texto e pressione Ctrl+G para agrupar as layers dentro de um folder, mude o modo de blend do folder para Color Dodge, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, defina a opacidade do brush em 95%, clique na layer 1, escolha a cor branca e dê um clique sobre a primeira letras, clique na layer 2 e repita o procedimento até que a última letra

tutoriais photoshop

10. Agora vá em Window> Timeline, com a tecla Ctrl pressionada clique sobre a Layer 1, 2, 3, 4 e 5, certifique-se de que a agulha da timeline esteja no frame 0.

tutoriais photoshop

11. Arraste a agulha para criar o primeiro keyframe em 01:00f como na foto abaixo.

tutoriais photoshop

12. Ao criar o primeiro keyframe mude os pontos de luz de lugar, repita o procedimento mudando os pontos de luz de lugar como nas fotos abaixo.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

13. Sua timeline deverá ficar parecida com a foto abaixo.

tutoriais photoshop

14. Agora vá em File> Save for Web e defina os valores abaixo.

tutoriais photoshop

15. No final basta abrir sua imagem em um navegador, ela deverá ficar como a foto abaixo.

tutoriais photoshop

Site de origem: http://blog.123rf.com/create-an-animated-gif/

COMENTÁRIOS

BLOGGER: 1
Loading...
Nome

.ai,18,.eps,8,.jpg,5,.png,12,.psd,287,.svg,2,2006,90,2007,380,2008,943,2009,1780,2010,1823,2011,1825,2012,1765,2013,240,2014,559,2015,1197,2016,509,360,4,abril,211,abstrato,56,actions,60,adobe,4,adobe max,1,agosto,347,ajax,1,allan portilho,1,animação,39,arte,27,artistas do photoshop,990,axis,5,backgrounds,1,basekit,1,básico,52,benq,9,bethesda,4,bgs,13,bmx,1,booombox,2,brasilmegaarena,2,brushes,93,bug,1,capcom,1,cartazes de cinema,7,cartazes de rock,114,codemasters,1,com2us,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,445,dica ninja,99,dificuldade 1,19,dificuldade 2,214,dificuldade 3,648,dificuldade 4,190,dificuldade 5,24,divulgação,1,diy,32,documentário,20,dollarphotoclub,37,download,1132,edição de vídeo,1,efeito,733,esportes,11,fastcom,3,ferramentas online,1,fevereiro,280,filme,1,flipbook,1,flow motion,1,fontes,408,fotolia,13,fotoshistoricas,40,fotosqueabalaramomundo,75,gamebau,1,gifart,2,goPro,1,gradientes,7,guest post,5,hitbox,1,hopi-hari,1,html5,3,hyperlapse,5,hyperx,9,ícones,91,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,275,julho,254,junho,228,kingston,6,layer style,22,leitores,1,lightpainting,1,live-stream,2,maio,153,março,264,matéria,468,maurício de souza produções,1,melhordasemana,17,mob2b,1,mockup,30,música,48,natal,1,novembro,527,off-topic,208,outubro,508,palestra,7,parkour,1,patern,35,pdf,1,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,positivo,10,post pago,2,prezi,1,printi,2,project ten,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,razer,19,responsivo,2,retoque de imagem,102,rixty,3,saga,3,setembro,288,shapes,2,showreel,7,skate,2,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,1,template,4,teste,1,texto,158,textura,127,tilt-shift,3,timelapse,21,tipografia,3,tp,1,tunning virtual,3,tutorial,2104,tutorial builder,2,tutorial player,2,ubisoft,32,ui,15,unboxing,1,vice,64,vídeo,459,vídeo aula,204,video mapping,3,wallpaper,1,web,18,webfont,1,xma,5,
ltr
item
::Tutoriais Photoshop::: Criando um efeito animado para palavras com Gif
Criando um efeito animado para palavras com Gif
http://www.andresugai.org/Tutoriais/12.2015/T09/imagem25.gif
::Tutoriais Photoshop::
http://www.tutoriaisphotoshop.net/2015/12/criando-um-efeito-animado-para-palavras.html
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/2015/12/criando-um-efeito-animado-para-palavras.html
true
34833248
UTF-8
Todos os Posts Carregados Não encontramos nenhum post VEJA TODOS Leia Mais Responda Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM TAG ARQUIVO BUSCA TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Domingo 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 Siga CONTEÚDO PREMIUM Compartilhe para desbloquear este conteúdo Copie todo código Selecione todo código Todos os códigos foram copiados para o Clipboard Não foi possível copiar todo código / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar