no , , , ,

Letras com efeito Neon.

Preview Descrição: Hoje veremos como criar um efeito neon em uma palavra usando layer styles e algumas ferramentas.

tutoriaisphotoshop.net

"use strict"; var adace_load_5f09e64e4244a = function(){ var viewport = $(window).width(); var tabletStart = 601; var landscapeStart = 801; var tabletEnd = 961; var content = '%3Cdiv%20class%3D%22adace_adsense_5f09e64e4240c%22%3E%3Cscript%20async%20src%3D%22%2F%2Fpagead2.googlesyndication.com%2Fpagead%2Fjs%2Fadsbygoogle.js%22%3E%3C%2Fscript%3E%0A%09%09%3Cins%20class%3D%22adsbygoogle%22%0A%09%09style%3D%22display%3Ablock%3B%22%0A%09%09data-ad-client%3D%22ca-pub-3297652328497884%22%0A%09%09data-ad-slot%3D%221456553999%22%0A%09%09data-ad-format%3D%22auto%22%0A%09%09%3E%3C%2Fins%3E%0A%09%09%3Cscript%3E%28adsbygoogle%20%3D%20window.adsbygoogle%20%7C%7C%20%5B%5D%29.push%28%7B%7D%29%3B%3C%2Fscript%3E%3C%2Fdiv%3E'; var unpack = true; if(viewport=tabletStart && viewport=landscapeStart && viewport=tabletStart && viewport=tabletEnd){ if ($wrapper.hasClass('.adace-hide-on-desktop')){ $wrapper.remove(); } } if(unpack) { $self.replaceWith(decodeURIComponent(content)); } } if($wrapper.css('visibility') === 'visible' ) { adace_load_5f09e64e4244a(); } else { //fire when visible. var refreshIntervalId = setInterval(function(){ if($wrapper.css('visibility') === 'visible' ) { adace_load_5f09e64e4244a(); clearInterval(refreshIntervalId); } }, 999); }

})(jQuery);

(adsbygoogle = window.adsbygoogle || []).push({});

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho em 600×350 pixels, 72 dpi´s e modo de cor em RGB, 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 preencher a layer com a cor escolhida, 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 e escreva uma palavra qualquer.

tutoriaisphotoshop.net

02. Vá em Layer> Layer Style> Outer Glow e defina os valores abaixo.

tutoriaisphotoshop.net

(adsbygoogle = window.adsbygoogle || []).push({});

03. Com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto para ativar a seleçao ao redor da palavra, pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Select> Modify> Expand, defina o valor de 10 pixels e pressione Ok, escolha a cor que desejar e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.

tutoriaisphotoshop.net

04. Mude o modo de blend da layer para Color.

tutoriaisphotoshop.net

(adsbygoogle = window.adsbygoogle || []).push({});

05. No final sua palavra estará como a da foto abaixo.

tutoriaisphotoshop.net

site de origem: http://www.howtobin.com/467/photoshop-tutorial-neon-text/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  1. eu gostei muito muito mesmo do efeito mais não ficou como na imagem final….
    na imagem final tem uns pontos de efeito de luz, gostaria que estivesse no tutorial…

  2. Eh Verdade, No meu tbm naum ficou os pontos de efeito luz, alguem poderia me explicar como faz isso?
    Me mande por e-mail
    clever_pinheiro[at]hotmail.com

  3. IXI FALTOU UNS PAR DE PASSO AI NESSE TUTO!!!!!!!!!

    SÓ FICOU ESCRITO BRANCO COM AS BORDAS DA COR Q ESCOLHI……

  4. Tipo, conclui ele direitinho
    soh q gostaria q tivése este mesmo efeito do final de vocs :S
    como se a luz estivése se espalhando

    por favor, teria como vocs me mandarem isto por e-mail ou ensinar aki mrmo ?
    e-mail: vinie.zao[at]hotmail.com

    mto obg pela atenção, amo o TP o/

  5. basta duplicar as camadas e em seguida unir elas em uma única camada. depois vai em filter> blur> motion blur

    coloca o angulo 0 e almenta o desfoque ao seu gosto. em seguida altere o blende da camda para ultiply, ovrlary ou color. ou outra opção que se adequadre ao efeito.. axo que é isso..

  6. Na última imagem tem um efeito que não é passado no tutorial, gostaria de saber como é feito. Favor responder para eliezersena_90[at]hotmail.com
    abração

  7. o topico 03 nao ta funcionando pra mim

    a tecla Ctrl pressionada não ativa nada.

  8. Também estou com problema no tópico 3 (Select> Modify> Expand). Percebi que que algumas pessoas conseguiram, por que esta acontecendo isso comigo? *Buáááá.

  9. Cara, não fica como o efeito do final, com a luz indo para os lados, por favor, entre em contato: jonatas.omaximo[at]yahoo.com.br

  10. O nome da fonte é "Space Age"

    dafont.com/font.php?file=space_age&page=1&nb_ppp_old=10&text=&nb_ppp=10&psize=m&classt=alpha

  11. Qto tempo devo esperar pra mudar do 4 pro 5 ? pq pelo tutorial ai o efeito vai acontecer sozinho neh?!?! nao tem nenhuma explicacao de como chegar ao 5!!!

  12. Com um desfoque de movimento , e um pouco de experiencia , consegui deidar igual á imagem final ^^'

  13. Uma pergunta :

    Existe alguma possibilidade , de salvar uma imagem de texto ( Ex:A do tutorial acima)
    sem perder a qualidade ?

    —–

    Tipo , quando eu salvo a imagem , aparece uma opção perguntando a qualidade que eu quero salvar a imagem. Eu queria saber o modo certo de salvar a imagem sem perder a qualidade .

  14. Ola.. será que alguém poderia explicar se tem com eu salvar apenas o texto, ou a fonte que criei?? sempre vem com o fundo. tento colocar em PNG, mas perco parte do neon. Obrigado contato@moisesmachado.com.br

  15. Ola.. será que alguém poderia explicar se tem com eu salvar apenas o texto, ou a fonte que criei?? sempre vem com o fundo. tento colocar em PNG, mas perco parte do neon. Obrigado contato@moisesmachado.com.br

  16. Mas e como deixa aqueles risquinhos da imagem 5?
    Usa desfoque de movimento?

  17. Tutorial muito mau explicado
    ate o passo 3 foi explicado depois quase nem tinha legenda.

Deixe uma resposta

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

15 − um =

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