Flash - Topo animado com fotos

Arquivo de (Flash) por Felipe Cardozo em 11-06-2008 - 6,170 visualizações

Tags: , ,

a a a

Salve, salve rapaziada!
Estou eu “cá novamente”, como diz meus amigos portugueses, para mais uma SUPER vídeo aula para vocês. Agradeço de coração a galera que tem enviado as sugestões. Aproveitando algumas delas, iremos aprender hoje a desenvolver um topo animado em flash.

Para visualizar o resultado final, clique aqui.

Lógico que, com calma, vocês farão um topo mais bonito e organizado. Outra coisa importante a frisar é a respeito do preloader, pois tive que colocar. Porém, para você aprender a fazer um preloader no flash, assista a esta vídeo aula.

Para unir o topo ao preloader, basta construir este topo animado na cena 2 do arquivo que contém o preloader.

Assista à vídeo aula

Permalink

Comentários:

#1.
Thiago Nascimento Alves RetondarNo Gravatar comentou:
Muito legal esse efeitos…

Eu não sabia…

Parabéns!

Comentado em: 11 Jun, 2:07 pm
#2.
Franklin CostaNo Gravatar comentou:
aew Felipe, muito boa aula… Percebi um novo membro como colunista, parabens a ele e estamos esperando as aulas que vão ser muito interessantes, parabens a você Aleixo pelo trabalho que estão realizando. vlw brother!
Comentado em: 11 Jun, 3:35 pm
#3.
ThiagoNo Gravatar comentou:
Olá galera do MXMASTERS.COM.BR..
Meu nome é Thiago, e gostaria primeiramente de parabeniza-los pelo excelente trabalho que vem apresentando.
Seguinte…
Adoro trabalhar na parte de design de layouts, mas tambem sou um apaixonado declarado pelo action Script, e qualquer linguagem de programação que se refere a objetos, gostaria de saber a opinião de vcs para que eu possa ingressar neste ramo de programação e me tornar um ‘fera”,rs. Busco por referencias na internet e não encontro nada concretamente objetivo, enfim…
Outro detalhe. Em relação as video aulas publicadas no youtube, a videolog é infinitamente superior, mas como faço para baixar esses videos?? ;)
Aguardo de vcs uma resposta. No mais estou grato.
Comentado em: 11 Jun, 5:20 pm
#4.
EduardoNo Gravatar comentou:
Muito bom Felipe!
Ótima vído aula!
Eu estava mesmo esperando algo assim para terminar o meu site!!

Brigadão!! MXMASTERS.com.br realmente o melhor portal de conhecimento na web!!

Boa sorte pra vocês!

Comentado em: 11 Jun, 7:16 pm
#5.
DiegoNo Gravatar comentou:
olá Felipe.Está dando um erro..acho que é desse VideoLog.Se puder ajudar avisando esta ok..quanto ao POST..Feliepe vc e o cara..Vai pra ADOBE CARA
Comentado em: 11 Jun, 8:04 pm
#6.
Felipe CardozoNo Gravatar comentou:
Fala ae Franklin, tudo certo? Sempre na área.

Obrigado pelas palavras. Sabemos reconhecer os visitantes assíduos e saberemos recompensá-los pelo privilégio de suas visitas.

[]´s

Comentado em: 12 Jun, 2:48 am
#7.
Felipe CardozoNo Gravatar comentou:
Thiago, obrigado pela visita viu?

Bom, seja qualquer profissão ou faculdade que vier a escolher, sempre sugiro uma coisa: Dedique-se.

Sem dedicação, não chegamos a lugar algum. Esse meio dá dinheiro, mas é preciso você se destacar.

Sobre o download das vídeo aulas no videolog, estamos verificando.

[]´s

Comentado em: 12 Jun, 2:50 am
#8.
Felipe CardozoNo Gravatar comentou:
Olá Diego. Aqui está normal. Pode ter sido alguma intermitência.

[]´s

Comentado em: 12 Jun, 2:51 am
#9.
MarceloNo Gravatar comentou:
Otima video aula Felipe, venho acompanhado o trabalho a uma semana e tenho gostado muito do resultado!

Obrigado

Comentado em: 12 Jun, 4:41 am
#10.
Nuvem que passa...No Gravatar comentou:
Adorei!!
Comentado em: 12 Jun, 1:41 pm
#11.
wagnerNo Gravatar comentou:
ae felipe muito bom essa video aula meu amigo que deus abençoe vc eo pessoal do mx masters peço desculpas e perdão pra vcs do mx masters estou desempregado e eu não tive dinheiro pra comprar os cds do curso mas vou captando um pouco aqui outro pouco ali e vou tenteando montar um quebra cabeça que deus o abençoe vcs
Comentado em: 12 Jun, 4:38 pm
#12.
BrunoNo Gravatar comentou:
Valeu ae Felipe,show d bola a video-aula,mais uma ae pra soma,de tantas que vcs do mx masters passam de conhecimento para nós!”
Só tenho a agradecer.
Comentado em: 12 Jun, 8:57 pm
#13.
Amilton CesarNo Gravatar comentou:
HAHA, eu acho incrivel como o senhor Felipe torna o flash mais facil, há 3 anos atras eu tive que pedir a conta em uma agencia de construção de sites pois eu nao sabia mexer no flash, somente o basicao mesmo, e hoje eu vejo que as coisas eram mais facil que eu imaginava!

Valeu, continue assim Felipe.. hehe

abraços.

Comentado em: 01 Jul, 1:26 pm
#14.
Amilton CesarNo Gravatar comentou:
Ta certo, eu fiz tudo o topo, deu certo mas na hora de eu mandar pro dreamweaver 8 o topo nao aparece, fica um arquivo de flash de 32×32, e nao aparece nada, saberia explciar o por que?
Comentado em: 01 Jul, 3:04 pm
#15.
Felipe CardozoNo Gravatar comentou:
Olá Amilton, tudo bem?

Você inseriu o topo pelo insert > media > flash ?

[]´s

Comentado em: 04 Jul, 1:42 am
#16.
wellington ramosNo Gravatar comentou:
fico muito feliz pelo mxmasters estar dando suporte para agente que enisia nesse ramo. Eu já aprendi muito com essas video aulas melhorei muitos o desingn do meu site logo logo agora estou partindo para parte da programação. Olha se puder gostaria de tirar uma duvida.

Qundo estou trabalhando com imagem no photoshop e transfiro para o flash em PNG quando salvo o filme a qualidade da imagem diminui. Por que? e o que devo fazer para não perde a qualidade da imagem?

Comentado em: 05 Jul, 10:31 pm
#17.
Felipe CardozoNo Gravatar comentou:
Olá Wellington, tudo bem?

Não era pra ocorrer isso. Qual processo de exportação do arquivo swf que vocês está fazendo?

Comentado em: 07 Jul, 1:11 am
#18.
wellington ramosNo Gravatar comentou:
obrigado.ja consegui tirar minha duvida é preciso ser exportada pelo fireworks ai sim, não perde a qualidade.

você poderia tira outra duvida minha.
Como eu faço para colocar um botão feito em flash em um form feito no dreamweaver?

Comentado em: 08 Jul, 1:27 am
#19.
Felipe CardozoNo Gravatar comentou:
Olá Wellington, bom, nunca tentei, mas creio que não seja difícil, porém, não é a maneira mais correta de se fazer um botão para form.

[]´s

Comentado em: 12 Jul, 1:10 am
#20.
Joao LimaNo Gravatar comentou:
Olá Felipe valeu por mais esta video aula!!!

Cara eu fiz do mesmo jeito, porém, o arquivo swf ficou muito pesado!!!
quase 10mb… quando percebi que as fotos estavam em alta resolução.
Mudei a resolução pra 800×600px, e com apenas 4 fotos, ainda ficou com 1,5mb…

É isso mesmo???? ou tem algum errado com meu flash???

Um abraço e valeu!!!!!!!!!!

Comentado em: 17 Jul, 1:12 pm
#21.
Felipe CardozoNo Gravatar comentou:
João, tudo bem?

Trabalhar com fotos é assim mesmo. Qualidade é sinônimo de peso. Quanto melhor for a foto e maior sua resolução, maior é o tamanho em MB.

Mas é assim mesmo. tente trabalhar mais as fotos e deixá-las mais leve no Photoshop ou Fireworks.

[]´s

Comentado em: 17 Jul, 5:38 pm
#22.
Ricardo PolitiNo Gravatar comentou:
Por que não consigo visualizar o video ta em branco
Comentado em: 20 Jul, 7:43 am
#23.
Felipe CardozoNo Gravatar comentou:
Está normalizado. Provavelmente foi uma instabilidade no servidor.

[]´s

Comentado em: 21 Jul, 11:52 am
#24.
Handerson BezerraNo Gravatar comentou:
Felipe mt boa a video-aula mt bem explicada!!!
da pra aproveitar muito!!! obrigado!!
queria saber apenas que fonte é aquela q vc usou(nessa video aula e em outras tb) pq faz tempo q procura akela fonte e nao acho!!!
Vlw!!! Fuizz!!
Comentado em: 30 Jul, 9:33 pm
#25.
GalileuNo Gravatar comentou:
Kra, Felipe essa foi linda cara!!!!!!

Muito muito muito boa aula. Esse topo animado é um efeito essencial.
Ele fica muito bonito em páginas da web.

Parabens pelo maravilhoso trabalho com o site inclusive com o MXWEBTV.

Abraços para você e para o Aleixo

Comentado em: 31 Jul, 11:06 am
#26.
danilow - dCaNo Gravatar comentou:
Fala Felipe e toda galera MX..
A poucos dias descobri este site, que aliás é grande fonte de conhecimento para todos. Estão de parabéns! Estou me juntando a esta galera fã e agora serei visitador ausíduo do megasite MX.
Eu só queria dar um toque ae para colocar no You Tube esta video aula por que eu não consigo assistir neste player do site.
Ah e ao nosso amigo que gostaria de ter os vídeos, se eles forem postados no You Tube ao mesmo tempo que postados aqui, podemos baixar por lá.. Este também é um dos motivos ao qual gostaria de ter a video aula de hoje no YT!
Obrigado, Abraços
dCa Designer
Comentado em: 01 Ago, 11:59 am
#27.
Felipe CardozoNo Gravatar comentou:
Handerson, procure pela Arriere Carden
Comentado em: 02 Ago, 1:27 pm
#28.
julioNo Gravatar comentou:
cara, fiz tudo direitinho só que com outras fotos e outro layout. FUNCIONA PERFEITAMENTE BEM. MAS PUBLICADO A PARTE EM FLASH NAO ABRE. PUBLIQUEI NOS SEGUINTES SITES T35.com e geocities. em nenhum dos dois a parte feita no flash abre. Poderia me apontar alguma solução
Comentado em: 06 Ago, 4:56 pm
#29.
Felipe CardozoNo Gravatar comentou:
Julio, tudo bem?

Você mandou o arquivo javascript pro servidor?

Comentado em: 06 Ago, 11:20 pm
#30.
julioNo Gravatar comentou:
PRIMEIRO, PARABENS PELAS VIDEOS AULAS. CARAMBA, MUITO BOAS. E OBRIGADO POR RESONDER, ACHEI QUE NAO FOSSE ACONTECER ISSO.
mandei o java tambem. Fiz varios textes. usei o cs3 de ambos e nao deu certo. Dai resolvi usar o mx7 de cada um dai deu certo. pARA O SERVIDOR DEVO MANDAR APENAS O SWF, OU MANDO TODOS, FLA, SWF, E HTML? FIZ DAS DUAS MANEIRAS E NAO DEU EM NADA. SERÁ QUE MEU CS3 TA COM PROBLEMAS.
Comentado em: 07 Ago, 11:07 am
#31.
JULIONo Gravatar comentou:
BOM DIA, VC É MÁXIMO CARA. VIDEOS AULAS EXCELENTES.
BOM, MANDEI TUDO, INCLUSIVE O JAVA. FIZ NO CS3 TANTO FLASH QUANTO DREAM. FIZ VARIOS TEXTES E NADA. DAI RESOLVI FAZER NO MX, DEU TUDO CERTO NO MX. SERÁ QUE TEM ALGUM PROBLEMA NO CS3? OU NO MEU CS3.
Comentado em: 07 Ago, 11:28 am
#32.
julioNo Gravatar comentou:
RESOLVIDO. REALMENTE ESTAVA ESQUECENDO ALGUMA COISA. FIZ UMA BAGUNÇA. RESOLVI MANDAR TUDO QUE ESTAVA NA PASTA. DAI FUNCIONOU. DESCULPE TE INCOMODAR. TUDO DE ÓTIMO PRA VC. CARA. NÃO TEM NOÇÃO DO QUANTO ESTAS AULAS AJUDAM. É APENAS UM TEXTE, DA UMA OLHADINHA LA. lagohotel.t35.com ABRAÇOS
Comentado em: 07 Ago, 12:57 pm
#33.
Felipe CardozoNo Gravatar comentou:
Danilo, o YT tem limite de tempo dos vídeos (10 minutos). Na video log, não temos este limite. Isso já é um fator super relevante.

[]´s

Comentado em: 10 Ago, 1:27 pm
#34.
William SouzaNo Gravatar comentou:
Muito legal mesmo, belo post.
Comentado em: 20 Ago, 8:46 am
#35.
JulianaNo Gravatar comentou:
muito bom felipe!!!!
peguei um trabalho agora pra fazer um topo.
É um site de venda de produtos tipo submarino e outros mais, e ele quer um topo animado!!!
Será que vc não poderia indicar algum efeito diferenciado….sei la!! ??
=)
[]citos
Comentado em: 26 Ago, 10:02 pm
#36.
LínikerNo Gravatar comentou:
hehehe,mui bueno esta video aula,vou fazer isto no meu site que estou criando para esse site
Comentado em: 05 Set, 10:36 pm
#37.
Danilo dos Santos SilvaNo Gravatar comentou:
fica bem legal esse topo vo fazer um pra quando eu criar um site colocar.

Brigadão por mais uma dica.

Comentado em: 06 Set, 12:55 pm
#38.
FlavioNo Gravatar comentou:
buenas caro Felipe, Parabens pelo site… esta sendo de grande ajuda pra muita gente pode ter certeza…
respondendo a pergunta do colega para fazer downloads dos videos, basta baixar o realplayer ele vem com um plugin pra internet q qndo vc esta vendo um video aparece a opcao pra download com apenas um click vc baixa ele pro computador…
um grande abraço
Comentado em: 07 Out, 10:13 pm
#39.
Almeck LimaNo Gravatar comentou:
Oi pessoal, td bem?

Sou iniciante no meio Web, mas já sou apaixonado!!! Tenho uma dúvida que tem tirado meu sono. Não consigo fazer um formulário em flash funcionar na parte de envio sem abrir o outlook. Ele funciona tudo, mas a mensagem não chega no e-mail de destino! Vcs podem me ajudar? Sabendo que meu remédio contra insônia é resolver essa probleminha, se puderem me ajudar a dormir mais cedo, eu agradeço! rrsrsrsrrs… Vlw pessoal…

Comentado em: 26 Out, 4:42 pm
#40.
Marcelo BarretoNo Gravatar comentou:
Ola pessoal do MX MASTERS,

Vcs são d+!!! Obrigado pelas maravilhosas video aulas!! tenho me inspirado bastante com suas dicas; Além de que passo elas para meus alunos! Sou professor de Info em uma instituição e acabo passando as aulas e o endereço do site a frente, para que mais e mais pessoas se beneficiem delas.

Quero dizer também, que tenho ate mesmo gerado renda extra com as dicas confeccionando pequenos websites para o comercio local.

Muito obrigado e continuem com essa força!!

Fiquem com DEUS e boa sorte!!

Comentado em: 22 Nov, 12:58 am
#41.
Dionísio NetoNo Gravatar comentou:
Faço o Flash no dreamseaver, adiciono pelo dreamweaver na página, mas nem visualizo quando teclo F12, como quando mando para o site, nao consigo visualizar, o que posso estar fazendo errado? Muito obrigado e aprendi a fazer sites através de vocês, muito grato mesmo!!!
Comentado em: 09 Dez, 12:39 pm
#42.
LSQ666No Gravatar comentou:
Muito bom.
bem interessante.
obrigado!!
Comentado em: 17 Dez, 8:18 pm
#43.
Marcio PaulaNo Gravatar comentou:
E ai Felipe muito legais suas video aulas, tenho aprendido muito e tenho ate ficado exigente, de uma olhada no arquivo final que vc disponibilizou que tem um erro. Quando o movimento busca a ultima foto, ao parar aparece a primeira, acho que teria que permanecer a outra imagem um pouco, valew….
Um grande abraço e Deus te abencoe, valew….
Comentado em: 31 Dez, 5:43 am
#44.
Marcio PaulaNo Gravatar comentou:
Hola Felipe, cara vc e demais facilitou e muito a minha vida, minha mulher anda com ciumes de vc, porque depois que descobri suas video aulas no mxmasters nao saio da frente do pc. Se puder me ajude em uma coisa. Como faço para inserir um video no flash, cara ja to cansado de tentar mas infelizmente nao consigo, aguardo uma resposta e de qualquer modo muito obrigado.
Abraços.
Comentado em: 31 Dez, 5:47 am
#45.
Felipe CardozoNo Gravatar comentou:

Olá Márcio, tudo bem? Obrigado pelas gentis palavras!

SObre o vídeo para inserir no site, irei desenvolver uma vídeo aula em breve sobre isso, pois é dúvida de muita gente.

[]´s

Comentado em: 02 Jan, 9:39 am