Efeito Tron

COMPARTILHE:

Descrição: Neste tutorial veremos como estilizar um background e uma palavra com a temática do filme Tron, para isso usaremos filtros, modo...

Preview Descrição: Neste tutorial veremos como estilizar um background e uma palavra com a temática do filme Tron, para isso usaremos filtros, modos de blend, layer styles entre outras coisas.

Tutorial Avançado


01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1920x1200 pixels, modo de cor em RGB com 72 dpi's, pressione Ok.

tutoriaisphotoshop.net

02. Pressione Ctrl+I para inverter a cor de Background para preto.

tutoriaisphotoshop.net

03. Agora pressione Ctrl+O e abra uma foto qualquer, no caso deste tutorial usaremos esta foto, com a imagem aberta no Photoshop pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, selecione uma parte da imagem e pressione Ctrl+C para copiar a parte selecionada.

tutoriaisphotoshop.net

04. Volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, vá em View> Show> Grid para ativar o grid como na foto abaixo, pressione a letra V do teclado para selecionar a Move Tool e posicione a imagem na parte superior do documento como na foto abaixo.

tutoriaisphotoshop.net

05. Vá em View> Show> Grid para desativar o grid, dê o nome de Mountain para a nova layer.

tutoriaisphotoshop.net

06. Agora vá em Image> Adjustments> Brightness/Contrast e defina os valores abaixo.

tutoriaisphotoshop.net

07. Pressione Ctrl+J para duplicar a layer, sua paleta de layers deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

tutoriaisphotoshop.net

10. Com a tecla Shift pressionada clique e arraste a imagem para a parte de baixo do documento como na foto abaixo, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

11. Vá em Layer> Layer Mask> Reveal All ou clique no ícone de Add Layer Mask no rodapé da paleta de layers para aplicar uma máscara na layer, 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, escolha um gradiente no modo Linear que vá do preto para o branco e aplique no documento de cima para baixo, sua paleta de layers deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

12. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

13. Agora pressione a letra X do teclado para inverter as cores de Foreground e Background, sua cor de Foreground deve ser a branca, clique na cor branca e escolha a cor #216a82, pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a tecla Ctrl pressionada clique sobre a miniatura da layer que contém a imagem da paisagem da parte de baixo do documento, isto irá ativar a seleção ao redor da imagem, 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, defina a opacidade da layer em 50%.

tutoriaisphotoshop.net

14. Agora 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, 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> Render> Lens Flare e defina os valroes abaixo.

tutoriaisphotoshop.net

15. Tente deixar o efeito como na foto abaixo.

tutoriaisphotoshop.net

16. Agora vá em Image> Adjustments> Brightness/Contrast e defina os valores abaixo.

tutoriaisphotoshop.net

17. Pressione Ctrl+U para abrir a caixa de Hue/Saturation e defina os valores abaixo.

tutoriaisphotoshop.net

18. Mude o modo de blend da layer para Linear Dodge (Add).

tutoriaisphotoshop.net

19. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, achate a cópia criada e posicione na parte inferior do documento como na foto abaixo, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

20. Vá em Filter> Blur> Gaussian Blur, defina o valor de 7 pixels para o Radius e pressione Ok.

tutoriaisphotoshop.net

21. Pressione a letra V do teclado para selecionar a Move Tool, mova o efeito que achatamos para a parte central do documento como na foto abaixo.

tutoriaisphotoshop.net

22. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #216a82, pressione a letra G do teclado para selecionar a Gradient Tool, escolha o modo Reflected e escolha um gradiente que vá da cor que escolhemos para o transparente, clique no centro do documento e arraste para borda, defina o valor da opacidade da layer em 50%.

tutoriaisphotoshop.net

23. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra U do teclado para selecionar Rounded Rectangle Tool, 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 escolhida com a cor escolhida, defina os valores abaixo na barra de opções da ferramenta.

tutoriaisphotoshop.net

24. Com a tecla Shift pressionada clique e arraste para criar um quadrado como o da foto abaixo.

tutoriaisphotoshop.net

25. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Grid, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, clique com o botão direito do mouse sobre o Path e escolha a opção Fill Path, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

26. Pressione Ctrl+H para desabilitar o Path.

tutoriaisphotoshop.net

27. Com a tecla Ctrl pressionada clique na miniatura do Shape na paleta de layers, isto ativará a seleção ao redor do Shape criado.

tutoriaisphotoshop.net

28. Vá em Select> Modify> Contract e defina os valores abaixo.

tutoriaisphotoshop.net

29. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

30. Pressione Delete para deletar a parte central do quadrado que criamos, pressione Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

31. Pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift do teclado arraste a cópia do quadrado para a direita, repita o processo até que se documento fique como o da foto abaixo, pressione Ctrl+E para mesclar todas as layers com quadrados (sem a layer com fundo preto).

tutoriaisphotoshop.net

32. Pressione a letra V do teclado para selecionar a Move Tool e arraste os quadrados para a parte de baixo do documento, como na foto abaixo.

tutoriaisphotoshop.net

33. Pressione Ctrl+J para duplicar a layer, vá em Layer> Hide Layers para retirar a visibilidade da layer.

tutoriaisphotoshop.net

34, Clique na layer Grid original e 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 Perspective.

tutoriaisphotoshop.net

35. Distorça a imagem como na foto abaixo e pressione Ok.

tutoriaisphotoshop.net

36. Agora clique na layer que contém o fundo preto (dos quadrados) e vá em Layer> Hide Layers para retirar sua visibilidade, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

37. Agora clique na layer Grid que copiamos e retiramos a visibilidade, vá em Layer> Show Layers para ativar sua visibilidade novamente, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste para diminuir a imagem, como na foto abaixo, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

38. Pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool e com a tecla Shift pressionada clique e arraste a imagem para a direita, repita o processo até que sua imagem fique como a da foto abaixo, pressione Ctrl+E para mesclar as layers que estamos trabalhando, ainda com a Move Tool selecionada pressione a letra Shift do teclado e arraste a imagem para a parte de baixo do documento.

tutoriaisphotoshop.net

39. 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 Perspective, distorça a imagem como na foto abaixo e pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

40. Vá em Layer> Layer Style> Color Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

41. Defina a opacidade das layers que possuem os grids em 25%.

tutoriaisphotoshop.net

42. 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, dê preferência para fontes no estilo Outline como a usada na imagem abaixo, escreva uma palavra qualquer e pressione Enter para finalizar, pressione a letra V do teclado para selecionar a Move Tool e posicione a palavra com na foto abaixo.

tutoriaisphotoshop.net

43. Agora vá em Filter> Pixelate> Fragment.

tutoriaisphotoshop.net

44. Agora vá em Layer> Layer Style> Outer Glow e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

45. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

46. Clique na layer onde criamos uma cópia achatada da Lens Flare que foi aplicada e pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool e arraste a cópia para perto da palavra, como na foto abaixo.

tutoriaisphotoshop.net

47. Clique na layer de texto e 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 e escolha a opção Flip Vertical.

tutoriaisphotoshop.net

48. Pressione a letra V do teclado para selecionar a Move Tool e com a tecla Shift pressionada clique e arraste a imagem duplicada para a parte de baixo do documento, como na foto abaixo.

tutoriaisphotoshop.net

49. Deixe a layer abaixo da layer que contém o retângulo azul que criamos no começo do tutorial, defina a opacidade da layer em 50%.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

50. Clique na layer de texto original e pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer abaixo da layer de texto, 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, clique na layer de texto e pressione Ctrl+E para mesclar as duas layers.

tutoriaisphotoshop.net

51. Mude o modo de blend da layer para Linear Dodge (Add), sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

52. Abaixo vocês conferem duas versões finais do efeito.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

site de origem: http://photoshoptutorials.ws/photoshop-tutorials/text-effects/tron-grid/all-pages.html

COMENTÁRIOS

BLOGGER: 12
  1. O cara ... eu estava fazendo o Tutorial anterior ... que era com uma modelo e uns efeitos coloridos e com brush de fumaça ... mas o site foi atualizado e eu não consigo mais encontra-lo :/ não tem como você me passar o link? ou algo assim? e outra parebéns pelo site.. muito bom msm (:

    ResponderExcluir
  2. Muito bom cara, aprendo muito visitando teu blog ^^

    ResponderExcluir
  3. Soberbo! Obrigado por este tutorial. Eu realmente quero dizer isso. Absolutamente fantástico!!!

    Por favor, Andre, poderia dizer-me qual a fonte usada no seu banner?

    Parabéns Andre!!!

    ResponderExcluir
  4. Site demais show de aula!

    ResponderExcluir
  5. Eae andre to com um problema...=/
    eu uso o PS cs2 ai na parte 06. eu nao consigo colca os valor -150 e 100 eles só até +100 e -100...
    sera qvc me ajudar?
    adoro seu tutoriais aprendo muito aqui vlw!!

    ResponderExcluir
  6. muito bom
    desculpa la a ignorancia mas em que programa se faz isso?

    ResponderExcluir
  7. [a]nubis tem que clicar em Colorir na Janelinha em baixo tbm tive o msm problema

    ResponderExcluir
  8. linear dogd (add) =subexposiçao linear

    ResponderExcluir
  9. Parei no 12,não consiguo deixar a camada azul com um pedaço do "chão" em preto,fica tudo azul(sim eu sei que tem que por 50% e o problema não é esse),já refiz e não sei onde erro.E a Gradient Tool não é para aplicar de cima para baixo,porque se fizer desse modo não fica igual ao tutorial,tem que ser debaixo para cima,o dono deve ter se confundido

    Se alguém me ajudar a acertar no passo 12 fico agradecido

    ResponderExcluir
  10. P$@!A QUASE 1 ANO E NINGUÉM PRA RESPONDER!!!!!!!!!!!!!!!!!!!!!!!!!!

    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,153,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::: Efeito Tron
Efeito Tron
http://www.andresugai.org/Tutoriais/01.2010/T05/imagem57.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2010/01/efeito-tron.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2010/01/efeito-tron.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