http://projects.2amclub.com John Fan Fri, 03 Feb 2012 01:15:52 +0000 http://projects.2amclub.com en http://projects.2amclub.com/NFL-Football http://projects.2amclub.com/following/projects.2amclub.com/NFL-Football Fri, 03 Feb 2012 01:15:52 +0000 John Fan 4150 Production Company: 2000strong Role: Designer <img src="http://payload.cargocollective.com/1/0/712/4150/cowboy01_jfan.jpg" border="0" width="670" height="230" width_o="2625" height_o="900" src_o="http://payload.cargocollective.com/1/0/712/4150/cowboy01_jfan_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4150/cowboy02_jfan.jpg" border="0" width="670" height="230" width_o="2625" height_o="900" src_o="http://payload.cargocollective.com/1/0/712/4150/cowboy02_jfan_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4150/cowboy03_jfan.jpg" border="0" width="670" height="230" width_o="2625" height_o="900" src_o="http://payload.cargocollective.com/1/0/712/4150/cowboy03_jfan_o.jpg" align="left" /> __________________________________________________________________________________________ http://projects.2amclub.com/Hummer http://projects.2amclub.com/following/projects.2amclub.com/Hummer Fri, 27 Jan 2012 04:37:43 +0000 John Fan 4103 Production Company: Motion Theory Role: Director, Art Director, Designer Intent and process: Hummer came to us with a ton of articles of showing how Hummers help in rescue situations. They wanted to see all this inside the world of newspaper article headlines. I immediately thought this could look like a very elegant type driven film title sequence. The storyboards shown are the ones used during the pitch. This is one of those jobs where we had the look down from the beginning. The real challenge was to find transitions and make the whole spot feel cohesive and tell the story of how Hummers Help. This is probably one of my favorite projects I did while I was at Motion Theory. I directed this along with my good friend Mark Kudsi. We had an amazing animation team to work with as well. Check out the spot here. <img src="http://payload.cargocollective.com/1/0/712/4103/color02.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/color02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/color3 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/color3 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/HUMMER01 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/HUMMER01 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/HUMMER03 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/HUMMER03 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/HUMMER05 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/HUMMER05 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/HUMMER06.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/HUMMER06_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/hummer08 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/hummer08 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/hummer09 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/hummer09 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/hummerB01 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/hummerB01 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/hummerB02 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/hummerB02 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/hummerB03 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/hummerB03 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/hummerB04 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/hummerB04 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/hummerB05 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/hummerB05 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/hummerB06 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/hummerB06 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4103/hummerB07 copy.jpg" border="0" width="670" height="502" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4103/hummerB07 copy_o.jpg" align="left" /> more credits: HUMMER HEADLINE HEROES CLIENT: HUMMER AGENCY: MODERNISTA PRODUCTION COMPANY: MOTION THEORY DIRECTOR: JOHN FAN, MARK KUDSI EDITORIAL: MARK HOFFMAN ANIMATION: CHAD HOWITT, EVAN PARSONS, RYAN GIBSON, KRYSTAL CHINN ADDITIONAL PRODUCTION: MIWA MATREYEK, JESSE SORIN http://projects.2amclub.com/Extended-Play http://projects.2amclub.com/following/projects.2amclub.com/Extended-Play Fri, 13 Jan 2012 22:18:18 +0000 John Fan 604024 A traveling machine predicated on destroying dogma. Shattering conventions. A school riot Burning knowledge waiting to be tapped and discovered A nostalgia container. Tears from the past. Fueled by ambition. Lost in the depths of your subconscious. Hustle is the code Go forth and reach in the deep chasms of your mind find the boon of self. Ride the chariots of might, stand alone and wave back. Battalions of atoms. Romantic ladders. Mother Nature. Lady Midnight. ...it's 2am kids Extended Play - A Visual Journal Check out the process of this project. <img src="http://payload.cargocollective.com/1/0/712/604024/city01.jpg" border="0" width="600" height="800" width_o="600" height_o="800" src_o="http://payload.cargocollective.com/1/0/712/604024/city01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/604024/reach_green.jpg" border="0" width="600" height="800" width_o="600" height_o="800" src_o="http://payload.cargocollective.com/1/0/712/604024/reach_green_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/604024/hands_stars_11.jpg" border="0" width="600" height="800" width_o="600" height_o="800" src_o="http://payload.cargocollective.com/1/0/712/604024/hands_stars_11_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/604024/Sunbather.jpg" border="0" width="600" height="800" width_o="600" height_o="800" src_o="http://payload.cargocollective.com/1/0/712/604024/Sunbather_o.jpg" align="left" /> }<img src="http://payload.cargocollective.com/1/0/712/604024/2amkids.png" border="0" width="589" height="791" width_o="589" height_o="791" src_o="http://payload.cargocollective.com/1/0/712/604024/2amkids_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/604024/2amkids01.png" border="0" width="573" height="778" width_o="573" height_o="778" src_o="http://payload.cargocollective.com/1/0/712/604024/2amkids01_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/604024/03_redyawning_zodiac03.png" border="0" width="670" height="427" width_o="1466" height_o="936" src_o="http://payload.cargocollective.com/1/0/712/604024/03_redyawning_zodiac03_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/604024/Picture 9 (2).png" border="0" width="670" height="258" width_o="1417" height_o="546" src_o="http://payload.cargocollective.com/1/0/712/604024/Picture 9 (2)_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/604024/picture-31.png" border="0" width="670" height="676" width_o="725" height_o="732" src_o="http://payload.cargocollective.com/1/0/712/604024/picture-31_o.png" align="left" /> { __________________________________________________________________________________________ http://projects.2amclub.com/Intel-Ultrabook http://projects.2amclub.com/following/projects.2amclub.com/Intel-Ultrabook Thu, 12 Jan 2012 18:15:32 +0000 John Fan 2594375 Just finished up a project with Venables Bell & Partners. Worked with an amazing team to help launch the the Intel Ultrabook Campaign at CES. http://projects.2amclub.com/Current-TV http://projects.2amclub.com/following/projects.2amclub.com/Current-TV Fri, 18 Nov 2011 03:39:50 +0000 John Fan 4160 Production Company: Logan Role: Designer, Animator <img src="http://payload.cargocollective.com/1/0/712/4160/currently02.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4160/currently02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4160/currently02_1.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4160/currently02_1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4160/currently03.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4160/currently03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4160/currently04.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4160/currently04_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4160/currently06.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4160/currently06_o.jpg" align="left" /> {image 4}{image 5}{image 6} __________________________________________________________________________________________ http://projects.2amclub.com/HP-Hands http://projects.2amclub.com/following/projects.2amclub.com/HP-Hands Fri, 18 Nov 2011 03:39:48 +0000 John Fan 4162 Production Company: Motion Theory Role: Designer, Compositor Check out the spots here. Intent and process - The first of the first Hands Campaign. My role was designer/compositor for this shot. Also worked with the talented Josh Nimoy who came up with this crazy program that made the bubbles animate and pulsate with the music. These are the specific shots I worked on in this campaign. HP Pharrell <img src="http://payload.cargocollective.com/1/0/712/4162/HP_hands05.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4162/HP_hands05_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4162/HP_hands06.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4162/HP_hands06_o.jpg" align="left" /> HP- Shaun White <img src="http://payload.cargocollective.com/1/0/712/4162/HP_hands.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4162/HP_hands_o.jpg" align="left" /> check out the video here HP - Mark Burnett <img src="http://payload.cargocollective.com/1/0/712/4162/HP_hands02.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4162/HP_hands02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4162/HP_hands03.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4162/HP_hands03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4162/HP_hands04.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4162/HP_hands04_o.jpg" align="left" /> check out the video here __________________________________________________________________________________________ http://projects.2amclub.com/Nike-Witness http://projects.2amclub.com/following/projects.2amclub.com/Nike-Witness Fri, 18 Nov 2011 03:39:44 +0000 John Fan 4329 Production Company: Motion Theory Role: Art Director Intent and process: We worked hand in hand with the Art Directors at W+K to come up with this spot. They came to us with a very short deadline. It was the first time Lebron made it to the Eastern Finals and he had just had a monstrous tomahawk jam on Tayshaun Prince. Nike wanted to feature this dunk by the time the next game came on TV, which meant we had about 2 days to figure out a good solution. They knew they wanted the spot to be in black and white, but they wanted us to explore various effects to amplify the dunk. We had came up with some interesting solutions—one in particular was a chalk effect. We wanted to allude to the fact Lebron throws chalk up in his pre-game ritual. In the end less was more. We ended up on a simple solution of just adding a little color to emphasize Lebron, but let his action do all the talking. Even though we did all that work, we realized the best solution was the simplest direction. This was a case of working through the design problem and trusting that you will find the solution in the end. <img src="http://payload.cargocollective.com/1/0/712/4329/lebron01.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4329/lebron01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4329/lebron02.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4329/lebron02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4329/lebron03.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4329/lebron03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4329/lebron04.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4329/lebron04_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4329/lebron05.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4329/lebron05_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4329/lebron06.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4329/lebron06_o.jpg" align="left" /> __________________________________________________________________________________________ http://projects.2amclub.com/Sony-HDNA http://projects.2amclub.com/following/projects.2amclub.com/Sony-HDNA Fri, 18 Nov 2011 03:39:42 +0000 John Fan 4342 Production Studio: Motion Theory Role: Art Director Animator: Evan Parsons Intent / Process: The Intent here was to infuse the idea of the DNA into the animation of the logo. The HDNA molecules form a double helix as they travel from left to right to reveal the HDNA logo. <img src="http://payload.cargocollective.com/1/0/712/4342/HDNA01.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4342/HDNA01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4342/HDNA02.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4342/HDNA02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4342/HDNA03.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4342/HDNA03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4342/HDNA04.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4342/HDNA04_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4342/HDNA05.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4342/HDNA05_o.jpg" align="left" /> __________________________________________________________________________________________ http://projects.2amclub.com/Cadillac-Memory http://projects.2amclub.com/following/projects.2amclub.com/Cadillac-Memory Fri, 18 Nov 2011 03:39:41 +0000 John Fan 11500 Production Company: Motion Theory Role: Art Director / Designer Intent and process: Nostalgia, old memories and fast cars Check out the spot and full credits here. }<img src="http://payload.cargocollective.com/1/0/712/11500/cadillac02.jpg" border="0" width="670" height="390" width_o="882" height_o="514" src_o="http://payload.cargocollective.com/1/0/712/11500/cadillac02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/11500/cadillac03.jpg" border="0" width="670" height="390" width_o="882" height_o="514" src_o="http://payload.cargocollective.com/1/0/712/11500/cadillac03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/11500/cadillac05.jpg" border="0" width="670" height="390" width_o="882" height_o="514" src_o="http://payload.cargocollective.com/1/0/712/11500/cadillac05_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/11500/cadillac06.jpg" border="0" width="670" height="390" width_o="882" height_o="514" src_o="http://payload.cargocollective.com/1/0/712/11500/cadillac06_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/11500/cadillacB01.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/11500/cadillacB01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/11500/cadillacB02.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/11500/cadillacB02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/11500/cadillacB03.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/11500/cadillacB03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/11500/cadillacB06.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/11500/cadillacB06_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/11500/cadillacB07.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/11500/cadillacB07_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/11500/cadillacB08.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/11500/cadillacB08_o.jpg" align="left" /> __________________________________________________________________________________________ http://projects.2amclub.com/Comcast-CH-1 http://projects.2amclub.com/following/projects.2amclub.com/Comcast-CH-1 Fri, 18 Nov 2011 03:39:41 +0000 John Fan 4161 Production Company: Motion Theory Role: Art Director, Designer, Compositor Comcast was a fun endtag. We got to make up the world of CH1. <img src="http://payload.cargocollective.com/1/0/712/4161/comcast00.jpg" border="0" width="670" height="503" width_o="1200" height_o="900" src_o="http://payload.cargocollective.com/1/0/712/4161/comcast00_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4161/comcast00b.jpg" border="0" width="670" height="503" width_o="1200" height_o="900" src_o="http://payload.cargocollective.com/1/0/712/4161/comcast00b_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4161/comcast01.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4161/comcast01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4161/comcast02.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4161/comcast02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4161/comcast03.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4161/comcast03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4161/comcast04.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4161/comcast04_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4161/comcast05.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4161/comcast05_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4161/comcast06.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4161/comcast06_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4161/comcast07.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4161/comcast07_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/712/4161/comcast08.jpg" border="0" width="670" height="503" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/712/4161/comcast08_o.jpg" align="left" /> __________________________________________________________________________________________