29/05/2008 - 21:44 > 36.702 Visualizações > 67 comentários

Banner animado utilizando filtros

Salve, salve meus queridos!
Depois dessa correria, de problemas no servidor, migração dos vídeos para o videolog, voltamos à ativa com as vídeo aulas!

Hoje, iremos aprender a desenvolver um banner animado no flash utilizando a opção filter, opção esta disponível somente a partir da versão 8 do Flash.

Em tempo: Na próxima vídeo aula, irei ensinar a incluir as animações em Flash no Dreamweaver.

Espero que gostem

Assista à vídeo aula

Posts relacionados

Felipe Cardozo

É sócio diretor do MX Masters, portal de desenvolvimento especializado em vídeo aulas. Trabalha com ferramentas OpenSource como Wordpress, Magento entre outros, além de ministrar palestras em universidades do Rio de Janeiro.

Outros posts deste autor

Este autor atualmente possui 281 posts

Veja todos os posts de Felipe Cardozo

Comentários / Deixe seu Comentário

67 respostas para 'Banner animado utilizando filtros'

Israel C. Castiel Diz:
29/05/08 às 22:19
Blz Felipe muito boa vídeo aula
só tenho uma dúvida gostaria
de saber qual a diferença e
quando deve ser aplicado
um símbolo do tipo clipe de
filme e um simbolo do tipo gráfico
grato pela atenção e até mais.
Felipe Cardozo Diz:
29/05/08 às 22:42
Israel, no clipe de filme (Movie clip), você cria uma animação dentro de uma cena. Ou seja.

Imagina que você tenha que colocar um carro passando de um lado para o outro e com as rodas roddando (claro, rs).

Você importa o carro e as duas rodas. O carro, você anima na cena principal. Já as rodas, você criará um movie clip em cada uma delas e fará elas rodar dentro do movie clip. É como se fosse uma animação dentro da outra.

Já o Simbolo, permite mudar funções e propriedades de um objeto, como cor, incluir alpha, etc…

Forte abraço!
Franklin Costa Diz:
29/05/08 às 22:55
Muito bom Felipe… parabéns!
Carlos Eduardo Diz:
29/05/08 às 22:56
VALEEW FELIPE COMO SEMPRE FORTALECENDO GERALLL…ABRAÇOS, VOU PAGAR CHOPP PRA VC…RSRSRR…VALEW TAMO JUNTO
Felipe Cardozo Diz:
29/05/08 às 23:16
Valeu Franklin!

[]´s
Felipe Cardozo Diz:
29/05/08 às 23:17
Carlos, Rapaz! Não promete não que eu cobro hein! hehe

Esse Sabadão vou tomar um chopp com o Aleixo em nossa reunião pra “discutir” melhorias para o espaço!

[]´s
Ery Diz:
29/05/08 às 23:22
Olâ galera, mudança total no mxmasters só que um pequenino detalhe, como os videos estão sendo postado no videolog.tv não tem como baixar…

Infelizmente para quem tem internet fraca digamos quase abaixo da discada não tem como assitir os videos…

Se alguem ai tiver algum programa q baixe do videolog.tv agradeço, se não gostaria de pedir a galera do mxmasters que postem o video em outro local tipo o servidor q vcs viam usando “4 share”

obg, site ta show…
Edison Diz:
30/05/08 às 0:02
Maravilha queria mesmo aprender a fazer banners em flash.
Abraços!!!
Felipe Cardozo Diz:
30/05/08 às 1:39
Ery, essas mudanças foram importantes para melhorar a disponibilidade do conteúdo para os visitantes desse espaço.

O Youtube, além de degradar a qualidade da imagem, só permite 10 minutos por vídeo e isso era um problema que nos preocupava, já que tínhamos idéia de fazer vídeo aulas menos corridas e mais explicativas.

Infelizmente, no videolog, há este bloqueio para download, porém, há uma considerável melhora no ensino.

[]´s
Rafael Diz:
30/05/08 às 9:47
Opá e ai pessoal tranquilo? Cara mais uma vez show de bola o video. Com essa explicação basta ter criatividade e viajar no design. Bacana de mais, continuem postando que o site ta d+. Semana que vem meu dinheiro sai e meu DVD chega hehehehe. t+
Carlos Anderson Diz:
30/05/08 às 18:32
Execelente Cardozo!

Parabéns
Alexandre Diz:
30/05/08 às 21:14
Felipe, como sempre show suas explicações.
tenho um pedido você poderia nos mostrar uma video aula da seguinte maneira ex.: eu desenho uma linha nao paralela, ou seja, em zig-zag e coloco uma imagem para percorrer esta linha.
Eu já vi em outro lugar mas não entendi, e como vc é o cara espero conseguir compreender com a sua explicação.
BLZ
Fabio Diz:
31/05/08 às 18:39
Boa video-aula felipe!
agora poderia mostrar algo mais intermediário não é mesmo?
té
Briciiinho Diz:
31/05/08 às 20:15
mt massa vey..
soh ter criatividade q o kra vai pra frente..
parabens mesmo..
Briciiinho Diz:
31/05/08 às 20:20
Alexandre

Isso sao guias de movimentos..
segue esse tuto…
http://imasters.uol.com.br/artigo/1232?cn=1232&cc=12

felipe vai descupando se eu tow atrapalhando..
hehe
=D
Sávio Diz:
31/05/08 às 21:18
Salve, Salve Galera! Queria pedir para que se possivel vc ensinar como fazer um banner com animação do tipo dessa mais sendo 4 ou 5 animações diferentes e com os botoes para mundar de um para outro deixando tambem que animação fosse para a proxima automaticamente, como os banners de lojas como shoptime e etc.

Muito obrigado e parabéns pelo site.
Alex Diz:
1/06/08 às 0:24
Felipe olha nao tem como vc disponibiliza esses videos aula pra baixa, pois pra mim fica melhor, ppois ai posso rever ate aprender, se tiver como eu agradeço e parabens… falow
Jober Costa Diz:
1/06/08 às 5:06
Show d bola Felipe!!!
Ery Diz:
1/06/08 às 18:12
to passando só pra comunicar q conseguir fazer o down do video, no videolog.tv e realmente filipe a qualidade é boa mesmo, não pode nem ser comparada a o youtube.

vlw q;p
Felipe Cardozo Diz:
2/06/08 às 3:55
Fábio, valeu!

Estamos tentando criar vídeo aulas bem acessíveis a todos!

[]´s
Felipe Cardozo Diz:
2/06/08 às 3:59
Sávio, tudo bem?

Isso se chama Tickers. Essa sugestão está cadastrada em nosso banco de sugestões e iremos desenvolver a vídeo aula assim que possível.

[]´s
demir de franca Diz:
3/06/08 às 11:26
Olá Mxmasters,

será que existe a possibilidade de vcs desenvolverem uma video-aula mostrando como criar um site totalmente em Flash?

Parabéns pelo conteúdo do DVD Vol 2 está excelente.

Um abraço a todos vcs! Até +
Felipe Cardozo Diz:
3/06/08 às 13:27
Olá Demir, tudo certo?

Iremos desenvolver assim que possível!

[]´s
Amilton Cesar Diz:
30/06/08 às 14:18
Simplesmente demais Cara, parabens.
Romário Diz:
7/07/08 às 13:37
Legal a vídeo aula… Parabéns!
Felipe Cardozo Diz:
8/07/08 às 0:29
Ão ão ão, Romário é seleção! hehehe.

Valeu Romário!

[]´s
Felipe Barcelos De Araujo Diz:
20/07/08 às 4:45
Poxa eu nao consigo ver os videos pelo site…e nem todos q tem no site tem no orkut ;(

nao sei o quadro onde fica o viedeo fica piscando sei la oq eh.
tava precisando tanto dessa video aula…os outros q axei no youtube sao uma bosta os cara nao sabe explicar-.-

abracao
Felipe Cardozo Diz:
21/07/08 às 11:51
Felipe, pode ter sido uma instabilidade no servidor de vídeos.

Está normal!

[]´s
sandro silva Diz:
23/07/08 às 12:16
Muito bom essa video aula, gostaria de saber se vocês podem me ajudar, gostaria de criar uma animação para minha web site ou baner animado, o problemas é que eu gostaria de colocar linlks diferentes na animação, em areas diferentes no decorrer da animação o usuário poderia clicar e visitar areas de ferentes do meu site. como é possivel fazer isso? vocês tem um passo a passo para que eu possa desenvolver esse recurso.
Felipe Cardozo Diz:
23/07/08 às 17:46
Sandro, beleza?

Irei falar disso em uma próxima vídeo aula.

[]´s
Paulo Cesar Diz:
31/07/08 às 22:13
Ola Felipe Cardoso……
Nao estou conseguindo passa para o dreamweaver…………..voces tem alguma video aula de como fazer isso………….agradeço desde ja………….Obrigado!!!
Felipe Cardozo Diz:
2/08/08 às 13:29
Olá Paulo.

Nesta vídeo aula ensinamos isso: http://www.mxmasters.com.br/flash/flash-transicao-com-fotos-e-insercao-da-animacao-no-dreamweaver
Solano Bouvie Diz:
23/08/08 às 11:02
Olá a todos, tenho procurado na internet dicas e video-aulas de Flash e o site MX Masters dá um show por conciliar recursos avançados com explicações claras e objetivas. Além das vídeo-aulas serem passo a passo, o que ajuda muito. Parabéns pela iniciativa de compartilhar todas essas informações a todos.
Um Abraço. Solano – Lajeado/RS
THIAGO EULLER Diz:
4/09/08 às 16:19
Felipe, pra variar vc no deu mais umaexelente video aula ;p
queria sujerir uma video aula de como fazer um banner q possa buscar outros arquivos SWF automaticamente após terminar a apresentação… seria um banner rotativo de animações swf.
Desde ja agradeço
augusto Diz:
10/10/08 às 15:28
Valeu ai essa video aula me ajudou e aprendi a fazer banner http://www.riodefogo.com.br
Luccas S.M. Diz:
13/10/08 às 9:47
aff n consegui ver..aqui o video para no inicio e n terminar =/
Ezequiel Atleticano P.R Diz:
13/11/08 às 0:41
muito obrigado pela video aula do banner..
muito proveitosa..me diz uma coisa pra me deixa mais calmo,faço curso na microlins . ja fiz umas 6 aulas de 3 horas cada..e quase nada aprendi ainda sobre banners e outras funções que o flash disponibiliza,é muito complexo..sera que depois de uns tres anos,eu estarei como vc?..kkk,,as video aulas estão sendo de fundamental importancia pra que eu possa ir adquirindo mais conhecimento..grato mesmo…parabens pelo site..ki site lindo,,eu sempre quis ter um site assim….hehehe..Ps.gostaria de uma video aula sobre guias..por exemplo que aprendi na aula da microlins porem esqueci..faça pra gente um circulo grande e um pequeno.e crie guias.faça com que o circulo menor gire em torno do maior usando motion guide..sera gratificante…parabens de novo..vcs do mx são ferass..salve furacão…
Leandro G.F Fernandes Diz:
11/12/08 às 21:02
E ai Felipe tudo ok!!!
Cara depois que eu descobri o MX Masters nunca mais visitei outro site de tutoriais, este site é realmente maravilhoso!!!!!!!!!!!!!!!!!!!!!!!!!!
Felipe eu estudo Web Design há dois anos, já fiz alguns trabalhos tbm e aprendi muito mais depois que eu descolei este site enfim…
Cara eu gostaria que vc ou qualquer outro redator ai do MX Masters me tirasse uma duvida Em “Flash” que está me tirando a paciência vou tentar explicar pra vcs mais ou menos…..
vc já viu aquelas caixas de texto tipo essas de comentarios mesmo só que ao invés da “scroll” elas tem duas setinhas, que quando vc passa o mouse o conteúdo sobe ou desce vice versa eu sei que isto pode ser feito em “Flash”….Para alguns casos eu acho mais bonito que que o componente scrollbar.
Cara se vc puder me tirar esta duvida ficarei muito grato!!!!!!!!!
E acredito que muita gente tbm vai!!!!!!!!!!!!!!!!!!!!!! Abrs!!!!
Luã Carlos Diz:
29/01/09 às 15:29
Valew..
Ajudo bastante…
Andréa Duarte Diz:
2/02/09 às 17:23
Oi, Felipe! Desde que comecei a me aventurar em Flash, não saio mais daqui! rs
Gostaria de saber como fazer dois movie clips num mesmo swf, como exemplo deixo o site http://www.smcontabil.com.br. Ali tem um MC rodando e dois botões à direita que, quando eu repouso a seta do mouse sobre, carrega outro MC… estou à procura de alguma vídeo-aula que ensine e vcs são minha esperança! rsrssrs
Como sei que vcs são super e que vão atender ao meu pedido, já agradeço! Um grande abraço!
Matos Diz:
31/03/09 às 19:54
Alow Felipe, falo de Joinville.
Muito bom mesmo.
Filipe Diz:
21/04/09 às 16:58
Parabens, ficou muito bom, ainda não verifiquei as outras vídeos aulas, mas observando esta está c/ uma qualidade ótima e carregou super rápido aqui em casa.

Valeu
Joao Paulo Diz:
24/04/09 às 16:33
Pow filipe.. os videos nao estao carregando aki.. e no youtube estão..
o q está acontecendo? :S
Joao Paulo Diz:
27/04/09 às 1:20
meu problema era o flash q tava desatualizado e o firefox nao havia atualizado automaticamente
Dennis Diz:
5/05/09 às 11:06
Queria um video como criar um loading carregando na pagina inicial ..
Desde ja agradeço.
Jhonny Diz:
9/05/09 às 16:11
Muito bom valeu mesmo Felipe. Parabéns!!!.
Ricardo Diz:
13/05/09 às 17:19
Olá Felipe Cardozo.
Por favor gostaria que mim esclarescesse uma dúvida, para fazer um Preloader com barra de progresso e porcentagem sempre tem que usar o código que vc desponibilizou, ou existe uma outra maneira de se fazer.

Por favor responda a minha dúvida a esse e-mail.

rjd.neto@gmail.com

Grato.
julio Diz:
30/05/09 às 22:06
queria te pergunta como que eu fasso pra mim meche na imagem e faze ela vira animação!
Everton Diz:
5/07/09 às 19:27
Olá Felipe..o seu video tah muito massa..mais eu consigo ver apenas ate a metade :S..e eu estava aprendendo muito com seu video..precizo muito aprender a fazer um banner flash..se vocÊ puder ver isso..

Obrigado.
David CHC Diz:
5/07/09 às 20:16
@Everton, tente limpar o cache do seu navegador. Se vc estiver usando Internet Explorer basta vc apertar CTRL + F5, caso esteja usando o Firefox, vá em Ferramentas > Opções > Avançado. Escolha a Aba Rede, clique em Limpar agora. Veja se isso resolve.
Everton Diz:
5/07/09 às 20:34
Deu certo amigo xD..

Muito Obrigado..
Emerson Diz:
5/07/09 às 22:44
Boa noite..eu tenho uma duvida..

na hora de instalar o Adobe Flash eo Adobe Fireworks pede para fechar o Internet Explorer..mais eu nao estou com eles abertos :S

Se alguem puder me ajudar..Obrigado..

Abrax.
David CHC Diz:
6/07/09 às 8:21
@Emerson, vc tem q fechar tbm outros programas, como msn. Feche todos os programas, antes de instalar os produtos da Adobe
wagner santos Diz:
7/07/09 às 0:32
meu amigo vejo todas suas aulas gostaria de aprender a fazer umas imagens como esta deste link que estou passando http://www.myspace.com/rickross por que dentro um grupo de hip hop e estou lutando muito para conseguir meu espaço estou apredendo a mexer agora tenho uma boa nocao com fotos se puder me ajudar muito obrigado e aguardado um retorno ancioso.
Murilo Diz:
12/07/09 às 20:44
o video tah mt massa amigo..mais tudo isso e você nao ensina a salvar :S

eu começei agora e fiz banner mt legal..mais eu perdi porque nao tem como salva ;/

Obrigado.
Marcela Diz:
13/07/09 às 15:16
e mesmo..você podia ensinar a salvar…pra poder ver sem o Flash estar instalado.
David CHC Diz:
13/07/09 às 15:45
@Marcela, vc quer salva com a extensão SWF? Se for isso, é bem simples, salve o arquivo normalmente, indo em FILES > SAVE ou Ctrl + S. Com ele salvo, Depois apenas Ctrl + Enter, q ele irá salvar o arquivo em formato de swf. Vc pode ainda configurar algumas opções indo em FILES > Publish Settings Em formats vc escolhe o formato em onde será salvo, exemplo, no caso vc pode salva apenas o swf mascando essa opção, ou criar o html e swf q ele inseri junto. Aba flash, vc pode diminuir a qualidade das imagens, tipo de audio, etc. E em html, vc pode escolhe o template , as dimensões, etc. Depois de fazer as configuração, aperte OK, e depois Publish
Nicolas Diz:
26/09/09 às 23:14
cara video aula mto boua
é bom q da para fazer até na versao Mx ;d
Jorge Diz:
6/01/10 às 11:41
Olá, adorei a video aula, mais ainda tenho muitas duvidas, sobre a confecção de banner em flash, eu faço da mesma forma que vocês ensina mais nunca da certo, eu gostaria se possivel que me envia via e-mail um tutorial ensinando a confecção de banner com texto e imagem, pois eu necessito para adicionalo em meu site, ou então me indique um link com este material para eu imprimir.
Certo de contar com a sua atenção, desde já agradeço.
Jorge
Wellington Mantovanni Diz:
20/01/10 às 21:57
Olhá felipe cardoso
gostaria de saber como salvar este banner que você encinou,
pois fiz um para um site de mu online
ai gostaria de saber um formato para salvar para mim postar na internet e o dono do site velo
agradecido..
Wellington Mantovanni
David CHC Diz:
21/01/10 às 7:54
@Wellington, vc vai exportar com gif animado (animated gif). Vá em WINDOWS > OPTIMIZE ou aperte a tecla F6 ( isso na versão CS4), escolha o formato animated gif, depois vai em FILE > EXPORT, escolha uma local para salvar.

Outra maneira, vá em FILE > EXPORT WIZARD. Se aparece uma explicando sobre o exportação e marca a seleção, vc clique continuar, depois escolha WEB, e clique em CONTINUAR (CONTINUE). Depois clique em EXIT. Aparecerá uma janela de configuração, do lado esquerdo em FORMAT, e escolha ANIMATED GIF, e clique EXPORT, depois basta salvar onde vc desejar.
Leonardo Paiva Diz:
18/06/10 às 22:13
Olá felipe, parabens pelas vídeo aulas sou seu fan… gostaria de te pedir pra colocar mais videos de flash !
Wagner Diz:
2/07/10 às 13:20
Olá Felipe Melo!

Parabéns pela aula, muito boa mesmo!

Nesta animação que você fez ao concluir tudo fica num loop constante, não pausa. Com para que a animação aconteça uma vez?

Obrigado! Um grande abraço!
Wagner Diz:
2/07/10 às 14:20
Felipe me desculpe, errei seu nome. Perdão!
LEONARDO Diz:
15/07/10 às 9:28
Cara, muito obrigado! estava precisando disso! para colocar no site do colégio, sou aprendiz daqui e precisava muito disso, OBRRIGAADO! deemais
Luiz Diz:
9/08/10 às 18:28
Olá, sigo todos tutoriais de flash passo a passo, mas na hora de apertar o CTRL ENTER a tela não para de piscar ou não acontece nada, isso ocorreu com todos tutoriais que sequi até agora, repito tudo de novo, pra ver se fiz alguma coisa errada e o problema continua, meu Flash é o CS5.
Eu quero saber como solucionar esse problema.
David CHC Diz:
9/08/10 às 19:46
@Luiz, talvez pq o Flash utilizado é de versões anteriores (isso é um palpite, não entendo muito de flash), tente ver essas aulas no VAB, com Flash CS5, e se ocorre a mesma coisa:

http://www.videoaulasbrasil.com.br/flash/criando-botoes-de-controle-de-animacao-com-as3-parte1/

http://www.videoaulasbrasil.com.br/flash/criando-botoes-de-controle-de-animacao-com-as3-parte2/