Você não está conectado. Conecte-se ou registre-se

[Tut Photoshop] Texto Neon

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

1[Tut Photoshop] Texto Neon Empty [Tut Photoshop] Texto Neon Ter 10 Jun 2014 - 17:46

sonic2099

sonic2099
Co-Administrador
Aqui vai mais um tutorial do Photoshop e desta vez irei ensinar como fazer a imagem em baixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Como poderão ver, neste tutorial irei ensinar como dar a um texto o efeito para que se pareça com um sinal Neon.

O Programa que usei foi o Adobe Photoshop CC, por isso algumas opções poderão ter nomes diferentes ou nem sequer existirem noutros programas ou versões.

1- Abre um novo ficheiro e coloquem as dimensões que pretendem, neste tutorial usei as dimensões 2500x600 (em pixeis).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
2- Usando a ferramenta para escrever (Tecla T), escreve o que quiseres com o tipo de letra "Impact", com a escala na horizontal a 80% e a vertical a 150%.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
3- Cliquem duas vezes na Layer do texto que criamos para abrir a janela do "Layer Style" e vamos adicionar os seguintes efeitos:

3a- "Stroke", coloca a cor #0f140d e coloca o tamanho que achares melhor (no meu caso era o 18px).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
3b- "Drop Shadow", coloca a "Opacity" a 100%, a "Distance" a 15px, "Spread" a 55% e "Size" a 24px.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
4- Agora vamos precisar de criar uma textura de uma grelha, para isso cria uma imagem nova com as dimensões 10x10 (em pixeis) sem fundo, depois faz zoom até o máximo possível (deverá ser 3200%).
Agora pega na ferramenta do lápis, Pencil Tool (Shift + B) e com a cor preta (#000000) desenha um L tal como na 2ª imagem abaixo. Depois de desenhado vai ao separador "Edit" e escolhe a opção "Define Pattern" e dá o nome que quiseres.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
5- Depois de criado a textura, volta à imagem que estavas a fazer e duplica a Layer do Texto (Ctrl+J) e na Layer duplicada remove os efeitos (botão direito na Layer e escolhe a opção "Clear Layer Style"). Depois abre a janela do "Layer Style" (clica duas vezes na layer) e vamos adicionar os seguintes efeitos:

5a- "Bevel & Emboss", reduz a "Opacity" do "Highlight Mode" para 40% e a "Opacity" do "Shadow Mode" para 60%.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
5b- "Texture", escolhe a textura que criamos no Passo 4 e mete na "Scale" o valor 75% e no "Deph" o valor +15.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
5c- "Color Overlay", coloca a cor #182115
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
5d- "Stroke", coloca a #2a2a2a e coloca o mesmo tamanho que colocaste no passo 3a.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
6- Para dar um aspecto mais 3D, move a Layer duplicada um pouco para cima (usando a ferramenta de movimento [Tecla V] carrega 3 vezes na tecla da seta para cima).
Volta a duplicar a Layer do texto e remove os efeitos, depois abre a janela da "Layer Style" da Layer duplicada que acabamos de criar e coloca o efeito "Stroke" com tamanho 10px e com a "Position" no "Center".
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Agora carrega com o botão direito do rato no simbolo à direita da Layer (O fx) e escolhe a opção "Create Layer".
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Irá aparecer uma nova Layer, apaga a Layer que criamos no ínicio deste passo (no meu caso é a Layer "SONIC2099 copy 2").
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
7- Na Layer que ficamos do passo anterior, abre a janela do "Layer Style" e aplica os seguintes efeitos.

7a- "Bevel & Emboss", no "Size" coloca o valor 9, agora vai depender da cor que queres que o Neon tenha, como a que quero é o verde então no "Shadow Mode" coloquei a cor #093500 (que é um verde escuro)
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
7b- "Inner Glow", coloca o "Blend Mode" como "Color Dodge (Add)", reduz a "Opacity" para 20% e mete a cor branca (#ffffff). No Elements mete no "Source" a opção "Center" e por fim no Quality clica duas vezes no "Contour" para abrir uma janela nova e escolhe a opção "Ring".
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
7c- "Satin", coloca o "Blend Mode" como "Color Dodge", escolhe a cor branca (#ffffff), a "Opacity" a 45% e coloca no "Distance" o valor 5px e no "Size" o valor 6px.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
7d- "Color Overlay", coloca o "Overlay" a 65% e escolha a cor que pretendes que o Neon tenha, como quero o verde escolhi a cor #46fc06.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
7e- "Outer Glow", coloca o "Blend Mode" como "Color Dodge (Add)", a "Opacity" a 50% e "Noise" a 3px, escolhe uma cor relacionada com a cor que queres que o Neon tenha, no meu caso escolhi a cor #3afa06, por fim no Elements coloca no "Size" o valor 15px.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
7f- "Drop Shadow", aumenta a "Opacity" para 100% e coloca no "Distance" o valor 12px e no "Size" o valor 9px.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
8- Já tem a vossa imagem, mas para tornar a imagem mais interessante vou dizer-vos mais algumas coisas que podem fazer.
A primeira é pegarem na borracha, ferramenta "Eraser Tool" (Tecla E) e apaguem partes das letras (na Layer do passo anterior), isto servirá para parecer que o Neon é composto por linhas diferentes e não uma só.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
9- Outra coisa é colocar algo parecido com um arame, para isso cria uma Layer nova e mete-a por debaixo da do topo e coloca os seguintes efeitos:

9a- "Bevel & Emboss", coloca no "Size" o valor 6px, altera a "Opacity" do "Highlight Mode" para 30% e a "Opacity" do "Shadow Mode" para 85%.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
9b- "Color Overlay", coloca a cor #262626.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
9c- "Drop Shadow", mete a "Opacity" a 70% e coloca no "Distance" o valor 10px e no "Size" o valor 7px.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Agora é só pegar no pincel e desenhar os arames que quiseres.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

E pronto, Qualquer erro no tutorial ou dúvida que tiverem é só dizerem.



Última edição por sonic2099 em Ter 10 Jun 2014 - 18:54, editado 1 vez(es)

2[Tut Photoshop] Texto Neon Empty Re: [Tut Photoshop] Texto Neon Ter 10 Jun 2014 - 18:23

Manhut

Manhut
Moderador
Mais um excelente tutorial para alegrar a zona de design Razz

3[Tut Photoshop] Texto Neon Empty Re: [Tut Photoshop] Texto Neon Ter 10 Jun 2014 - 18:58

ninho

ninho
V.I.P II
V.I.P II
O meu saiu assim:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

http://www.rewtec.com/u1058

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos