Efeito Tron

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

  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. 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
  5. muito bom
    desculpa la a ignorancia mas em que programa se faz isso?

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

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

    ResponderExcluir
  8. 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
  9. P$@!A QUASE 1 ANO E NINGUÉM PRA RESPONDER!!!!!!!!!!!!!!!!!!!!!!!!!!

    ResponderExcluir

Todos os posts carregados Nenhum post encontrado VEJA TODOS Leia Mais Responda Cancelar resposta Deletar De Home PÁGINAS POSTS Veja todos RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO BUSCA TODOS OS POSTS Nenhum post encontrado para sua pesquisa Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sab 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$$ minutos atrás 1 hora atrás $$1$$ horas atrás Ontem $$1$$ dias atrás $$1$$ semanas atrás mais de 5 semanas atrás Seguidores Seguir ESTE CONTEÚDO PREMIUM ESTÁ TRANCADO PASSO 1: Compartilhe nas redes sociais PASSO 2: Clique no link nas suas redes sociais Copie Todo Código Selecione Todo Código Todos os códigos foram copiados para o clipboard Se não consegue copiar os códigos / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar Tabela de Conteúdo