Software  
 
Conhecimento computador >> Software >> Software de Animação >> 
Como criar Flash Animated navegação Web
Criação de um Flash ActionScript 3 navegação animado não só acrescenta interatividade ao seu site, mas também permite que os usuários saibam onde estão. As maneiras de adicionar animação a navegação é limitada apenas pela imaginação, mas para você começar , você vai criar uma simples bola que segue o seu mouse ao longo do menu de navegação. Esta lição também usa matrizes , para aqueles de vocês que são novos para matrizes , esta é uma ótima maneira de obter seus pés molhados. Instruções
1

Open Flash e clique em " Arquivo", " Novo" e clique em "Arquivo Flash (ActionScript 3.0 ) " no menu de arrancamento. Clique na ferramenta Retângulo na barra de ferramentas , e ao mesmo tempo mantendo o mouse, arrastar pelo palco para desenhar um retângulo . Clique na ferramenta de texto e digite " Play" na parte superior do retângulo .
2

Clique em ambos o retângulo eo texto " Play" para destacá-los . No menu principal , clique em " Modificar ", clique em "Convert to New Symbol" a partir do menu desdobrável . Clique na caixa radial "Button" e digite " playMC " para o nome.
3

Clique em " janela" no menu principal e clique em "Propriedades" e depois em "Propriedades" novamente a partir do menu pull -out. Com seu fundo eo texto ainda realçado , digite " home_btn " no campo Nome da Instância no painel de propriedade
4

Clique . "Layer Insert " na parte inferior da linha do tempo , com o nome " botões. " Clique na ferramenta de texto na barra de ferramentas . No painel Properties, clique em " Static Text ". Digite seus títulos de navegação, como "Home ", "About" e " Contato ".
5

botão direito do mouse "Home" e , em seguida, clique em "Convert to Symbol " no menu desdobrável . Nomeie-o "Home ", clique em "Button" para o tipo de símbolo e , em seguida , na linha do registro inferior, clique na caixa de seleção do meio. Clique em " OK".
6 Tipo

em " home_btn " para um nome de instância no painel Propriedades. Repita esse processo para todos os seus títulos de navegação. Dê a cada um nome único instante como " contact_btn ".
7

Clique em "Inserir Camada " na parte inferior da linha do tempo , com o nome " animado ". Clique na ferramenta Oval na barra de ferramentas e desenhe uma bola no palco , segurando o mouse pressionado e arrastar. Posicione a bola por baixo do botão "Home" .
8

clique com o botão direito sobre a bola e , em seguida, clique em "Convert to Symbol " no menu pull-out , o nome " ball_mc " e clique em " Movie Clip " para o tipo de símbolo. Clique em " OK".
9

Clique em "Inserir Camada " na parte inferior da linha do tempo , com o nome " AS3 ". Clique com o botão direito do mouse no quadro 1 da sua camada de Ação e , em seguida, clique em " Ação " no menu desdobrável . Digite o seguinte código:

fl.transitions.Tween importação ;

fl.transitions.easing import * ;

/* Alterar btn nomes como necessários * /< . br>

var buttonsArr : Array = new array ( home_btn , contact_btn );

var linkArr : Array = new array ();

/* Alterar endereço de navegação (var i : uint = 0; i < buttonsArr.length ; i + +) {

buttonsArr [i] addEventListener ( MouseEvent.ROLL_OVER , moveFollow );

buttonsArr [i] addEventListener . . ( MouseEvent.CLICK , clickURL );

}

função moveFollow (event: MouseEvent ): void {

novo Tween ( ball_mc , "x" , Strong.easeOut , ball_mc.x , event.currentTarget.x , 1, true); }


função clickURL (event: MouseEvent ): void {for (var j : uint = 0; j < linkArr.length ; j + +) {

if ( event.currentTarget == buttonsArr [j] ) {

navigateToURL (new URLRequest ( linkArr [j] ) );}} }

Anterior :

Próximo : No
  Os artigos relacionados
·Como restringir o Caminho filme do Flash 
·Como construir um modelo de site em Flash Música 
·Como editar XML Flash Templates 
·Como criar máscaras em Adobe Flash 
·Como Chegar ao painel Ações no Adobe Flash CS4 
·Como alisar um vinco em Maya 
·Como parar SWF Do Looping 
·Como usar o Pivot Stickfigure 
·Como fazer queda Meteors em After Effects 
·Como mudar as pessoas em Animações 
  Artigos em destaque
·Adobe Illustrator Dicas & Técnicas 
·Folha de Ouro Efeito no Photoshop 
·Como instalar o Illustrator S3 Drop Shadow 
·A crescente Efeito em AS3 
·Como mover um Gradiente em um Illustrator 
·Eu não posso baixar Logos Usando Adobe Illustrator 
·Como fazer silhuetas em Illustrator 
·Como usar o Visual Jockey 
·Como usar Perspectiva em Illustrator 
·Como usar Max Backburner 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados