Como criar botões no flash

1Escolha Inserir → New Symbol

A caixa de diálogo Criar novo símbolo aparece.

2Digite um nome para o símbolo e escolha o comportamento do botão do menu drop-down Tipo

Você está criando um menu, e o lugar óbvio para iniciar um menu é com o botão Home. Portanto, o nome do botão Casa.

3Clique em OK e Flash entra no modo de edição de símbolo

Você tem uma camada, bem como quatro estados, cada um dirigido por posição do cursor do usuário: Up, Over, Down e Hit.

Video: Botões Animados no Flash (rollover / rollout, Sons e Links) - Flash CS3

Este estado determina a área alvo do botão. Você adiciona o estado Hit se você tem um botão particularmente delicada que pode ser difícil para selecionar.

4Se ele ainda não estiver aberto, escolha Janela → Propriedades

Propriedades Inspector abre.

5Criar o tamanho da forma para o seu botão

Ao criar botões, use a ferramenta do retângulo com um raio de canto de 50 px para ter uma forma oval. Antes de criar a forma, alterar o valor Opções retângulo no Inspector Propriedades para 50, o que lhe dá uma borda arredondada agradável. Escolhendo Ver → Governantes permite que você crie um objeto que é o tamanho aproximado do botão.

6Escolha a forma de botão, e no Inspetor de propriedades, digite as dimensões desejadas para o seu botão na largura e altura campos

Para descobrir o tamanho para fazer cada botão, dividir a largura do seu menu de navegação pelo número de botões. Neste exemplo, você está criando seis botões de um menu de navegação (NAV), que é 600 pixels de largura e 25 pixels de altura. Portanto, cada botão é de 100 pixels de largura e 25 pixels de altura.

7Selecione e, em seguida, alinhe o botão para o centro do palco

Pressione Ctrl + K (Windows) ou Apple + K (Mac) para abrir o painel Alinhar. Selecione a caixa de seleção para o palco, e em seguida, clique nos ícones que se centram no botão verticalmente e horizontalmente.

Video: Como fazer um botão no flash

8Clique no botão New Layer no canto inferior esquerdo da Timeline

Flash cria uma nova camada. Tudo que você precisa saber sobre camadas para agora é que camadas ajudá-lo a organizar o seu trabalho. Para o botão, você está criando uma camada separada para o texto do botão.

9Clique duas vezes o título camada de texto do botão

Isso abre uma caixa de texto no qual você pode digitar um novo nome para a segunda camada. Não é imperativo, mas a elaboração de um nome intuitivo agora ajuda-lo a decifrar mais tarde que a camada é usado para o que quando você está criando um filme ou símbolo complexo.

10Digite um nome para a camada

Texto é um nome tão bom quanto qualquer outro. Enquanto você está nisso, mudar o nome da camada na qual o botão reside. Botão Forma é um bom nome.

11Selecione a ferramenta de texto e digite o nome desejado

Neste caso, o botão é chamado Home. Quando um visitante clica nesse botão, ele vai para a home page.

Um tutorial full-blown na ferramenta Texto está além do escopo deste livro. No entanto, se você olhar para o inspetor Properties, você vê como é fácil para definir parâmetros para a ferramenta Texto.

12Pressione F5 no quadro abaixo sobre a camada de texto

Isso copia o conteúdo do quadro para cima para os estados mais e para baixo.

13Pressione F6 para criar keyframes para os estados mais e para baixo na camada Botão Shape

Criando keyframes permite alterar ou modificar o conteúdo desses quadros, ou fazer alguma outra mudança que irá notificar os usuários que tenham realmente encontrado um botão clicável. O gráfico sobre o estado de Down aparece quando os usuários clicam no botão com sucesso.

14Fazer alterações nos estados Acima e Abaixo para a camada de botão Shape

Para este exemplo em execução, nós mudamos a cor do botão para vermelho no quadro Sobre e laranja no quadro Down.

15Clique no botão Voltar (parece uma seta, e está à esquerda do título da cena acima da camada superior)

O botão é adicionado à Biblioteca e está pronto para uso.