•  
     

[Tutorial] Como criar uma userbar

Ae galera , esse tópico é pra quem quer fazer sua própria userbar , antes que me critiquem realmente é ctrl+c , Ctrl+v . Mais a minha intenção é de ajudar o pessoal =D


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

Imagem

2º- A seguir vamos pintar o fundo da cor do Tvtuga

A cor do Tvtuga é o numero #FFCC00

Imagem

3º -Inserimos um logotipo que nos quisermos .. neste caso do Tvtuga

FAzemos Ctrl + Shift + N e metemos OK Assim temos criada uma nova layer


Imagem

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

Imagem

4º- Agora inserimos o Texto que queremos....nós vamos por Tvtuga member

Imagem

5º- 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

Imagem

Agora temos de fazer zoom até ficar deste tamanho

Imagem

Selecionamos com o Pencil tool (obtemos o pencil tool carregando com o lado direito do rato sobre o Pincel como na imagem)

Imagem

e fazemos isto ou ao vosso gosto

Imagem

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


A seguir podem Fechar sem guardar porque fica guardado nos Pattern

6º-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


Imagem

7º- 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)

Imagem

E fazemos isto:

Imagem

Quando tivermos feito a seleção carregamos Ctrl+U


Imagem


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


1º- Vamos a Window-» Animation
Agora aparece uma parte em baixo


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

Imagem

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

Imagem

4º Agora vamos fazer a animação

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

Imagem

Aparecerá esta janela e fazemos tudo como lá está

Imagem

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


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

Imagem

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

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

e Metemos tudo como na imagem em baixo e guardamos

Imagem


Ficará assim:
Imagem

Fonte
 
oq e userbar
 
conradojr Escreveu:oq e userbar


Userbars são barrinhas personalizadas com aparência 3D, que servem como assinaturas ou como enfeite . Elas podem ser imagens estáticas ou animadas.Infelizmente eu acho que não tem como por nas assinaturas =( . Mas você pode por no final de um tópico que fica bem legal =D
 
leolokBicho Escreveu:
conradojr Escreveu:oq e userbar


Userbars são barrinhas personalizadas com aparência 3D, que servem como assinaturas ou como enfeite . Elas podem ser imagens estáticas ou animadas.Infelizmente eu acho que não tem como por nas assinaturas =( . Mas você pode por no final de um tópico que fica bem legal =D


vlws por me explicar
 
Meu método é mais simples porém pelo Photoshop pode colocar mais efeitos e talz ^^ Bom Topico levou joinha!
 
:( eu fasso facin tmb
 
Meio complicado, mais legal.
 
Bem bacana ;D !!
 
bacana emoo =d
too voltando '
 
Up!