..:: MX Studio Fóruns ::..: Barra de "update" ou "download"! - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Barra de "update" ou "download"! Tutorial!

#1 User is offline   Eduardo_Franzoni 

  • Group: Membros
  • Posts: 206
  • Joined: 08-May 06

  Posted 01 September 2006 - 04:39 PM

Olá Galera do MX Studio! Bom eu estou aqui para apresentar o meu primeiro tutorial, simples porém acho que muito legal tongue.gif que seria a barra de "update" ou "download" quando está carregando! depois poderiam personaliza-la no flash e etc tongue.gif então chega de babosera e vamos nessa tongue.gif

Requisitos: Macromédia Fireworks 8
---
1°- iremos criar um novo documento com o tamanho de 600x50px, e após este feito criaremos um retangulo com a ferramenta Rectangle Tool (U) no tamanho de 575x29px centralizado ao fundo!
user posted image
Clique na imagem para ampliá-la
Clique na imagem para ampliá-la

2°- iremos aplicar o efeito "Inner Shadow" no retângulo criado com a seguinte configuração abaixo:
user posted image

Ficando assim:
user posted image
Clique na imagem para ampliá-la
Clique na imagem para ampliá-la

3°- Agora iremos criar um efeito "Drop Shadow" no mesmo retângulo. só utilizaremos ele mesmo tongue.gif Com as seguintes configurações abaixo:
user posted image

Ficando assim:
user posted image
Clique na imagem para ampliá-la
Clique na imagem para ampliá-la

4°- Agora novamente com a ferramenta Rectangle Tool (U), criaremos um retangulo com o tamanho de 13x29px e aplicaremos as cores que seguem na configuração abaixo:
user posted image

Ficando assim:
user posted image
Clique na imagem para ampliá-la
Clique na imagem para ampliá-la

Pronto está criado a nossa Barra de "update" ou "download" como não sei realmente o nome disso eu batizei com este nome está barra! utilizando sua criatividade e mechendo com as cores poderá chegar nisto:

user posted image
Clique na imagem para ampliá-la
Clique na imagem para ampliá-la



- Bom é isso ai tongue.gif desculpe alguma coisa, repetindo é meu primeiro tutorial por isso não deve estar de uma ótima qualidade e etc. GOSTARIA QUE VOCÊS POSTASSEM SUAS OPNIÕES thumbup.gif FICARIA MUITO FELIZ tongue.gif

Abraço a todos vocês do MX Studio
0

#2 User is offline   MorpheusBR 

  • Group: Membros
  • Posts: 7
  • Joined: 06-August 06

Posted 01 September 2006 - 04:47 PM

Po cara bem-vindo e parabéns pelo tutorial!
Abraços
0

#3 User is offline   jpcastrobr 

  • Group: Membros
  • Posts: 485
  • Joined: 30-April 06

Posted 01 September 2006 - 05:03 PM

Tem outros jeitos de se fazer, mas ficou legalzinha.

Isso é na área de tutos.
0

#4 User is offline   evotremex 

  • Group: Membros
  • Posts: 36
  • Joined: 01-December 04

Posted 14 October 2006 - 07:43 AM

Exelente idéia q vc teve! n_n
Eu fiz uma barra, só q foi GIF animado, se quizer o PNG depois eu coloco tb n_n
Eu nunca pensei em fazer uma barra dessas xD
user posted image
Clique na imagem para ampliá-la


0

#5 User is offline   Caio Vinicius 

  • Group: Membros
  • Posts: 70
  • Joined: 30-January 06

Posted 14 October 2006 - 10:47 PM

Aew Eduardo_Franzoni!
Beleza?

Parabéns pelo Tutorial!
Bem bolado a idéia, eu nunca tinha pensado em fazer uma barra de carregando por la...

O bacana que da para criar, exportar para gif e jogar em um Preload no flash XD

PArabens!

abraços

CaIO Vinicius
0

#6 User is offline   JaguA 

  • Group: Membros
  • Posts: 2
  • Joined: 20-February 08

Posted 20 February 2008 - 02:03 PM

opa os novo aqui es gostei do jeito que vo mostro que pode se trabalhar com isso é um jeito bem basico mesmo e que fica legal ...
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)