Bem pessoal userbars e aquelas barras que tem nomes de jogos oq vo gosta de fazer tem gente que colaca um status como classe eventer nivel expert raça duende armas netplays e eventos assim gente mas aki vo fazer a barra de jogo depois fasso outro topico explicando as outras










Navegação: MXStudio » Fireworks » Userbars


Userbars





















Coluna Fireworks – Userbars


Introdução


Olá comunidade
MXStudio! Esse é o meu primeiro artigo. Nesse artigo você irá aprender a fazer as userbars, que são aquelas “barrinhas”
que ?falam? um pouco sobre vocês, do que vocês gostam, do que vocês não gostam,
e assim por diante
Pré-requisitos


O tutorial foi desenvolvido no Macromedia Fireworks 8 mas é compatível com qualquer versão do software Macromedia Fireworks.
Segue abaixo os arquivos necessários para o tutorial
Fonte
– Visitor TT1 BRK
Sombra.png

Objetivos


Criaremos
uma userbars, para as pessoas lhe conhecer melhor.

Criando uma userbars


1) Crie um
novo arquivo de 350 x 19:



2) Faça um
retângulo de 350 x 19, para fazer isso, faça assim:




Ou vá em <
Window > < Align > e aperte nesses botões:






3 ) Vá em ,
no painel properties, e ponha assim:









4) Vamos pegar
o símbolo de algum time, de alguma coisa, marca, logo ou qualquer outra coisa,
que você quiser, eu peguei do MXStudio.






5) Tire o
fundo, com a ferramenta Magic Wand Tool ( W ).


Eu usei essas
configurações:






6) Agora, ponha
a logo, e mude o tamanho, gire, faça varias coisas com ela, com essas
ferramentas :






7) Veja depois
de feito:






Vamos mudar
a cor de fundo, escolha uma dessas opções :






Eu escolhi
Linear



9) Escolha a
cor, que você quiser, veja as que eu escolhi:







Usei opacidade
50, na primeira cor e 100 na segunda






10) Agora,
vamos escrever, com a fonte: Visitor TT1 BRK, que está para download, lá em
cima, eu escrevi, MXStudio Fan, use o texto nessas configurações:




Mas claro, que
você poderá mudar a cor.



11) Com o texto
selecionado, aperte


12) Aperte Alt
+ Clique do mouse ( Botão esquerdo ) em cima da layer do texto.



13) Agora, vá
em < Select > < Border > e deixe assim:






14) Agora,
pegue o balde de tinta, deixe a tolerância em 20. Pode ser qualquer outra cor.






15) Agora
pinte, não se esqueça de pintar dentro dos espaços, que as letras deixam.






16) Agora,
pegue a sombra ( eu chamo assim ), ela está para download, lá em cima, mas se
você quiser faça a sua. Não esqueça de deixar a opacidade dela em 40. E o seu
posicionamento, assim:









17) Vamos,
colocar a layer do texto acima da sombra. Para isso é só carregar, a layer do
texto para cima da sombra.






18) Agora,
vamos criar uma borda, para isso, crie um retângulo, do tamanho do documento,
como você aprendeu no passo 2). Eu gosto de usar, uma borda preta por fora, e
uma branca por dentro, veja:






Para fazer esse
tipo de borda, você vai ter que fazer, um retângulo do tamanho do fundo ( o
preto ), depois fazer um retângulo com a borda branca, mas dai com dois pixels a
menos. Veja:



Retângulo
preto:






Retângulo
branco:






Ou você, faz
apenas um retângulo preto.


Está pronta
nossa userbars, mas agora eu vou ensinar para vocês como a logo, por exemplo
ir como fundo.

1) Pegue essa
sua userbars pronta e exclua a logo



Obs: Você
também pode começar tudo de novo.



2) Agora
selecione o retângulo, e vá em:







3) Agora, desça
até você ver < Other..> clique ali.







4) Irá abrir
uma janela, escolha a sua imagem.



5) Agora, mude
o tamanho, gire, faça o que você achar melhor, use esses “quadradinhos”.






6) Depois de
alguns ajustes, veja como ficou:





esse e um topico da mxstudio melhor empresa de tutorias que ja vi creditos para toda a empresa(Preferencia:Felipe cardoso)

Wow, gostei =D
+Cred