MX Masters

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

Banner animado utilizando filtros

6 votos

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'

  1. Israel C. CastielNo Gravatar Diz:

    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.

  2. Felipe CardozoNo Gravatar Diz:

    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!

  3. Franklin CostaNo Gravatar Diz:

    Muito bom Felipe… parabéns!

  4. Carlos EduardoNo Gravatar Diz:

    VALEEW FELIPE COMO SEMPRE FORTALECENDO GERALLL…ABRAÇOS, VOU PAGAR CHOPP PRA VC…RSRSRR…VALEW TAMO JUNTO

  5. Felipe CardozoNo Gravatar Diz:

    Valeu Franklin!

    []´s

  6. Felipe CardozoNo Gravatar Diz:

    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

  7. EryNo Gravatar Diz:

    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…

  8. EdisonNo Gravatar Diz:

    Maravilha queria mesmo aprender a fazer banners em flash.
    Abraços!!!

  9. Felipe CardozoNo Gravatar Diz:

    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

  10. RafaelNo Gravatar Diz:

    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+

  11. Carlos AndersonNo Gravatar Diz:

    Execelente Cardozo!

    Parabéns

  12. AlexandreNo Gravatar Diz:

    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

  13. FabioNo Gravatar Diz:

    Boa video-aula felipe!
    agora poderia mostrar algo mais intermediário não é mesmo?

  14. BriciiinhoNo Gravatar Diz:

    mt massa vey..
    soh ter criatividade q o kra vai pra frente..
    parabens mesmo..

  15. BriciiinhoNo Gravatar Diz:

    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

  16. SávioNo Gravatar Diz:

    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.

  17. AlexNo Gravatar Diz:

    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

  18. Jober CostaNo Gravatar Diz:

    Show d bola Felipe!!!

  19. EryNo Gravatar Diz:

    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

  20. Felipe CardozoNo Gravatar Diz:

    Fábio, valeu!

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

    []´s

  21. Felipe CardozoNo Gravatar Diz:

    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

  22. demir de francaNo Gravatar Diz:

    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é +

  23. Felipe CardozoNo Gravatar Diz:

    Olá Demir, tudo certo?

    Iremos desenvolver assim que possível!

    []´s

  24. Amilton CesarNo Gravatar Diz:

    Simplesmente demais Cara, parabens.

  25. RomárioNo Gravatar Diz:

    Legal a vídeo aula… Parabéns!

  26. Felipe CardozoNo Gravatar Diz:

    Ão ão ão, Romário é seleção! hehehe.

    Valeu Romário!

    []´s

  27. Felipe Barcelos De AraujoNo Gravatar Diz:

    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

  28. Felipe CardozoNo Gravatar Diz:

    Felipe, pode ter sido uma instabilidade no servidor de vídeos.

    Está normal!

    []´s

  29. sandro silvaNo Gravatar Diz:

    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.

  30. Felipe CardozoNo Gravatar Diz:

    Sandro, beleza?

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

    []´s

  31. Paulo CesarNo Gravatar Diz:

    Ola Felipe Cardoso……
    Nao estou conseguindo passa para o dreamweaver…………..voces tem alguma video aula de como fazer isso………….agradeço desde ja………….Obrigado!!!

  32. Felipe CardozoNo Gravatar Diz:

    Olá Paulo.

    Nesta vídeo aula ensinamos isso: http://www.mxmasters.com.br/flash/flash-transicao-com-fotos-e-insercao-da-animacao-no-dreamweaver

  33. Solano BouvieNo Gravatar Diz:

    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

  34. THIAGO EULLERNo Gravatar Diz:

    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

  35. augustoNo Gravatar Diz:

    Valeu ai essa video aula me ajudou e aprendi a fazer banner http://www.riodefogo.com.br

  36. Luccas S.M.No Gravatar Diz:

    aff n consegui ver..aqui o video para no inicio e n terminar =/

  37. Ezequiel Atleticano P.RNo Gravatar Diz:

    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…

  38. Leandro G.F FernandesNo Gravatar Diz:

    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!!!!

  39. Luã CarlosNo Gravatar Diz:

    Valew..
    Ajudo bastante… :)

  40. Andréa DuarteNo Gravatar Diz:

    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!

  41. MatosNo Gravatar Diz:

    Alow Felipe, falo de Joinville.
    Muito bom mesmo.

  42. FilipeNo Gravatar Diz:

    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

  43. Joao PauloNo Gravatar Diz:

    Pow filipe.. os videos nao estao carregando aki.. e no youtube estão..
    o q está acontecendo? :S

  44. Joao PauloNo Gravatar Diz:

    meu problema era o flash q tava desatualizado e o firefox nao havia atualizado automaticamente :P

  45. DennisNo Gravatar Diz:

    Queria um video como criar um loading carregando na pagina inicial ..
    Desde ja agradeço.

  46. JhonnyNo Gravatar Diz:

    Muito bom valeu mesmo Felipe. Parabéns!!!.

  47. RicardoNo Gravatar Diz:

    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.

  48. julioNo Gravatar Diz:

    queria te pergunta como que eu fasso pra mim meche na imagem e faze ela vira animação!

  49. EvertonNo Gravatar Diz:

    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.

  50. David CHCNo Gravatar Diz:

    @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.

  51. EvertonNo Gravatar Diz:

    Deu certo amigo xD..

    Muito Obrigado..

  52. EmersonNo Gravatar Diz:

    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.

  53. David CHCNo Gravatar Diz:

    @Emerson, vc tem q fechar tbm outros programas, como msn. Feche todos os programas, antes de instalar os produtos da Adobe

  54. wagner santosNo Gravatar Diz:

    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.

  55. MuriloNo Gravatar Diz:

    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.

  56. MarcelaNo Gravatar Diz:

    e mesmo..você podia ensinar a salvar…pra poder ver sem o Flash estar instalado.

  57. David CHCNo Gravatar Diz:

    @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

  58. NicolasNo Gravatar Diz:

    cara video aula mto boua
    é bom q da para fazer até na versao Mx ;d

  59. JorgeNo Gravatar Diz:

    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

  60. Wellington MantovanniNo Gravatar Diz:

    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

  61. David CHCNo Gravatar Diz:

    @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.

  62. Leonardo PaivaNo Gravatar Diz:

    Olá felipe, parabens pelas vídeo aulas sou seu fan… gostaria de te pedir pra colocar mais videos de flash !

  63. WagnerNo Gravatar Diz:

    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!

  64. WagnerNo Gravatar Diz:

    Felipe me desculpe, errei seu nome. Perdão!

  65. LEONARDONo Gravatar Diz:

    Cara, muito obrigado! estava precisando disso! para colocar no site do colégio, sou aprendiz daqui e precisava muito disso, OBRRIGAADO! deemais

  66. LuizNo Gravatar Diz:

    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.

  67. David CHCNo Gravatar Diz:

    @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/

Deixe seu Comentário

Publicidade

www.mxmasters.com.br - todos os Direitos Reservados : Desenvolvido com Wordpress

Desenvolvido por David CHC e Felipe Cardozo