Flash - Inserindo som em um menu animado

Arquivo de (Flash) por Felipe Cardozo em 01-05-2008 - 5,668 visualizações

Tags: , ,

a a a

Salve, salve rapaziada!
Na última vídeo aula de flash, ensinei a fazer um menu animado com action script. Recebi muitos e-mails com dúvidas e pedidos e resolvi fazer outra vídeo aula ensinando a fazer o mesmo efeito, porém desta vez, ensinarei também a inserir som no menu.

Para quem quiser baixar sons para flash, acessem o site: http://www.soundsnap.com/

Para visualizar o menu com som, clique aqui

Assista à vídeo aula

Permalink

Comentários:

#1.
Joao LimaNo Gravatar comentou:
Parabéns Felipe por esta vídeo aula. Parabéns pela sua didática e pelo dinamismo que demostra em cada aula. Show de bola!!!

Um abraço

João Lima

Comentado em: 01 Mai, 6:09 am
#2.
kleberNo Gravatar comentou:
hohhoho show de bola :D
Comentado em: 01 Mai, 3:26 pm
#3.
Carlos AndersonNo Gravatar comentou:
Como sempre, show de bola!

Vlw Felipe!

PS.: vc deu uma olhada naquele tutorial de tickers em flash q eu sugerir?! =)

Comentado em: 02 Mai, 1:28 am
#4.
Felipe CardozoNo Gravatar comentou:
Carlos, tudo certo?

Eu dei uma olhada e gostei bastante. Estamos nos preparando para falar dos tickers..

Abçs

Comentado em: 02 Mai, 1:45 pm
#5.
RegisNo Gravatar comentou:
felipe, onde consigo dowload do flash CS3??ja tentei no baixaki.com.br, mas não consegui!!
Comentado em: 03 Mai, 11:27 pm
#6.
Felipe CardozoNo Gravatar comentou:
Regis,
você pode fazer o download no site da adobe: http://www.adobr.com.br

Abraçãoooo!

Comentado em: 04 Mai, 2:16 am
#7.
RegisNo Gravatar comentou:
vlw…
Comentado em: 04 Mai, 9:53 am
#8.
claudemir aparecido praislerNo Gravatar comentou:
pow mano.. muito show de bola mesmo essa video aula..a cada dia que passa vc se supera mais e mais.. quem sabe um dia me torno um web master assim como vc né mano….. queria aprender a fazer um barato tipo . saca aquele lance de tipo a terra girar e a letrar girar ao redor dela? naum sei o nome desse movimento.. mas tenho muito curiosodade de aprender… um abraços e continue sempre assim mano.
Comentado em: 04 Mai, 10:21 am
#9.
Adilson Melo de CarvalhoNo Gravatar comentou:
Fala Felipe, te parabenizo pelo trabalho que é otimo!

Cara eu notei que você trabalha com o Windows Vista e queria saber se o você tem algum ganho de performance por trabalhar com ele.

Desde Já agradeço a atenção da equipe MxMasters.

Comentado em: 04 Mai, 11:37 am
#10.
Felipe CardozoNo Gravatar comentou:
Claudemir, tudo beleza? Valeu pelas palavras!

Bom, a vídeo aula do planeta girando, já tem no site: http://www.mxmasters.com.br/2008/04/20/flash-globo-do-planeta-terra-girando/

já é meio caminho andado, não é vedade? hehe

Adilson, tudo certo?
O windows vista me proporciona tudo que eu precisava de desempenho. Primeiro que o gráfico dele é show e a facilidade de organização melhor ainda. Sem contar com as ferramentas.

mas, pra tê-lo, necessita-se de uma boa configuração no PC. 1GD de mem no mínimo e um dualcore resolve.

Abçs

Comentado em: 04 Mai, 11:51 am
#11.
AlexandreNo Gravatar comentou:
Felipe, parabens por mais essa.
É o seguinte cara nao sei como me referir, é que eu gostaria de saber como faço para identificar pessoas no meu site, ex.: quando a pessoa for acessar o site tera uma janela pedindo o nome e se aquele nome for compativel a um que eu escolhi para mandar uma messagen ele dar a mensagem ex, olá fulano.
se puder ajudar sou muito grato blz.
Comentado em: 04 Mai, 9:26 pm
#12.
Felipe CardozoNo Gravatar comentou:
Olá Alexandre, você pode usar o seguinte código Javascript:

Esse código abaixo, você coloca entre <head ></head >



<script language="JavaScript">
function peganome()
{
var nome=prompt("Seja Legal e diga seu nome!!!","");
if (nome==null||nome=="")
{
alert("Poxa, você podia ter deixado pelo menos um apelido!!");
nome="Qualquer um"
}
return nome;
}
document.write("Bem vindo ao site meu amigo " + peganome());
</script>

Instrução: cole 



<script>document.write(peganome());</script>

em todos os lugares que você quiser que apareça o nome da pessoa.

Espero ter ajudado!

Abçs

Comentado em: 05 Mai, 1:29 am
#13.
Paulo VieiraNo Gravatar comentou:
Felipe mto bom seu tutorial….eu não sei se vc está lembrado de mim….mas eu pedi uma vez um neu em flash…pq o que fiz sempre dá erro…

Será q em alguma vídeo aula vc poderia fazer um banner maneiro parecido com esse q fala do seu curso em DVD……?

Valeu pelas dicas….

Comentado em: 05 Mai, 12:38 pm
#14.
Felipe CardozoNo Gravatar comentou:
Olá Paulo!

Irei montar uma vídeo aula legal ensinando a fazer banners no Flash..

Abçs

Comentado em: 05 Mai, 1:13 pm
#15.
RafaelNo Gravatar comentou:
teria como vc montar uma video -aula com banner paraecido com este

http://www.waves.com.br ou http://www.fluir.com.br

Comentado em: 27 Mai, 12:06 pm
#16.
fabioNo Gravatar comentou:
Felipe se o som que vc colocar for muito grande uma musica por exemplo como seria o action para parar a musica e recomeçar do zero
Comentado em: 28 Mai, 12:05 am
#17.
Felipe CardozoNo Gravatar comentou:
você pode criar uma layer chamada stop, colocar por sobre a layer do som e colocar um stop() no action no ponto que você quer que a musica pare. E no mesmo layer de stop adicionar depois um gotoAndPlay(1).

No caso o 1 seria o início de tudo…

Abçs

Comentado em: 28 Mai, 4:15 pm
#18.
Gabriel JustoNo Gravatar comentou:
Felipe, parabéns pelo seu trabalho aqui no MXMasters, sou noob, estou aprendendo muito coisa por aqui e vou comprar o DVD daqui há alguns dias…
Mas vamos às dúvidas:
Qual é a fonte que você usa nesse menu?
Os stops que você colocou, não podem ser postos na layer “barra”, como na outra vídeo-aula?

Abraço!

Comentado em: 31 Mai, 7:08 pm
#19.
Felipe CardozoNo Gravatar comentou:
Olá Gabriel, tudo certo?
A fonte que uso é a e Arriere Garde

[]´s

Comentado em: 02 Jun, 3:57 am
#20.
FabioNo Gravatar comentou:
To querendo fazer um MP3 no flash só que eu gostaria de saber como que faz pra colocar varias musicas no MP3……..
Comentado em: 05 Jun, 11:44 am
#21.
Leonardo DiasNo Gravatar comentou:
Ola Felipe, vlw pela video aula!!!

Eu gostaria de saber como eu faço um link desses botões para abrir dentro de um outro movie clip do mesmo arquivo que eu estou trabalhando.

Abraços!

Comentado em: 10 Jun, 2:10 pm
#22.
Felipe CardozoNo Gravatar comentou:
Olá Leonardo!
Você tem que adicionar um root para acessar outra cena. Desenvolverei uma vídeo aula dessa assim que possível.

[]´s

Comentado em: 12 Jun, 2:34 am
#23.
Fábio MedeirosNo Gravatar comentou:
Muito bem ótima aula, mas gostaria de saber alguns sites de sons legais para web
Comentado em: 20 Jun, 1:21 am
#24.
Felipe CardozoNo Gravatar comentou:
E aí Fábio.

Tem esse aqui que é sensacional: http://www.soundsnap.com/

[]´s

Comentado em: 21 Jun, 8:20 pm
#25.
Reynaldo SantosNo Gravatar comentou:
Fabio,
tavca afim de faser um menu como esse, so que na posiçao vertuical e com imagens, como links.
ex: no lugar da sua barra colocar uma img do msm tamanho.
é possivel!?
pq eu to fasendo e ta dando um erro de sintaxe..
Comentado em: 08 Jul, 4:59 pm
#26.
pauloNo Gravatar comentou:
ei cara blz, e legal sua video aula , sei que sou meio burro mesmo mais meu botao nao funcionou deu erro no codigo, mais nao estou entendendo estou fazendo tudo igual a voce, se puder me ajudar eu agradeco , valeu
Comentado em: 08 Jul, 9:46 pm
#27.
Marcilio SouzaNo Gravatar comentou:
Boa noite,
Filipe Cardozo.

Meu nome é Marcilio, fiz passo a passo um menu com som, está funcionando perfeitamente; só que gostaria da sua juda para criar link nos menu, como faço para colocar link nos mesmo.( Como salvar os arquivos do menu )

Seguir passo a passo da sua aula, deu tudo certo, só falta criar um link.
Grato !
Gostaria de comprar o pacote da sua aula…
tel. 011 3756-0925
e-mail killsouza@gmail.com

Estou montando uma página e gostaria de me aprofundar mais em fLASH

Comentado em: 10 Jul, 9:15 pm
#28.
Marcilio SouzaNo Gravatar comentou:
Olá Filipe Cardozo,

Gostaria de saber como faço para criar um link no menu com som que fiz seguindo passo a passo aula que vc explica como enserir som no menu…
Estou montando um site, já criei vários menu, já criei vários menu só não consego criar um link com menu com som…

Grato !

Marcilio.

011 9526-7519

Comentado em: 11 Jul, 7:24 am
#29.
Felipe CardozoNo Gravatar comentou:
Reynaldo, beleza?

Tem como sim, mas teria que ser feito com mc (instância).

Assim que possível, farei esta vídeo aula.

[]´s

Comentado em: 14 Jul, 12:25 pm
#30.
Felipe CardozoNo Gravatar comentou:
Paulo, tudo bem?

Mande o arquivo .fla para contato[@]mxmasters.com.br para eu analisar.

[]´s

Comentado em: 14 Jul, 12:27 pm
#31.
Felipe CardozoNo Gravatar comentou:
Marcílio, boa tarde!

Para inserir link no menu, basta acrescentar a linha

onrelease {
GetURL(”www.site.com.br);
}

Sobre os dvds, você pode conferir as informações em: http://www.mxmasters.com.br/dvd-mxmasters/

[]´s

Comentado em: 14 Jul, 12:55 pm
#32.
Felipe CardozoNo Gravatar comentou:
Olá Marcílio, tudo bom?

Não entendi sua dúvida. Você não conseguiu criar um menu com som conforme ensino nesta vídeo aula?

Comentado em: 14 Jul, 1:13 pm
#33.
RenanNo Gravatar comentou:
Olá, Como vai?
ManoO, show essas vídeo-aula.
queria saber se vcs podem me responder, pq no meu fireworks não apareçe a barra de ferrantas, no canto esquerdo, onde está todas as funções, pra escrever, desenhar, e tudo +, já tentei de tudo, desinstalei, instalei, virei o meu PC de ponta cabeça, mas o problema não foi corrigido.
Já to lOucoooO, não consigo.
Por favor, se vcs sabem resolver esse problema, me avisem
Blz?
ObrigadoO.
Comentado em: 28 Jul, 3:32 pm
#34.
Felipe CardozoNo Gravatar comentou:
Renan, tudo certo?

Vá em window > tools ou então CTRL+F2

[]´s

Comentado em: 28 Jul, 6:13 pm
#35.
RenanNo Gravatar comentou:
Felipe, naum deu!
hehe
Não houve nenhuma modificação.
Mas valeu pela ajuda!
Se tiver, mas algum palpipe, eu aceito.
Blz?
XauU
Comentado em: 28 Jul, 8:29 pm
#36.
Felipe CardozoNo Gravatar comentou:
Renand. Veja em “preferenses” se você consegue.
Comentado em: 28 Jul, 10:25 pm
#37.
RenanNo Gravatar comentou:
Xiiii Cara.
Tmb não altera nada.
é Fireworks MX! (português)
será q é alguma coisa com o meu pc?
Me dá uma luz, por favor!
ObrigadoooO
Comentado em: 29 Jul, 9:22 am
#38.
Felipe CardozoNo Gravatar comentou:
Eu ainda acho que é nas opções do FW. Dê uma vasculhada na aba “Window”. Habilite tudo que puder. Tente por exclusão.

[]´s

Comentado em: 29 Jul, 4:26 pm
#39.
Jairo DouradoNo Gravatar comentou:
Felipe, muito, mas muito boa suas video aulas!
Dúvidas que tinha que não conseguia respostas em nenhum lugar!
Muitas dúvidas já foram tiradas e as aulas são muito boas!
Bem didáticas e de excelente compreensão
Parabens!
abraços!!
Comentado em: 31 Jul, 3:41 pm
#40.
evanNo Gravatar comentou:
Opa ótumo tuto cara!

mas comigo o som nao esta aparecendo
eu passo o mouse mas o som não sai =(

Comentado em: 01 Ago, 1:10 pm
#41.
Clebio FreitasNo Gravatar comentou:
Fala Felipe Blz!!; Parabéns pela sua video aula, tirou muitas dúvidas, mais eu gostaria de saber como faço para criar um menu animado com sub-menus, agradeço a atenção!.
Comentado em: 06 Ago, 6:34 pm
#42.
Felipe CardozoNo Gravatar comentou:
Clebio, tudo bem?

Está na minha lista de prioridades para ser desenvolvida através de uma vídeo aula.

[]´s

Comentado em: 06 Ago, 11:19 pm
#43.
Clebio FreitasNo Gravatar comentou:
muito bom felipe, ficarei aguardando anciosamente!!! abraços
Comentado em: 07 Ago, 5:14 pm
#44.
CássioNo Gravatar comentou:
muito boa sua video aula felipe parabéns…..mas estou tendo problema quanto a action dessa video aula do menu.. está dando erro c poderia me passar essa action???

agradeço desde já

Comentado em: 13 Out, 10:28 pm
#45.
GilbertoNo Gravatar comentou:
Parabéns pela didática. Sua explicação foi muito útil!
Comentado em: 15 Out, 5:17 pm
#46.
FABIO GLINGANINo Gravatar comentou:
Olá pessoal. Primeiro um grande abraço ao Felipe Cardozo pela qualidade dos trabalhos que vêm postando aqui.
Estou com uma dúvida e quebrando a cabeça pra tentar resolver: criei uma animação no Flash CS3 para a entrada do meu site. Ela é composta de 3 cenas e, no final, a última imagem que aparece será o menu da página principal. Para a animação não voltar ao início, tive que colocar um stop no Action só que quando insiro os botões animados (como o do exemplo acima) neste fundo com “stop” os moviesclips não funcionam com o evento rollOver (apesar de o link estar lá). Os movies funcionam normalmente se criados em outro arquivo do flash, mas não quando adiciono a este que fiz, pois sou obrigado a colocar o “stop” e acho que é isso que está impedindo os movies de funcionar.
Felipe, poderia me dar um Help?
Forte abraço
Comentado em: 21 Out, 1:57 am
#47.
FABIO GLINGANINo Gravatar comentou:
Fala pessoal… blz Felipe Cardozo?
Seguinte, postei um tópico acima, mas já encontrei a solução, então achei bacana colocar aqui também. No último frame da minha animação coloquei, no action, ( stop (); nextScene ();). Depois, na cena com os botões, tive que acrescentar, no Action do Felipe, o seguinte:

on (rollOver) {
gotoAndPlay (”MovieClip 2″);
}

Agora está tudo funcionando.

Mas ainda tenho um problema: quando visualizo a arte final no control+enter está tudo sincronizado, música, imagens etc… mas quando publico o arquivo para inserir no dreamweaver e abro o browser… sai tudo de sincronia.
Alguém poderia me ajudar com esse problema?
Abração a todos

Comentado em: 21 Out, 11:24 am
#48.
Willian Alves - Jaru - RondoniaNo Gravatar comentou:
nossa….muito massa heim…bacana mesmo…
o site que vc passou é top de linha….baum mesmo…
vlw..
=]..
Comentado em: 19 Dez, 11:42 am