Upload
joao-gabriel-de-carvalho
View
369
Download
3
Embed Size (px)
DESCRIPTION
Na nossa terceira e última aula sobre Flash, veremos o processo para desenvolvimento de botões e como modificamos alguns aspectos deste objeto, a apresentação de hoje está em forma de tutorial, mas em caso de dúvidas, basta deixar seu comentário logo abaixo. bom estudo e até a próxima!
Citation preview
Curso prático - Web Design
Profº João Gabriel de Carvalho.
Botões
Botões são símbolos que contém quatro quadros-chaves.
Cada quadro representa um estado diferente do botão:– UP: define a aparência normal do botão– OVER: define a aparência quando o cursor estiver sob
o botão– DOWN: define a aparência do botão quando clicado– HIT: define a área “clicável” do botão
Como desenvolver botão no Flash:
1. Crie um novo documento no flash (CTRL+N) configurado com a dimensão que você deseja para o botão.
Como desenvolver botão no Flash:
2. Crie um novo símbolo (CTRL+F8), e defina o nome que desejar e altere o tipo para “Button”.
Como desenvolver botão no Flash:
3. Selecione o quadro “Up”, transforme em quadro chave (F6) e defina como será a aparência normal do botão, alinhe tudo no meio do ponto de registro/cruz, com a combinação CTRL+K.
Como desenvolver botão no Flash:
4. Selecione “Over”, transforme em quadro chave (F6) e defina como será a aparência quando o cursor estiver sob o botão, alinhe tudo novamente no meio do ponto de registro/cruz.
Como desenvolver botão no Flash:
5. Selecione agora “Down”, transforme em quadro chave (F6) e defina como será o botão quando clicado, alinhe tudo novamente no meio do ponto de registro/cruz.
Como desenvolver botão no Flash:
6. Passo importante: repita o processo em “Hit”, mas desta vez desenhe um retângulo preto com a mesma dimensão do palco, servirá para definir toda a área do botão como “clicável”.
Como desenvolver botão no Flash:
7. Volte para a cena como mostrado na área vermelha, abra a biblioteca de símbolos (CTRL+L), insira o botão no palco e visualize a aparência em todos os estados (CTRL+ENTER).
Como desenvolver botão no Flash:
8. Para colocar hiperlink no botão, selecione o objeto, acesse o menu “Window”, opção “Code Snippets” e escolha a ação “Click to go to web page”.
Como desenvolver botão no Flash:
9. Agora substitua a URL da Adobe pelo endereço do site desejado, caso queira carregar o site na mesma guia, mude o parâmetro “_blank” por “_self”.
Como desenvolver botão no Flash:
10. Para finalizar, exporte a animação e a insira em um documento HTML.
Como desenvolver botão no Flash:
Dica bônus: Caso a animação não seja exibida no documento HTML, altere as configurações de segurança como mostrado na imagem acima.
Esta apresentação já se encontra disponível para download em:
http://slideshare.net/jao1gabriel