SlideShare uma empresa Scribd logo
1 de 2
Observe que a linha de tempo de um botão é diferente das linhas de tempo normais.

4. Desenhe um retângulo de 150 pixels de largura por 20 de altura e pinte-o da cor que quiser.
5. Escreva sobre este botão a palavra “Produtos”.
6. Pressione F6 e observe a linha de tempo, nós repetimos a aparência do botão em seu segundo estado o “Over”.
7. Modifique a cor do retângulo e do texto.
8. Pressione F6 novamente. Agora a aparência de “Over” está presente também em “Down”.
9. Modifique a cor do retângulo e do texto.
10. Pressione F6 novamente para o botão estar presente na área “Hit”, mais tarde veremos a utilidade desta área.
11. Retorne a cena principal.
12. Pressione F11 para exibir a biblioteca e crie uma instância do botão no palco.
13. Pressione CTRL ENTER e experimente seu botão, passe o mouse sobre e clique.
Preciso criar outros botões a partir deste.
Os botões de um mesmo menu devem ser padronizados, cores, fontes, formatos, etc. Sendo assim todos os outros botões deve
ter a mesma aparência, não precisamos repetir todo o processo, devemos duplicar o botão a partir da biblioteca e alterar o seu texto em
todos os estados do botão.
criar.

1. Pressione F11 para mostrar a biblioteca e clique com o botão direito do mouse sobre o nome do botão que você acabou de

2. Escolha Duplicate e clique em OK. Você pode copiar e colar
3. Clique duas vezes sobre a visualização do botão duplicado na biblioteca.
4. Entramos no modo de edição do botão, altere o texto do botão para “História” nos três estados do botão e retorne a cena
principal, não use copiar/colar, por que se você tiver colocado cores diferentes para cada estado do botão, eles ficarão com a cor do
estado Up.
5. Crie uma instância deste botão no palco, e experimente de novo seu filme.
Botões com som
É muito simples inserir um som em botões do Flash, no exemplo prático abaixo vamos inserir um som no estado Over e no
estado Down, para que um som seja executado quando o mouse passar sobre o botão e quando o botão for clicado.
Exemplo prático
1. Crie um novo arquivo com 400 pixels de largura e 250 de altura.
2. Clique no menu Insert/New Symbol, selecione a opção Button e OK.
3. Desenhe um retângulo com 130 pixels de largura e 20 pixels de altura no centro do palco.
4. Digite uma palavra qualquer em cima do botão.
5. Pressione F6 três vezes.
6. Clique no estado Over e modifique a cor do texto.
7. Ainda no estado Over acesse o menu File/Import/Import to Library.
8. Importe dois arquivos .wav para sua biblioteca e pressione F11 para exibi-la.
9. Clique em um dos sons na biblioteca e arraste-o para o palco (ainda no estado Over).
10. Selecione o estado Down e arraste o outro som para o palco.
11. Retorne a cena principal, insira o botão nesta cena e teste-o.
Criando um banner clicável
Vamos criar um banner que, quando clicado abre outra página.
1. Crie um novo arquivo no Flash com 468 de largura e 60 de altura.
2. Escolha um site que você queira anunciar no seu site e crie uma animação.

3. Para fazer com que o banner possa ser clicado e abrir outro site devemos criar um botão invísivel e posicionar este botão em
cima do banner. Temos de fazer isto porque queremos que o visitante clique em cima do banner para abrir outro site e só um
botão aceita o evento on release.
4. Clique em Inserir/Novo símbolo/Botão.
5. Não desenhe nada em “Para cima”, clique em “Área” e pressione F7 para criar um quadro chave.

6. Retorne a Scene 1 e abra a biblioteca, pressionando F11.
7. Crie uma nova camada e posicione-a acima das outras.
8. Clique no quadro 1 da linha de tempo e arraste o botão para o palco. Este botão com alfa de 0 fica na cor azul transparente
somente em modo de edição quando pressionamos CTRL ENTER não vemos mais o botão e o ponteiro do mouse se transforma naquela
“mãozinha” caracteística dos botões.

Obs.: temos de posicionar o botão invisível exatamente sobre o banner (x=0 y=0), eu capturei a imagem do botão
deslocado para cima e esquerda, para que meus possíveis leitores percebam a cor original e a cor do botão quando sobre o
banner.
9. Selecione o botão e insira a ação abaixo para abrir uma página no formato normal.

Mais conteúdo relacionado

Semelhante a Tutorial botões (17)

05 camadas e fotogramas em flash - Flash 8
05 camadas e fotogramas em flash - Flash 805 camadas e fotogramas em flash - Flash 8
05 camadas e fotogramas em flash - Flash 8
 
Tutorial do hq
Tutorial do hqTutorial do hq
Tutorial do hq
 
Tutorial do-hq1
Tutorial do-hq1Tutorial do-hq1
Tutorial do-hq1
 
Tutorial Hagaquê
Tutorial HagaquêTutorial Hagaquê
Tutorial Hagaquê
 
Aula06
Aula06Aula06
Aula06
 
Word Aula 06
Word Aula 06Word Aula 06
Word Aula 06
 
Manual e-powerpoint
Manual   e-powerpointManual   e-powerpoint
Manual e-powerpoint
 
Tutorial HagaQuê
Tutorial HagaQuêTutorial HagaQuê
Tutorial HagaQuê
 
Apostila de ferramentas e utilitários no linux educacional
Apostila de ferramentas e utilitários no linux educacionalApostila de ferramentas e utilitários no linux educacional
Apostila de ferramentas e utilitários no linux educacional
 
Tutorial edilim
Tutorial edilimTutorial edilim
Tutorial edilim
 
Photoshop CS6 - Efeito Plastico
Photoshop CS6 - Efeito Plastico Photoshop CS6 - Efeito Plastico
Photoshop CS6 - Efeito Plastico
 
Apostila office-powerpoint-2007
Apostila office-powerpoint-2007Apostila office-powerpoint-2007
Apostila office-powerpoint-2007
 
50 dicas para o photoshop
50 dicas para o photoshop50 dicas para o photoshop
50 dicas para o photoshop
 
Tutorial do-hagaque
Tutorial do-hagaqueTutorial do-hagaque
Tutorial do-hagaque
 
HQ roteiro da atividade
HQ roteiro da atividadeHQ roteiro da atividade
HQ roteiro da atividade
 
Power Point Em 5 Minutos
Power Point Em 5 MinutosPower Point Em 5 Minutos
Power Point Em 5 Minutos
 
Apostila de Construct - Welington Carvalho
Apostila de Construct - Welington CarvalhoApostila de Construct - Welington Carvalho
Apostila de Construct - Welington Carvalho
 

Tutorial botões

  • 1. Observe que a linha de tempo de um botão é diferente das linhas de tempo normais. 4. Desenhe um retângulo de 150 pixels de largura por 20 de altura e pinte-o da cor que quiser. 5. Escreva sobre este botão a palavra “Produtos”. 6. Pressione F6 e observe a linha de tempo, nós repetimos a aparência do botão em seu segundo estado o “Over”. 7. Modifique a cor do retângulo e do texto. 8. Pressione F6 novamente. Agora a aparência de “Over” está presente também em “Down”. 9. Modifique a cor do retângulo e do texto. 10. Pressione F6 novamente para o botão estar presente na área “Hit”, mais tarde veremos a utilidade desta área. 11. Retorne a cena principal. 12. Pressione F11 para exibir a biblioteca e crie uma instância do botão no palco. 13. Pressione CTRL ENTER e experimente seu botão, passe o mouse sobre e clique. Preciso criar outros botões a partir deste. Os botões de um mesmo menu devem ser padronizados, cores, fontes, formatos, etc. Sendo assim todos os outros botões deve ter a mesma aparência, não precisamos repetir todo o processo, devemos duplicar o botão a partir da biblioteca e alterar o seu texto em todos os estados do botão. criar. 1. Pressione F11 para mostrar a biblioteca e clique com o botão direito do mouse sobre o nome do botão que você acabou de 2. Escolha Duplicate e clique em OK. Você pode copiar e colar 3. Clique duas vezes sobre a visualização do botão duplicado na biblioteca. 4. Entramos no modo de edição do botão, altere o texto do botão para “História” nos três estados do botão e retorne a cena principal, não use copiar/colar, por que se você tiver colocado cores diferentes para cada estado do botão, eles ficarão com a cor do estado Up. 5. Crie uma instância deste botão no palco, e experimente de novo seu filme. Botões com som É muito simples inserir um som em botões do Flash, no exemplo prático abaixo vamos inserir um som no estado Over e no estado Down, para que um som seja executado quando o mouse passar sobre o botão e quando o botão for clicado. Exemplo prático 1. Crie um novo arquivo com 400 pixels de largura e 250 de altura. 2. Clique no menu Insert/New Symbol, selecione a opção Button e OK. 3. Desenhe um retângulo com 130 pixels de largura e 20 pixels de altura no centro do palco. 4. Digite uma palavra qualquer em cima do botão. 5. Pressione F6 três vezes. 6. Clique no estado Over e modifique a cor do texto. 7. Ainda no estado Over acesse o menu File/Import/Import to Library. 8. Importe dois arquivos .wav para sua biblioteca e pressione F11 para exibi-la. 9. Clique em um dos sons na biblioteca e arraste-o para o palco (ainda no estado Over). 10. Selecione o estado Down e arraste o outro som para o palco.
  • 2. 11. Retorne a cena principal, insira o botão nesta cena e teste-o. Criando um banner clicável Vamos criar um banner que, quando clicado abre outra página. 1. Crie um novo arquivo no Flash com 468 de largura e 60 de altura. 2. Escolha um site que você queira anunciar no seu site e crie uma animação. 3. Para fazer com que o banner possa ser clicado e abrir outro site devemos criar um botão invísivel e posicionar este botão em cima do banner. Temos de fazer isto porque queremos que o visitante clique em cima do banner para abrir outro site e só um botão aceita o evento on release. 4. Clique em Inserir/Novo símbolo/Botão. 5. Não desenhe nada em “Para cima”, clique em “Área” e pressione F7 para criar um quadro chave. 6. Retorne a Scene 1 e abra a biblioteca, pressionando F11. 7. Crie uma nova camada e posicione-a acima das outras. 8. Clique no quadro 1 da linha de tempo e arraste o botão para o palco. Este botão com alfa de 0 fica na cor azul transparente somente em modo de edição quando pressionamos CTRL ENTER não vemos mais o botão e o ponteiro do mouse se transforma naquela “mãozinha” caracteística dos botões. Obs.: temos de posicionar o botão invisível exatamente sobre o banner (x=0 y=0), eu capturei a imagem do botão deslocado para cima e esquerda, para que meus possíveis leitores percebam a cor original e a cor do botão quando sobre o banner. 9. Selecione o botão e insira a ação abaixo para abrir uma página no formato normal.