Weblivre.net - Informação em Primeiro Lugar

Assine nosso RSS
Publicado em 15/05/2005 - 14 comentários - Ler artigos relacionados - Você está em: Colunas » Fireworks

Criando um botão estilo Mac

Aprenda a criar um botão estilo MAC no seu FW MX ou FW MX 2004.

Olá, hoje criarei o meu segundo artigo para o Weblivre, este explicará como criar aqueles botões "bonitinhos" do sistema operacional MAC.

1.1 Iniciando:

Faça uma "bola" utilizando a "Elipse tool"(U) de 80pixels de largura e comprimento e escolha a cor de sua preferencia.

 
Seu circulo ficará assim:

1.2 Aplicando o efeito:

Após feito o circulo é necessário criar o efeito para transforma-lo no botão, para isso crie um novo circulo com as medidas 70 pixels de largura e 70 pixels de comprimento. Após isto, aplique no novo circulo a cor branca(#ffffff) e posicione-o sobre o circulo verde como na imagem a seguir:

Depois de posicionar o novo circulo aplique transparencia no mesmo, para isso vá em:
Commands(comandos) -> Creative(Creative) -> Fade Image(Dissolver Imagem).

Já aberta as opções, escolha a de aplicar transparencia de cima para baixo como na imagem a seguir:

1.3 Resultado:

Pronto! Se seguiu os passos acima o resultado será este:

É isso aí. Espero que tenham gostado do meu segundo artigo.

Abraços,

Raul Jacobsen

Autor: Raul Jacobsen Rodrigues

Compartilhe:

Comentários

Comente este artigo!

Cleiton Design em 12/04/2008
Parabéns, muito legal! sempre poste esse tipo de artigo, os novos designers como eu adoram. valeu...

Fabiano em 31/03/2008
Show de bola, um exemplo simples, e que tem um resultado excelente. Parabéns.

marcos em 28/09/2007
muito show

triko em 04/08/2007
Ótimoooooooooooooooooo!!!!!!!!!!!!!!!!!!!!!

Filipe em 20/01/2007
AI cara super show um botao que ajuda bastante para incrementa um layout interessante e diferente fugindo o padrao pre definido..

wellington em 13/11/2006
valeu mesmo, ficou legalzão!!!!

a em 11/07/2006
manjado...

Rodolfo Veiga em 04/07/2006
Adorei ta de parabéns...isso ajudará até a fazer logomarcas muito obrigado msm vlw

djkbca em 25/04/2006
é, uma coisa fácil dessa, e fica bem legal... vlw

Jean Marques em 22/03/2006
gostei muito, valeus :)

meu saco em 16/03/2006
Um saco o tuto mas rendeu :)

Renato em 05/02/2006
Cara mandou muito bem coisas tão simples que ajudam muito a gente que esta começando agora vlw mesmo.

silvio em 19/09/2005
Valeu Raul !!! eu trabalho como instrutor de webdesign, gosto muitode inovar minhas aulas seu artigo caiu como uma luva valeu cara um abraço!!!

leonardo em 23/05/2005
Cara! eu gostei muito!!! seus artigos servem para estimular os novos webdesigner a desenvolverem mais para melhoramentos de Layout.... valeu

2004-2008 Weblivre.net Todos os direitos reservados.

Quem somos | Política de Acesso | Anuncie | Na Mídia | Seja um Colunista | Sugestão de Pauta | Fale Conosco

Idealização: Webla - Comunicação Digital