The Process – Compaq City

Posted: July 30th, 2010 | Author: Ray Toh | Filed under: workflow | Tags: , , , , , | 3 Comments »

Hi all. Finally manage to find time to share with everyone my process on working on the Compaq project that I have done quite some time ago.

Agency: PMG Asia

Associate Interactive Creative director: Juliana Goh

Client: Compaq

Link for the site: http://h20426.www2.hp.com/campaign/compaq/sg/en/index.asp

01. My basic involvement is to provide all the illustrated elements for the game area which includes one main map which was use for the opening page, three areas and some small elements here and there. I was given a rough idea what Juliana wants and I kick off the project by doing some sketches.

02. Once the line is confirmed and we are set in a clear direction I started to paint the illustration. I’m using mainly Photoshop for this and an intous 3 wacom tablet.

03. All the stuff is in layers. For a style like this, I basically path out the element first before I start painting. Since I wanted it to look 3D-ish, the edges of the elements need to be very sharp and clear, but the tonal transition inside the element can be smooth and airbrush like. Lighting wise, I’m thinking of sometime neutral. More towards natural sky light. In 3D term, I think it’s something like a dome lighting.

04. Final Look

05. Once my illustration is complete, Juliana and her design team took the psd file and animated it, giving it more life.

Link for the site: http://h20426.www2.hp.com/campaign/compaq/sg/en/index.asp
Do feel free to checkout the website. Enjoy :)

Tags: , , , , ,