Da gota menus para baixo - ser um mestre Flash do menu!

| by Jake Smith | September 14, 2007
Os Web site Flash não são conhecidos geralmente para sua facilidade de utilização. Quase cada local tem uma relação de usuário não padronizada, que possa significar o problema para seus convidados surfing enquanto gasta o tempo precioso que começa usado a sua relação de usuário.


Uma relação que a maioria de povos que' o ve usou um computador por mais de 20 minutos podem segurar é o menu da gota para baixo. Rápido e fácil fazer quando você sabe o que seu fazer, ele é grande para os locais e os projetos que são construídos com expansão na mente. Adicionar um outro artigo, adicionar uma outra opção em um dos menus.


Este exemplo é baseado realmente em uma lima flash que possa ser encontrada em http://www.jake-man.co.uk/, um local pessoal do menu da gota para baixo de meus que eu fiz sobre os consoles video dos jogos. Porque eu coletei mais consoles, eu necessitei adiciono-os ao genre específico, baseado no processador dos consoles. O menu da gota para baixo provou uma maneira grande segurar isto, porque eu poderia fàcilmente adicionar mais artigos dentro concoante que needed.


A parte inteligente deste menu da gota para baixo é “a tecla invisível”, um do cada as mais melhores armas dos desenhadores flash! Não importa o que o projeto mim está trabalhando sobre, eu termino acima de usar uma tecla invisível em algum lugar.


Bàsicamente uma tecla invisível é simplesmente uma tecla flash, com nenhum índice nos primeiros 3 frames, apenas uns objeto/forma na área da batida. Você pode expandir neste para adicionar sons no estágio do “excesso”, de modo a rolos sobre a tecla invisível, jogos de um usuário de um som. Há muito você pode usá-los para, assim que é bom começar usá-los o mais cedo possível.


Que eu necessito antes que eu comece?
Você necessitará o flash 5 de Macromedia, que está no CD da tampa


Como é duramente?
Fácil - um conhecimento das teclas e das etiquetas do frame e dos grampos do filme deve ser tudo que você necessita.


Quanto tempo fará exame?
10-15 minutos


Andar completamente: Uma caminhada de 14 estágios completamente do software com uma garra para cada um
estágio e 50-60 palavras.


Estágio 1
As primeiras coisas primeiramente… decidem o tamanho de seus filme, taxa do frame e cor do fundo. Você pode mudar estes mais tarde, mas pode dar-lhe alguns headaches se você mudar dràstica tamanhos da cena.
Eu escolhi um fundo preto, uma taxa do frame de 21 fps e um tamanho de 120 pixels largamente por 400 pixels altos.


Estágio 2
É hora de adicionar nossas opções principais do menu. Para meu local console-relacionado, eu agrupei tudo pelo processador. 8 bocado, bocado 16 e assim por diante. Adicionar cada opção do menu como as partes separadas de texto, poder escolhem também a pia batismal e a cor agora.


Estágio 3
Selecionar a primeira opção do menu, e bater F8 (ou selecionar Insert>convert ao símbolo…) e nomear o movieclip algo útil. Para “a parte do bocado 8” de texto, eu nomearei o movieclip “text-8bit”. Fazer o mesmo com todo o outro texto separado da opção do menu.


Estágio 4
Selecionar agora “o grampo do filme do bocado 8”, e fazer um outro grampo do filme batendo F8 outra vez. Nomear este “menu-8bit”. Editar o “menu-8bit recentemente criado” estalar dobro nele (confundindo no início, eu sei!) na biblioteca e ajustado acima as camadas como mostrado no retrato.


Estágio 5
Nós estamos agora prontos para começar trabalhar em como nosso menu se comportará. Nós necessitamos um frame para um estado inativo do menu, e um frame para quando o artigo de menu é estalado sobre. Adicionar keyframes no frame 5, e adicionar uma etiqueta nomeada “fechou-se” no frame 1, e uma etiqueta nomeou “abre” no frame 10.


Estágio 6
Nós necessitamos um pouco do actionscript nestes 2 frames etiquetados, nada principal, apenas um comando do batente manter o filme de rolar longitudinalmente no seus próprios. Adicionar o comando a cada frame como mostrado no retrato.


Estágio 7
Tempo para fazer nossa tecla invisível. Criar um retângulo em uma camada em branco debaixo “da opção do menu do bocado 8”. Selecionar o retângulo e bater F8 outra vez, dar à tecla um nome, mim sugerem “o menu tecla-invisível”. Editar esta tecla, estalar dobro em seu nome na biblioteca.


Estágio 8
É aqui a garra inteligente da parte… simplesmente o keyframe “acima” do estado da tecla e arrasta-a sobre ao frame da “batida”. Isto deve resultar em um keyframe em branco no “acima”, no “excesso” e de “para baixo” estados, mas em um retângulo na área da batida.
A tecla não dará nenhum gabarito visível neste estado, mas agirá como um ponto quente. Grande para adicionar abotoa-se às fotos ou à arte -final…


Estágio 9
… mas nós querer fazer um menu. Assim nós necessitamos adicionar algo no frame do rollover da tecla invisível, assim que copí o retângulo da área da batida e selecionar Edit>Paste no lugar para duplicar o menu. Agora você pode mudar a cor, a transparência, adiciona um efeito sadio etc. Fazer o mesmo no “para baixo” moldam demasiado…


Estágio 10
Assim nós temos nossa opção do menu no primeiro frame, completo com uma tecla que necessite um certificado… assim que estalamos sobre a tecla uma vez, abrimos a janela do actionscript, e dobro estalar sobre ir comandar em ações básicas. Selecionar o tipo do `: Quadro a caixa do jogo da etiqueta' e incorporar o `aberto' à caixa, e o uncheck “vai a e”.


Estágio 11
Frame “aberto” de nosso menu, nós necessitamos adicionar a lista das opções que aparecerão quando em nosso “bocado 8” o menu é estalado sobre. Eu adicionei alguns nomes da tentativa de alguns consoles… e mantenho o inferior justo do primeiro artigo da lista onde “o bocado 8” apareceria. Criar uma camada nova no fundo very e adicionar um quadrado do fundo, assim que seus blocos do menu as outras opções quando estalado.


Estágio 12
Na camada abaixo das opções no frame “aberto” eu estou indo arrastar “o menu tecla-invisível” para fora da biblioteca, uma do menu para cada opção do menu e resize as para caber. O certificado para cada uma destas teclas determina aonde o usuário vai quando estalam… neste caso, mim está indo simplesmente carregar um outro Web page em um frame, você pode ver o certificado no retrato.


Estágio 13
Finalmente, quando o usuário “rola fora” do menu, nós queremos retornar ao “fechamos” o frame. A mais melhor maneira fazer isto acontecer é ter 3 ou 4 áreas invisíveis enormes da batida para travar o rato dos usuários. Criar uma outra tecla invisível como no estágio 8, only enchendo-se na área da batida, e adicionar o certificado à tecla nova como no retrato, a seguir duplicá-lo duas vezes.


Estágio 14
Repetir isto para cada opção que principal do menu você necessita. Eu segui o processo inteiro 4 vezes para meu menu. Ser certo reúso tão frequentemente as teclas invisíveis quanto possível, como isto reduz o tamanho de lima final do filme. Apesar de tudo, um menu simples não tem que ser 200k excedente!

Article Source: http://www.articleset.com



About the Author

Jake Smith is Creative Director for JP74, an interactive digital media company based in Blackburn, Lancashire. For further information see http://www.jp74.com » Read more articles by Jake Smith
You are welcome to publish or reprint this article free of charge, provided: