no

Texto em Neon.

Descrição: Como criar letras de Neon usando Layer Styles e Adjustments Layers.

01. Pressione Ctrl+N para criar um novo arquivo e defina o tamanho de 600×450 pixels, pressione Ok, 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 pintar o Background de preto, pressione a letra T do teclado para selecionar a Horizontal Type Tool e na barra de opções da ferramenta defina os seguintes valores.

02. Digite alguma palavra, texto ou frase no seu documento.

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

04. Agora vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

05. Clique em Ok e suas letras já devem estar como as da foto abaixo.

06. Clique na layer Background e vá em File> Place e escolha uma foto qualquer, neste tutorial foi usada uma foto de um muro de tijolos.

07. Defina a opacidade da layer em 70%, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, crie uma seleção como na foto abaixo ao redor da palavra que foi escrita, vá em Select> Feather e defina um valor aproximado de 20 pixels, pressione Ok.

08. Pressione Ctrl+Shift+I para inverter a seleção ou vá em Select> Inverse, clique na layer da textura usada na paleta de layers e pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para pintar de preto a área selecionada.

09. Defina a opacidade da layer em 30%.

10. Agora vá em Layer> New Adjustment Layer> Brightness/Contrast e defina os seguintes valores.

11. Agora vá em Layer> New Adjustment Layer> Hue/Saturation e defina os valores abaixo.

12. Ao final sua imagem deverá estar assim.

site de origem: http://www.pixelhivedesign.com/tutorials/Neon+Sign+on+a+Textured+Surface/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  1. Nossa, bem legal esse tutorial! Só queria lembrar que no primeiro passo, o tal “Neuropol” é só o nome da fonte, antes de alguém perguntar… Mas mesmo assim vale ^^

  2. Oi Bryan, sim Neuropol é o nome da fonte e caso alguém queira baixar o link está aqui, fico feliz que tenha gostado, volte sempre!! 🙂

  3. Curti Pakas isso Andre legal pra por em umas fotos aki *-*
    brigadão e parabens pelo blog é o melhor!

  4. Eai André,

    Valeu pelo tutorial, é legal fazer montegem e colocar umas letras diferentes igual essa,
    concerteza ela vai ser muito util.

    abraço.

  5. valeu pelo tutorial André!
    eu sou o mesmo ‘anonimo’ que pediu esse tuto ontem…

    BRIGADÃO!!!!

  6. Oi Shin e Jefferson, fico feliz que tenham gostado do tutorial!! voltem sempre!!

    Oi Anônimo, eu que agradeço a visita!! volte sempre! 😀

  7. Legal o Tuto, mas…
    ^^^^^ na enquete, falta o “Paint Shop Pro que, eumbora EU nao use, ele tb é mto famoso tipo o Ps da Corel……

  8. Oi André, meus parabéns pelo o seu blog que está show.

    Mas eu qria te fazer um pedido, se ñ fosse mto abuso seria possivel se vc fizesse algumas postagens de gifs e gifs animados q se possam fazer com o PS e/ou ImageReady, pq eu se ligo mto nessa parada e tbm ta fazendo falta disso no seu blog.

    Estaria Grato se vc realizasse esse pedido.

    Vlw!

  9. Olá André, parabéns pelo trabalho, muito bacana mesmo, visito seu blog semanalmente e confesso que aprendo muito com ele. Mais desta vez estou a pedido do meu filho Victor Hugo que adora Photoshop, a fazer montagens, principalmente quando se refere a carros. E a nossa maior dificuldade é que seus tutoriais vem para o Photoshop em inglês e o nosso é em português, e algumas vezes precisamos ficar traduzindo o nome das ferramentas e muitas vezes não conseguimos e assim não finalizamos o efeito como você demonstra no blog. Eu então sugeria então, que você acrescentasse também o termo ou o nome da ferramenta em português, pois nos ajudaríamos muito… Obrigado.

  10. Oi Samuel, sim, assim como outros programas, por isso deixei a opção Others… para que as pessoas pudessem escrever os programas usados caso não estivessem na lista :), obriagdo pela visita!!

    Oi Ramon, pode deixar, postarei um tutorial sobre isto ainda esta semana, obrigado pela visita!!

    Oi Ednaldo, na verdade eu já fiz isto, instalei um script que traduz os termos, porém ele só funciona no Firefox, no Internet Explorer ele não funciona, caso você não conheça o Firefox é um navegador como Internet Explorer, porém mais leve e seguro, possui diversas ferramentas úteis para o internauta e está sempre recebendo atualizações, ao fazer o download ele permite que você importe sua lista de favoritos de outro browser fazendo com que você não perca nada, vale a pena usar, infelizmente não consegui fazer este script funcionar no Internet Explorer, por isso ainda mantenho o glossário na sessão PS Help! também, deculpe o transtorno, estou trabalhando para arrumar isto, obrigado pela visita!! 🙂

  11. como faço para colocar esse efeito de neon.. em minhas fotos? alguem pode me ajudar?
    agradeço

  12. muito legal mesmo, sou novato com photoshop e esse tutorial ta ajudando mto, parebéns pelo trabalho.
    vlw

  13. andré… vc é o mestre!!!

    no words!!! hehehehe!!!

    muito bom o tuto! parabéns

    *|Rafael|*

  14. Oi, eu não consigo instalar o “Neuropol” Dx tento abrir com o photoshop não dá se abrir normalmente não acontece nada mostrame o tipo de letra o tamanho do file etc… clico ok vou ao F.S mas o tipo de letra não aparece Dx que fasso me ajudem.

  15. Olá André…. Antes de tudo gostaria parabenizar o blog…. eh demaaaais!!!! Aprendi muito ja!

    Queria te fazer um pedido…. (se não for te incomodar eh claro)… vc podia fazer um tutorial explicando com eh possivel criar o logotipo do seriado Toma Lá Dá Cá??? Eu tentei fazer… mas não ficou igual… T_T

  16. caraca, finalmente consegui fazer um tuto daki inteiro, isso significa q estou aprendendo!!!
    otimo seus tutos, a cada dia aprendo +, msmo n conseguindo fazer td completo, ate onde consigo fik algo guardado.
    vlws. abrç
    otimo o seu blog.

  17. pow eu naum consegui fazer isso naum…

    qdo eu vo em Layer>New Adjustment Layer>Hue/Saturation e ponho o q vc falou o fundo fica laranja emvez de azul ¬¬

  18. belo tutoria, parabens pelo blog com certeza eh o melhor ! …
    abraçs

  19. gosto muito do seu blog
    mais gostaria de pedir um favor..
    como faço para colocar a fonte que vc falou acima Neuropol.
    obg desde já.

  20. pra colocar a fonte, basta copia-la para a pasta c:windowsfonts

    😉

  21. oi asndré pow me ajuda ae,preciso de um turorial q ensine a criar calendario no cs3 ah e do molde do calendario ,tenho um aqui mas mt simples e tb ñ é no cs3 e sim no photoscape, me ajuda ae…

  22. viu oq seria o sharp no photoshop em português? Valeu belo tutorial!

  23. Quando faço os passos 10 e 11 não muda nada aqui, sinceramente nao sei o que fiz de errado
    Poderia me ajudar?

  24. não consigo finalizar! os dois últimos passos… ajuda aê!

  25. ficou legal, mas se quiserem dar um toque a mais, um reflexo de luz da mesma cor da letra, vai em sombra projetada, fica mais legal ainda

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

1 + oito =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Você costuma comprar Livros ou Revistas sobre Photoshop? Resultados

Aos futuros colaboradores.