2013 ~ Eboy Lookalike Pixel Art City ~ Hong Kong & Shang Hai
Illustration for the back of a company name cards that featuring the kind of works the company does in the 2 cities. (Card 1.Retails segment and Card2.Themeparks & entertainment)
2011 ~ Animated Music Video for a Hong Kong Indie Band “Ni Ne Mo”
It’s a dream to be able to produce an animated Music Video alone. Here is something i have made for myself and the band.
2012 ~ Louis Vuitton Espace Culturel ORcode Video
Art Direction and illustration
'\x3cdiv id=\x22tumblr_video_container_29895683212\x22 class=\x22tumblr_video_container\x22 style=\x22width:500px;height:281px;\x22\x3e\x3c/div\x3e\x0a \x3cscript class=\x22inline_embed\x22 type=\x22text/javascript\x22\x3e\x0a (function(){\x0a var iframe_content = new Tumblr.IframeContent;\x0a iframe_content.initialize({\x0a attr : {\x0a \'id\' : \'tumblr_video_iframe_29895683212\',\x0a \'class\' : \'tumblr_video_iframe has_lightbox\',\x0a \'data-origin\' : \'iamcheeyen.tumblr.com\',\x0a \'data-width\' : \'500\',\x0a \'data-height\' : \'281\'\x0a },\x0a container : \'tumblr_video_container_29895683212\',\x0a content : \'\\x3clink type=\\x22text/css\\x22 rel=\\x22stylesheet\\x22 media=\\x22screen\\x22 href=\\x22http://assets.tumblr.com/assets/styles/video.css?_v=e5be4782d7425693af9ce9b813bb4896\\x22\\x3e\\x3cscript type=\\x22text/javascript\\x22 src=\\x22http://assets.tumblr.com/assets/scripts/spin.js?_v=67a87cac362ca3f488732b63f11ff124\\x22\\x3e\\x3c/script\\x3e\\x3cscript type=\\x22text/javascript\\x22 src=\\x22http://assets.tumblr.com/assets/scripts/video.js?_v=1c012c9ac9f5f6f6d9c02e4a0ddf11ab\\x22\\x3e\\x3c/script\\x3e\\x3cscript type=\\x22text/javascript\\x22 src=\\x22http://assets.tumblr.com/assets/scripts/vendor/video-js/video.js?_v=4b3c0390787062c5563d8eb7a2f6b8d1\\x22\\x3e\\x3c/script\\x3e\\x0a\\x0a\\x3cmeta name=\\x22tumblr-form-key\\x22 content=\\x22\\x22 id=\\x22tumblr_form_key\\x22 /\\x3e\\x0a\\x0a\\x3cvideo preload=\\x22none\\x22 id=\\x22tumblr_video_player_29895683212\\x22 class=\\x22video-js tvp_video\\x22 width=\\x22500\\x22 height=\\x22281\\x22 poster=\\x22\\x22\\x3e\\x0a \\x3csource src=\\x22http://iamcheeyen.tumblr.com/video_file/29895683212/tumblr_m93x0htUhU1r70ky0\\x22 type=\\x22video/mp4\\x22\\x3e\\x0a \\x3c/video\\x3e\\x0a\\x0a \\x3cdiv class=\\x22tumblr_lightbox_controls\\x22\\x3e\\x0a \\x3cspan class=\\x22post_control close_button\\x22\\x3eClose\\x3c/span\\x3e\\x0a \\x3c/div\\x3e\\x0a\\x0a\\x3cscript type=\\x22text/javascript\\x22 \\x3e\\x0a\\x0a var __ = (function() {\\x0a var translation = {\\x0a \\x22Cancel\\x22 : \\\'Cancel\\\',\\x0a \\x22Email\\x22 : \\\'Email\\\',\\x0a \\x22Send\\x22 : \\\'Send\\\',\\x0a \\x22Play\\x22 : \\\'Play\\\',\\x0a \\x22Pause\\x22 : \\\'Pause\\\',\\x0a \\x22Fullscreen\\x22 : \\\'Fullscreen\\\',\\x0a \\x22Share\\x22 : \\\'Share\\\',\\x0a \\x22Twitter\\x22 : \\\'Twitter\\\',\\x0a \\x22Facebook\\x22 : \\\'Facebook\\\',\\x0a \\x22Copy embed code\\x22 : \\\'Copy embed code\\\',\\x0a \\x22There was an error with this video.\\x22 : \\\'There was an error with this video.\\\' };\\x0a return function(string) {\\x0a return translation[string] || string;\\x0a };\\x0a })();\\x0a\\x0a var tumblr_video = new TumblrVideo;\\x0a\\x0a var load_video = function() {\\x0a tumblr_video.initialize({\\x0a id : \\\'29895683212\\\',\\x0a posters : [\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m93x0htUhU1r70ky0_frame1.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m93x0htUhU1r70ky0_frame2.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m93x0htUhU1r70ky0_frame3.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m93x0htUhU1r70ky0_frame4.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m93x0htUhU1r70ky0_frame5.jpg\\x22],\\x0a retro_static: true,\\x0a duration : \\\'12\\\',\\x0a post_title : \\\'\\\',\\x0a post_url : \\\'http://iamcheeyen.tumblr.com/post/29895683212/2012-feature-artist-of-the-month-takashi\\\',\\x0a video_url : \\\'http://iamcheeyen.tumblr.com/video/29895683212\\\',\\x0a dimensions : {\\x22width\\x22:\\x221280\\x22,\\x22height\\x22:\\x22720\\x22},\\x0a embed_code : \\\'\\x3ciframe src=\\x22//www.tumblr.com/video/iamcheeyen/29895683212/500\\x22 id=\\x22tumblr_video_iframe_29895683212\\x22 class=\\x22tumblr_video_iframe\\x22 width=\\x22500\\x22 height=\\x22281\\x22 style=\\x22display:block;background-color:transparent;overflow:hidden;\\x22 allowTransparency=\\x22true\\x22 frameborder=\\x220\\x22 scrolling=\\x22no\\x22 webkitAllowFullScreen mozallowfullscreen allowFullScreen\\x3e\\x3c/iframe\\x3e\\\',\\x0a\\x0a \\x0a origin_url : \\\'iamcheeyen.tumblr.com\\\',\\x0a\\x0a \\x0a thumbnails : {\\x0a url : \\\'\\\',\\x0a width : \\\'0\\\',\\x0a height : \\\'0\\\',\\x0a total : 10 },\\x0a _autocycle : true, // Auto-cycles through posters, set to false for :hover only\\x0a _sharing : false, // Enables sharing popover menu on hold 8/27/12\\x0a _lightbox : true,\\x0a _dashboard : false,\\x0a _dev : false\\x0a });\\x0a };\\x0a\\x0a load_video();\\x0a\\x3c/script\\x3e\\x0a\',\x0a width : \'500\',\x0a height : \'281\',\x0a body_class : \'tumblr_video_iframe_body\'\x0a });\x0a })();\x0a \x3c/script\x3e'
2012 ~ Feature Artist of the Month ~ Takashi Murakami. WIP. Test rendered.
Illustration and Animation
2009-2010 Hoegaarden Surrealism Campaign
Hoegaarden came to us with a Surrealism calendar(Free with purchase of Hoegaarden beer). The brief is to associate Hoegaarden with Surrealism Art. So we did a “Make your Own Surreal Art piece” competition online.
We had over 18000 visits & 500 participants in a month time. To be honest, I’m impressed with some of the art pieces. They might have spend hours on the art creation.
The competition is closed but you may view the site here.
'\x3cdiv id=\x22tumblr_video_container_21472089287\x22 class=\x22tumblr_video_container\x22 style=\x22width:500px;height:313px;\x22\x3e\x3c/div\x3e\x0a \x3cscript class=\x22inline_embed\x22 type=\x22text/javascript\x22\x3e\x0a (function(){\x0a var iframe_content = new Tumblr.IframeContent;\x0a iframe_content.initialize({\x0a attr : {\x0a \'id\' : \'tumblr_video_iframe_21472089287\',\x0a \'class\' : \'tumblr_video_iframe has_lightbox\',\x0a \'data-origin\' : \'iamcheeyen.tumblr.com\',\x0a \'data-width\' : \'500\',\x0a \'data-height\' : \'313\'\x0a },\x0a container : \'tumblr_video_container_21472089287\',\x0a content : \'\\x3clink type=\\x22text/css\\x22 rel=\\x22stylesheet\\x22 media=\\x22screen\\x22 href=\\x22http://assets.tumblr.com/assets/styles/video.css?_v=e5be4782d7425693af9ce9b813bb4896\\x22\\x3e\\x3cscript type=\\x22text/javascript\\x22 src=\\x22http://assets.tumblr.com/assets/scripts/spin.js?_v=67a87cac362ca3f488732b63f11ff124\\x22\\x3e\\x3c/script\\x3e\\x3cscript type=\\x22text/javascript\\x22 src=\\x22http://assets.tumblr.com/assets/scripts/video.js?_v=1c012c9ac9f5f6f6d9c02e4a0ddf11ab\\x22\\x3e\\x3c/script\\x3e\\x3cscript type=\\x22text/javascript\\x22 src=\\x22http://assets.tumblr.com/assets/scripts/vendor/video-js/video.js?_v=4b3c0390787062c5563d8eb7a2f6b8d1\\x22\\x3e\\x3c/script\\x3e\\x0a\\x0a\\x3cmeta name=\\x22tumblr-form-key\\x22 content=\\x22\\x22 id=\\x22tumblr_form_key\\x22 /\\x3e\\x0a\\x0a\\x3cvideo preload=\\x22none\\x22 id=\\x22tumblr_video_player_21472089287\\x22 class=\\x22video-js tvp_video\\x22 width=\\x22500\\x22 height=\\x22313\\x22 poster=\\x22\\x22\\x3e\\x0a \\x3csource src=\\x22http://iamcheeyen.tumblr.com/video_file/21472089287/tumblr_m2t5y0VCWS1r70ky0\\x22 type=\\x22video/mp4\\x22\\x3e\\x0a \\x3c/video\\x3e\\x0a\\x0a \\x3cdiv class=\\x22tumblr_lightbox_controls\\x22\\x3e\\x0a \\x3cspan class=\\x22post_control close_button\\x22\\x3eClose\\x3c/span\\x3e\\x0a \\x3c/div\\x3e\\x0a\\x0a\\x3cscript type=\\x22text/javascript\\x22 \\x3e\\x0a\\x0a var __ = (function() {\\x0a var translation = {\\x0a \\x22Cancel\\x22 : \\\'Cancel\\\',\\x0a \\x22Email\\x22 : \\\'Email\\\',\\x0a \\x22Send\\x22 : \\\'Send\\\',\\x0a \\x22Play\\x22 : \\\'Play\\\',\\x0a \\x22Pause\\x22 : \\\'Pause\\\',\\x0a \\x22Fullscreen\\x22 : \\\'Fullscreen\\\',\\x0a \\x22Share\\x22 : \\\'Share\\\',\\x0a \\x22Twitter\\x22 : \\\'Twitter\\\',\\x0a \\x22Facebook\\x22 : \\\'Facebook\\\',\\x0a \\x22Copy embed code\\x22 : \\\'Copy embed code\\\',\\x0a \\x22There was an error with this video.\\x22 : \\\'There was an error with this video.\\\' };\\x0a return function(string) {\\x0a return translation[string] || string;\\x0a };\\x0a })();\\x0a\\x0a var tumblr_video = new TumblrVideo;\\x0a\\x0a var load_video = function() {\\x0a tumblr_video.initialize({\\x0a id : \\\'21472089287\\\',\\x0a posters : [\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m2t5y0VCWS1r70ky0_frame1.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m2t5y0VCWS1r70ky0_frame2.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m2t5y0VCWS1r70ky0_frame3.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m2t5y0VCWS1r70ky0_frame4.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m2t5y0VCWS1r70ky0_frame5.jpg\\x22],\\x0a retro_static: true,\\x0a duration : \\\'64\\\',\\x0a post_title : \\\'\\\',\\x0a post_url : \\\'http://iamcheeyen.tumblr.com/post/21472089287/2011-ibm-power7-2020-information-deluge\\\',\\x0a video_url : \\\'http://iamcheeyen.tumblr.com/video/21472089287\\\',\\x0a dimensions : {\\x22width\\x22:\\x22926\\x22,\\x22height\\x22:\\x22580\\x22},\\x0a embed_code : \\\'\\x3ciframe src=\\x22//www.tumblr.com/video/iamcheeyen/21472089287/500\\x22 id=\\x22tumblr_video_iframe_21472089287\\x22 class=\\x22tumblr_video_iframe\\x22 width=\\x22500\\x22 height=\\x22313\\x22 style=\\x22display:block;background-color:transparent;overflow:hidden;\\x22 allowTransparency=\\x22true\\x22 frameborder=\\x220\\x22 scrolling=\\x22no\\x22 webkitAllowFullScreen mozallowfullscreen allowFullScreen\\x3e\\x3c/iframe\\x3e\\\',\\x0a\\x0a \\x0a origin_url : \\\'iamcheeyen.tumblr.com\\\',\\x0a\\x0a \\x0a thumbnails : {\\x0a url : \\\'\\\',\\x0a width : \\\'0\\\',\\x0a height : \\\'0\\\',\\x0a total : 10 },\\x0a _autocycle : true, // Auto-cycles through posters, set to false for :hover only\\x0a _sharing : false, // Enables sharing popover menu on hold 8/27/12\\x0a _lightbox : true,\\x0a _dashboard : false,\\x0a _dev : false\\x0a });\\x0a };\\x0a\\x0a load_video();\\x0a\\x3c/script\\x3e\\x0a\',\x0a width : \'500\',\x0a height : \'313\',\x0a body_class : \'tumblr_video_iframe_body\'\x0a });\x0a })();\x0a \x3c/script\x3e'
2011 ~ IBM Power7 2020 Information Deluge Campaign.
Coming year 2020, a binary Tsunami is striking the world. Delivering the message in a more interesting way with movie trailer wide spreading on Facebook(social channels) and Youtube
Please view the full trailer here.
www.2020movie.com
Concept, Animation, Design
'\x3cdiv id=\x22tumblr_video_container_21216917415\x22 class=\x22tumblr_video_container\x22 style=\x22width:500px;height:296px;\x22\x3e\x3c/div\x3e\x0a \x3cscript class=\x22inline_embed\x22 type=\x22text/javascript\x22\x3e\x0a (function(){\x0a var iframe_content = new Tumblr.IframeContent;\x0a iframe_content.initialize({\x0a attr : {\x0a \'id\' : \'tumblr_video_iframe_21216917415\',\x0a \'class\' : \'tumblr_video_iframe has_lightbox\',\x0a \'data-origin\' : \'iamcheeyen.tumblr.com\',\x0a \'data-width\' : \'500\',\x0a \'data-height\' : \'296\'\x0a },\x0a container : \'tumblr_video_container_21216917415\',\x0a content : \'\\x3clink type=\\x22text/css\\x22 rel=\\x22stylesheet\\x22 media=\\x22screen\\x22 href=\\x22http://assets.tumblr.com/assets/styles/video.css?_v=e5be4782d7425693af9ce9b813bb4896\\x22\\x3e\\x3cscript type=\\x22text/javascript\\x22 src=\\x22http://assets.tumblr.com/assets/scripts/spin.js?_v=67a87cac362ca3f488732b63f11ff124\\x22\\x3e\\x3c/script\\x3e\\x3cscript type=\\x22text/javascript\\x22 src=\\x22http://assets.tumblr.com/assets/scripts/video.js?_v=1c012c9ac9f5f6f6d9c02e4a0ddf11ab\\x22\\x3e\\x3c/script\\x3e\\x3cscript type=\\x22text/javascript\\x22 src=\\x22http://assets.tumblr.com/assets/scripts/vendor/video-js/video.js?_v=4b3c0390787062c5563d8eb7a2f6b8d1\\x22\\x3e\\x3c/script\\x3e\\x0a\\x0a\\x3cmeta name=\\x22tumblr-form-key\\x22 content=\\x22\\x22 id=\\x22tumblr_form_key\\x22 /\\x3e\\x0a\\x0a\\x3cvideo preload=\\x22none\\x22 id=\\x22tumblr_video_player_21216917415\\x22 class=\\x22video-js tvp_video\\x22 width=\\x22500\\x22 height=\\x22296\\x22 poster=\\x22\\x22\\x3e\\x0a \\x3csource src=\\x22http://iamcheeyen.tumblr.com/video_file/21216917415/tumblr_m2l1r5G2M21r70ky0\\x22 type=\\x22video/mp4\\x22\\x3e\\x0a \\x3c/video\\x3e\\x0a\\x0a \\x3cdiv class=\\x22tumblr_lightbox_controls\\x22\\x3e\\x0a \\x3cspan class=\\x22post_control close_button\\x22\\x3eClose\\x3c/span\\x3e\\x0a \\x3c/div\\x3e\\x0a\\x0a\\x3cscript type=\\x22text/javascript\\x22 \\x3e\\x0a\\x0a var __ = (function() {\\x0a var translation = {\\x0a \\x22Cancel\\x22 : \\\'Cancel\\\',\\x0a \\x22Email\\x22 : \\\'Email\\\',\\x0a \\x22Send\\x22 : \\\'Send\\\',\\x0a \\x22Play\\x22 : \\\'Play\\\',\\x0a \\x22Pause\\x22 : \\\'Pause\\\',\\x0a \\x22Fullscreen\\x22 : \\\'Fullscreen\\\',\\x0a \\x22Share\\x22 : \\\'Share\\\',\\x0a \\x22Twitter\\x22 : \\\'Twitter\\\',\\x0a \\x22Facebook\\x22 : \\\'Facebook\\\',\\x0a \\x22Copy embed code\\x22 : \\\'Copy embed code\\\',\\x0a \\x22There was an error with this video.\\x22 : \\\'There was an error with this video.\\\' };\\x0a return function(string) {\\x0a return translation[string] || string;\\x0a };\\x0a })();\\x0a\\x0a var tumblr_video = new TumblrVideo;\\x0a\\x0a var load_video = function() {\\x0a tumblr_video.initialize({\\x0a id : \\\'21216917415\\\',\\x0a posters : [\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m2l1r5G2M21r70ky0_frame1.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m2l1r5G2M21r70ky0_frame2.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m2l1r5G2M21r70ky0_frame3.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m2l1r5G2M21r70ky0_frame4.jpg\\x22,\\x22http:\\\\/\\\\/media.tumblr.com\\\\/tumblr_m2l1r5G2M21r70ky0_frame5.jpg\\x22],\\x0a retro_static: true,\\x0a duration : \\\'238\\\',\\x0a post_title : \\\'\\\',\\x0a post_url : \\\'http://iamcheeyen.tumblr.com/post/21216917415/2008-reebok-taikan-let-your-mind-run-by\\\',\\x0a video_url : \\\'http://iamcheeyen.tumblr.com/video/21216917415\\\',\\x0a dimensions : {\\x22width\\x22:\\x22918\\x22,\\x22height\\x22:\\x22544\\x22},\\x0a embed_code : \\\'\\x3ciframe src=\\x22//www.tumblr.com/video/iamcheeyen/21216917415/500\\x22 id=\\x22tumblr_video_iframe_21216917415\\x22 class=\\x22tumblr_video_iframe\\x22 width=\\x22500\\x22 height=\\x22296\\x22 style=\\x22display:block;background-color:transparent;overflow:hidden;\\x22 allowTransparency=\\x22true\\x22 frameborder=\\x220\\x22 scrolling=\\x22no\\x22 webkitAllowFullScreen mozallowfullscreen allowFullScreen\\x3e\\x3c/iframe\\x3e\\\',\\x0a\\x0a \\x0a origin_url : \\\'iamcheeyen.tumblr.com\\\',\\x0a\\x0a \\x0a thumbnails : {\\x0a url : \\\'\\\',\\x0a width : \\\'0\\\',\\x0a height : \\\'0\\\',\\x0a total : 10 },\\x0a _autocycle : true, // Auto-cycles through posters, set to false for :hover only\\x0a _sharing : false, // Enables sharing popover menu on hold 8/27/12\\x0a _lightbox : true,\\x0a _dashboard : false,\\x0a _dev : false\\x0a });\\x0a };\\x0a\\x0a load_video();\\x0a\\x3c/script\\x3e\\x0a\',\x0a width : \'500\',\x0a height : \'296\',\x0a body_class : \'tumblr_video_iframe_body\'\x0a });\x0a })();\x0a \x3c/script\x3e'
2008 ~ Reebok Taikan - Let Your Mind Run by Tetsuhiko Kin
Animation, Illustration and Design
Won Best Illustration Kam Fan 2008 and Merit Best Website
Shoot in Tokyo and working closely with Amana
Tokyo, Korea and Hong Kong
