[Tutorial] Fazendo botões em Flash
2 participantes
:: DESIGN GRÁFICO :: Tutoriais Gráficos :: Adobe Flash
Página 1 de 1
[Tutorial] Fazendo botões em Flash
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.
Re: [Tutorial] Fazendo botões em Flash
Antigão isso ai, mas vejo que ainda serve pra alguma coisa, valeu por compartilhar.
sotelo- Membro
- Número de Mensagens : 114
Idade : 28
Pontos : 133
Data de inscrição : 21/10/2010
:: DESIGN GRÁFICO :: Tutoriais Gráficos :: Adobe Flash
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|