Mundo Do Design 1.0
Olá futuro membro, venha conhecer o mundo do Desing aqui você vai poder baixar compartilhar downloads e tambem aprender web design e muito mais entre e confira.

Você não está conectado. Conecte-se ou registre-se

CRIANDO USERS BARS

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 CRIANDO USERS BARS em Seg Maio 14, 2012 2:16 pm

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

Expandir esta imagemReduzir esta imagem Ver em tamanho real



• A seguir vamos pintar o fundo da cor do Tvtuga

A cor do Tvtuga é o numero #FFCC00

Expandir esta imagemReduzir esta imagem Ver em tamanho real



• 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...



• Agora inserimos o Texto que queremos....nós vamos por Tvtuga member



• 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 imagemReduzir esta imagem Ver em tamanho real


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

• 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




• 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


• Vamos a Window-» Animation


Agora aparece uma parte em baixo

Expandir esta imagemReduzir esta imagem Ver em tamanho real


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

Expandir esta imagemReduzir esta imagem Ver em tamanho real



• 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 imagemReduzir esta imagem Ver em tamanho real



• Agora vamos fazer a animação

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

Expandir esta imagemReduzir esta imagem Ver em tamanho real



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:

Expandir esta imagemReduzir esta imagem Ver em tamanho real



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

Expandir esta imagemReduzir esta imagem Ver em tamanho real


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 imagemReduzir esta imagem Ver em tamanho real





• Gif que fizemos!






Ver perfil do usuário http://mundododesign.ativoforum.com

2 Re: CRIANDO USERS BARS em Dom Maio 27, 2012 12:03 pm

Mac

avatar
Novatos
Novatos
belo topico mano levou +

Ver perfil do usuário

3 Re: CRIANDO USERS BARS em Sex Jun 08, 2012 2:48 am

guilherme

avatar
Novatos
Novatos
Esse é um clássico do photoshop. Muito bom tutorial e de fácil compreensão. Very Happy

Ver perfil do usuário

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum