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

[Tut Photoshop] Texto com Correntes

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

1[Tut Photoshop] Texto com Correntes Empty [Tut Photoshop] Texto com Correntes Dom 22 Jun 2014 - 0:22

sonic2099

sonic2099
Co-Administrador
Aqui estou eu com 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]

Ou seja, neste tutorial irei ensinar como dar a um texto o efeito para que pareça que tem correntes à volta.

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 600x200 (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 "Arial" ("Black") com a cor #575757 (neste tutorial vou colocar as letras RT do RewTec).
[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 em "Bevel & Emboss" vamos colocar:
"Depth" a 1000%, "Size" a 8px, "Soften" a 1px, "Angle" a -180º, "Altitude" a 10%, no "Gloss Contou" escolhe a figura da parábola (Deve ser a 3ª opção), em "Highlight Mode" coloca a "Opacity" a 82% e o "Shadow Mode" com "Opacity" a 62%
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
4- Enquanto ficas a carregar na tecla "CTRL" carrega no quadrado à esquerda da layer do texto para o seleccionares, depois vai a "Select", "Modify" e "Contrast" e na janela que abrir coloca o valor 8.
Depois carrega nas teclas "Shift" + "F6" para abrir a janela "Feather Selection" e coloca o valor 4.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
5- Cria uma nova Layer (Ctrl+Shift+N) no topo e escolhe a ferramenta "Gradient Tool" (Tecla G) e com a cor #939393 verifica se o efeito definido é do branco para a cor que seleccionamos e que está no modo "Linear" (1º quadrado à direita do efeito).
Depois de confirmado clica e ficar a carregar com o rato algures em cima do texto e arrasta o rato para baixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
6- Volta a seleccionar o texto (carrega no quadrado enquanto ficas a carregar no "CTRL"), e depois vai a "Select", "Modify" e "Expand" e na janela que abrir coloca o valor 3.
Cria uma nova Layer (Ctrl+Shift+N) e coloca-a antes da do texto, depois pinta a parte seleccionada com a cor #474747.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
7- Junta as 3 Layers que criamos numa só (Selecciona as 3 e carrega com o botão direito do rato e selecciona a opção "Merge Layers").
Depois separa cada letra numa Layer diferente, há várias formas de fazer isto. A forma que usei foi usando a ferramenta "Polygonal Lasso Tool" (Shift+L) em que seleccionei à volta de cada letra e depois carregar o botão direito do rato e seleccionar a opção "Layer via Cut".
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
8- Depois de separar cada letra em Layers, para cada letra usando a ferramenta "Free Transform Tool" (CTRL+T) roda-a e mete-a nas posições que quiseres.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
9- Faz zoom até 400% e escolhe a cor #595959 e cria uma nova Layer (Ctrl+Shift+N) no topo, nessa Layer faz uma linha recta vertical (comprimento de 1px), depois duplica essa Layer (CTRL+J) e coloca à direita (de forma que esteja 1px a separar as duas linhas), repete este passo até teres as letras todas com as linhas por cima e junta as Layers numa só.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
10- Duplica a Layer com as linhas todas e usando a ferramenta "Free Transform Tool" (CTRL+T) roda-a 90º para teres linhas horizontais e depois junta as duas Layers numa só.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
11- Escolhe uma das letras (no meu caso escolhi o R) e selecciona-a (carrega no quadrado enquanto ficas a carregar no "CTRL"), depois vai a "Select", "Modify" e "Contract" e coloca o valor 11 na janela que abrir.
Depois é só carregar no botão direito do rato e seleccionar a opção "Layer via Cut", faz o mesmo para as restantes letras e no fim apaga a Layer que tinha as linhas.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
12- Agora vamos dar alguns detalhes como parafusos, para isso faz Zoom até 500% e numa Layer nova cria um circulo pequeno com a cor #AEAEAE (podes usar a ferramenta "Elipse Tool" [Shift+U]).
Depois desenha no meio do circulo uma recta com comprimento de 1px com a cor preta e uma ao lado direito dessa uma recta branca também com 1px de comprimento.
Por fim, clica duas vezes na Layer do prego para abrir a janela do "Layer Style" e aplica o efeito "Drop Shadow" em que temos "Opacity" a 100%, "Distance" a 1px e "Size" a 0px.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
13- Agora é só duplicares a Layer e colocares os parafusos onde quiseres.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
14- Agora vamos dar como detalhe umas correntes, para isso faz Zoom até 500% e numa Layer nova cria uma oval com a cor #A0A0A0 (podes usar a mesma ferramenta que usaste no circulo).
Depois de criado apaga uma linha de pixeis do lado direito, esquerdo, cima e baixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
15- Selecciona a oval (carrega no quadrado enquanto ficas a carregar no "CTRL") e vai a "Select", "Modify" e "Contract" e na janela que abrir coloca o valor 4 e apaga a parte seleccionada.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
16- Agora desenha um rectangulo (podes usar a ferramenta "Rectangle Tool" [Shift+U]) na parte debaixo da oval de forma a que se pareça com um Q.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
17- Desenha um circulo que seja mais ou menos maior que o buraco que fizemos na oval.
Depois numa Layer nova, desenha um rectangulo em cima do circulo (no meio).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
18- Agora coloca nas 3 Layers que criamos (Oval, Circulo e Rectangulo) o efeito "Drop Shadow" (valores por omissão) e com "Bevel & Emboss" em que temos o "Depth" a 60%, "Size" a 2px, Gloss Contour com uma parabola invertida (deve ser a 2ª opção), "Highlight Mode" como "Overlay" e "Opacity" a 100% e o "Shadow Mode" com "Opacity" a 32%
Depois junta a Layer do circulo e do rectangulo numa só (como podem ver isto irá servir como um prego para a corrente).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
19- Agora é só duplicar a Layer da corrente e colocado na imagem até terem o resultado que pretendem.
[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.

2[Tut Photoshop] Texto com Correntes Empty Re: [Tut Photoshop] Texto com Correntes Dom 22 Jun 2014 - 10:59

Helix

Helix
Legend
Hoje vai ser o dia (ou pelo menos algumas horas) que me vou dedicar ao Photoshop pela primeira vez com esta versão "Adobe.Photoshop.CC.14.2.Muli-ChingLiu"
Chegou a hora de ir aprendendo aqui com o Sonic2099 alguma coisa, pois estes tópicos dão imenso trabalho a fazer e da minha parte merecem ser testados por "noobs" como eu.
Like!

http://www.rewtec.com

3[Tut Photoshop] Texto com Correntes Empty Re: [Tut Photoshop] Texto com Correntes Dom 22 Jun 2014 - 14:15

DaViD-DaViD

DaViD-DaViD
Warez
Fantástico seu tutorial! muito bom amigo, +1! Wink

4[Tut Photoshop] Texto com Correntes Empty Re: [Tut Photoshop] Texto com Correntes Dom 22 Jun 2014 - 14:20

ninho

ninho
V.I.P II
V.I.P II
Mais um tutorial para eu fazer Very Happy
Já agora, podes fazer um tutorial como fazer letras com efeito de relva tipo este:

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

http://www.rewtec.com/u1058

5[Tut Photoshop] Texto com Correntes Empty Re: [Tut Photoshop] Texto com Correntes Dom 22 Jun 2014 - 14:41

Helix

Helix
Legend
Já estou a fazer mas ou menos como está no tutorial mas falta-me uns botões (onde está a seta vermelha) embora penso que dê para chegar lá de outra maneira vê a imagem a baixo:

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

http://www.rewtec.com

6[Tut Photoshop] Texto com Correntes Empty Re: [Tut Photoshop] Texto com Correntes Dom 22 Jun 2014 - 14:52

DaViD-DaViD

DaViD-DaViD
Warez
Helix, vá em WINDOW > Properties, irá aparecer igual!

7[Tut Photoshop] Texto com Correntes Empty Re: [Tut Photoshop] Texto com Correntes Dom 22 Jun 2014 - 14:56

sonic2099

sonic2099
Co-Administrador
Helix para os botões que falta vai ao separador "Window" e é só carregar nos que queres que aparecem logo no sitio.
No meu caso tenho o "Character" (o que uso para as letras) e o "Brush" para escolher os pinceis.


ninho quando tiver tempo faço esse tutorial.

EDIT: Tens aqui o tutorial: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

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