Jump to content


Photo

Menus


  • This topic is locked This topic is locked
15 replies to this topic

Poll: Que nota vc dá para este tutorial? (78 member(s) have cast votes)

Que nota vc dá para este tutorial?

Para visualizar a enquete e os resultados, faça o login ou cadastre-se.
Vote

#1 Sheepman

Sheepman

    Veterano

  • Usuários
  • 1497 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre - RS

Posted 07/07/2003, 14:54

1º Menu - Dificuldade: Fácil

1 - Dimensione a área para 150px por 200px

2 - Selecione a Ferramenta Texto (T)

Escreva a palavra "MENU"

3 - Selecione o texto "MENU" e pressione F8

Nomeie como bot_menu e selecione a opção Botão

4 - Dê dois cliques no botão bot_menu para editá-lo

5 - Crie um keyframe no HIT (para criar um keyframe, selecione a frame abaixo do HIT e pressione F6)

6 - Pegue a ferramenta retângulo ® e crie um retângulo que cubra toda a palavra MENU

Volte para a Cena Principal

7 - Nomeie a camada como Menu

8 - Crie duas novas camadas: Ações e Itens

Coloque a seguinte ação na 1ª frame da camada ações: stop();

9 - Adicione uma nova keyframe para cada camada

10 - Selecione a frame 2 da camada Itens, pegue a ferramenta texto (T) e escreva os itens de menu separados. Crie no mínimo 3 itens.

Transforme cada item em um botão. Faça a mesma coisa que com o botão "menu", crie a keyframe no HIT...

Feito isso nos 3 (ou mais) botões, coloque a seguinte ação no primeiro botão:
on(release){
   getURL("suapágina","método");
}

Isso que dizer: Quando clicar no botão, vá para tal URL.
Onde suapágina = seuarquivo.ext (ex.:index.html)
método = Vou citar os 2 mais conhecidos:
_self = Abre o link na página atual.
_blank = Abre o link em uma nova janela.

No segundo botão adicione a seguinte ação:
on(release){
gotoAndStop(3);
}

Adicione algo na frame 3, um texto por exemplo.
Com esta ação, ao clicar no botão 2 ele vai para a frame 3 e para. Você pode optar por usar o gotoAndPlay(); assim ele vai para a frame 3 em diante, até que venha um comando stop();

Adicione um comando de sua escolha ao botão 3

11 - Na frame 2 da camada ações, adicione outro stop();

12 - Selecione o botão menu na frame 1

Coloque a seguinte ação:
on(release){
   gotoAndStop(2);
}

Isso que dizer: Quando clicar no botão, vá para a frame 2 e pare.

13 - Selecione o botão menu na frame 2 e coloque a seguinte ação:
on(release){
   gotoAndStop(1);
}

Isso que dizer: Quando clicar no botão, vá para a frame 1 e pare.
Resumindo, essas ações no botão menu fazem com que ele abra e feche.
Pressione Ctrl + Enter para rodar o filme

http://www.sap.art.br/imagens/forum/tuto_menus/menu_iniciante.swf
Download

Fácil né? Então... até o próximo MENU!

Edição feita por: Sheepman, 05/05/2004, 14:32.

Mozart Petter - http://www.mozartpetter.com/
Não sabe o que é herança? clique aqui e descubra.

#2 Sheepman

Sheepman

    Veterano

  • Usuários
  • 1497 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre - RS

Posted 10/07/2003, 16:20

Menu 2 - Dificuldade: Média

Vamos criar um menu, que ao passar o mouse em cima ele abre, e ao retirar o mouse ele fecha. É usada uma propriedade chamada hitTest, do Flash, quando o mouse entra em contato com o menu ele abre. Vamos a um pequeno tuto!

1º - Crie um MC na 1ª camada e instancie ele como menu.

2º - Dentro do MC "menu", crie 4 camadas:

1ª: Menu - essa camada deve conter o texto "Menu", pode ser outro nome, mas como exemplo vai esse mesmo.

2ª: Área Menu - essa camada deve conter um retângulo transparente com o tamanho da área do texto "Menu". PQ? Por que é ela que vai fazer a função do hit como nos botões, mas neste casa nós não usamos botão, apenas texto!

3ª: Mask - essa camada deve conter um retângulo com o tamanho da área dos sub-menus.

4ª: Subs - essa camada deve conter os itens do menu, ou seja, os sub-menus. Faça 3 botões e transforme-os em um único MC e instâncie como "subs"

3º - Na camada Subs, adicione um keyframe na 10 frame. Na 1ª frame, posicione o sub-menu fora da área do filme, e na 10ª no local onde vc quer que ele apareça. Crie um Motion Tween.
Obs.: É importante que esta camada esteja mascarada.

4º - dentro do MC "subs", coloque as seguinte ações nos botões, no exemplo dado, são apenas 3 botões:
- No 1º Botão:
on (release) {
	tellTarget("_root") {
  gotoAndStop(2);
	}
}

Isso vai fazer com que ele vá para a Frame 2 do root, lá nós colocaremos uma ação ordenando que o filme vá para a Scene 2. Vc não pode utilizar apenas o goto pq o Flash não vai para uma Scena, estando dentro de um MC, portanto a ordem de mudar de cena tem que ser dada a partir do root, utilizando o tellTarget ou comando similar.
Nos outros 2 botões coloque a mesma ação, mude apenas o goto para 3 e 4 conforme a ordem dos botões.

5º - Crie uma outra camada chamada Área, é a mesma coisa que a Área Menu, só que esta é para os subs.

6º - Volte para a Scene principal. Crie mais 3 keyframes.
- Na 1ª Keyframe coloque um stop();
- Na 2ª Keyframe coloque gotoAndPlay("Scene 2",1); esta é a ação para o botão sub 1. Nas 2 seguintes frames coloque a mesma ação, apenas mude para Scene 3 e 4.

7º - Adicione a seguinte ação no MC "menu":

onClipEvent (enterFrame) {
	if (hitTest(_root._xmouse,_root._ymouse,true)) {
  tellTarget ("_root.menu") {
 	 nextFrame();
  }
	} else {
  tellTarget ("_root.menu") {
 	 prevFrame();
  }
	}
}

8º - Crie as outras 3 Cenas. Coloque nelas um botão de voltar e o conteúdo. Adicione um stop();

http://www.sap.art.br/imagens/forum/tuto_menus/menu.swf
Download

Pronto, seu menu está finalizado. Qualquer dúvida ou comentário é só postar, em breve adicionarei os outros tipos de menu, Aguarde!


At's

Edição feita por: Sheepman, 05/05/2004, 14:37.

Mozart Petter - http://www.mozartpetter.com/
Não sabe o que é herança? clique aqui e descubra.

#3 Pablo2k3

Pablo2k3
  • Visitantes

Posted 10/07/2003, 17:32

não consegui fazer o 2º hehe :rolleyes:

não é melhor por um rollover do que um onclipevent?

Ops hehe eu errei o script <_<

Edição feita por: Pirucask8, 10/07/2003, 19:01.


#4 w@shin ! ! !

w@shin ! ! !

    Normal

  • Usuários
  • 109 posts
  • Sexo:Não informado
  • Interesses:Hardware , Dream weaver , flash e Corel Draw . . .

Posted 01/01/2004, 14:29

e se por exemplo eu fizesse um pagina com dois frames um é o menu e o outro o conteúdo,quero que quando se clicar no menu a página abra no conteúdo. Acho que em html uso <a href="página.html" target="conteudo">Exemplo</a> . Enteda que somente o menu vai ser em flash.

#5 Sheepman

Sheepman

    Veterano

  • Usuários
  • 1497 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre - RS

Posted 08/01/2004, 14:28

No botão você coloca a seguinte ação:
on(release){
getURL("pagina.html", seuframe);
}
Mozart Petter - http://www.mozartpetter.com/
Não sabe o que é herança? clique aqui e descubra.

#6 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 19/01/2004, 22:17

Eu num entendo muito de flash, não, mas gostei muito desse tutorial.

#7 skuns

skuns

    Novato no fórum

  • Usuários
  • 21 posts
  • Sexo:Não informado

Posted 19/01/2004, 22:28

bem explicadinhos, mas dificuldade média????
intermediario jah envolve coisas + complexas cara......

#8 Sheepman

Sheepman

    Veterano

  • Usuários
  • 1497 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre - RS

Posted 27/01/2004, 10:22

bem explicadinhos, mas dificuldade média????
intermediario jah envolve coisas + complexas cara......

Isso é só para o pessoal ter uma idéia, Básico não é pois quem inicia no Flash usa gotoAndPlay(), e no máximo um If, quem está no básico não conhece onEnterFrame e por esse fato eu avaliei o menu como sendo Médio, não só pelos códigos mas também pelo uso de MC e Ferramentas em geral.

Mas agradeço o alerta.

At's
Mozart Petter - http://www.mozartpetter.com/
Não sabe o que é herança? clique aqui e descubra.

#9 luco

luco

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Não informado
  • Interesses:Web Design, animação gráfica.

Posted 05/05/2004, 00:38

Não consigo visualizar as imagens dos exemplos e nem fazer o download. O que devo fazer?

#10 Sheepman

Sheepman

    Veterano

  • Usuários
  • 1497 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre - RS

Posted 05/05/2004, 14:36

O meu servidor perdeu os arquivos :(
Mas os flas e swf eu tinha aqui comigo, portanto o arquivo para download estará disponível :)

At's
Mozart Petter - http://www.mozartpetter.com/
Não sabe o que é herança? clique aqui e descubra.

#11 Bi0Z_[2Kb]

Bi0Z_[2Kb]

    Turista

  • Usuários
  • 40 posts
  • Sexo:Não informado

Posted 08/05/2004, 11:49

E você tem como eu pegar escrever menu quando clicar desaparece o menu e aparece os links e o nome menu sai... ;)

#12 Sheepman

Sheepman

    Veterano

  • Usuários
  • 1497 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre - RS

Posted 10/05/2004, 11:20

No 2º Exemplo tem como fazer isso de forma que não estrague o sistema, basta você pegar o exemplo e tentar... ;)

At's
Mozart Petter - http://www.mozartpetter.com/
Não sabe o que é herança? clique aqui e descubra.

#13 Nasz

Nasz

    Novato no fórum

  • Usuários
  • 15 posts
  • Sexo:Não informado

Posted 14/08/2004, 22:24

peguei o flash em português agora e so consigo fazer umas coisas toscas bolas andando imagem girando texto brilhando e só...

eu vi no seu 1º tutorial essa parte que eu não entendi

5 - Crie um keyframe no HIT (para criar um keyframe, selecione a frame abaixo do HIT e pressione F6)

* O meu programa e o flash mx (portugues ) dai eu não sei se hit seria
(sobre ou area) ou outra coisa ???
e a frame abaixo onde fica???




Quero consegui aprende a mexe nisso...muito obrigado ai pela iniciativa de ajuda o pessoal...falow (y)

#14 Guilherme Strich

Guilherme Strich

    Veterano

  • Usuários
  • 156 posts
  • Sexo:Não informado
  • Localidade:Novo Hamburgo - RS
  • Interesses:Asp, PHP, Sql, MySQL, Delphi, Flash, Fireworks, Dreamweaver, FrontPage, Photoshop, Corel Draw, Revistas, Livros, Carros Tunning, Esportes e principalmente, Mulheres...hehehe

Posted 10/09/2004, 13:57

Os downloads não estão funcionando, por favor,arrume os links!
Blog do Abacaxi
O Blog da Comédia Popular Brasileira
http://www.blogdoabacaxi.com

#15 Aspyr

Aspyr

    Normal

  • Usuários
  • 101 posts
  • Sexo:Não informado

Posted 19/10/2005, 12:03

e os downs...




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq