Como criar símbolos de botão no Adobe Flash CS6 - manequins

Nos botões Adobe Flash CS6, são tipos de símbolos especiais criados para responder à interação do mouse ou do teclado, tais como como cliques, rollovers e pressionamentos de teclas específicos. Quando emparelhado com o ActionScript, os botões podem ser usados ​​para qualquer tarefa de navegação ou controle. Os botões são criados da mesma forma que outros tipos de símbolos, e você pode facilmente arrastar instâncias para o palco da sua biblioteca para criar mais botões.

Os botões realmente ganham vida depois que o ActionScript é adicionado, mas você deve entender como criar os botões apropriados antes de conectá-los.

Como criar um novo botão no Adobe Flash CS6

Tal como acontece com os símbolos gráficos, você pode criar botões do conteúdo existente no palco ou como novos símbolos vazios aos quais você pode adicionar conteúdo posteriormente.

Siga estas etapas para criar um novo símbolo de botão a partir de conteúdo existente:

1. Em uma nova camada no seu documento, crie uma forma nova e sólida no palco que você deseja usar como um botão e selecione a forma com a ferramenta Seleção.

2. Escolha Modificar → Converter em símbolo.

   A caixa de diálogo Converter em símbolo aparece.

3. Digite um nome para o seu novo botão na caixa de texto Nome e selecione o botão na lista suspensa Tipo.

4. Clique em OK para criar o botão.

Escolha Janela → Biblioteca para iniciar o painel da Biblioteca e você vê o novo símbolo com o ícone do botão especial ao lado.

Como adicionar conteúdo aos estados de botão no Adobe Flash CS6

Você pode adicionar conteúdo a cada quadro do seu botão para concluí-lo:

1. Se ainda não estiver aberto, edite seu novo botão clicando duas vezes nele no palco ou no painel da Biblioteca.

   Você deve ter algum conteúdo no estado Up desde quando você criou o botão. Agora, você também pode definir conteúdo para estados restantes.

2. Selecione o quadro Over na linha do tempo do botão e adicione um novo quadro-chave com a tecla de atalho F6.

3. Use a ferramenta Seleção ou o Inspetor de propriedades ou outra ferramenta de desenho para modificar a obra de arte no quadro Over.

   

4. Selecione o quadro Abaixo e insira um novo quadro-chave usando a tecla de atalho F6.

5. Modificar ou adicionar conteúdo ao quadro Abaixo.

   Esta etapa determina como o botão aparece quando o usuário clica e mantém pressionado o botão do mouse.

6. Selecione o quadro Hit e crie um novo quadro-chave pressionando a tecla de atalho F6.

7. Use a obra de arte existente que é copiada para este quadro-chave ou uma das ferramentas de forma para preencher esse quadro com uma área de Hit grande e cheia.

8. Sai do botão clicando na cena 1 acima do palco.

9. Escolha Controle → Testar filme para visualizar seu filme.

   Rollover e clique no seu novo botão para ver os diferentes estados em ação.

Como modificar instâncias de botão no Adobe Flash CS6

As instâncias de botão individuais podem ter transformações únicas e efeitos de cores aplicados, assim como instâncias de símbolos gráficos. Além disso, cada botão pode ter um ActionScript exclusivo aplicado a ele, para que você possa usar várias instâncias de um único símbolo de botão para criar um menu inteiro ou barra de controle.

Veja como adicionar e modificar instâncias adicionais do seu botão no palco:

1. Escolha Janela → Biblioteca para garantir que o painel da Biblioteca esteja visível.

2. Arraste mais duas instâncias do seu símbolo do botão para a mesma camada que a instância do botão existente.

   Se necessário, posicione os botões para que eles estejam separados um do outro.

3. Selecione uma das instâncias do botão e escolha Janela → Propriedades.

   O inspetor de propriedades é aberto.

4. Escolha Tinta na lista suspensa Estilo na seção Efeito de cor.

5. Selecione uma cor e defina a porcentagem de matiz para 100%.

   O botão fica matizado com a cor escolhida.

6. Selecione uma instância de botão diferente, escolha a ferramenta Transformar no painel Ferramentas e use a ferramenta Transformar para redimensionar ou girar o botão selecionado.

Botões de pré-visualização, escolhendo Controle → Testar filme ou Controle → Ativar botões simples.