[Resolvido] Tutorial corrente metalica

[_zeh_ 0]

Passo 1

 

Começaremos fazendu um novo documento no Photoshop com as seguintes dimenções: 1024X768 300 dpie cor de fundo preto;

Criar um texto com a cor cinza (575757 valor hexadecimal), o tamanho da fonte fica a seu critério, renomeie a camada para "texto";

Aplique o segunte estilo a camada "texto":

 

http://www.4shared.com/file/9792717/865c52d1/tuto1.html

 

para chegar nesse menu de opçoes você deve ir em:

Layer>Layer styles>bevel and emboss

ou clicar 2 vezes na camada necessária;

 

 

Passo 2

 

Agora deveremos selecionar nosso texto, para tal clique em cima da imagem da sua camada na aba Layers enquato pressiona a tecla control;

A marca de seleção deve ter ficado em volta do seu texto mais ou menos da seguinte forma:

 

http://www.4shared.com/file/9793201/c853632b/tuto2.html

 

feita a seleção vamos contrair ela indo no menu: Select>Modify>Contract...

aqui aplique 22 mas ai você deve aplicar o necessário para ficar parecido com isso:

 

 

http://www.4shared.com/file/9793199/150cee09/tuto3.html

 

Passo 3

 

Crie uma nova camada (ctrl+shift+n) e nomeie de "gradient", deixe a cor do foregroud com F1F1F1 (valor hexadecimal)

e a cor do background como 979797 (valor hexadecimal); Com a camada "gradiente selecionada escolha a ferramenta "Gradient toll"

apertando a letra "G"; Selcione o "Linear Gradient" e cliqui de cima para baixo arrastando e criando o gradient:

 

http://www.4shared.com/file/9794542/adaed9a9/tuto4.html

 

Passo 4

 

Agora ao invez de contrair vamos expandir a seleção, novamente iremos selecionar a forma da letra ("Passo 2");

Mas como vamos expandir e não contrair vá ao menu: Select>Modify>Expand...

Coloque o valor de 10 pixels ou o necessário para ficar da seguinte forma:

 

http://www.4shared.com/file/9794760/72120e69/tuto5.html

 

crie então uma nova camada abaixo do seu texto e preencha a seleção com a cor hexadecimal 474747:

 

http://www.4shared.com/file/9794940/4aba41e1/tuto6.html

 

Passo 5

 

Agora iremos fundir todas as camadas do nosso texto, para tal selecione as camadas "texto, gradiente e fundo"

(para selecionar varias camdas mantenha a tecla control pressionada), então com todas as camadas do texto selecionadas

aperte as teclas ctrl+e para fundir o texto;

http://www.4shared.com/file/9795470/d1f3e614/tuto7.html

 

Passo 6

 

Agora iremos girar nosso texto

 

( atenção se você está utilizando mais de uma letra deve quebrala, para tal selecione a camada

do texto, clique com o botão direito em cima da camada do texto na aba "Layers" e clique em Rasterize type ou rasterize Layer,

Com o texto rasterizado deve selecionar um das letras da forma que preferir com laço poligonal ou afins, com a letra selecionada

deve quebrala das demais indo em "Layer>New>LAyer via Cut" ou apertando a sequencia "shift+ctrl+j")

 

com a camada da letra selecionada iremos roatacionála indo em Edit>transform>rotate

com isso incline a letra da forma desejada

 

PAsso 7

Nesta etapa, deixe a cor do foregroud em 595959 (valor hexadecimal), fassa uma nova camada acima da camada do texto

feito isso com a ferramenta "Single column marquee tool" fassa colunas de seleção de 2 pixels com 2 pixels de espasso assim:

 

http://www.4shared.com/file/9796760/d81bc6e2/tuto8.html

 

fassa isso em cima de toda(s) sua letra(s)

 

"dica: você pode fazer algumas colunas pintalas com a cor do foreground e ir duplicando a camada a cada cuplicada você funde

as camdas de linha e ao duplicar você terá uma área maior"

 

http://www.4shared.com/file/9797630/1c123ff5/tuto9.html

 

feito as colunas en todo a letra duplique a camda da coluna, com a nova camada rotacione ela em 90 graus no menu Edit>transform>rotate 90 CW

 

http://www.4shared.com/file/9797913/bc714bf0/tuto10.html

 

Entao com as duas camadas de colunas selecionadas na como na foto basta fundi-las "ctrl+e";

 

Passo 8

 

Fassa uma seleção em volta de sua letra, contraia ele por 28 px ou o necessário para ficar assim:

 

http://www.4shared.com/file/9798065/4de153db/tuto11.html

 

inverta a seleção (ctrl+shift+i) e dele o resto das linhas, deixe o Blending Mode da camada das linhas como color burn

sua imagen deve ter ficado mais ou menos assim:

 

http://www.4shared.com/file/9798629/24b6a646/tuto12.html

 

Passo 9

 

Vamos agora criar alguns parafusos, agora crie um circulo com a cor hexadecimal AEAEAE em uma nova camda, feito isso com a seleçao

retangular fassa uma linha de 2 px com a cor 626262 e outra ao lado tambem com 2 px com a cor d2d2d2 dentro do circulo;

 

http://www.4shared.com/file/9799759/d2893dd3/tuto13.html

 

agora aplicaremos um estilo a camada com essas configuraçoes:

 

http://www.4shared.com/file/9799757/353110d4/tuto14.html

 

aplique os parafusos onde desejar sobre sua letra

 

Passo 10

 

Agora vamos criar o primeiro segmento da corrente, criem um oval com a cor A0A0A0 em uma nova camada, usar a seleçao retanglar para retirar parte de cima e debaixo do oval, na direita e na esquerda tambem

 

http://www.4shared.com/file/9801086/cb25b0c1/tuto15.html

 

feito isso contraia a seleção 10 pixels e delete oque ouver dentro para ficar assim:

 

http://www.4shared.com/file/9801216/1963dfe6/tuto16.html

 

Passo 11

 

crie agora um retanglo na mesma camada e dentro do circulo, e entao 2 menores em baixo e em cima entao preencha com a mesma cor do circulo (A0A0A0)

crie então uma nova camada e faça um circulo menor nela

 

http://www.4shared.com/file/9801636/2c5c15b8/tuto18.html

 

crie mais uma camda e fassa um retangulo dentro do circulo menor

Passo 12

 

aplique as seguintes configuraçoes as camdas recem criadas

 

http://www.4shared.com/file/9802461/de7e0fde/tuto20.html

 

http://www.4shared.com/file/9802459/fb88d42f/tuto21.html

 

Passo 13

 

nesta faze iremos duplicar os segmentos d corrente e montala..

 

cuidando com as posiçoes de camada para q a parte redonda do elo não fique por cima parte retangular q seria o ele visto de lado

 

http://www.4shared.com/file/9802824/c362c731/tuto22.html

 

depois de alguns elos adicionados aqui esta o resultado final...

 

http://www.4shared.com/file/9805894/bd412643/1_online.html

 

agora use a criatividade!!!!

 

TRADUZIDO E ADAPTADO POR: ZEH

ORIGINAL: flash-game-design.com/tutorials/chainedText-photoshop-tutorial