Como fazer botões em Flash

Explicação passo a passo sobre a criação de botões no programa Flash.

Por Ludwing Rodriguez


Publicado em: 08/2/05
Valorize este artigo:
Neste capítulo aprenderemos a criar botões e como linká-los com nossos arquivos ou com outras páginas web, que não estão em nosso servidor.

Flash nos permite criar botões personalizados, de maneira muito rápida; e ainda nos ajuda a dar vida a nossas páginas web; em poucas palavras, nos ajuda a tornar mais atrativo nosso site e logicamente isso é o que queremos para aumentar o número de visitas em nosso website.

Por meio de linguagens de programação (por exemplo, Javascript), também poderíamos criar botões, mas seria um pouco mais complicado; ademais não poderíamos criar exatamente os mesmos efeitos que podemos fazer com Flash.

Comecemos:

1- Primeiro, criaremos um novo símbolo, fazendo a seguinte combinação de teclas: CTRL+F8.

Aparecerá o seguinte quadro:

Criar novo símbolo

2- Em Nome (Name), escreva "botão 1", em Comportamento (Behavior) selecione a opção Botão (Button), finalmente clique em Aceitar (OK).

Automaticamente, seremos enviado desde a Cena 1 ao palco do símbolo "botão 1"; aí é onde criaremos um botão que será incluído em nossa biblioteca.

O palco unicamente para a criação de botões, será parecido a seguinte imagem:


Olhe para a linha do tempo (Timeline), como se pode notar é diferente à linha do tempo da Cena 1.

A linha do tempo, do palco para criar botões é parecida a seguinte imagem:


Expliquemos o gráfico anterior:

Devemos entender que Repouso, Sobre, Pressionado e Zona ativa são os quatro estados de um botão. Vejamos a seguir, o que representa cada estado.

Repouso: é quando o mouse não está colocado sobre nosso botão ou não se clicou sobre ele.

Sobre: é quando o mouse está colocado sobre o botão, mas ainda não se clicou sobre ele.

Pressionado: logicamente, é quando se clica sobre o botão.

Zona Ativa: como o próprio nome indica, é quando o botão está ativo.

Continuemos com a criação de nosso "botão 1".

A cabeça leitora, na linha do tempo tem que estar assinalando o estado de Repouso.

3- Clique sobre a ferramenta de Retângulo (Rectangle Tool), que se encontra no Painel de Ferramentas.

4- Desenhe um retângulo no centro da área de trabalho, e coloque a cor azul.

5- Depois pressione a tecla F6; isto fará com que a cabeça leitora na linha do tempo passe ao estado Sobre.

Como poderá se notar, o botão se copia, portanto não será necessário fazer um novo desenho.

6- Ainda estamos no estado Sobre, se não tiver selecionado o botão, faça-lo (com a ferramenta Seta e clique duas vezes sobre nosso desenho), logo dirija-se ao Preenchimento de Cor que se encontra na seção cores do Painel de Ferramentas, e escolha a cor vermelha, como se mostra a seguir:


7- Depois pressione novamente a tecla F6, para que a cabeça leitora passe ao estado Pressionado, e mude a cor de preenchimento da mesma forma que fizemos no passo 7; e escolha uma cor verde. Finalmente pressione pela última vez F6 para passar ao estado Zona ativa, isto fará com que se copie o botão. Para este último estado, não é realmente necessário mudar a cor de fundo.

Com as cores que aplicamos, faremos com que o botão mude de cor, quando se realizar os Estados dos botões anteriormente descritos.

Nosso botão foi criado, portanto você já pode voltar para a Cena 1, abrir a biblioteca e ver que aí está o símbolo chamado "botão 1", poderá arrasta-lo ao palco as vezes que quiser para fazer várias cópias dele.

Pegue a Ferramenta de Texto (A), e escreva o que desejar, depois coloque o texto sobre o botão criado; para provar o filme faça a tradicional combinação de teclas CTRL + Enter. Se depois quiser ver o filme em seu explorador de internet, unicamente pressione as teclas CTRL + F12.





Comentários do artigo
Foram enviados 37 comentários ao artigo
17 comentários não revisados
20 comentários revisados:
Por: Marcelo
11/11/05
Parabens pelo artigo. Nunca tinha trabalhado com Flash e consegui fazer botoes seguindo as instruções do artigo sem a menor dificuldade. Esta muito bom !!!
Por: Ana Nascimento
18/8/06
Explicação muito simples e prática sobre como criar botões. Sou iniciante em Dreamweaver e Flash e esses artigos ou tutoriais são de suma importância...um abraço para você e obrigada.
Por: Roberto
04/10/06
Tentei fazer o exemplo mas não funcionou a tecla "ctrl+f6" poderiam informar outra maneira que eu não use combinações de teclas ou o que devo fazer para que minha versão aceite essas combinações.
Por: Kessy
13/12/06
Olá, estou fazendo um trabalho com botões mas não consigo solucionar um problema. Quero que quando a pessoa clique em um dos botões, ele fique marcado como clicado, como fazemos em html. Tem alguma função especial pra isso? Não achei nada sobre isso na internet. Obrigada!!
Por: marceliano
22/12/06
como faço para ampliar botoes em flash a partir de alguns prontos no mesmo layat ja pronto?
Por: Allan
02/5/07
Deu tudo certo..
eu só naum vi a explicação de como linka-los...
E é o que eu mais gostaria de saber.
Mas o site está de parabéns
Por: luciane
18/6/07
Fiz tudo passo a passo mas o botão que criei não aparece o que aconteceu???
Por: tiago
26/6/07
legal mas vc parece que squeceu de colocar os comandos com por exemplo:

on (release){
getURL("urldeprferencia");
}
Por: Ernani
10/7/07
Consegui fazer o botao mas ele esta executando sem que eu clique nele.....alguma dica sobre isso?


Grato Ernani
Flash mx
Por: Igor
15/7/07
eii.. eu consegui fazer o botao só que tive um problema.. quando fui por ele na pagina ele fikou dentro de uma imagem branca e quando deixava ele pequeno ele ficava pequenininho.. me ajude
Por: ROMULO ALMEIDA
09/10/07
Muito bom esse site. parabens pela iniciativa e que melhore mais pois ajuda e muito o usuario leigo no assunto.
Por: lucas
03/11/07
aond eeu faço esse flash
pode ser no front page?
Por: Fred
18/3/08
muito bom, só preciso de uma dica: como colocar uma animação entre cada estágio do botão
Por: josue
25/4/08
ola ...queria saber por favor..
que programa e essse??

e se sabem onde baixar..

agradeceria......
contactem pelo e mail..por favor..se alguem souber,,
valew...obrigado
Por: manekolopp
05/5/08
Queridos Maninhos!
HELP!....
Preciso instruções Passo a Passo:

Para apresentação de uma sequência de Slides (Fotos) em Flesh cujo filme, está pronto.
Falta-me introduzir dois botões visíveis para RECUAR / AVANÇAR .
Como posso executar da melhor forma possível ?....
Agradeço a ajuda.
Por: Geasi
28/7/08
Este artigo contem um erro:
Na hora de codificar o link não pode esquecer de colocar o release:

Ficaria assim:

on (release) {
getURL("http://www.criarweb.com");
}
Por: Thaiane
02/11/08
nossa agora sim consigo enteesse programa nunca foi tão facil trabalhar com o flash
Didática do curso
Por: paulodericardo
20/7/09
Muito bom curso.
Essa etapa dos botões foi de bom
nível pedagógico.
Parabéns.

Paulo
Programa
Por: xade
06/2/10
Aew Que Programa tu Usa ?
inserindo textos sobre os botões
Por: artdigital
30/3/10
Boa tarde.
Excelente esse tutorial, com ele consegui fazer os botões corretamente.
Por gerntileza seria possivel me esclarescer uma dúvida (acabei de me cadastrar e essa é a 1ª vez que visito esse site, pois estava procurando tutoriais sobre o assunto em pauta e encontrei o presente tópico) a questão é que ao inserir um texto sobre os botões (o texto) atrapalha o efeito do over como poderia solucionar isso.
Ogrigada.

Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato