Torne-se fã do Sobredotado no Facebook e siga-nos no Twitter para não perder nenhum dos nossos artigos! Obrigado pela preferência. 

Publicado em Terça, 23 Dezembro 2008 21:47
Escrito por Hugo Gomes

 

Etapa 1

Vamos começar com um novo documento de 1500 pixel por 1500 pixel, e resolução 300px/inch. Crie um novo layer, chame-o de "3D TEXT_first." Pegue na Type Tool (T) e digite o seu tipo de texto desejado, no meu caso é escrita como 3D TEXT. Também não se preocupe se o seu texto sai da tela, ela tem que ser muito grande.

 

 

 

Etapa 2

Então agora, clique com o botão direito sobre o layer "3D TEXT_first" e selecione Rasterize Type. De seguida use Editar> Transform > distorcer e crie uma perspectiva agradável para o nosso texto, arrastando os cantos. Certifique-se que o texto é muito menor. Desta forma, você não vai perder a sua qualidade.

Dica: Se você fracassar pela distorção, e algumas arestas e cantos do texto parecerem estranhas ou desfocadas, use Filter> Sharpen > Unsharp Mask, e aumente a quantidade.

 

 

 

 

Etapa 3

Agora que o texto é muito menor e tem uma bela vista, criar um duplicado (Command + J) deste texto layer e chame-o de "3D TEXT_last." Muda para Move Tool (V) e usa as setas do teclado para a posicionar o layer "3D TEXT_last" um pouco acima do layer "3D TEXT_first". No meu caso, esta foi de 16 pixels para cima e 2 pixels direita.

 

Etapa 4

 

Crie copias (Command + J) de ambas as layers de texto e posicione-as como você vê na imagem abaixo. Assegure-se que têm exactamente a mesma ordem como é mostrado!

 

 

 

 

 Etapa 5

Agora desligue as seguintes layers: "3D TEXT_first" e "3D TEXT_last". Selecione a layer "3D TEXT_first copy" e faza cerca de 60 exemplares/copias (Command + J). Agora, selecione "3D TEXT_last copy", vá até baixo de Layer PAlette, segure Shift e clique com o botão esquerdo sobre a primeira layer "3D TEXT_first copy"  - isto deve selecionar as 60 layers. Agora butão direito do rato sobre essas layers todas (as 60) e selecione "Link Layers".

 

 

 

 Etapa 6

 

Mude para Move Tool (V), escolha a layer "3D TEXT_last copy". Vá para a parte superior da barra de ferramenta da Move Tool. Clique em Distribute Vertical Centers e em Distribute Horizontal Centers. Observe que as layers criaram um efeito 3D. Em seguida, selecione todas linked layers (as 60) e faça merge (Command + E). Dê o nome de "3D TEXT_merged" a essa layer.

 

 

 

Etapa 7

Vá para Layers Palette, coloque 'on' a layer "3D TEXT_last" e abra as Blending Options dessa layer. Aplique um Gradiente Overlay de #1a3236 para #cffffb. Para a configuração do ângulo, tente fazer que este gradiente no topo das letras, e mais leves no fundo delas.

 

 

 Etapa 8

 Em Layers Palette selecione "3D TEXT_merged", desligue-o, então segure Alt e clique com o butão esquerdo nesta layer thumnail para carregar a seleção. Faça uma nova layer, chame-o de "3D TEXT_colored" e preenchê-lo com #a6e6fe. Deselect (Command + D).

 

 

 

 

 Etapa 9

 Agora, vá as Blending Options da layer "3D TEXT_colored". Selecione Gradient Overlay. Certifique-se de selecionar a segunda preset no Gradiente Editor, que é Foreground to Transparent, em seguida defina a cor começando valores como: #000000, #4a4747, #ffffff, #262626, #ffffff, e #000000. Depois, dependendo de qual direcção vai o seu texto, o Ângulo será diferente. Então, neste caso o Ângulo é de 123, e como você pode ver o gradiente atravessa o centro de todo o texto. Então essa vai ser a nossa iluminação.

 

 

 

 

 

Etapa 10

 Algumas manchas e no início das letras parecem demasiado brilhantes, então temos de criar apenas um toque de sombra nos locais indicados a seguir. Então, segure Alt, left-click na layer "3D TEXT_colored" para carregar a sua selecção, em seguida, criar uma nova layer acima do "3D TEXT_colored, e nomeie como "Sombras". Defina o seu Foreground Color to #1a3236 ou mais escuro, e pegue o Brush Tool (B), ajuste de fluxo/'Flow' em torno de 30%, Dureza/Hardness para 0% e pinte. Depois deseleccione (Command + D) quando tiver terminado.

 

 

 

 

 

 

 Etapa 11

 Agora vamos dar a este texto mais qualidade. Vá para a Layers Palette, segure Alt e left-click no layer "3D TEXT last" thumnail  para carregar a sua selecção. Em seguida, crie uma nova layer acima todas as layers, e dê o nome de "Shining lines". Agarra o Rectangular Marquee Tool (M), clique com o botão direito sobre a imagem e selecione "Stroke". Defina a largura 1 pixel, a cor branca, e localização ao centro. Adicione dureza para 0% e fluxo de cerca de 30%. Em seguida, apaga tudo, exceto locais indicados com setas. Estas setas apontam para luzes, e as pontas percisam de brilho. Portanto, verifique se você deixá-los inalterados.

 

 

 

 Etapa 12

Quando você acabar de apagar, crie um duplo da layer "Shining lines", reduza a sua opacidade(Opacity) apenas um pouco, e faça merge (Command + E) a essas duas layers. Você pode mudar por um momento para um fundo preto, para ver se você fez um bom trabalho no apagamento, se não, fazer mais algumas correcções. Você deve buscar algo que se parece com a imagem abaixo.

 

 

 

 Etapa 13

 Agora vá para a parte inferior da Layers Palette, selecione e coloque 'on' a layer "3D TEXT first", mude o nome para "Bottom shadow 1". Faça uma segunda layer da mesma (Command + J), nome este exemplar "Bottom shadow 2". Agora aplique Filter> Blur> Blur Gaussian à layer "Bottom shadow 2", com raio de 3 pixels.

 

 

 

 

 

Etapa 14

Mude para a Move Tool (V), e atravez das setas do teclado mova esta sombra desfocada 5 pixels para a esquerda. Você precisa criar uma ilusão de que as linhas das curvas do text deixem mais sombras no interior. Então não precisamos de algumas peças fora desta sombra. Pega a Brush Tool (B) e escova suavemente partes da sombra mostrado abaixo. Não para ser exigente, não há necessidade de fazer uma rigorosa eliminação. Está tudo bem se você deixar algumas arestas de sombra cinza, como na segunda imagem abaixo.

 

 

 

 

Etapa 15

 Agora volte e aplicar Filter> Blue> Blur Gaussian à layer "Bottom shadow 1".  Defina o Radius apenas um pouco menores, como 2 pixel. Em seguida, mude para a ferramenta Move (V), e ao acertar com as setas do teclado, a posição desta sombra 2 pixels para baixo, e 2 pixels para a direita. Deixa a cobrir todo o espaço sob as letras, e não se esqueça de manter a sombra das arestas muito finas.

 

 

 

 

 Etapa 16

Em seguida vá para a Layers Palette, hold Command, left-click nas seguintes layers: "Shining lines", "3D TEXT_last", "Shadows", e "3D TEXT_colored". Agora que você selecionou,  arraste essas layers para  Create a New Layer icon. Em seguida, faça merge a essas cópias (Command + E) e dê o nome a esta layer de "Reflection". Colocá-la acima todas as layers e desligá-lo (coloque 'off') (é importante desligá-lo, por isso, não pule esta etapa).

 

 

 

 Etapa 17

Agora, desligue a layer "background", ou até mesmo apagá-lo, já não precisamos dele. Vá para a Image > Merge Visible, nomeie este merged layer de "TEXT". Coloque este layer por cima do layer "Reflection". Como você pode ver, temos duas camadas semelhante com uma pequena diferença, a layer"TEXT"  tem um drop shadow, e a layer "Reflection" não tem sombra. Iremos trabalhar agora com a layer "TEXT" por isso deixe a layer "Reflection" invisivel.

Selecione o layer "TEXT", duplique-o (Command + J), este deverá ser automaticamente chamado "TEXT copy", deixá-lo desse jeito. Em seguida, altere o Blending Mode do layer "TEXT copy"  para Overlay e opacidade de 63% ambos. Depois vá para Edit > Adjustments > Gradient Map, e selecione o predefinido Black to White (de preto para branco).

 

 

 

 

 

Etapa 18

Em seguida, faça outra copia (Command + J) do layer "TEXT", coloque no topo de todas as layers. Chame-o de "Sharp edges" e altere o seu Blending Mode para Hard Light. Em seguida, vá para Filter > Other > High Pass, definia o raio para 1 ou 2 pixels. Baixa a opacidade desta layer uns 60-70%.

 

 

 

 

 Etapa 19

 Crie uma nova layer abaixo todas as layers, chame-o de "Surface", pressione D no teclado para definir cores em default. Agarra a Gradiente Tool (G) e criar um grande declive, por toda a imagem, de cima para baixo. Você pode começá-lo fora da tela. Em seguida, vá para  Edit > Transform > Distort, e dê a esta superficie um toque de perspectiva. Não tem que ser perfeito. Porque quando você terminar, selecione a Crop Tool (C), e recorte a imagem gentilmente para se livrar das arestas superfíciais.

 

 

 

 

 

 

 

 Etapa 20

À primeira vista a imagem parece demasiado brilhante, então por isso acrescentou-se um pouco de contraste. Selecione a layer "TEXT" e aplique Image > Adjustments > Brightness/Contrast. Neste caso desceu-se o contraste totalmente para baixo.

 

 

 

 

 

 Etapa 21

 Em seguida, vá para o fundo de Layers Palette, e criar nova layer acima da layer "Surface", dê o nome de "Glass". Agarre o Paint Bucket Tool (G), preencha essa layer com a cor #3f3f3f. Então aplique Filter > Noise > Add Noise, fixe o montante para 28%, Distribution para Gaussian, e deixe a opção  Monochromatic marcada.

 

 

 

 

Etapa 22

 Agora, escolha Filter> Blur> Motion Blur, defina os Ângulo de -90, e Distância para 144 pixels. Alterar as Blending Mode desta layer para Overlay e defina a Opacidade para 50%. Pega a Brush Tool (B), e depois muito delicadamente passe com uma Dureza/hardness 0% e fluxo/flow em torno de 20%, comece apagando algumas manchas desfocadas. Após isto apague sitios ao redor do texto para conseguir um pouco de profundidade na superfície.

 

 

 

 

 

Etapa 23

 No final voçe pode colorizar a imagem toda como é este o caso. Se você quiser obter o mesmo efeito cor final, vá para a Layers Palette e adicione uma Adjustment layer no topo de todas as layers. Selecione Hue/Saturation. Certifique-se de que você tem a opção Colorize marcada. Em seguida, defina a 201 Hue, e de Saturação 17.

Em seguida, selecione a layer "Reflection", e ligue-a(coloque 'on'). Abaixa a sua opacidade em 20-30%, mude para o Move Tool (V), e com a ajuda das setas do teclado, posicione  alguns pixeis para baixo para fazer uma bela reflexão. Depois, você pode aplicar a Layer Mask e suavemente apagar algumas das reflexões do fundo.

 

 

Conclução

E é isto, um texto 3D com efeito metalico utilizando apenas o Photoshop. Se quiser adicionar algum texto para melhorar esta imagem, certifique-se que ele vai no sentido da perspectiva. Voçe pode mudar as cores e brilhos/luzes e obter diferentes resultados. Este tutorial foi elaborado por Wojciech Pijecki e a imagem final produzida é a seguinte

 

 

Arquivo

Do
Se
Te
Qu
Qu
Se
Sa
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
24
25
26
27
28
29
30
31