Como criar botões no Flash - os manequins

Os menus de navegação precisam de botões. O Flash oferece todas as ferramentas para criar alguns botões realmente legais. Se você ainda não criou os botões Flash, considere este seu batismo de fogo. Para criar um botão para o seu menu, siga estas etapas:

1 Escolha a opção → Novo símbolo.

Aparece a caixa de diálogo Criar novo símbolo.

2 Digite um nome para o seu símbolo e escolha o comportamento do botão no menu suspenso Tipo.

Você está criando um menu e o local óbvio para iniciar um menu é com o botão Início. Portanto, nomeie o botão Início .

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

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

Este estado determina a área de destino do botão. Você adiciona o estado de Gravidade se você tiver um botão particularmente delicado que possa ser difícil de selecionar.

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

O Inspetor de propriedades é aberto.

5Crie o tamanho da forma para o seu botão.

Ao criar botões, use a ferramenta Retângulo com um raio de canto de 50 px para obter uma forma oval. Antes de criar a forma, altere o valor das opções Rectângulo no Inspetor de Propriedades para 50, o que lhe dá uma boa borda arredondada. A escolha da Visualização → Regras permite que você crie um objeto que seja o tamanho aproximado do botão.

6Selecione a forma do botão e, no Inspetor de Propriedades, digite as dimensões desejadas para o seu botão nos campos de largura e altura.

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

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

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

8Clique no botão Nova camada no canto inferior esquerdo da linha do tempo.

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

9 Clique duas vezes no título da camada do texto do botão.

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

10Introduza um nome para a camada.

Texto é um nome tão bom quanto qualquer. Enquanto você estiver nisso, mude o nome da camada em que o botão reside. Botão Forma é um bom nome.

11Selecione a ferramenta Texto e digite o nome desejado.

Neste caso, o botão é chamado de Home. Quando um visitante clica neste botão, ele vai para a página inicial.

Um tutorial completo na ferramenta Texto está além do escopo deste livro. No entanto, se você olhar para o Inspetor de propriedades, você vê como é fácil configurar parâmetros para a ferramenta Texto.

12Pressione F5 no quadro Para baixo na camada de texto.

Copia o conteúdo do quadro para cima para os estados Over e Down.

13Pressione F6 para criar quadros-chave para os estados Over e Down na camada Shape Button.

A criação de quadros-chave permite que você altere ou modifique o conteúdo desses quadros, ou faça algumas outras alterações que notificarão os usuários que realmente encontraram um botão clicável. O gráfico no estado Down aparece quando os usuários clicam com sucesso no botão.

14Make mudanças nos estados Over e Down para a camada Button Shape.

Para este exemplo em execução, mudamos a cor do botão para vermelho no quadro Over e para Orange no quadro Down.

15Clique no botão Voltar (parece uma seta e é deixado do título da cena acima da camada superior).

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