quarta-feira, 15 de junho de 2011

Trabalho Final 1º Semestre


Caminho de escolhas – Equipe SuperNova. 
Por Frederico Da Rocha Tomé Filho.

Link Para assistir a animação.

Bem, acho que antes de qualquer coisa, devemos explicar o motivo por termos escolhido a produção de uma animação como nosso trabalho final de conclusão do 1º Semestre.

A escolha foi definida basicamente por unanimidade. Apesar de que vários membros da equipe pensaram inicialmente em optar pela produção de um site, decidimos realmente seguir pelo caminho da animação, pois, por enquanto, todos pretendemos seguir a habilitação de Mídias Digitais.

O passo inicial na produção da animação se deu do seguinte modo: Reunimos o grupo e começamos a traçar como seria o roteiro da nossa historia, e qual seriam os elementos que iríamos precisar, para então começarmos a colocar a mão na massa.

O tema abordado na animação foi o caminho de escolhas do personagem, o qual descobre o curso de Sistemas e Mídias Digitais por “acidente” (vê informações enquanto caminha na rua), e então decide prestar o concurso do vestibular do Enem para tentar entrar no mesmo. Momentos depois descobre que conseguiu ser aprovado no vestibular, e enfim entra na faculdade e passa a descobrir muita coisa que antes não conhecia. A animação termina em um novo momento de escolha do personagem, quando se confronta qual das três habilitações ele pretende seguir.

Criamos a lista dos elementos necessários para a animação e o ponto de partida foi a criação de um personagem protagonista da animação. Os membros foram opinando como o personagem deveria ser, e após um certo tempo de tentativas conseguimos definir o personagem.

O personagem protagonista possuía duas versões: Uma versão extremamente simples, sendo apenas um “boneco palito” e uma mais complexa, sendo desenhado com rosto, olhos, boca, cabelo, corpo e membros bem definidos. Desde o inicio tivemos a intenção de criar um personagem com duas versões para podermos ilustrar uma “Evolução”, por ter finalmente conseguido ingressar na Universidade Federal do Ceará.

Os Sprites escolhidos da versão evoluída do protagonista foram inicialmente desenhados pelo Rômulo, porém, tivemos dificuldade de construir a cadeia de movimentação do personagem devido a diferenças de tamanho em varias partes do corpo do mesmo, e a vetorização do desenho estava se tornando algo complicado de fazer com apenas o auxilio do mouse.





Os sprites foram então redesenhados por mim, Fred, tentando seguir o mesmo estilo do traçado adotado pelo Rômulo, somente consertando o que estava errado e fazendo algumas alterações que considerávamos melhor.

OBS: O ciclo de caminhada foi adaptado para 5 frames e consertado alguns problemas quando o arquivo foi digitalizado.

 O protagonista então foi vetorizado com menor complicação e deu-se inicio ao processo de movimentação do mesmo.

Com o roteiro inicial em mão, demos inicio a produção de um Storyboard, que, junto com o roteiro nos auxiliaria no desenvolvimento dos quadros da animação.  O Rômulo ficou responsável pela parte do desenho do Storyboard, que sofreu sucessivas mudanças devido as alterações no roteiro ao longo dos dias. Pedi para que os membros começassem então a trabalhar nos elementos isolados da animação. Com a lista em mãos do que precisávamos fazer, decidi montar um grupo de organização do projeto em um site chamado “Pivotal Tracker” (www.pivotaltracker.com/), o qual eu já conhecia anteriormente devido a outros projetos que trabalhei. As principais intenções do Pivotal eram duas: A primeira é que serviria como uma lista online de tudo que nós viéssemos a precisar. Objetos, cenários, musicas, tudo que tivéssemos consciência que eventualmente iríamos ter que encontrar nós poderíamos acessar pelo Pivotal, e inclusive atualizar a necessidade de objetos lá e avisar ao resto dos integrantes. E a segunda intenção era a de melhor organização das tarefas desenvolvidas por cada participante: Cada participante tinha total acesso à lista de coisas que precisávamos, e podiam dar inicio á atividade que queriam começar a trabalhar com um simples clique. Caso fosse necessário ajuda, podiam se fazer comentários nas respectivas atividades expondo os problemas encontrados. Os membros podiam também fazer tarefas diferentes sem ocorrer o risco de algum trabalho desnecessário por dupla realização de uma tarefa. Porém, não funcionou tão bem quanto eu esperava. O Pivotal serviu sim como uma lista online de coisas que precisávamos, mas simplesmente isso. Os outros membros da equipe, talvez por estranheza de tal sistema diferente, não usaram quase nenhuma função que o site oferecia. Também não começavam atividades sem anteriormente comentar com os outros integrantes, sendo que um dos objetivos do site seria um método de “avisar” á todo grupo mesmo quando não dispuséssemos de contato com toda a equipe. Então, a tentativa de agilizar o processo do trabalho acabou ruindo por água abaixo, a ponto de nos últimos dias de trabalho termos abandonado quase por completo o site.

Eu, por minha vez, acabei tendo que desempenhar funções que o site podia ter mais facilmente colaborado com. Fui responsável por organizar o grupo, tentar sempre encontrar o que faltava, adiantar os quadros necessários e assim por diante.

Começamos inicialmente a produzir a animação pela cronológica da mesma. De todo o roteiro, o que estava mais consolidado era a parte inicial, no caso a introdução onde o protagonista encontra-se andando e se depara com um Outdoor do curso SMD (Sistemas e Mídias Digitais) e logo após com um banner do Enem. O mesmo continua andando e entra num local que seria a escola de realização do teste para admissão. Comecei a pesquisar como era feita a produção de cenários que entravam em loop e tentei fazer de modo o mais suave possível, mas que desse uma sensação de movimento. O chão e o muro foram então produzidos utilizando técnicas que aprendi por simples dedução e algumas leituras de texto pela internet afora. Elementos como o banner e o outdoor foram desenhados e vetorizados pelo Samuel, assim como o colégio foi feito pela Carol.

Após a realização desse quadro inicial, os próximos foram todos feitos sem seguir necessariamente a ordem cronológica da animação, principalmente pela incerteza de que em quais ordens viriam a ser colocadas as ultimas cenas.

Os quadros todos foram feitos separados, para evitar problemas de confusão na hora da produção dos mesmos. Cada cena e até mesmo objetos e cenários eram inicialmente separados por diversos arquivos e então eram constantemente integrados em arquivos maiores e mais complexos, para no final serem todos incorporados ao mesmo arquivo.

A animação da cena do melo foi produzida tendo como referencia um desenho feito por mim a certo tempo atrás, no qual desenhei um personagem tendo que confrontar uma eminente prova na cadeira de “Edição de imagens digitais”.





Acreditei que a dinâmica da cena tinha ficado certamente boa o suficiente, e a tive como referencia para desenvolvimento do cenário da sala de videoconferência. Todos os elementos e animações acabaram por ser desenvolvidos por mim.

A cena na qual o protagonista confere o resultado foi outra das mais consolidadas pela equipe. Todos queríamos revelar nossas frustrações com o que passamos ao utilizar o Sisu, e nosso protagonista certamente também queria. Demoramos para decidir qual iria ser o melhor método no qual o personagem iria desencadear sua raiva no computador, mas acabamos por optar por algo simples e real, com o apenas “nocaute” do computador pelo seu teclado. A Carol ajudou com o desenvolvimento da animação do “espancamento” do computador, o Samuel desenhou o “Troll Face”, que aparece na tela “provocando” o protagonista, e todo o resto foi desenhado por mim.

A cena posterior, na qual o protagonista anda pela frente da UFC, possuiu um cenário criado e vetorizado pelo Samuel, o qual merece no mínimo uma menção honrosa pelo brilhante trocadilho com o “Triangulo Motel”, que resultou no “Triforce Hotel”. O jogo de cenas foram todas coordenadas com uma parceria minha com ele, inclusive na produção do ônibus e na vista em 1ª pessoa do protagonista olhando a entrada.

A Carol colaborou com a criação do muro SMD e corrimão/entrada e do cogumelo na próxima cena, na qual há a tão esperada evolução do protagonista, por ter finalmente alcançado o ensino superior.

A rápida cena que passa logo quando ele entra ilustra nosso protagonista assistindo aula no que seria a sala nº 4 do nosso bloco 951. Tínhamos melhores planos para essa cena, mas infelizmente a ausência de tempo não colaborou com a produção de características mais marcantes. O Cenário e personagem foram desenhados e vetorizados por mim e pelo Samuel.

A cena onde o protagonista se encontra sentado olhando para uma lousa com os desenhos do Mario e do Sonic, foi uma tentativa de ilustrar a nossa sala da arquitetura. O Professor natal então chega da chaminé vestido de papai Noel, e abre sua sacola de presentes trazendo os materiais da aula. Foi um trocadilho infame com o nome do professor Natal, além de trocadilhos também com o material “giz pastel”. A cena foi desenhada com auxilio de praticamente toda a equipe. O Mario e Sonic foram feitos por mim, além de toda a idéia do cenário, perspectiva e posicionamento e certa movimentação do professor Natal. A Carol colaborou com a produção do personagem e de vários objetos do ambiente, assim como a cena na qual o protagonista olha para o seu relógio (que revela que se encontra no dia 25/12), o Rômulo desenhou a chaminé e o natal caindo e se levantando e o Samuel colaborou com o saco do papai Noel com materiais.

A cena final mostra o protagonista no laboratório do anexo, onde na tela do computador vê a mensagem perguntando qual especialização ele pretende seguir. O cenário em perfil foi produzido pelo Samuel, a Carol produziu a interface do programa, e todas as outras cenas, objetos e a animação que aparece na tela foram produzidas por mim.

Os créditos contam com uma singela homenagem minha a um incrível desenhista e animador, também conhecido como Paul Robertson. Os sprites foram todos produzidos por ele e retirados de sua pagina oficial (http://probertson.livejournal.com/34209.html) e do google e tentam “ilustrar“ como sendo os membros da nossa equipe.

Fred
Samuel

Carol

Romulo

Todas as animações, com exceção da movimentação do personagem quebrando o computador e o "natal caindo no chão" foram desenvolvidas por mim, adaptadas por mim, coladas por mim, e sincronizadas por mim. No final de todo o desenvolvimento dos quadros, sai copiando as camadas e objetos de todos os arquivos e juntando em um único. Tal processo revelou uma pilha de problemas, como uma “desconfiguração” aparentemente sem motivo do timing de algumas camadas, que passavam a ter uma duração maior do que deveriam. Porém, tal processo só acontecia á ALGUMAS camadas, o que me deixou mais confuso. Todo esse problema foi contornado por puro trabalho manual, re-adaptando o timing dos frames, camada por camada.

A questão da musica foi resolvida apenas nos últimos dias. Queríamos algo que seguisse um ritmo de velocidade parecido com o da nossa animação, e que também possuísse um estilo mais perto dos de jogos antigos. Após fazer o re-arranjo de trechos, a criação de loops e introdução de fades, utilizei 4 musicas chaves que fazem parte da animação, sendo elas da trilha sonora do jogo “Super Meat Boy” e da banda de Chiptune “Anamanaguchi”. Utilizei do programa Soundforge (www.sonycreativesoftware.com/soundforge) para realizar os arranjos das musicas/efeitos sonoros.

Musicas: 

Intro
Os efeitos sonoros diversos foram encontrados em parceria minha, com a Carol e o Samuel, e foram encaixados ao longo da animação.

Conclusão

Para concluir, o trabalho apresentou as propriedades que eu já imaginava que iria possuir: Extrema dedicação e paciência. A quantidade de trabalhos/provas das outras disciplinas acabaram por complicar mais ainda o nosso desenvolvimento, e muitos membros da equipe preferiam se concentrar noutros trabalhos. A verdade é que foi uma surpresa termos alcançado pelo menos a essência do que planejávamos. Muitas outras coisas pretendiam entrar na animação, como outras referencias a jogos/desenhos/filmes/memes, além de cenas que deveriam ter sido melhor trabalhadas, o próprio roteiro precisou passar por sucessivas alterações e adaptações devido a falta de tempo para a produção da cena. Alguns membros tiveram que se esforçar mais que os outros para que o trabalho realmente fosse completado, grande parte desse motivo foi por desorganização individual na hora de realização dos trabalhos. Mas acredito que serviu de experiência para todos. 

Componentes e respectivas funções realizadas:

Frederico Da Rocha Tomé Filho
- Direção e Organização
- Animação dos personagens
- Animação dos símbolos / objetos
- Animação dos cenários
- Animação das cenas
- Composição de quadros
- Efeitos de vídeo
- Trilha Sonora  / Arranjo Musical
- Roteirista
- Criação de Objetos
- Vetorização de Objetos
-Criação de cenários
- Vetorização de cenários
- Desenhista de cenas
- Responsável por efeitos sonoros
- Criação do Personagem protagonista
- Edição Geral

Ana Carolina Feitosa
- Roteirista
- Criação de Objetos
- Criação do botão de “Start”
- Vetorização de Objetos
- Criação de Cenários 
- Vetorização de Cenários
- Desenhista de cenas
- Responsável por efeitos sonoros

Rômulo Barbosa
                - Criação do Personagem protagonista
    - Criação do Storyboard
                - Criação e Animação do Personagem Natal

Samuel Levi
                - Criação de Cenários
                - Vetorização de Cenários
                - Criação de Objetos
                - Vetorização de Objetos
                - Responsável por efeitos sonoros

Historia da Arte e Referencias.
Por Ana Carolina e Frederico Tomé

Utilizamos como referencia artística para nossa animação a arte digital, arte produzida a partir de computador ou ambientes digitais, mais especificamente uma animação bidimensional.

Usamos como base também os Mangás (quadrinhos japoneses), por isso usamos apenas as cores preto e branco na animação, cores predominantes nesse tipo de quadrinhos.

As animações bidimensionais se usam de algum programa para vetorizar e animar, mas antes de virar digital, geralmente passa por uma fase manual (rascunho e Storyboard), o programa que usamos para tal foi utilizado o Adobe Flash.
No caso do Mangá, alem das cores há também o traço que faz lembrar o estilo.

Na animação tentamos fazer algumas referencias a como:

- Victory Fanfare: musica de vitória após lutas nos jogos da serie Final Fantasy.

- Memes: Memes são espécies de “piadas” vastamente encontradas na internet que comumente carregam um bordão fixo e uma imagem também fixa. Usamos os Memes ‘Trollface’ e o ‘Fuck Yeah’.

- Triforce Hotel: Referencia á serie “Legend of Zelda” e ao trocadilho com o Triangulo Motel que fica vizinho ao Campus do Pici.

- Cogumelo: o cogumelo que faz o personagem principal crescer é uma referencia a serie de jogos do Mario.

- Exclamação: referencia a Metal Gear, assim como o efeito sonoro, que indicam quando o protagonista é visto (no caso da animação, o protagonista fala um palavrão e o professor se incomoda com o ocorrido).

- ‘Como é que é?’: acabou virando um tipo de piada interna do curso após ser dita pelo professor Melo.

- Noel: é apenas uma brincadeira, sendo um trocadilho com o nome do Professor Natal.

- Mario e Sonic: foram os primeiros e últimos trabalhos na cadeira de meios de representação.

- Pastel: um tipo de giz para desenho. Como pastel também é nome de comida fizemos outra brincadeira ao ligar os “pasteis” da disciplina (materiais de desenho) com pastel (comida). Colocando assim como “pastel de frango, queijo etc.”

- Scott Pilgrim: Serie de quadrinhos que originou a um filme e um jogo do mesmo titulo, escrito e desenhado por Bryan Lee O’ Malley. São os sprites que aparecem nos créditos da animação, sprites estes retirados do site oficial de Paul Robertson, desenhista da arte do jogo.

- Super Meat Boy : Musica que toca no inicio da animação é um arranjo da musica de abertura do jogo.

- Anamanaguchi : Trilha sonora que toca em parte da animação e nos créditos.

Storyboard
Produzido por Romulo Barbosa

Versão Inicial




 Versão Final




Sketches Aleatorios




Roteiro (Versão Conceitual)
Escrito por Ana Carolina
Download aqui.

Nenhum comentário:

Postar um comentário