SlideShare ist ein Scribd-Unternehmen logo
1 von 13
[object Object],Divirta-se criando animações em Flash
Interpolação clássica
Animação com interpolação clássica Para iniciarmos esta animação será necessário que você desenhe uma elipse no canto inferior esquerdo do palco
Insira um quadro-chave no quadro 20. Depois incline a forma um pouco para cima e para direita.
Insira um quadro-chave no quadro 40. Depois incline a forma um pouco para baixo e para direita e dê uma achatada leve abaixo da elipse.
Insira um quadro-chave no quadro 60. Depois incline a forma um pouco para cima e para direita e tire a achatada da elipse.
Insira um quadro-chave no quadro 80. Depois incline a forma um pouco para baixo e para direita e dê uma achatada leve abaixo da elipse.
Se visualizarmos a animação, veremos que ela esta esquisita, claro pois não colocamos a interpolação clássica. Então vamos na linha do tempo e vamos inserir interpolação clássica entre os quadros que colocamos. Resultado final da linha do tempo, agora basta apertar o atalho Ctrl+Enter para ver como ficou, caso a animação fique devagar deverá alterar o FPS, e caso queira colocar com menos quadros a animação ficará mais rápida também.  Isto seria semelhante a uma caminhada quando maior forrem as ruas a serem percorridas mais demorada será a caminhada.
Interpolação de forma
Animação com interpolação de forma Para iniciarmos esta animação será necessário que você desenhe uma elipse no centro do palco.
Insira um quadro-chave apertando o atalho desta vez (F6)no quadro 20.
Insira um quadro-chave apertando o atalho desta vez (F6)no quadro 20. Depois delete a elipse e desenhe em seu lugar uma outra forma que neste caso é uma estrela azul.
Entre os quadros clique com o botão direito do mouse e selecione a opção de Criar interpolação de Forma. Resultado final, você perceberá que a forma mudou e que os quadros também. Visualize a animação pressionando Ctrl+Enter, você perceberá que a forma inicial foi mudando até se tornar que inseriu no final.

Weitere ähnliche Inhalte

Was ist angesagt?

Montagem e efeitos aleatórios
Montagem e efeitos aleatóriosMontagem e efeitos aleatórios
Montagem e efeitos aleatóriosRoney Sousa
 
Efeito trançado
Efeito trançadoEfeito trançado
Efeito trançadoRoney Sousa
 
Efeitos Photoshop
Efeitos PhotoshopEfeitos Photoshop
Efeitos PhotoshopPaula Peres
 
Aula 3 aparência
Aula 3 aparênciaAula 3 aparência
Aula 3 aparênciaScratch_TCC
 
Aula 5, 6 e 7 - Flash CS5 - Linha do Tempo e Camadas
Aula 5, 6 e 7 - Flash CS5 - Linha do Tempo e CamadasAula 5, 6 e 7 - Flash CS5 - Linha do Tempo e Camadas
Aula 5, 6 e 7 - Flash CS5 - Linha do Tempo e CamadasDayse Lúcia de Almeida
 
Pintura digita e aerografia iron man
Pintura digita e aerografia iron manPintura digita e aerografia iron man
Pintura digita e aerografia iron manPlugs outros
 
Photoshop CS6 - Recriando Efeitos de Luz do Sol em Fotografias
Photoshop CS6 - Recriando Efeitos de Luz do Sol em FotografiasPhotoshop CS6 - Recriando Efeitos de Luz do Sol em Fotografias
Photoshop CS6 - Recriando Efeitos de Luz do Sol em FotografiasRuan Silva
 
Apostila cad montagem--_continuao
Apostila cad montagem--_continuaoApostila cad montagem--_continuao
Apostila cad montagem--_continuaoRenaldo Adriano
 
Tic-excel-03
Tic-excel-03Tic-excel-03
Tic-excel-03diogoa21
 
Aula 2 Flash - Divirta-se criando animações
Aula 2 Flash - Divirta-se criando animaçõesAula 2 Flash - Divirta-se criando animações
Aula 2 Flash - Divirta-se criando animaçõesProjeto Meu Brasil
 
Aula 2 movimento
Aula 2 movimentoAula 2 movimento
Aula 2 movimentoScratch_TCC
 
Aula 1 explorando o scratch 1.4
Aula 1 explorando o scratch 1.4Aula 1 explorando o scratch 1.4
Aula 1 explorando o scratch 1.4Scratch_TCC
 
Animação Digital (Aula 7): Animação de esfera stretch/squash
Animação Digital (Aula 7): Animação de esfera stretch/squashAnimação Digital (Aula 7): Animação de esfera stretch/squash
Animação Digital (Aula 7): Animação de esfera stretch/squashDra. Camila Hamdan
 

Was ist angesagt? (20)

Montagem e efeitos aleatórios
Montagem e efeitos aleatóriosMontagem e efeitos aleatórios
Montagem e efeitos aleatórios
 
Efeito trançado
Efeito trançadoEfeito trançado
Efeito trançado
 
Efeito 3 d
Efeito 3 dEfeito 3 d
Efeito 3 d
 
Efeitos Photoshop
Efeitos PhotoshopEfeitos Photoshop
Efeitos Photoshop
 
Aula 3 aparência
Aula 3 aparênciaAula 3 aparência
Aula 3 aparência
 
Aula 5, 6 e 7 - Flash CS5 - Linha do Tempo e Camadas
Aula 5, 6 e 7 - Flash CS5 - Linha do Tempo e CamadasAula 5, 6 e 7 - Flash CS5 - Linha do Tempo e Camadas
Aula 5, 6 e 7 - Flash CS5 - Linha do Tempo e Camadas
 
Pintura digita e aerografia iron man
Pintura digita e aerografia iron manPintura digita e aerografia iron man
Pintura digita e aerografia iron man
 
Aula 01
Aula 01Aula 01
Aula 01
 
Photoshop CS6 - Recriando Efeitos de Luz do Sol em Fotografias
Photoshop CS6 - Recriando Efeitos de Luz do Sol em FotografiasPhotoshop CS6 - Recriando Efeitos de Luz do Sol em Fotografias
Photoshop CS6 - Recriando Efeitos de Luz do Sol em Fotografias
 
Aula06 controle
Aula06 controleAula06 controle
Aula06 controle
 
Apostila cad montagem--_continuao
Apostila cad montagem--_continuaoApostila cad montagem--_continuao
Apostila cad montagem--_continuao
 
Fogos de artificio tutorial
Fogos de artificio tutorialFogos de artificio tutorial
Fogos de artificio tutorial
 
Tic-excel-03
Tic-excel-03Tic-excel-03
Tic-excel-03
 
Aula 2 Flash - Divirta-se criando animações
Aula 2 Flash - Divirta-se criando animaçõesAula 2 Flash - Divirta-se criando animações
Aula 2 Flash - Divirta-se criando animações
 
Aula07 sensores
Aula07 sensoresAula07 sensores
Aula07 sensores
 
Aula 02 movimento
Aula 02 movimentoAula 02 movimento
Aula 02 movimento
 
Aula 01
Aula 01Aula 01
Aula 01
 
Aula 2 movimento
Aula 2 movimentoAula 2 movimento
Aula 2 movimento
 
Aula 1 explorando o scratch 1.4
Aula 1 explorando o scratch 1.4Aula 1 explorando o scratch 1.4
Aula 1 explorando o scratch 1.4
 
Animação Digital (Aula 7): Animação de esfera stretch/squash
Animação Digital (Aula 7): Animação de esfera stretch/squashAnimação Digital (Aula 7): Animação de esfera stretch/squash
Animação Digital (Aula 7): Animação de esfera stretch/squash
 

Andere mochten auch

Aula 4 Flash - Divirta-se criando animações
Aula 4 Flash - Divirta-se criando animaçõesAula 4 Flash - Divirta-se criando animações
Aula 4 Flash - Divirta-se criando animaçõesProjeto Meu Brasil
 
Aula 7 Flash - Divirta-se criando animações
Aula 7 Flash - Divirta-se criando animaçõesAula 7 Flash - Divirta-se criando animações
Aula 7 Flash - Divirta-se criando animaçõesProjeto Meu Brasil
 
Aula 3 Flash - Divirta-se criando animações
Aula 3 Flash - Divirta-se criando animaçõesAula 3 Flash - Divirta-se criando animações
Aula 3 Flash - Divirta-se criando animaçõesProjeto Meu Brasil
 
Mini-curso: Desenvolvimento de Games no Adobe Flash
Mini-curso: Desenvolvimento de Games no Adobe FlashMini-curso: Desenvolvimento de Games no Adobe Flash
Mini-curso: Desenvolvimento de Games no Adobe FlashAryel Tupinambá
 
Adobe Flash contado em poucos cliques
Adobe Flash contado em poucos cliquesAdobe Flash contado em poucos cliques
Adobe Flash contado em poucos cliquesdamiana guedes
 
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用Adobe Flash platform の法人利用
Adobe Flash platform の法人利用Keisuke Todoroki
 
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...Coradini Lucas, PMP
 
Flash & arduino (via Glue API) - (24 Jun 2010)
Flash & arduino (via Glue API) - (24 Jun 2010)Flash & arduino (via Glue API) - (24 Jun 2010)
Flash & arduino (via Glue API) - (24 Jun 2010)Ricardo Castelhano
 
Dinastia do Flash no Brasil
Dinastia do Flash no BrasilDinastia do Flash no Brasil
Dinastia do Flash no Brasilppgmkt
 
O FLASH ESTÁ MORTO! PROGRAME EM HTML5
O FLASH ESTÁ MORTO! PROGRAME EM HTML5O FLASH ESTÁ MORTO! PROGRAME EM HTML5
O FLASH ESTÁ MORTO! PROGRAME EM HTML5Renato Melo
 
Criando aplicações em flash para web
Criando aplicações em flash para webCriando aplicações em flash para web
Criando aplicações em flash para webJoão Paulo Radd
 
O Flash no mundo da Animação
O Flash no mundo da AnimaçãoO Flash no mundo da Animação
O Flash no mundo da AnimaçãoLeonardo Pereira
 
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4Igor Musardo
 
Flex 4 para desenvolvedores flash
Flex 4 para desenvolvedores flashFlex 4 para desenvolvedores flash
Flex 4 para desenvolvedores flashIgor Costa
 
Active Sessions [0] - html5 vs Flash
Active Sessions [0] -  html5 vs FlashActive Sessions [0] -  html5 vs Flash
Active Sessions [0] - html5 vs FlashActive Media
 
Web 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma FlashWeb 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma FlashAna Laura Gomes
 
Flash Platform + Zend Amf
Flash Platform + Zend AmfFlash Platform + Zend Amf
Flash Platform + Zend AmfMiguel Pinto
 
Fim do Flash - Html5 e Java
Fim do Flash - Html5 e JavaFim do Flash - Html5 e Java
Fim do Flash - Html5 e JavaRenato Melo
 
Flash + WordPress = Amantes
Flash + WordPress = AmantesFlash + WordPress = Amantes
Flash + WordPress = AmantesActive Media
 

Andere mochten auch (20)

Aula 4 Flash - Divirta-se criando animações
Aula 4 Flash - Divirta-se criando animaçõesAula 4 Flash - Divirta-se criando animações
Aula 4 Flash - Divirta-se criando animações
 
Aula 7 Flash - Divirta-se criando animações
Aula 7 Flash - Divirta-se criando animaçõesAula 7 Flash - Divirta-se criando animações
Aula 7 Flash - Divirta-se criando animações
 
Aula 3 Flash - Divirta-se criando animações
Aula 3 Flash - Divirta-se criando animaçõesAula 3 Flash - Divirta-se criando animações
Aula 3 Flash - Divirta-se criando animações
 
Mini-curso: Desenvolvimento de Games no Adobe Flash
Mini-curso: Desenvolvimento de Games no Adobe FlashMini-curso: Desenvolvimento de Games no Adobe Flash
Mini-curso: Desenvolvimento de Games no Adobe Flash
 
Adobe Flash contado em poucos cliques
Adobe Flash contado em poucos cliquesAdobe Flash contado em poucos cliques
Adobe Flash contado em poucos cliques
 
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用Adobe Flash platform の法人利用
Adobe Flash platform の法人利用
 
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramenta...
 
Flash & arduino (via Glue API) - (24 Jun 2010)
Flash & arduino (via Glue API) - (24 Jun 2010)Flash & arduino (via Glue API) - (24 Jun 2010)
Flash & arduino (via Glue API) - (24 Jun 2010)
 
Dinastia do Flash no Brasil
Dinastia do Flash no BrasilDinastia do Flash no Brasil
Dinastia do Flash no Brasil
 
O FLASH ESTÁ MORTO! PROGRAME EM HTML5
O FLASH ESTÁ MORTO! PROGRAME EM HTML5O FLASH ESTÁ MORTO! PROGRAME EM HTML5
O FLASH ESTÁ MORTO! PROGRAME EM HTML5
 
Criando aplicações em flash para web
Criando aplicações em flash para webCriando aplicações em flash para web
Criando aplicações em flash para web
 
O Flash no mundo da Animação
O Flash no mundo da AnimaçãoO Flash no mundo da Animação
O Flash no mundo da Animação
 
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4
Desenvolvimento de Rich Internet Application com Flex 4 e Flash Builder 4
 
Flex 4 para desenvolvedores flash
Flex 4 para desenvolvedores flashFlex 4 para desenvolvedores flash
Flex 4 para desenvolvedores flash
 
Active Sessions [0] - html5 vs Flash
Active Sessions [0] -  html5 vs FlashActive Sessions [0] -  html5 vs Flash
Active Sessions [0] - html5 vs Flash
 
Web 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma FlashWeb 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma Flash
 
Flash Platform + Zend Amf
Flash Platform + Zend AmfFlash Platform + Zend Amf
Flash Platform + Zend Amf
 
Html
HtmlHtml
Html
 
Fim do Flash - Html5 e Java
Fim do Flash - Html5 e JavaFim do Flash - Html5 e Java
Fim do Flash - Html5 e Java
 
Flash + WordPress = Amantes
Flash + WordPress = AmantesFlash + WordPress = Amantes
Flash + WordPress = Amantes
 

Mehr von Projeto Meu Brasil

Aula 7 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 7 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 7 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 7 - Curso Grátis Online de Email - Projeto Educa São Paulo Projeto Meu Brasil
 
Aula 6 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 6 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 6 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 6 - Curso Grátis Online de Email - Projeto Educa São Paulo Projeto Meu Brasil
 
Aula 4 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 4 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 4 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 4 - Curso Grátis Online de Email - Projeto Educa São Paulo Projeto Meu Brasil
 
Aula 3 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 3 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 3 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 3 - Curso Grátis Online de Email - Projeto Educa São Paulo Projeto Meu Brasil
 
Aula 2 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 2 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 2 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 2 - Curso Grátis Online de Email - Projeto Educa São Paulo Projeto Meu Brasil
 
Aula 1 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 1 - Curso Grátis Online de Email - Projeto Educa São PauloAula 1 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 1 - Curso Grátis Online de Email - Projeto Educa São PauloProjeto Meu Brasil
 
Aula 5 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 5 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 5 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 5 - Curso Grátis Online de Email - Projeto Educa São Paulo Projeto Meu Brasil
 
Aula 7 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 7 - Curso Grátis Online de Currículo - Projeto Educa São PauloAula 7 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 7 - Curso Grátis Online de Currículo - Projeto Educa São PauloProjeto Meu Brasil
 
Aula 6 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 6 - Curso Grátis Online de Currículo - Projeto Educa São PauloAula 6 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 6 - Curso Grátis Online de Currículo - Projeto Educa São PauloProjeto Meu Brasil
 
Aula 1 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 1 - Curso Grátis Online de Currículo - Projeto Educa São PauloAula 1 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 1 - Curso Grátis Online de Currículo - Projeto Educa São PauloProjeto Meu Brasil
 

Mehr von Projeto Meu Brasil (10)

Aula 7 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 7 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 7 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 7 - Curso Grátis Online de Email - Projeto Educa São Paulo
 
Aula 6 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 6 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 6 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 6 - Curso Grátis Online de Email - Projeto Educa São Paulo
 
Aula 4 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 4 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 4 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 4 - Curso Grátis Online de Email - Projeto Educa São Paulo
 
Aula 3 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 3 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 3 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 3 - Curso Grátis Online de Email - Projeto Educa São Paulo
 
Aula 2 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 2 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 2 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 2 - Curso Grátis Online de Email - Projeto Educa São Paulo
 
Aula 1 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 1 - Curso Grátis Online de Email - Projeto Educa São PauloAula 1 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 1 - Curso Grátis Online de Email - Projeto Educa São Paulo
 
Aula 5 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 5 - Curso Grátis Online de Email - Projeto Educa São Paulo Aula 5 - Curso Grátis Online de Email - Projeto Educa São Paulo
Aula 5 - Curso Grátis Online de Email - Projeto Educa São Paulo
 
Aula 7 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 7 - Curso Grátis Online de Currículo - Projeto Educa São PauloAula 7 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 7 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
 
Aula 6 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 6 - Curso Grátis Online de Currículo - Projeto Educa São PauloAula 6 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 6 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
 
Aula 1 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 1 - Curso Grátis Online de Currículo - Projeto Educa São PauloAula 1 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
Aula 1 - Curso Grátis Online de Currículo - Projeto Educa São Paulo
 

Animações em Flash com interpolação clássica e de forma

  • 1.
  • 3. Animação com interpolação clássica Para iniciarmos esta animação será necessário que você desenhe uma elipse no canto inferior esquerdo do palco
  • 4. Insira um quadro-chave no quadro 20. Depois incline a forma um pouco para cima e para direita.
  • 5. Insira um quadro-chave no quadro 40. Depois incline a forma um pouco para baixo e para direita e dê uma achatada leve abaixo da elipse.
  • 6. Insira um quadro-chave no quadro 60. Depois incline a forma um pouco para cima e para direita e tire a achatada da elipse.
  • 7. Insira um quadro-chave no quadro 80. Depois incline a forma um pouco para baixo e para direita e dê uma achatada leve abaixo da elipse.
  • 8. Se visualizarmos a animação, veremos que ela esta esquisita, claro pois não colocamos a interpolação clássica. Então vamos na linha do tempo e vamos inserir interpolação clássica entre os quadros que colocamos. Resultado final da linha do tempo, agora basta apertar o atalho Ctrl+Enter para ver como ficou, caso a animação fique devagar deverá alterar o FPS, e caso queira colocar com menos quadros a animação ficará mais rápida também. Isto seria semelhante a uma caminhada quando maior forrem as ruas a serem percorridas mais demorada será a caminhada.
  • 10. Animação com interpolação de forma Para iniciarmos esta animação será necessário que você desenhe uma elipse no centro do palco.
  • 11. Insira um quadro-chave apertando o atalho desta vez (F6)no quadro 20.
  • 12. Insira um quadro-chave apertando o atalho desta vez (F6)no quadro 20. Depois delete a elipse e desenhe em seu lugar uma outra forma que neste caso é uma estrela azul.
  • 13. Entre os quadros clique com o botão direito do mouse e selecione a opção de Criar interpolação de Forma. Resultado final, você perceberá que a forma mudou e que os quadros também. Visualize a animação pressionando Ctrl+Enter, você perceberá que a forma inicial foi mudando até se tornar que inseriu no final.