Com base no roteiro e nas imagens que o Fred e a Fabi me mandaram fiz um estudo de quais elementos iriam aparecer na ilustração. A ilustra serviu como base para a apresentação que foi feita em Flash, usando elementos do desenho como links.

Abaixo os esquemas e processoas da criação da ilustra e navegação do flash.

Processo/Sketches

Flash x Ilustração

Enquanto meu assistente (valeu Jow!) montava o flash eu fazia a ilustração e elementos como setas, botão fechar e etc que também foram feitos à mão.
Comecei desenhando a lápis, claro…

Ilustração - desenho a lápis

Em seguida usei canetinhas pretas de três espessuras diferentes para poder trabalhar do detalhe e nas partes que exigiam preenchimento.

Ilustração - canetinha preta

Feito a ilustra em preto, fotografei, colorizei no photoshop e enviei as duas versões para o cliente aprovar.

Ilustração colorizada no photoshop

Depois do retorno, a ilustra sofreu algumas alterações. O cliente pediu para rebaixar elementos que não faziam parte diretamente do que ia ser falado na hora e dando mais ênfase a cada fase. Com isso a apresentação ficou menos carregada mas não deixou de ter o seu aspecto jovem e ilustrativo:

Versão final com ajustes do cliente

Como forma de navegação foram utilizados Zoom-in/Zoom-out para aproximar e afastar cada momento, podendo utilizar também recursos de teclado, como as teclas 1,2,3 e 4 para as respectivas fases e dentro dos conteúdos setas do teclado para que a apresentação pudesse ser conduzida sem precisar recorrer ao mouse.

Na construção da navegação me preocupei muito com o contexto de uso. Imagine: Apresentador em pé, um pouco nervoso usando o laptop. O que poderíamos facilitar?

- Botões de hit (flash) em tamanhos maiores que a própria imagem do botão para não haver dificuldade ao apotar o mouse para determinado link.

Símbolos de controle - Te lembra algum game?

- Áreas claras e símbolos facilmente reconhecidos (fechar, avançar, voltar…). Fizemos a brincadeira de pegar os símbolos do controle do Playstation e usar para fechar, avançar (neste caso deitamos a setinha verde) e acessar. A intensão foi fazer uma alusão ao game, já que a palestra tratava disso, mas não copiar a funçao do playstation, e sim usar a forma do símbolo no contexto da internet.

- E o básico: Não pode dar erro na apresentação! Testamos tudo, de inúmeras formas para que o cliente não passasse um carão lá na hora. Já basta o nervosismo natural de uma apresentação. Funcionar 100% é básico.

E para finalizar a palestra, foi feita uma rápida animação do Chuck Norris dando uma voadora no Game Over, que tem a ver com um dos quadros do game Mortos de Lost feito pelo núcleo Jovem de internet da Abril.

Rafe e frames do Chuck Norris dando a voadora no Game Over

Meu amigo Roger que também “não curte” nem um pouco este tipo de programa resolveu me acompanhar nessa.

De manhã passamos na R. Conselheiro Crispiniano (Centro) para ver algumas coisas que eu precisava para meu novo equipo fotográfico, aí aproveitamos para passar em uma pequena galeria da loja da Consigo. Como de costume registrei algumas imagens:

Depois disso fomos até o Shopping Bourbon para ver se rolava de comprar com antecedência os ingressos para ver o filme  UP, Altas Aventuras. Nada feito. Partimos então para o próximo destino: Sebos em busca de alguns livros (e de algumas fotos) próximo a Fnac Pinheiros…

Em seguida claro, fomos até a Fnac para ver uma exposição “90 Anos de Celebridade” do Gato Felix  que estava rolando lá:

Imagens da exposição

Acetados originais usados para animação para série de TV (1960) e Filme da série feito por Eastman Kodak

Boneco squeeze de borracha (1948) e frasco de shampoo (1942)

Disco interativo com imagens das histórias (1960) e almanaque (1936)

Jogo de tiro ao alvo com dardos (1959) e estojo escolar (1934)

Disco de Vinil compacto 45 rotações (1958)

Como saco vazio não para em pé, passamos na comedoria do SESC Pinheiros e em seguida fomos ver uma exposição de Fotografia do Henri Cartier Bresson lá no SESC mesmo.

A foto abaixo é uma das mais conhecidas dele:

Foto: Henri Cartier-Bresson (© Henri Cartier-Bresson/ Magnum Photos)

A fotografia de Bresson é de babar e, analisando percebi alguns conceitos visuais que estudava na época da faculdade, como a Justaposição, que pode ser vista na imagem logo abaixo:

“A Justaposição exprime a interação de estímulos visuais, colocando, como faz, duas sugestões lado a lado e ativando a comparação das relações que se estabelecem entre elas”

(DONDIS, Donis A. Sintaxe da Linguagem Visual.  P.156)

Foto: Henri Cartier-Bresson (© Henri Cartier-Bresson/ Magnum Photos)

E para fechar o dia com chave de ouro, voltamos no Shopping Bourbon para ver UP, Altas Aventuras. Não tem nem o que falar do filme. O negócio é ir ao cinema, colocar o óculos 3D e apreciar a qualidade da história, imagens e expressões dos personagens. Mataram a pau!

Caso você ainda não tenha assistido e quiser sentir um gostinho do filme clique na imagem abaixo para assistir o trailer.

Eu aprontando no meio dos mostrengos

Felicidade. Isso é o que vemos estampado no rosto das pessoas quando vamos ao Anima Mundi. Animação é arte, é vida, é liberdade.

É muito bom passar horas na frente do computador, do cinema ou da TV assistindo desenhos e, melhor ainda quando se tem um festival que une todo mundo que gosta em um lugar só.

Esse post aqui é só para documentar a energia que o animamundi passou em 2009 e para registrar a animação que foi a vencedora na categoria curta-metragem internacional, ainda que fora postada em diversos outros Blogs, mas foi uma das que mais gostei:

Enfim chegou a oportunidade de fazer animação!

Todos os anos a VIP presenteia os leitores com uma edição especial das 100 mulheres mais Sexy do mundo, e este ano ela fez um super hotsite onde o internalta pode votar. São vários duelos onde você pode fazer a votação de forma simultânea.

Baseado neste conceito, fui chamado para fazer uma vinheta com breve animação, onde os nomes das competidoras pudessem sofrer alteração e que passasse exatamente este clima de duelo.

Abaixo você vai poder ver também o rafe esquemático de onde originou a animação.