sábado, 13 de julho de 2013

Como fazer menu em flash animado

Olá! Eu hoje vou ensinar como fazer um menu em flash animado. É isso mesmo.
Bom caso você não tenha o Adobe Flash CS6 pode baixar do site da Adobe. Bom se você procurar Adobe Flash no Google, vai dar um novo CC, esse CC não dá muito bem para linkar os menus. Então para você ver os produtos CS6 da Adobe terá de clicar aqui (irá abrir numa nova janela) e descer a página até encontrar "Flash Professional CS6", escolhe a língua e se você usa Windows ou MAC.
Depois de você baixar o Flash, deve crackea-lo. Não deve usar nenhum programa para o fazer automático, mas sim baixar este arquivo, clique aqui e movê-lo para a pasta instalada do Flash. Deve abrir os Documentos ou o Meu computador e na barra de cima:

Deve colar:
C:\Program Files (x86)\Adobe\Adobe Flash CS6
ou então:
C:\Program Files\Adobe\Adobe Flash CS6 
 Depois disso ele irá estar crackeado e pronto a usar.
Agora vamos então criar o menu.
Eu sugiro que crie um menu no Fireworks, Photoshop ou onde conseguir criar mas sem efeitos ou seja só a base. Eu fiz isso:

(recomendo que faça o menu separado, o Home, Sobre tudo em caixas de texto separado)
Depois abra o Flash, é importante que seja em ActionScript 2.0 (o novo Flash CC não contém o ActionScript 2.0 só tem o 3.0) e depois insira as medidas do seu cabeçalho:

(clique na imagem para aumentar)
No meu caso é 982 x 392 e depois coloque tudo menos as páginas.
(clique na imagem para aumentar)
Aqui tem de tomar atenção. Porque se você pré-visualizar o seu SWF, ele irá estar com má qualidade. Para colocar melhor deve ir na barra lateral direita, Biblioteca e Bitmap1, aperte na tecla direita em cima do Bitmap1 e Propriedades. Troque o Foto (JPEG) para Sem perdas (PNG/GIF) e dê Ok. Para pré-visualizar pressione as teclas CTRL + ALT + ENTER. Depois volte no Fireworks e copie um a um cada parte do menu.
Quando concluído, quando estiver assim:


Deve apertar tecla direita em Home depois Converter em símbolo e colocar assim:
E fazer isso em todos trocando o Home por Sobre, Equipe e Encomendas.
Agora vamos adicionar o efeito em todos. Vamos clicar duas vezes no Home e vai aparecer isso:
depois na barra de cima (Linha do Tempo) verão que na Camada 1 contêm 4 ações, Acima, Sobre, Para e Ocorrência. Só os primeiros 3 serão necessários. Eis a explicação dos necessários:
Acima - Quando o mouse está fora do botão.
Sobre - Quando o mouse fica em cima do botão.
Para - Quando você aperta o botão.
Bom em baixo de Sobre deve clicar na tecla direita e clicar em Inserir quadro-chave e agora vai no Fireworks criar o efeito quando o mouse fica em cima do botão. Eu irei mudar a cor do contorno. Podem também adicionar um rectângulo atrás, você é que decide. E coloca em cima do Home que estava lá. Faz isso com todos os botões. Para verem como ficou o meu cliquem aqui (como sempre irá abrir em nova janela). Bom, já temos efeitos agora falta colocar links no flash.
Aperte tecla direita do mouse em cima do Home e depois procure Ações, lá coloque esse código:
on (release) {
getURL("LINK", "_blank");
}
Editando o código:
Troque LINK por o link da página que você quer linkar
Tem de fazer isso em todos os botões. Atenção é necessário colocar http:// para não bugar.
Depois de ter tudo linkado para salvar vá em Arquivo -> Exportar -> Exportar Filme e salve onde quiser. Pronto ele está feito e salvado. Aconselho a guardar o menu também em .fla para depois se precisar de editar alguma coisa. Agora também irei dizer como colocar no blog. Em primeiro lugar é preciso um host, que permita você fazer upload do cabeçalho. Eu recomendo o webs.com.
Depois de tiver feito upload tem de ir ao painel do blogger, escolha o seu blog e edite o HTML. Dê CTRL + F e procure:
<div id='header-wrapper'>
Depois embaixo desse código coloque:

<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' height='ALTURA' width='LARGURA'><param name='movie' value='LINK DO SWF'/><param name='quality' value='high'/><param name='wmode' value='transparent'/><embed height='ALTURA' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high' src='LINK DO SWF' type='application/x-shockwave-flash' width='LARGURA' wmode='transparent'></embed></object>
E faça as respectivas edições:
Troque Altura;
Troque Largura;
Troque Link do SWF;
Atenção é tudo repetido.
E salve o modelo.
Bom meus amigos. Eu espero que gostem da minha postagem. Se tiver alguma dúvida, fale no meu Twitter ou deixe comentário na postagem.

Já me seguiu no Twitter? Faça agora! Sigo devolta!

~> Mouro 001

4 comentários:

  1. Como crio o efeito no Fireworks de quando o mouse fica em cima do Botão? Obrigado

    ResponderEliminar
  2. Eu não consigo colocar no blog, nem linkar os botões

    ResponderEliminar
  3. Na hora que eu coloco os links do menu o fundo deles fica branco da pra explicar essa coisa melhor? '-----------------------------------------------------------------------------------------------------------------------------'

    ResponderEliminar