Design/criação do logo e da direção de arte do site, além da produção e sistema.

Banners feitos para o site areadetransicao.com.br, que fala sobre esportes e triatlon.

Foi usado um misto de ilustração e rotoscopia.

Feito em flash.

Site de casamento.
Criação, ilustração e direção de arte, além do desenvolvimento do sistema e produção do site em rails.

Todo conteúdo do site é atualizado por sistema, e tanto a lista de presentes quanto a confirmação de presença são gerenciadas por base de dados.

Simples, mas sofisticado.

Ilustração em 3D de fones de ouvido para um projeto interno da Philips.

Andando

Andando – produtos

Hipnose

Horta

Horta – produtos

Intervenção – pesca

Onde está o prato?

Pulando!

Intervenção – serrote

Esta promoção foi feita em 2004, junto com a 14 Bits, para o canal Sony.

Foram feitos um jogo e um hotsite para esta promoção, e os participantes que conseguissem as melhores pontuações ganhavam prêmios e kits do canal.

O jogo, feito em director, pode ser visto aqui, e o site, aqui – ambos sem highscore e prêmios, naturalmente :-).

Além da direção de arte, e das animações, eu pude modelar os objetos em 3D, além de ter sido a primeira vez que eu usei IK (bones/aramados pra o personagem), ainda que de forma bem simples (e com toda a consultoria do bruno!).

As ilustrações foram feitas misturando renders em 3D e texturas.

Animação da interface do site do filme ‘Charlie Bartlett’ feito na 14 Bits. Algumas animações de 2D (aquela maravilhosa do pé, por exemplo) foram feitas pelo Bruno.

botão – 20 Kb

Animação do banner da Quintal, marca de roupa infanti

O trabalho mesclou as belíssimas ilustrações produzidas pela Lobo, com o trabalho de decupagem, roteiro e animação da 14 Bits.

As animações feitas em 3D foram feitas pelo Bruno enquanto eu pude fazer parte da direção de arte, e as animações de interface.

                  

interface

Estudo de logo para um site de relacionamento americano.

Os banners foram feitos com a mesma identidade do site, toda pixelada (baseados no logo e no Semacode). Eles tem em média, cerca de 7 Kb, porquê são desenhados por programação (tanto o texto quanto o fundo, são ‘pintados’).

Série de banners feitos para o lançamento do site PastaOnline.

Os banners foram feitos com a mesma identidade do site, toda pixelada (baseados no logo e no Semacode). Eles tem em média, cerca de 7 Kb, porquê são desenhados por programação (tanto o texto quanto o fundo, são ‘pintados’).

[swfobj src="http://blog.rvillas.com.br/wp-content/uploads/2009/04/full.swf" width="468" height="60"]

[swfobj src="http://blog.rvillas.com.br/wp-content/uploads/2009/04/super_banner.swf" width="728" height="90"]

[swfobj src="http://blog.rvillas.com.br/wp-content/uploads/2009/04/sky.swf" width="120" height="600"]

O CCSP procurou a 14Bits para fazer a transformação da Revista Pasta (publicação impressa) para a PastaOnline, totalmente digital.

A direção de arte da revista, e o antigo logo eram baseados no código de barras, cuja ‘atualização’ é o Semacode.

    

O novo logo é a junção das representações em semacode, das palavras ‘pasta’ ‘online’ (o semacode é sempre uma imagem quadrada) – a partir daí, toda direção de arte foi baseada neste visual ‘pixealizado’ do novo logo, e sempre com uma cor predominante – cada edição terá uma cor diferente.

Trabalho feito na 14Bits, participei da criação do novo logo, e da criação e direção de arte do site.

                

layout 2
layout 7
layout 11

The Ebeling Group é uma empresa que representa grandes (e bons) estúdios de animação do mundo inteiro. Seus trabalhos vão desde filmes publicitários, clipes a curtas e aberturas de filmes (como o último do 007).

Eu pude participar da criação/direção de arte, e das animações da interface.

Uma das coisas mais simples (e sofisticadas) do site, é o fato de, embora seja feito em flash, sua navegação funciona mesmo quando você aperte o botão ‘back’ do seu browser. Isso permite também que se possa ir direto a uma área específica do site.

Mas melhor do que falar sobre ele, é simplesmente mostrá-lo.
Visite o site, e aproveite a enorme quantidade de filmes em seu portfólio (os filmes estão em alta qualidade, SD, e alguns até em HD – a maioria também disponível para download).

        

layout 3
layout 4
layout 5
layout 7
layout 9
layout 10
layout 11

Feita com a 14 Bits, é diversão garantida, comprimida em 12 Kb :-)

Bob pulando:

Patric comemorando:

Bob saltitando:

Esses banners foram veiculados no site do MapLink e eram sempre mostrados junto com indicações no mapa das lanchonetes.

Estes banners foram muito bem recebidos, e tiveram que ser retirados do ar antes do tempo por ter estourado a cota de hits contratada.

banner 2
banner 3
banner 3

O cliente gostou tanto, que a animação acabou virando a abertura do DVD que eles produziram depois.

img2
img2
site
site

Embora a modelagem tenha sido feita em cima do texto original (vetor), cada pedaço de cada letra foi feito manualmente, polígono por polígono.

O resultado do shade (e da iluminação/render) só não ficou melhor (e mais real) porque o tempo era muito curto.

img2
img3