Fazendo Botões
2 participantes
Foge Foge :: Escola Artística Fugitiva :: WebDesign :: Tutoriais :: Flash
Página 1 de 1
Fazendo Botões
Primeiro, criaremos um novo símbolo, fazendo a seguinte combinação de teclas: CTRL+F8.
Aparecerá o seguinte quadro:
2- Em Name (Nome), escreva "botao_btn" sem aspas, em Behavior (Comportamento) selecione a opção Button (Botão), finalmente clique em OK.
Automaticamente, seremos enviado desde a Cena 1 ao palco do símbolo " botao_btn "; 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 com a seguinte imagem:
Olhe para a Timeline (linha do tempo), como se pode notar é diferente à linha do tempo da Cena 1. Devemos entender que Up, Over, Down e Hit são os quatro estados de um botão. Vejamos a seguir, o que representa cada estado.
Up (Repouso): é quando o mouse não está colocado sobre nosso botão ou não se clicou sobre ele.
Over (Sobre): é quando o mouse está colocado sobre o botão, mas ainda não se clicou sobre ele.
Down (Pressionado): logicamente, é quando se clica sobre o botão.
Hit (Zona Ativa): é a área de atuação pertencente ao botão, e quando ele está ativo.
Agora vamos desenhar o Botão:
3- Clique sobre a ferramenta de Rectangle Tool (Retângulo), que se encontra no Painel de Ferramentas.
4- Desenhe um retângulo no centro da área de trabalho, e coloque a cor vermelha.
5- Depois pressione a tecla F6; isto fará com que na Timeline (linha do tempo) passe ao estado Over (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 se dirija ao Preenchimento de Cor que se encontra na seção cores do Painel de Ferramentas, e escolha a cor azul, como se mostra a seguir:
7- Depois pressione novamente a tecla F6, para que passe ao estado pressionado, e mude a cor de preenchimento da mesma forma que fizemos no passo 7; e escolha uma cor verde pode ser.
Finalmente pressione pela última vez F6 para passar ao estado Hit, 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 "botao_btn", poderá arrastá-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 aprovar o filme faça a tradicional combinação de teclas CTRL + Enter. Se depois quiser ver o filme em seu nagevador de internet, pressione as teclas CTRL + F12.
Aparecerá o seguinte quadro:
2- Em Name (Nome), escreva "botao_btn" sem aspas, em Behavior (Comportamento) selecione a opção Button (Botão), finalmente clique em OK.
Automaticamente, seremos enviado desde a Cena 1 ao palco do símbolo " botao_btn "; 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 com a seguinte imagem:
Olhe para a Timeline (linha do tempo), como se pode notar é diferente à linha do tempo da Cena 1. Devemos entender que Up, Over, Down e Hit são os quatro estados de um botão. Vejamos a seguir, o que representa cada estado.
Up (Repouso): é quando o mouse não está colocado sobre nosso botão ou não se clicou sobre ele.
Over (Sobre): é quando o mouse está colocado sobre o botão, mas ainda não se clicou sobre ele.
Down (Pressionado): logicamente, é quando se clica sobre o botão.
Hit (Zona Ativa): é a área de atuação pertencente ao botão, e quando ele está ativo.
Agora vamos desenhar o Botão:
3- Clique sobre a ferramenta de Rectangle Tool (Retângulo), que se encontra no Painel de Ferramentas.
4- Desenhe um retângulo no centro da área de trabalho, e coloque a cor vermelha.
5- Depois pressione a tecla F6; isto fará com que na Timeline (linha do tempo) passe ao estado Over (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 se dirija ao Preenchimento de Cor que se encontra na seção cores do Painel de Ferramentas, e escolha a cor azul, como se mostra a seguir:
7- Depois pressione novamente a tecla F6, para que passe ao estado pressionado, e mude a cor de preenchimento da mesma forma que fizemos no passo 7; e escolha uma cor verde pode ser.
Finalmente pressione pela última vez F6 para passar ao estado Hit, 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 "botao_btn", poderá arrastá-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 aprovar o filme faça a tradicional combinação de teclas CTRL + Enter. Se depois quiser ver o filme em seu nagevador de internet, pressione as teclas CTRL + F12.
Riqui BlackGangsta- Fuga Power
- Idade : 28
Localização : Portugal
Tópicos semelhantes
» Fazendo Plugins no FireFox
» Fazendo o jogo da cobra
» O que as pessoas andam fazendo na internet?
» Fazendo caixas pelo Bloco de notas.
» Fazendo o jogo da cobra
» O que as pessoas andam fazendo na internet?
» Fazendo caixas pelo Bloco de notas.
Foge Foge :: Escola Artística Fugitiva :: WebDesign :: Tutoriais :: Flash
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|