CRIANDO USERS BARS

HenriqueS · 1 CRIANDO USERS BARS Seg maio 14, 2012 2:16 pm

HenriqueS

Admin

Mensagens : 103
Moedas : 9313
Reputação : 0
Data de inscrição : 11/05/2012
Idade : 28
Localização : Em

• Abrimos o Photoshop e criamos um novo documento com o tamanho 350 x 20 pixeis com fundo transparente

Expandir esta imagem Reduzir esta imagem Ver em tamanho real
CRIANDO USERS BARS Fa68na

• A seguir vamos pintar o fundo da cor do Tvtuga

A cor do Tvtuga é o numero #FFCC00

Expandir esta imagem Reduzir esta imagem Ver em tamanho real
CRIANDO USERS BARS Rwl7hx

• Inserimos um logotipo que nos quisermos .. neste caso do Tvtuga

Fazemos Ctrl + Shift + N e metemos OK Assim temos criada uma nova layer
CRIANDO USERS BARS Jkg5qe

Agora selecionamos a 2ª layer e vamos a File -» place e escolhem a imagem que querem... nós queremos o logo do tvtuga...
CRIANDO USERS BARS 23vgep3

• Agora inserimos o Texto que queremos....nós vamos por Tvtuga member
CRIANDO USERS BARS 9ldi09

• Agora vamos fazer aquelas riscas que se chama Pattern

Vamos a File-» New

e criamos um documento de 6 x 6 pixeis com fundo transparente

Expandir esta imagem Reduzir esta imagem Ver em tamanho real
CRIANDO USERS BARS O51ehd

Agora temos de fazer zoom até ficar deste tamanho
CRIANDO USERS BARS 24edl07

Selecionamos com o Pencil tool (obtemos o pencil tool carregando com o lado direito do rato sobre o Pincel como na imagem)
CRIANDO USERS BARS 2vl9us5

e fazemos isto ou ao vosso gosto
CRIANDO USERS BARS 24nmdug

Agora vamos a Edit -» Define pattern e guardam com um nome qualquer

A seguir podem Fechar sem guardar porque fica guardado nos Pattern

• Agora vamos aplicar as riscas. Fazemos ctrl+ shift+ N para criarmos uma nova layer

Selecionamos essa layer e vamos a edit -» Fill e vai abrir uma janela

Fazemos como mostra a imagem e metemos OK
CRIANDO USERS BARS 2mzluc

• Agora já temos as riscas vamos por um efeito transparente

Selecionamos a Primeira layer (a do fundo) e selecionamos a Eliptical Marquee Too (Como na imagem abaixo)
CRIANDO USERS BARS 30awdwm

E fazemos isto:
CRIANDO USERS BARS Am3acl

Quando tivermos feito a seleção carregamos Ctrl+U
CRIANDO USERS BARS 2ahd28k

e alteramos o Valor de Lightness para + 45 e apertamos " Ok "

Agora já Temos uma Userbar!

Userbar animada:

Se queremos fazer uma animação é muito fácil .... vamos para isso aproveitar a nossa bar feita em cima

• Vamos a Window-» Animation
CRIANDO USERS BARS 2wr16ol

Agora aparece uma parte em baixo

Expandir esta imagem Reduzir esta imagem Ver em tamanho real
CRIANDO USERS BARS Rap6c0

• Escolhemos a Layer do Logotipo e pressionamos o SHIFT e na seta para cima até a imagem ficar como em baixo

Expandir esta imagem Reduzir esta imagem Ver em tamanho real
CRIANDO USERS BARS 2rgdi15

• Agora adicionamos uma frame ( 1) e depois selecionamos a imagem e carregamos SHIFT e na seta baixo até ficar como na imagem em baixo

Expandir esta imagem Reduzir esta imagem Ver em tamanho real
CRIANDO USERS BARS 54vh5i

• Agora vamos fazer a animação

selecionamos a 1 frame em baixo e carregamos em Tweens animation( 1)

Expandir esta imagem Reduzir esta imagem Ver em tamanho real
CRIANDO USERS BARS 14sdxrd

Aparecerá esta janela e fazemos tudo como lá está
CRIANDO USERS BARS 2ls9xkg

Agora fazemos igual para o outro! Selecionamos a ultima frame vamos a Tweens animation e fazemos o mesmo que estava na janela anterior

Ficamos com isto:

Expandir esta imagem Reduzir esta imagem Ver em tamanho real
CRIANDO USERS BARS 2643zir

• Agora tiramos os frames que não queremos e metemos para aquilo Ficar sempre a dar Metendo Forever como na imagem

Expandir esta imagem Reduzir esta imagem Ver em tamanho real
CRIANDO USERS BARS 28sc8t3

Carregamos no play e voila temos o nosso gif animado...

• Agora para guardar vamos a File -» Save for web & devices

e Metemos tudo como na imagem em baixo e guardamos

Expandir esta imagem Reduzir esta imagem Ver em tamanho real
CRIANDO USERS BARS 2elh9v4