30.07.2010, 05:46
News: Rede TVtuga <> SPORTEND.com | http://www.sportend.com <> TVGOLO.comhttp://www.tvgolo.com <> TVTUGA.org | http://www.tvtuga.org



Páginas: [1]   Ir para o fundo
Imprimir
Autor Tópico: [Tuturial] Como criar uma userbar ( Photoshop)  (Lida 12039 vezes)
Perry
Global Moderator
TVtuganático
*****
Mensagens: 1256


Perry TvTuga


WWW
« em: 14.07.2008, 21:14 »

Bem como depois de abrir a minha galeria pediram tuturiais.. aqui vai o primeiro.. começando por uma userbar

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



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

A cor do Tvtuga é o numero #FFCC00



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

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




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



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



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


Agora temos de fazer zoom até ficar deste tamanho



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


e fazemos isto ou ao vosso gosto



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




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)


E fazemos isto:



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





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


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



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



Agora vamos fazer a animação

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



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



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:



5º- Agora tiramos os frames que não queremos e metemos para aquilo Ficar sempre a dar Metendo Forever como na 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






Gif que fizemos!




Fácil não?  Sorridente

by Perry

cumps! Wink



Registado

cibernauta
Novato
*
Mensagens: 8



« Responder #1 em: 08.11.2009, 12:31 »

Excelente tutorial, PARABÉNS!
Registado

Páginas: [1]   Ir para o topo
Imprimir
Ir para: