Tutorial: Palavra com efeito choque

COMPARTILHE:

Descrição: Hoje veremos como criar um efeito elétrico em uma palavra utilizando diversas ferramentas combinadas no Photoshop como filtros, ...

Preview Descrição: Hoje veremos como criar um efeito elétrico em uma palavra utilizando diversas ferramentas combinadas no Photoshop como filtros, layer styles, modos de blend e mais.

Tutorial Intermediário
tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho em 1500x1500 pixels, 72 dpi's e modo de cor em RGB, pressione Ok, clique duas vezes sobre a layer Background e clique em Ok, dê o nome de infamous BG para a layer.

tutoriais photoshop

02. Defina a cor de Foreground em #000000 e de Background como #7c7c7c, vá em Filter> Render> Clouds.

tutoriais photoshop

03. Vá em Filter> Filter Gallery> Distort> Glass e defina os valores abaixo.

tutoriais photoshop

04. Pressione Ctrl+J para duplicar a layer.

tutoriais photoshop

05. 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 Horizontal, pressione Enter para finalizar a transformação, clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara na layer.

tutoriais photoshop

06. Clique na miniatura da máscara que foi aplicada na layer, 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 inverter as cores, pressione a letra G do teclado para selecionar a Gradient Tool, defina os valores abaixo.

tutoriais photoshop

07. Clique e arraste da esquerda para a direita no documento para preencher a máscara.

tutoriais photoshop

08. Clique na layer infamous BG copy e vá em Layer> Merge Visible, pressione Ctrl+J para duplicar a 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, pressione Enter para finalizar a transformação, clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara na layer, clique na miniatura da máscara que foi aplicada na layer, 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 inverter as cores, pressione a letra G do teclado para selecionar a Gradient Tool, aplique o gradiente de baixo para cima.

tutoriais photoshop

09. Clique na layer infamous BG copy 2 e vá em Layer> Merge Visible, vá em Edit> Define Pattern..., dê o nome de inFamous Pattern e pressione Ok, pressione Ctrl+S para salvar o documento, salve o arquivo .PSD e pressione Ok.

tutoriais photoshop

10. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.

tutoriais photoshop

11. Vá em View> New Guide> Guide e defina o valor de 40% em Horizontal, repita o procedimento com 60% Horizontal, 29% Vertical e 71% Vertical.

tutoriais photoshop

12. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Brush, pressione a letra B do teclado para selecionar a Brush Tool, define os valores abaixo.

tutoriais photoshop

13. Desenhe algumas linhas como na foto abaixo.

tutoriais photoshop

14. Mude o tamanho do brush para 4 pixels e crie alguns raios como na foto abaixo.

tutoriais photoshop

15. Vá em Layer> Layer Style> Outer Glow e defina os valores abaixo utilizando a cor #4cb8ff.

tutoriais photoshop

16. Pressione Ctrl+J para duplicar a layer, clique na adjustment layer e usando a cor #30d6ff defina os valores abaixo.

tutoriais photoshop

17. Vá em Edit> Define Pattern, dê o nome de Electric Pattern e pressione Ok.

tutoriais photoshop

18. Pressione Ctrl+S para salvar o documento em .PSD, pressione Ctrl+N para criar um novo documento, defina os valores abaixo usando a cor #191919.

tutoriais photoshop

19. Pressione a letra U do teclado para selecionar a Line Tool, use a cor #ffffff e defina o valor de Weight em 4 pixels, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Line, com a tecla Shift pressionada clique e arraste para criar uma linha como na foto abaixo.

tutoriais photoshop

20. Agora vá em View> New Guide> Guide e defina o valor de 7% Vertical, repita o procedimento e defina os valores de 50% Vertical e 93% Vertical.

tutoriais photoshop

21. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, defina os valores abaixo.

tutoriais photoshop

22. Clique no ícone de Add Layer Mask no rodapé da paleta de layers, clique na miniatura da máscara aplicada, pressione a letra G do teclado para selecionar a Gradient Tool, clique e arraste como indicado na foto abaixo para aplicar o gradiente.

tutoriais photoshop

23. Vá em Layer> Layer Style> Blending Options e defina os valores abaixo usando a cor #004eff.

tutoriais photoshop

24. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, defina os valores abaixo na barra de opções da ferramenta e pressione Enter para finalizar a transformação.

tutoriais photoshop

25. Pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift pressionada clique na seta direcional para cima no teclado uma única vez.

tutoriais photoshop

26. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, defina os valores abaixo na barra de opções da ferramenta e pressione Enter para finalizar a transformação, pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift pressionada clique na seta direcional para baixo no teclado seis vezes.

tutoriais photoshop

27. Vá em Layer> Layer Style> Outer Glow e defina os valores abaixo usando a cor #75c6ff.

tutoriais photoshop

28. Com a tecla Ctrl pressionada clique sobre todas as layers com linha, clique com o botão direito do mouse sobre as layers e escolha a opção Convert to Smart Object.

tutoriais photoshop

29. Vá em File> Open, escolha uma imagem de fundo, caso queira utilizar a mesma imagem clique aqui para fazer o download.

tutoriais photoshop

30. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escolha a fonte Impact e escreva uma palavra qualquer, vá em Window> Character e defina os valores abaixo.

tutoriais photoshop

31. Vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo.

tutoriais photoshop

32. Vá em Layer> Layer Style> Stroke e defina os valores abaixo, clique na janela de pattern e escolha o efeito elétrico que criamos.

tutoriais photoshop

33. Clique e arraste o efeito para trás do texto.

tutoriais photoshop

34. Vá em Layer> Layer Style> Gradient Overlay, para o primeiro ponto de fina a cor #c9c9c9 na posição 11%, para o segundo ponto defina a cor #639dbb na posição 24%, para a terceira cor defina a cor #356d8a na posição 38%, no quarto ponto defina a cor #d9d9d9 na posição 47%, no quinto ponto defina a cor #979797 na posição 71%, na sexta posição defina a cor #dedede na posição 82%, no sexto ponto defina a cor #2b2b2b na posição 95%.

tutoriais photoshop

35. Defina os valores abaixo e clique em Ok.

tutoriais photoshop

36. Vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo.

tutoriais photoshop

37. Pressione Ctrl+J para duplicar a layer, clique com o botão direito do mouse sobre a layer e escolha a opção Clear Layer Style.

tutoriais photoshop

38. Defina o Fill da layer em 0%.

tutoriais photoshop

39. Vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo.

tutoriais photoshop

40. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo usando a cor #abe4ff.

tutoriais photoshop

41. Vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo.

tutoriais photoshop

42. Volte ao documento onde criamos o efeito de luz, clique na layer Light Line Copy 2, pressione Ctrl+A para selecionar todos conteúdo do documento, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar o efeito.

tutoriais photoshop

43. Pressione Ctrl+T para abrir a caixa de Free Transform, defina os valores abaixo na barra de opções da ferramenta e pressione Enter para finalizar a transformação.

tutoriais photoshop

44. Pressione a letra V do teclado para selecionar a Move Tool, mova o efeito para cima do texto, mude o modo de blend da layer para Screen.

tutoriais photoshop

45. Pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool e posicione a cópia como na foto abaixo.

tutoriais photoshop

46. No final sua imagem estará como a foto abaixo.

tutoriais photoshop

Site de origem: https://design.tutsplus.com/tutorials/how-to-create-an-infamous-inspired-text-effect-in-adobe-photoshop--cms-27873

COMENTÁRIOS

Nome

.ai,38,.asl,1,.eps,14,.indd,1,.jpg,11,.png,22,.psd,353,.svg,2,2006,90,2007,380,2008,943,2009,1780,2010,1823,2011,1825,2012,1765,2013,240,2014,559,2015,1197,2016,519,2017,329,360,4,abril,257,abstrato,56,actions,75,adobe,15,adobe max,1,agosto,348,ajax,1,allan portilho,1,animação,39,arte,27,artistas do photoshop,996,axis,5,backgrounds,1,basekit,1,básico,52,benq,9,bethesda,4,bgs,17,bmx,1,booombox,2,brasilmegaarena,2,brushes,99,bug,1,capcom,1,cartazes de cinema,10,cartazes de rock,114,codemasters,1,com2us,1,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,457,dica ninja,99,dificuldade 1,20,dificuldade 2,215,dificuldade 3,655,dificuldade 4,208,dificuldade 5,25,divulgação,1,diy,32,documentário,50,dollarphotoclub,37,download,1284,edição de vídeo,2,efeito,746,esportes,11,fastcom,3,ferramentas online,1,fevereiro,327,filme,1,flipbook,1,flow motion,1,fontes,445,fotolia,13,fotoshistoricas,40,fotosqueabalaramomundo,75,gamebau,1,gifart,5,goPro,1,gradientes,7,guest post,5,hitbox,1,hopi-hari,1,hoplon,1,html5,3,hype,1,hyperlapse,5,hyperx,9,ícones,92,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,322,julho,314,junho,261,kingston,6,layer style,25,lbee,1,leitores,1,levelup,4,lightpainting,1,live-stream,2,maio,202,mar,1,março,314,matéria,496,maurício de souza produções,1,melhordasemana,17,meutimao,1,mob2b,1,mockup,30,música,48,natal,1,novembro,527,off-topic,244,outubro,510,palestra,7,parkour,1,patern,37,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,12,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,5,setembro,288,shapes,2,showreel,7,skate,2,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,3,template,4,teste,1,texto,174,textura,133,tilt-shift,3,timelapse,21,tipografia,3,tp,1,tunning virtual,3,tutorial,2133,tutorial builder,2,tutorial player,2,ubisoft,34,ui,15,unboxing,1,vice,64,vídeo,520,vídeo aula,239,video mapping,3,wallpaper,1,web,18,webfont,1,wix,1,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Palavra com efeito choque
Tutorial: Palavra com efeito choque
http://www.andresugai.org/Tutoriais/04.2017/T01/imagem46.jpg
::Tutoriais Photoshop::
http://www.tutoriaisphotoshop.net/2017/04/photoshop-tutorial-palavra-efeito-choque-eletrico-texto.html
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/2017/04/photoshop-tutorial-palavra-efeito-choque-eletrico-texto.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 BUSCA 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 ESTE CONTEÚDO É PREMIUM Por favor, compartilhe para desbloquear o conteúdo 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