NYC Florense
Nesse projeto o meu desafio era fazer uma simulação de pintura animada, estilo "aquarela" nos prédios de um mapa estilizado em Nova Iorque.
A ideia do site era mostrar lugares turíscos ou lugares importantes próximos a Florense, de uma forma divertida e animada, dando a localização mais próxima a pé ou bicicleta.
---
In this project my challenge was to do a simulation of animated, watercolor-style painting on the buildings of a stylized map in New York. The idea of the site was to show places of interest or important places near Florense, in a fun and lively way, giving the closest location on foot or by bicycle.
Aqui foram feitos testes de cor, saturação e velocidade das animações.
Para depois exportar em um único arquivo cada prédio ou estrutura, todos sprites das animação, com o mínimo de frames possível conservando a qualidade da animação. Para quando forem colocar no site, ser leve no peso (Kb) e tenha um processamento rápido, como podem ver no site.
---
Here tests of color, saturation and speed of the animations were made.
To then export in a single file each building or structure, all sprites of the animation, with the minimum of possible frames conserving the quality of the animation. For when they are put in the site, be light in weight (Kb) and have a fast processing,
As you can see on the website.
Para ajudar no processo de definições de animações, fiz alguns protótipos antes de entregar e ser produzido para web (HTML) de navegação e animação de elementos.
---
---
To help in the process of animation settings, I made some prototypes before delivering and being produced for web (HTML) navigation and animation elements.
Vídeo feito para o instagram, divulgação do site da Florense NYC.
---
---
Video made for instagram, publicizing Florense NYC website.
___________________________________
perverte.me
Creation
Design
Art direction
---
Wagner Moraes (wagpnd.com)
Prototyping
Animation
Web friendly export
