Universidade do Minho
                                Instituto de Ciências Sociais
                                Departamento de Ciências da Comunicação




Professor Leonardo Pereira
 Ano Curricular - 2012 | 2013   COMUNICAÇÃO E MEIOS DIGITAIS
                                Curso de Mestrado em Comunicação, Cidadania e Educação - 1º Ano | 1º Semestre




                                Aula 12

                                1. O FLASH NO MUNDO DA ANIMAÇÃO

                                	   Um pouco de história da relação do Flash com a Animação
                                	   A cultura e a estética da Animação em Flash
                                	   Exemplos de abordagens à Animação em Flash
                                	   Lançamento da proposta de trabalho 02 - Animação em Flash
Universidade do Minho                     Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais                             Professor Leonardo Pereira
Departamento de Ciências da Comunicação                 leonardpeartree@gmail.com




01
Um pouco de história da relação do Flash com a Animação
Universidade do Minho                                             Comunicação e Meios Digitais - 2012 | 2013
               Instituto de Ciências Sociais                                                     Professor Leonardo Pereira
               Departamento de Ciências da Comunicação                                         leonardpeartree@gmail.com




Um pouco de    A ENTRADA DO FLASH NO MUNDO DA ANIMAÇÃO
               Apesar de o Flash ter surgido principalmente para ser usado como uma ferramenta de
    História   publicação e authoring Web, rapidamente se percebeu o potencial de que a ferramenta
               também dispunha para a simples criação de Animação.




               	                                          O criador dos famosos personagens de 		
               	                                          animação Ren & Stimpy - John Krickfalusi -
               	                                          foi um dos primeiros criadores a perceber 	
               	                                          o potencial da ferramenta e criou, em 1997, 	
               	                                          a primeira série de animação inteiramente 	
               	                                          produzida em Flash, para a web:

               	                                          O Goddamn George Liquor Program
               	                                          http://www.youtube.com/watch?v=TkmHrAU-H7s&feature=relmfu
Universidade do Minho                                                               Comunicação e Meios Digitais - 2012 | 2013
               Instituto de Ciências Sociais                                                                       Professor Leonardo Pereira
               Departamento de Ciências da Comunicação                                                           leonardpeartree@gmail.com




Um pouco de    UM POUCO MAIS TARDE - 1998
               Um grande sucesso online de animação em Flash foi a série Joe Cartoon.
    História   Esta série estava dividida em subséries temáticas, como a “In a blender“, que foi
               a que mais sucesso alcançou junto do público na web:




               	                                             Joe Goes to Lunch (série “Superfly“)
               http://www.youtube.com/watch?v=jhzFB6x_CZg&list=PL22B99C4F62006408&index=7&feature=plpp_video




               	                                             Kanye West in a Blender (série “In a blender“)
               http://www.youtube.com/watch?v=ZVaBW296xbc&list=PLD48707BE85CC27C1&index=1&feature=plpp_video
Universidade do Minho                                                                       Comunicação e Meios Digitais - 2012 | 2013
               Instituto de Ciências Sociais                                                                                Professor Leonardo Pereira
               Departamento de Ciências da Comunicação                                                                    leonardpeartree@gmail.com




Um pouco de    NA VIRAGEM DO NOSSO SÉCULO...
               No final dos anos 90 e início dos anos 2000 a internet assiste a uma explosão de sites
    História   de animação e personagens de culto em Flash.




               Queer Duck                                                       Jib Jab
               http://www.youtube.com/user/queerduckshow?feature=results_main   http://www.youtube.com/watch?v=M8U4T1IH1C8




               Happy Tree Friends                                               Ninjai - The Little Ninja
               http://www.youtube.com/watch?v=nmXL6-F3vZQ                       http://www.dailymotion.com/video/x6qm8b_ninjai-the-little-ninja-
                                                                                episode-2_fun
Universidade do Minho                                               Comunicação e Meios Digitais - 2012 | 2013
               Instituto de Ciências Sociais                                                       Professor Leonardo Pereira
               Departamento de Ciências da Comunicação                                           leonardpeartree@gmail.com




Um pouco de    NOS NOSSOS DIAS...
               Atualmente ainda há muitas séries de animação que ainda são produzidas com o Flash.
    História   E algumas delas são relativamente conhecidas e populares entre o público infanto-juve-
               nil, como a “Foster’s Home for Imaginary friends“ e a “Wow! Wow! Wubbzy!“.




               Gotham Girls                                 Foster’s Home For Imaginary Friends
               http://www.youtube.com/watch?v=JVhRTxw7Obw   http://www.youtube.com/watch?v=j56DnUJewPA




               Crime Time                                   Wow! Wow! Wubbzy!
               http://www.youtube.com/watch?v=nREca1u4hjQ   http://www.youtube.com/watch?v=DRNCMKkjFog&feature=fvst
Universidade do Minho                     Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais                             Professor Leonardo Pereira
Departamento de Ciências da Comunicação                 leonardpeartree@gmail.com




02
A cultura e a estética da Animação em Flash
Universidade do Minho                                             Comunicação e Meios Digitais - 2012 | 2013
                Instituto de Ciências Sociais                                                     Professor Leonardo Pereira
                Departamento de Ciências da Comunicação                                         leonardpeartree@gmail.com




    A cultura   O CULTO DA ECONOMIA NA ANIMAÇÃO
                Se repararem, a maior parte das animações em Flash que vimos atrás, apesar de dife-
  estética da   rentes na Linguagem visual (no tipo de desenho) elas são relativamente semelhantes
Animação em     num aspeto: na simplicidade da animação.
        Flash
                	                                          Há uma evidente tendência para a
                	                                          simplificação do movimento e, por vezes,
                	                                          nota-se até que as figuras, em certos
                	                                          movimentos que fazem, na verdade não os
                	                                          fazem. Há apenas uma passagem “brusca“
                	                                          e imediata de uma posição para a outra.

                	                                          O investimento do trabalho de animação 		
                	                                          do animador está concentrado apenas num 	
                	                                          ou noutro pormenor (como as falas e a
                	                                          expressão dos olhos), tudo o resto se
                	                                          mantendo relativamente estático.

                	                                          Vejam novamente o Goddam George
                	                                          Liquour Program e o Ninjai, visualmente
                	                                          muito diferentes, mas muito semelhantes
                	                                          ao nível da estratégia de animação	

                	                                          O Goddamn George Liquor Program
                	                                          http://www.youtube.com/watch?v=TkmHrAU-H7s&feature=relmfu
Universidade do Minho                                    Comunicação e Meios Digitais - 2012 | 2013
                Instituto de Ciências Sociais                                            Professor Leonardo Pereira
                Departamento de Ciências da Comunicação                                leonardpeartree@gmail.com




    A cultura   MAS NEM TODAS SÃO ASSIM
                Vamos ver, a seguir outras abordagens de animação em Flash que, se nalguns casos
  estética da   são extremamente simplistas em termos de animação e desenho, noutros casos são até
Animação em     bastante virtuosas e complexas na animação.
        Flash
Universidade do Minho                     Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais                             Professor Leonardo Pereira
Departamento de Ciências da Comunicação                 leonardpeartree@gmail.com




03
Exemplos de abordagens à Animação em Flash
Universidade do Minho                                              Comunicação e Meios Digitais - 2012 | 2013
               Instituto de Ciências Sociais                                                      Professor Leonardo Pereira
               Departamento de Ciências da Comunicação                                          leonardpeartree@gmail.com




  Diferentes   STICK FIGURE ANIMATIONS
               Animações onde um personagem de uma animação luta contra o animador dentro do in-
abordagens     terface do Flash e do sistema operativo do computador. Estas animações caracterizam-
à Animação     se por serem visualmente simples, mas extremamente complexas e ricas do ponto de
   em Flash    vista da animação.
               	




               	                                          Animator vs Animation
               	                                          http://www.youtube.com/watch?v=iOXhYqtk_-0&feature=related
               	http://www.youtube.com/watch?v=bDRMkxF7WQc&feature=related
Universidade do Minho                                            Comunicação e Meios Digitais - 2012 | 2013
               Instituto de Ciências Sociais                                                    Professor Leonardo Pereira
               Departamento de Ciências da Comunicação                                        leonardpeartree@gmail.com




  Diferentes   A “THE END OF THE WORLD ANIMATION“
               Esta é uma animação que pouco tem de animação. Temos apenas slides de ilustrações
abordagens     pouco animadas mas que, ainda assim, não deixa de ser uma abordagem válida e diver-
à Animação     tida à animação em Flash. Repare-se que os próprios desenhos são muito toscos.
   em Flash    	




               	                                         The end of the world
               	                                         http://www.endofworld.net/endofworld.swf
Universidade do Minho                                              Comunicação e Meios Digitais - 2012 | 2013
               Instituto de Ciências Sociais                                                      Professor Leonardo Pereira
               Departamento de Ciências da Comunicação                                          leonardpeartree@gmail.com




  Diferentes   THE CUBOY ANIMATIONS
               Esta é uma série de animações de um personagem cujo desenho é sempre baseado
abordagens     em formas tridimensionais simples. Uma particularidade é que a própria animação e o
à Animação     movimento dos personagens, com excepção das bocas e olhos, se movimentam sempre
   em Flash    respeitando a perspectiva.
               	




               t


               	                                         Cuboy
               	                                         http://www.albinoblacksheep.com/flash/cuboy1
Universidade do Minho                                               Comunicação e Meios Digitais - 2012 | 2013
               Instituto de Ciências Sociais                                                       Professor Leonardo Pereira
               Departamento de Ciências da Comunicação                                           leonardpeartree@gmail.com




  Diferentes   THE DICK FIGURES ANIMATIONS
               Esta série, apesar de extremamente simples ao nível do desenho, é extremamente com-
abordagens     plexa ao nível da animação. No entanto é outra excelente abordagem à animação utili-
à Animação     zando o Flash se bem que muito trabalhosa e difícil.
   em Flash    	




               	                                         Dick Figures
               	                                         http://www.albinoblacksheep.com/video/dick-figures-1
Universidade do Minho                                                Comunicação e Meios Digitais - 2012 | 2013
               Instituto de Ciências Sociais                                                        Professor Leonardo Pereira
               Departamento de Ciências da Comunicação                                            leonardpeartree@gmail.com




  Diferentes   THE SITCOM ANIMATIONS
               Já esta série de animação é extremamente tosca a todos os níveis. A animação é prati-
abordagens     camente inexistente e os desenhos são arrojadamente maus. No entanto, enquanto
à Animação     produto de entretenimento funcionam pela parvoíce das histórias relatadas, o que as
   em Flash    torna uma abordagem legítima à animação em Flash.
               	




               	                                           Sitcom
               	                                           http://www.albinoblacksheep.com/flash/sitcom388
Universidade do Minho                      Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais                              Professor Leonardo Pereira
Departamento de Ciências da Comunicação                  leonardpeartree@gmail.com




04
Proposta de trabalho - Animação em Flash
Universidade do Minho                                         Comunicação e Meios Digitais - 2012 | 2013
            Instituto de Ciências Sociais                                                 Professor Leonardo Pereira
            Departamento de Ciências da Comunicação                                     leonardpeartree@gmail.com




Animação    Proposta de trabalho
            Trabalho, em grupos de dois elementos dedicado, à concepção e produção de uma
 em Flash   animação de tema e técnica livres em Flash. A animação terá de ter uma duração entre
            30 segundos (mínimo) a 1 minuto. A animação não deverá ser abstrata de um ponto de
            vista narrativo. Podê-lo-á ser, no entanto, de um ponto de vista visual, desde que haja
            uma narrativa claramente presente. Quadrados e rectângulos podem ter uma história
            para contar!

            Objectivos
            Os mestrandos terão de demonstrar com o seu trabalho que são capazes de produzir
            algum tipo de animação em Flash aplicando o potencial do programa ao serviço
            da narrativa apresentada na animação.

            Settings do exercício (Muito mas mesmo muito importante!)
            A animação terá de ser produzida em Flash num palco com 1024 x 768 píxeis e o frame
            rate terá que ser igual ou superior a 24frs por segundo. Não podem utilizar imagens que
            não sejam vossas. Têm de as produzir. Quem não respeitar será penalizado!

            Entrega
            Terão de ser entregues ao docente para avaliação os seguintes materiais/ficheiros:
            1.	O ficheiro editável da animação em formato FLA.
            2.	O ficheiro não editável/trancado da animação exportada em formato SWF.
            3.	Ficheiros das imagens originais utilizadas (caso utilizem também imagens na vossa
            animação).

            Deadline
            A data limite prevista para a entrega e apresentação é o dia 25 de Janeiro de 2013.

O Flash no mundo da Animação

  • 1.
    Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Professor Leonardo Pereira Ano Curricular - 2012 | 2013 COMUNICAÇÃO E MEIOS DIGITAIS Curso de Mestrado em Comunicação, Cidadania e Educação - 1º Ano | 1º Semestre Aula 12 1. O FLASH NO MUNDO DA ANIMAÇÃO Um pouco de história da relação do Flash com a Animação A cultura e a estética da Animação em Flash Exemplos de abordagens à Animação em Flash Lançamento da proposta de trabalho 02 - Animação em Flash
  • 2.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com 01 Um pouco de história da relação do Flash com a Animação
  • 3.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com Um pouco de A ENTRADA DO FLASH NO MUNDO DA ANIMAÇÃO Apesar de o Flash ter surgido principalmente para ser usado como uma ferramenta de História publicação e authoring Web, rapidamente se percebeu o potencial de que a ferramenta também dispunha para a simples criação de Animação. O criador dos famosos personagens de animação Ren & Stimpy - John Krickfalusi - foi um dos primeiros criadores a perceber o potencial da ferramenta e criou, em 1997, a primeira série de animação inteiramente produzida em Flash, para a web: O Goddamn George Liquor Program http://www.youtube.com/watch?v=TkmHrAU-H7s&feature=relmfu
  • 4.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com Um pouco de UM POUCO MAIS TARDE - 1998 Um grande sucesso online de animação em Flash foi a série Joe Cartoon. História Esta série estava dividida em subséries temáticas, como a “In a blender“, que foi a que mais sucesso alcançou junto do público na web: Joe Goes to Lunch (série “Superfly“) http://www.youtube.com/watch?v=jhzFB6x_CZg&list=PL22B99C4F62006408&index=7&feature=plpp_video Kanye West in a Blender (série “In a blender“) http://www.youtube.com/watch?v=ZVaBW296xbc&list=PLD48707BE85CC27C1&index=1&feature=plpp_video
  • 5.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com Um pouco de NA VIRAGEM DO NOSSO SÉCULO... No final dos anos 90 e início dos anos 2000 a internet assiste a uma explosão de sites História de animação e personagens de culto em Flash. Queer Duck Jib Jab http://www.youtube.com/user/queerduckshow?feature=results_main http://www.youtube.com/watch?v=M8U4T1IH1C8 Happy Tree Friends Ninjai - The Little Ninja http://www.youtube.com/watch?v=nmXL6-F3vZQ http://www.dailymotion.com/video/x6qm8b_ninjai-the-little-ninja- episode-2_fun
  • 6.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com Um pouco de NOS NOSSOS DIAS... Atualmente ainda há muitas séries de animação que ainda são produzidas com o Flash. História E algumas delas são relativamente conhecidas e populares entre o público infanto-juve- nil, como a “Foster’s Home for Imaginary friends“ e a “Wow! Wow! Wubbzy!“. Gotham Girls Foster’s Home For Imaginary Friends http://www.youtube.com/watch?v=JVhRTxw7Obw http://www.youtube.com/watch?v=j56DnUJewPA Crime Time Wow! Wow! Wubbzy! http://www.youtube.com/watch?v=nREca1u4hjQ http://www.youtube.com/watch?v=DRNCMKkjFog&feature=fvst
  • 7.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com 02 A cultura e a estética da Animação em Flash
  • 8.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com A cultura O CULTO DA ECONOMIA NA ANIMAÇÃO Se repararem, a maior parte das animações em Flash que vimos atrás, apesar de dife- estética da rentes na Linguagem visual (no tipo de desenho) elas são relativamente semelhantes Animação em num aspeto: na simplicidade da animação. Flash Há uma evidente tendência para a simplificação do movimento e, por vezes, nota-se até que as figuras, em certos movimentos que fazem, na verdade não os fazem. Há apenas uma passagem “brusca“ e imediata de uma posição para a outra. O investimento do trabalho de animação do animador está concentrado apenas num ou noutro pormenor (como as falas e a expressão dos olhos), tudo o resto se mantendo relativamente estático. Vejam novamente o Goddam George Liquour Program e o Ninjai, visualmente muito diferentes, mas muito semelhantes ao nível da estratégia de animação O Goddamn George Liquor Program http://www.youtube.com/watch?v=TkmHrAU-H7s&feature=relmfu
  • 9.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com A cultura MAS NEM TODAS SÃO ASSIM Vamos ver, a seguir outras abordagens de animação em Flash que, se nalguns casos estética da são extremamente simplistas em termos de animação e desenho, noutros casos são até Animação em bastante virtuosas e complexas na animação. Flash
  • 10.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com 03 Exemplos de abordagens à Animação em Flash
  • 11.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com Diferentes STICK FIGURE ANIMATIONS Animações onde um personagem de uma animação luta contra o animador dentro do in- abordagens terface do Flash e do sistema operativo do computador. Estas animações caracterizam- à Animação se por serem visualmente simples, mas extremamente complexas e ricas do ponto de em Flash vista da animação. Animator vs Animation http://www.youtube.com/watch?v=iOXhYqtk_-0&feature=related http://www.youtube.com/watch?v=bDRMkxF7WQc&feature=related
  • 12.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com Diferentes A “THE END OF THE WORLD ANIMATION“ Esta é uma animação que pouco tem de animação. Temos apenas slides de ilustrações abordagens pouco animadas mas que, ainda assim, não deixa de ser uma abordagem válida e diver- à Animação tida à animação em Flash. Repare-se que os próprios desenhos são muito toscos. em Flash The end of the world http://www.endofworld.net/endofworld.swf
  • 13.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com Diferentes THE CUBOY ANIMATIONS Esta é uma série de animações de um personagem cujo desenho é sempre baseado abordagens em formas tridimensionais simples. Uma particularidade é que a própria animação e o à Animação movimento dos personagens, com excepção das bocas e olhos, se movimentam sempre em Flash respeitando a perspectiva. t Cuboy http://www.albinoblacksheep.com/flash/cuboy1
  • 14.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com Diferentes THE DICK FIGURES ANIMATIONS Esta série, apesar de extremamente simples ao nível do desenho, é extremamente com- abordagens plexa ao nível da animação. No entanto é outra excelente abordagem à animação utili- à Animação zando o Flash se bem que muito trabalhosa e difícil. em Flash Dick Figures http://www.albinoblacksheep.com/video/dick-figures-1
  • 15.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com Diferentes THE SITCOM ANIMATIONS Já esta série de animação é extremamente tosca a todos os níveis. A animação é prati- abordagens camente inexistente e os desenhos são arrojadamente maus. No entanto, enquanto à Animação produto de entretenimento funcionam pela parvoíce das histórias relatadas, o que as em Flash torna uma abordagem legítima à animação em Flash. Sitcom http://www.albinoblacksheep.com/flash/sitcom388
  • 16.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com 04 Proposta de trabalho - Animação em Flash
  • 17.
    Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação leonardpeartree@gmail.com Animação Proposta de trabalho Trabalho, em grupos de dois elementos dedicado, à concepção e produção de uma em Flash animação de tema e técnica livres em Flash. A animação terá de ter uma duração entre 30 segundos (mínimo) a 1 minuto. A animação não deverá ser abstrata de um ponto de vista narrativo. Podê-lo-á ser, no entanto, de um ponto de vista visual, desde que haja uma narrativa claramente presente. Quadrados e rectângulos podem ter uma história para contar! Objectivos Os mestrandos terão de demonstrar com o seu trabalho que são capazes de produzir algum tipo de animação em Flash aplicando o potencial do programa ao serviço da narrativa apresentada na animação. Settings do exercício (Muito mas mesmo muito importante!) A animação terá de ser produzida em Flash num palco com 1024 x 768 píxeis e o frame rate terá que ser igual ou superior a 24frs por segundo. Não podem utilizar imagens que não sejam vossas. Têm de as produzir. Quem não respeitar será penalizado! Entrega Terão de ser entregues ao docente para avaliação os seguintes materiais/ficheiros: 1. O ficheiro editável da animação em formato FLA. 2. O ficheiro não editável/trancado da animação exportada em formato SWF. 3. Ficheiros das imagens originais utilizadas (caso utilizem também imagens na vossa animação). Deadline A data limite prevista para a entrega e apresentação é o dia 25 de Janeiro de 2013.