http://www.jackkhouri.com jackkhouri Tue, 01 May 2012 16:11:43 +0000 http://www.jackkhouri.com en http://jackkhouri.com/Moving-Type-Presentation http://jackkhouri.com/following/jackkhouri.com/Moving-Type-Presentation Tue, 01 May 2012 16:11:43 +0000 jackkhouri 3281780 by Jacques Khouri : jackkhouri.com : jackkhouri@hotmail.com my background: animator | designer ___________________________________________________ ________________________concept____________________ ___________________________________________________ "Typographic arrangement should achieve for the reader what voice tone conveys for the listener." El Lissitzky 1893-1941 To me, Good understanding of type will progress to good understanding of kinetic type A good motion artists = Someone who has good sense of design and a great sense of timing As a rule, you must study the static before you can progress to the kinetic. The static: Design components and principles 1: Movement (insinuated) 2: Tension (between elements) 3: Balance (of composition) 4: Unity 5: Rhythm 6: Flow 7: Emphasis 8: Scale 9: Depth 10: Contrast <img src="http://payload49.cargocollective.com/1/0/24517/3281780/principlesDesign.jpg" width="357" height="367" width_o="357" height_o="367" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/principlesDesign_o.jpg" data-mid="17071262" border="0" align="left"/> The Kinetic : principles of motion 1: Timing 2: movement has slow-in, slow-out or is constant 3: Anticipation (how it starts) 4: Arced motion or linear 5: progressive change ___________________________________________________ _____________________my_process____________________ ___________________________________________________ I draw all of my font, well most of them because I enjoy it and, anyway, I can never find the right system font! Type is used as: Title - sub title or as text! But today it also moves! ___________________________________________________ ______________________the_now______________________ ___________________________________________________ <img src="http://payload49.cargocollective.com/1/0/24517/3281780/ijotalot_logo.jpg" width="300" height="170" width_o="300" height_o="170" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/ijotalot_logo_o.jpg" data-mid="16826993" border="0" align="left"/> ijotalot.com __________________________________________________ <img src="http://payload49.cargocollective.com/1/0/24517/3281780/20000Leagues.jpg" width="413" height="579" width_o="413" height_o="579" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/20000Leagues_o.jpg" data-mid="16826977" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/othello2.jpg" width="413" height="576" width_o="413" height_o="576" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/othello2_o.jpg" data-mid="16827001" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/Pinocchio.jpg" width="412" height="578" width_o="412" height_o="578" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/Pinocchio_o.jpg" data-mid="16827002" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/hamlet1.jpg" width="600" height="375" width_o="600" height_o="375" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/hamlet1_o.jpg" data-mid="16826990" border="0" align="left"/> ___________________________________________________ ________________________concept____________________ ___________________________________________________ What is design? To me, Design = better way to communicate something (an improvement!) The best way to communicate = tell stories! Stories and anecdotes are the best way to remember something and to communicate a message! ___________________________________________________ ___________________not _to_long_ago__________________ ___________________________________________________ <img src="http://payload49.cargocollective.com/1/0/24517/3281780/child.jpg" width="500" height="333" width_o="500" height_o="333" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/child_o.jpg" data-mid="16826983" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/love_hate_.jpg" width="400" height="598" width_o="400" height_o="598" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/love_hate__o.jpg" data-mid="16826994" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/bird_worm2_19.jpg" width="400" height="600" width_o="400" height_o="600" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/bird_worm2_19_o.jpg" data-mid="16826979" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/stop_readthis.jpg" width="400" height="518" width_o="400" height_o="518" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/stop_readthis_o.jpg" data-mid="16827006" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/mrbubbles1.jpg" width="457" height="630" width_o="457" height_o="630" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/mrbubbles1_o.jpg" data-mid="16826997" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/mrbubbles2.jpg" width="457" height="630" width_o="457" height_o="630" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/mrbubbles2_o.jpg" data-mid="16827000" border="0" align="left"/> ___________________________________________________ _____________________my_process____________________ ___________________________________________________ Questions I ask myself to create good Typography = the Type has to: 1: complements something or 2: creates an opposition (ex: bold grotesk type to show something elegant) 3: be legible and/or communicate something (not all type needs to be legible, good example: graffiti) "don't confuse legibility with communication" David Carson 1952 - ? 4: appeal to your audience & clarity ___________________________________________________ _____________________before_long____________________ ___________________________________________________ <img src="http://payload49.cargocollective.com/1/0/24517/3281780/page_048_640.jpg" width="640" height="202" width_o="640" height_o="202" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/page_048_640_o.jpg" data-mid="16828225" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/drug_type.jpg" width="570" height="406" width_o="570" height_o="406" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/drug_type_o.jpg" data-mid="16826984" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/shopping.jpg" width="500" height="255" width_o="500" height_o="255" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/shopping_o.jpg" data-mid="16827005" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/type_640.jpg" width="640" height="517" width_o="640" height_o="517" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/type_640_o.jpg" data-mid="16827009" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/caffe_monbo_640.jpg" width="640" height="827" width_o="640" height_o="827" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/caffe_monbo_640_o.jpg" data-mid="16826980" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/drug2.jpg" width="316" height="476" width_o="316" height_o="476" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/drug2_o.jpg" data-mid="16826986" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/friday_font.jpg" width="529" height="513" width_o="529" height_o="513" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/friday_font_o.jpg" data-mid="16826988" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/meta.jpg" width="567" height="432" width_o="567" height_o="432" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/meta_o.jpg" data-mid="16826995" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/cover_expo.jpg" width="418" height="1106" width_o="418" height_o="1106" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/cover_expo_o.jpg" data-mid="16827952" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/tension.jpg" width="347" height="432" width_o="347" height_o="432" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/tension_o.jpg" data-mid="16827008" border="0" align="left"/> ___________________________________________________ ________________________concept____________________ ___________________________________________________ What is good kinetic type? To me, good type motion = 1: communicates (story!) 2: possess Interesting transitions (in and out of the text) 3: complements or contrast with the style of the motion piece (drawn animation over live action = contrast) 4: best when it has an element of surprise (something the audience would not expect) 5: good timing 6: personality ___________________________________________________ ________________________now_______________________ ___________________________________________________ <img src="http://payload49.cargocollective.com/1/0/24517/3281780/grow2.jpg" width="340" height="376" width_o="340" height_o="376" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/grow2_o.jpg" data-mid="16826989" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/available_font.jpg" width="480" height="371" width_o="480" height_o="371" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/available_font_o.jpg" data-mid="16826978" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/0/24517/3281780/font_bunny2.jpg" width="500" height="939" width_o="500" height_o="939" src_o="http://payload49.cargocollective.com/1/0/24517/3281780/font_bunny2_o.jpg" data-mid="16826987" border="0" align="left"/> ___________________________________________________ ______________________at _work______________________ ___________________________________________________ ___________________________________________________ ______________________exercise______________________ ___________________________________________________ ___________________________________________________ _______________________shorts_______________________ ___________________________________________________ http://jackkhouri.com/Motion-Media-Journal-2012 http://jackkhouri.com/following/jackkhouri.com/Motion-Media-Journal-2012 Sun, 15 Apr 2012 19:27:47 +0000 jackkhouri 3208559 This section is a journal documenting some of the projects i worked on independently or contract base: February 2012: Valentine 2012 During down time and After work hours, I was tempted to do a Valentine's card before the deadline, February 14! The project wasn't finished but this what i had so far. I liked some of the ideas and might use some of it in future projects: February 2012: Pitch for YouTube I was approach by Shylo in San Diego to help them Pitch for a youTube add to promote advertising on the youtube site. I truly enjoyed working on these and Shylo's direction was great :) Here are the frames with the youtube colors applied to it: <img src="http://payload45.cargocollective.com/1/0/24517/3208559/Youtube_styleframe_web1.jpg" width="500" height="1165" width_o="500" height_o="1165" src_o="http://payload45.cargocollective.com/1/0/24517/3208559/Youtube_styleframe_web1_o.jpg" data-mid="16426099" border="0" align="left"/> Different color treatment: <img src="http://payload45.cargocollective.com/1/0/24517/3208559/Youtube_styleframe_web2.jpg" width="500" height="1165" width_o="500" height_o="1165" src_o="http://payload45.cargocollective.com/1/0/24517/3208559/Youtube_styleframe_web2_o.jpg" data-mid="16426100" border="0" align="left"/> Janurary 2012: Pitch for show: Battle of the Emsee In January, during down time, I was approached by Monkey Brain in LA to pitch and possibly work on a show about the battles of MCs. The project was pretty cool because they wanted to mix live action footage of urban streets in different part of the States with a mix of animated drawn elements that would "pop" over top of it. Here is my attempt at the pitch which they liked and approved but never got pass that... :( Here are some of my favorites: <img src="http://payload45.cargocollective.com/1/0/24517/3208559/MC_styleframes_web2.jpg" width="500" height="2313" width_o="500" height_o="2313" src_o="http://payload45.cargocollective.com/1/0/24517/3208559/MC_styleframes_web2_o.jpg" data-mid="16425742" border="0" align="left"/> December - January 2012: Ministry of Heath Ontario In late December, after I sent my Christmas video card (link) I was approached by Lisa Batke from Hesty to pitch for a health awareness web video for the Ministry of Health Ontario. The project was mainly to sensibilities the population of Ontario of the options they have within their health system and how the can help make it better. Here is the description of the Treatment during the pitch: "The project will be composed of multiple icons and simplified symbols to representing ideas and situations. The continuity of the scenes will be directed by geometric shapes, color and mostly arrows to indicate direction, rise and fall of ideas and of course motion. the camera work will have depth and use a lot of positive/negative shapes to indicate change of ideas. most movements will utilize all of the axis of the screen from rotations, to scales and as well as lateral. In brief, the transition should feel seamless. Because of the nature of the subject, the visual should have warmth and a good feeling about it while having a serious tone. The elements will feel textured and less sterile (vector). The presence of characters will be at a minimal but the elements will move in a fluid and flexible way, the character performance will be reserved to the arrows and the elements." Suffice it to say, I was trilled to pitch for this project and was actually allocated the project. Unfortunately the project was later cancelled during production. It was quite fun working with the people from Hesty, Double Plus and Black and blue from Toronto. This is some of the animation done by me: Here are some of the style Frames i did during the pitch process: <img src="http://payload45.cargocollective.com/1/0/24517/3208559/MHO_Web_styleFrames.jpg" width="500" height="2032" width_o="500" height_o="2032" src_o="http://payload45.cargocollective.com/1/0/24517/3208559/MHO_Web_styleFrames_o.jpg" data-mid="16424654" border="0" align="left"/> This is the Storyboard development for the whole project. Boards done by me and the color direction was done by Micheal McDougall from Black&blue in Toronto. <img src="http://payload45.cargocollective.com/1/0/24517/3208559/MHO_Web_storyboard.jpg" width="500" height="910" width_o="500" height_o="910" src_o="http://payload45.cargocollective.com/1/0/24517/3208559/MHO_Web_storyboard_o.jpg" data-mid="16424651" border="0" align="left"/> http://jackkhouri.com/Xmas-video-card-2011 http://jackkhouri.com/following/jackkhouri.com/Xmas-video-card-2011 Thu, 08 Dec 2011 20:35:56 +0000 jackkhouri 2429549 this is a Christmas/holiday video card i did to send out to my clients and friends. I did it during down time. The project was hand drawn and then composited in After Effects. The music is a manipulate midi Xmas song. Frame shots: <img src="http://payload6.cargocollective.com/1/0/24517/2429549/noelbg 0-00-02-13.jpg" width="640" height="360" width_o="640" height_o="360" src_o="http://payload6.cargocollective.com/1/0/24517/2429549/noelbg 0-00-02-13_o.jpg" data-mid="12237316" border="0" align="left"/><img src="http://payload6.cargocollective.com/1/0/24517/2429549/noelbg 0-00-07-17.jpg" width="640" height="360" width_o="640" height_o="360" src_o="http://payload6.cargocollective.com/1/0/24517/2429549/noelbg 0-00-07-17_o.jpg" data-mid="12237318" border="0" align="left"/><img src="http://payload6.cargocollective.com/1/0/24517/2429549/noelbg 0-00-12-02.jpg" width="640" height="360" width_o="640" height_o="360" src_o="http://payload6.cargocollective.com/1/0/24517/2429549/noelbg 0-00-12-02_o.jpg" data-mid="12237321" border="0" align="left"/><img src="http://payload6.cargocollective.com/1/0/24517/2429549/noelbg 0-00-15-07.jpg" width="640" height="360" width_o="640" height_o="360" src_o="http://payload6.cargocollective.com/1/0/24517/2429549/noelbg 0-00-15-07_o.jpg" data-mid="12237322" border="0" align="left"/> http://jackkhouri.com/Cupid-in-B-W-2011 http://jackkhouri.com/following/jackkhouri.com/Cupid-in-B-W-2011 Thu, 14 Apr 2011 06:22:42 +0000 jackkhouri 1307808 This is a small 2D animation exercise i did during down time. Produced in Adobes' after effects and flash. The project was more of a free flow without any conceptualizing and/or organizing. It was like doodling and/or sketching with animation! Basically, I just started animating and got this: Cupid in B&W from jacques khouri on Vimeo. Frame shots: <img src="http://payload.cargocollective.com/1/0/24517/1307808/cupid3_1 (0-00-01-07).jpg" width="550" height="400" width_o="550" height_o="400" src_o="http://payload.cargocollective.com/1/0/24517/1307808/cupid3_1 (0-00-01-07)_o.jpg" data-mid="6341332" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/1307808/cupid3_1 (0-00-04-23).jpg" width="550" height="400" width_o="550" height_o="400" src_o="http://payload.cargocollective.com/1/0/24517/1307808/cupid3_1 (0-00-04-23)_o.jpg" data-mid="6341337" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/1307808/cupid3_1 (0-00-06-19).jpg" width="550" height="400" width_o="550" height_o="400" src_o="http://payload.cargocollective.com/1/0/24517/1307808/cupid3_1 (0-00-06-19)_o.jpg" data-mid="6341339" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/1307808/cupid3_1 (0-00-10-00).jpg" width="550" height="400" width_o="550" height_o="400" src_o="http://payload.cargocollective.com/1/0/24517/1307808/cupid3_1 (0-00-10-00)_o.jpg" data-mid="6341342" border="0" align="left"/> http://jackkhouri.com/Xmas-video-card-2010 http://jackkhouri.com/following/jackkhouri.com/Xmas-video-card-2010 Mon, 10 Jan 2011 19:22:13 +0000 jackkhouri 922038 this is a Christmas video card i did to send out to my clients and friends. I did it during down time. The project was done in Maya and then composited in After Effects. I liked the technique might use it for something else someday. The music is a manipulate midi Xmas song. xmas_2010 from jacques khouri on Vimeo. Frame shots: <img src="http://payload.cargocollective.com/1/0/24517/922038/xmass 2 (0-00-02-23).jpg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload.cargocollective.com/1/0/24517/922038/xmass 2 (0-00-02-23)_o.jpg" data-mid="4510532" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/922038/xmass 2 (0-00-05-07).jpg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload.cargocollective.com/1/0/24517/922038/xmass 2 (0-00-05-07)_o.jpg" data-mid="4510533" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/922038/xmass 2 (0-00-20-02).jpg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload.cargocollective.com/1/0/24517/922038/xmass 2 (0-00-20-02)_o.jpg" data-mid="4510534" border="0" align="left"/> http://jackkhouri.com/Motion-Media-Journal-2010-11 http://jackkhouri.com/following/jackkhouri.com/Motion-Media-Journal-2010-11 Sun, 09 Jan 2011 20:39:36 +0000 jackkhouri 917960 This section is a journal documenting some of the projects i worked on independently or contract base: November 2011: Yammer Spots Yammer spots done at CruxNY. With the good direction and aid of the Crux team, my responsibilities for the project(s), were mostly animation and compositing: For the Logo animations, i was told to do whatever i wanted and just enjoy myself. Suffice it to say i love doing this type of animation. I designed and animated these two: July 2011: Sprint 3D commercial: Sprint commercial done at Transistor Studios. With the aid of others, I was responsible for rigging, animating, lighting and rendering the project. The complexity of the project was to animated a lot of droids in a short amount of time (~2 weeks) The video shows the progress as well as the final. June 2011: Sony PlayStation home spot: Spot promoting a PlayStation home winter villa spot. I was responsible for animating the motion graphics on some of the video captures of the villa. June 2011: Zoobles pitch: this is a project i worked on for Shilo San Diego for a pitch for a toy line called zoobles. The target audience is girls ages 4 to 9 so i decided to use more of a doodle look for the graffiti. here are some style frames. <img src="http://payload.cargocollective.com/1/0/24517/917960/shiloZoobles.jpg" width="500" height="2296" width_o="500" height_o="2296" src_o="http://payload.cargocollective.com/1/0/24517/917960/shiloZoobles_o.jpg" data-mid="10958651" border="0" align="left"/> June 2011: ESPN animation: Spot done at Buck. I was responsible for animating some 2D special effect animation. The video shows the scenes i did and then the final project. May 2011:Transformers rescue Bot commercial: Project worked on at Transistor Studios. My responsibilities where to model, Rig, animated and render. I modeled Optimus, The police car and boulder (the green construction guy). I also helped out on the title logo animation. In this video, you can see two of my proposals. Also in this video is the progress of the project, some render scenes and a shot i animated and rendered. April 2011: BMP commercial: This is a project i worked on at Transistor Studios. It was a project that took 4 to 5 days during a weekend. I worked with the CD at Transistor as well as two other motion artist. it was a great project so here it is: March 2011: Public Mobile web advertisement: This is part two of a web advertisement for a Canadian telephone service company, Public Mobile, produced by some friends of mine and animated by them as well as I. The schedule was quite short, five days for the English and French track, and it was completely produced with adobe's after effects. The version presented here has the unfinished sound design as well as some of the timing and elements where reedited for the final. Personally i like the dynamism of this one. public mobile advert 2 from jacques khouri on Vimeo. February 2011: definition 6 Coca Cola: workspace 2020: This is one of three spots that was used to announce the renovation that will occur up to 2020 for coca cola's new facilities in Atlanta. My responsibilities where management of rendering, compositing finishes as well as animating the end tag. Design and concept done by the people at definition 6 . I helped finish the rendering and compositing as well as animated the end dag under the direction of my Creative director. workplace 2020 from jacques khouri on Vimeo. February 2011: definition 6 Kids Screen: This was a project done at definition 6. It was an internal piece to try to promote the companies' ability to do children's spots and commercial work. Design and concept done by the people at definition 6 . I was responsible of doing the base compositing as well as some animation. kidscreen from jacques khouri on Vimeo. January 2011: Buck style frame for Fruitsnacks This is a style frame I did to complement Buck's pitch for a whole new series of commercials using fruit snack elements like fruit roll ups, gushers and fruit by the foot to build the world. The frame was done in Adobe's Illustrator:<img src="http://payload.cargocollective.com/1/0/24517/917960/bench.jpg" width="500" height="386" width_o="500" height_o="386" src_o="http://payload.cargocollective.com/1/0/24517/917960/bench_o.jpg" data-mid="6108740" border="0" align="left"/> December 2010: DQ style frames Here are a couple of style frames i did for PiranhaNYC for Dairy Queen end tag pitch. They wanted it to be off the wall and hectic. The project was allocated to my good friends at Buck. I had a couple of days to produce these frames I really like the second idea: <img src="http://payload.cargocollective.com/1/0/24517/917960/DQ_concept1.jpg" width="500" height="1146" width_o="500" height_o="1146" src_o="http://payload.cargocollective.com/1/0/24517/917960/DQ_concept1_o.jpg" data-mid="4403315" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/917960/DQ_concept2.jpg" width="500" height="1532" width_o="500" height_o="1532" src_o="http://payload.cargocollective.com/1/0/24517/917960/DQ_concept2_o.jpg" data-mid="4403316" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/917960/DQ_concept3.jpg" width="500" height="1146" width_o="500" height_o="1146" src_o="http://payload.cargocollective.com/1/0/24517/917960/DQ_concept3_o.jpg" data-mid="4403318" border="0" align="left"/> December 2010: Nicorette end tag reanimated: This is an end tag I did at Brand New school. The concept and the previous end tags were already done; I had to find a creative way to add the two tags together. The agency wanted the tag to fall of like a cue card and reveal the new one. Nickorette end tag from jacques khouri on Vimeo. http://jackkhouri.com/Working-at-Buck-tv http://jackkhouri.com/following/jackkhouri.com/Working-at-Buck-tv Mon, 20 Sep 2010 05:11:11 +0000 jackkhouri 645831 Selected work: Here are some of the projects I worked on at Buck. It is quite an amazing company and, the staff, the direction and the people at Buck are always striving for perfection. they are, to say the least, creatives. Furthermore, They have a good sense of "joie de vivre" (love their Ping-Pong tournaments). For more on the company and their tremendous body of work, please visit the web site: buck.tv Sherwin-Williams During the production of Sherwin-Williams paint chip commercials, I had the opportunity to do some style frame/color scripts for small 15 seconds spots. <img src="http://payload.cargocollective.com/1/0/24517/645831/sherwin_color_comp.jpg" width="500" height="1010" width_o="500" height_o="1010" src_o="http://payload.cargocollective.com/1/0/24517/645831/sherwin_color_comp_o.jpg" data-mid="4396274" border="0" align="left"/> Grimbergen Beer This is a series of animation/small clips i did in after effects for the beer commercial Grimbergen. Presented in the video are the clips and later on the final project. Other responsibilities during my production were also to do some preliminary style frames and some character drawings. here is a selection: <img src="http://payload.cargocollective.com/1/0/24517/645831/grim_comp.jpg" width="500" height="592" width_o="500" height_o="592" src_o="http://payload.cargocollective.com/1/0/24517/645831/grim_comp_o.jpg" data-mid="4396254" border="0" align="left"/> grimbergen animation compilation from jacques khouri on Vimeo. Verizon Fios pitch: this is a Pitch that i did at Buck. They wanted a more iconic look for the project. So i decided to use Scandinavian influences and very basic geometric shapes. As well, i was allocated enough time to do a quick animation test. Unfortunately the project was given to another company. This was my first frame. I was asked to change the colors to the "Verizon red". <img src="http://payload.cargocollective.com/1/0/24517/645831/Untitled-1.jpg" width="452" height="255" width_o="452" height_o="255" src_o="http://payload.cargocollective.com/1/0/24517/645831/Untitled-1_o.jpg" data-mid="4117414" border="0" align="left"/> final story pitch: <img src="http://payload.cargocollective.com/1/0/24517/645831/verizon_a03_jk.jpg" width="500" height="490" width_o="500" height_o="490" src_o="http://payload.cargocollective.com/1/0/24517/645831/verizon_a03_jk_o.jpg" data-mid="4117415" border="0" align="left"/> and animation test: Verizon Pitch from jacques khouri on Vimeo. Nick's FanBoy: One of my first tasks at Buck was to do this small animation of one of the characters from "Fanboy and Chum Chum". It was part of a pitch for Nick television. Thanks to Gareth O’Brien For guiding me on the timing of the piece. animation test chum chum from jacques khouri on Vimeo. Global funds: It is rare that you get a chance to do a project with a good message that could actually change the way people think. This piece is an HIV campaign on helping reduce children born with HIV. My responsibilities, with two other animators, was to help the lead animator, Conrad Ostwald, animate the piece in After Effects. Thanks to Conrad for his patience on a big project as well as his feedback. Shown in the video is the part I animated based on the art director's (Yker Monero) style frames (shown bellow the video) Followed by the full clip of the campaign. global funds Buck from jacques khouri on Vimeo. <img src="http://payload.cargocollective.com/1/0/24517/645831/style_frames_globalfunds_2.jpg" width="500" height="425" width_o="500" height_o="425" src_o="http://payload.cargocollective.com/1/0/24517/645831/style_frames_globalfunds_2_o.jpg" data-mid="3242171" border="0" align="left"/> Ally Bank Pitch: Two other designers and I were called to do some preliminary animation for Ally Bank's end tag: The challenge was to create tags that are serious and entertaining at the same time. Here are my attempts: Ally Buck Pitch from jacques khouri on Vimeo. Fruit Snacks - Photo Booth: This summer project was a small fifteen second commercial to promote fruit snacks (Fruit roll up, Gushers, Fruit by the foot, etc. ) by showing that the product is fun to play with as well as eat. These are some of the preliminary sketches for the characters. Orion Tait (Creative Director) and Thomas Schmid (Associate Creative Director) were a great Help in helping me develop some odd designs. the finals were done by Stephen Kelleher, Kent Mudle and Thomas Schmid. <img src="http://payload.cargocollective.com/1/0/24517/645831/sketch_fruit_comp_small1.jpg" width="576" height="2407" width_o="576" height_o="2407" src_o="http://payload.cargocollective.com/1/0/24517/645831/sketch_fruit_comp_small1_o.jpg" data-mid="3033851" border="0" align="left"/> My second mandate for the project was to create an interesting environment to have the characters interact in. Objectively, my supervisors wanted a place that was fun and also summery. Since the project had a photo booth, I chose places where there would be a booth like the subway or the beach. One of the difficulties was to try to think that all the object within the background had to be designed and colored with fruit Snacks. My Background inspiration came mostly from Coney Island and Lucchetti commercials from peppermelon.tv <img src="http://payload.cargocollective.com/1/0/24517/645831/BG_color_test_640.jpg" width="640" height="643" width_o="1197" height_o="1203" src_o="http://payload.cargocollective.com/1/0/24517/645831/BG_color_test_o.jpg" data-mid="3007799" border="0" align="left"/> I also started designing and drawing diagrams to help the 3D Cg modelers create the backgrounds props. <img src="http://payload.cargocollective.com/1/0/24517/645831/bg_construction_640.jpg" width="640" height="463" width_o="966" height_o="699" src_o="http://payload.cargocollective.com/1/0/24517/645831/bg_construction_o.jpg" data-mid="3007824" border="0" align="left"/> Bellow is the 2D animatic as well as the 2D animatic in comparison with the 3D final and the 3D final of the project. The animatic was animated on ones and twos to allow the CG riggers and animators to have a better perception of the complexities of the movement. Kent Mudle, great animator, helped me animate a lot of the shot in the animatic. Kent also went on to animate the photo booth in the final production. animatic FruitSnacks and Final comparison from jacques khouri on Vimeo. Buck Summer Projet: During down time, Buck create a summer project to permit the staff to do a short piece (under ten seconds) of animation. The mandate was to use the Bucky ball at the beginning and the end of the clip. Buck_summer_project from jacques khouri on Vimeo. http://jackkhouri.com/Grow-2010 http://jackkhouri.com/following/jackkhouri.com/Grow-2010 Thu, 02 Sep 2010 05:10:05 +0000 jackkhouri 607338 Grow from jacques khouri on Vimeo. Small Project Created During my down time at work. It was mostly more experimental then anything else. No planing of sorts. I was playing around with Adobe's Flash as well as After Effect to see if i could get a look that i would like and ended up with this! The project was animated traditionally Frame By frame with a Wacom Cintiq (12wx) on a PC desktop. I must say that animating directly on the screen took some time to get use to but in the long run it made the whole process much easier then scanning a bunch of papers. Production time took an accumulated two weeks to animate, color and a week to composite and fix frames. some concept illustration for the type treatment: <img src="http://payload.cargocollective.com/1/0/24517/607338/grow2.jpg" width="508" height="550" width_o="508" height_o="550" src_o="http://payload.cargocollective.com/1/0/24517/607338/grow2_o.jpg" data-mid="2807086" border="0" align="left"/> Frame shots: <img src="http://payload.cargocollective.com/1/0/24517/607338/final_comp (0-00-02-22)_640.jpg" width="640" height="480" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/24517/607338/final_comp (0-00-02-22)_o.jpg" data-mid="4510567" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/607338/final_comp (0-00-09-00)_640.jpg" width="640" height="480" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/24517/607338/final_comp (0-00-09-00)_o.jpg" data-mid="4510568" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/607338/final_comp (0-00-12-03)_640.jpg" width="640" height="480" width_o="720" height_o="540" src_o="http://payload.cargocollective.com/1/0/24517/607338/final_comp (0-00-12-03)_o.jpg" data-mid="4510569" border="0" align="left"/> http://jackkhouri.com/Illustrations-II http://jackkhouri.com/following/jackkhouri.com/Illustrations-II Mon, 30 Aug 2010 06:22:26 +0000 jackkhouri 600051 Selected work: <img src="http://payload.cargocollective.com/1/0/24517/600051/monk.jpg" width="500" height="689" width_o="500" height_o="689" src_o="http://payload.cargocollective.com/1/0/24517/600051/monk_o.jpg" data-mid="16431188" border="0" align="left"/> Monk -2010 (found it in my old stuff!) <img src="http://payload.cargocollective.com/1/0/24517/600051/pose11.jpg" width="500" height="383" width_o="500" height_o="383" src_o="http://payload.cargocollective.com/1/0/24517/600051/pose11_o.jpg" data-mid="6801047" border="0" align="left"/> Taco Tuesday - 2011 <img src="http://payload.cargocollective.com/1/0/24517/600051/pose9.jpg" width="500" height="312" width_o="500" height_o="312" src_o="http://payload.cargocollective.com/1/0/24517/600051/pose9_o.jpg" data-mid="5037738" border="0" align="left"/> Euh!... - 2011 <img src="http://payload.cargocollective.com/1/0/24517/600051/pose8.jpg" width="500" height="420" width_o="500" height_o="420" src_o="http://payload.cargocollective.com/1/0/24517/600051/pose8_o.jpg" data-mid="5037737" border="0" align="left"/> Posing - 2011 <img src="http://payload.cargocollective.com/1/0/24517/600051/pose6_.jpg" width="308" height="450" width_o="308" height_o="450" src_o="http://payload.cargocollective.com/1/0/24517/600051/pose6__o.jpg" data-mid="5037767" border="0" align="left"/> Howdy! - 2011 <img src="http://payload.cargocollective.com/1/0/24517/600051/pose5.jpg" width="500" height="723" width_o="500" height_o="723" src_o="http://payload.cargocollective.com/1/0/24517/600051/pose5_o.jpg" data-mid="4407972" border="0" align="left"/> Did not give a... - 2011 <img src="http://payload.cargocollective.com/1/0/24517/600051/pose4.jpg" width="500" height="262" width_o="500" height_o="262" src_o="http://payload.cargocollective.com/1/0/24517/600051/pose4_o.jpg" data-mid="3511692" border="0" align="left"/> What should I eat - 2010 <img src="http://payload.cargocollective.com/1/0/24517/600051/pose3.jpg" width="473" height="615" width_o="473" height_o="615" src_o="http://payload.cargocollective.com/1/0/24517/600051/pose3_o.jpg" data-mid="3142210" border="0" align="left"/> WW I's cooking - 2010 <img src="http://payload.cargocollective.com/1/0/24517/600051/pose2_1.jpg" width="500" height="708" width_o="500" height_o="708" src_o="http://payload.cargocollective.com/1/0/24517/600051/pose2_1_o.jpg" data-mid="3142385" border="0" align="left"/> What have I done! - 2010 <img src="http://payload.cargocollective.com/1/0/24517/600051/pose1.jpg" width="506" height="604" width_o="506" height_o="604" src_o="http://payload.cargocollective.com/1/0/24517/600051/pose1_o.jpg" data-mid="2771083" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/24517/600051/pose2.jpg" width="506" height="604" width_o="506" height_o="604" src_o="http://payload.cargocollective.com/1/0/24517/600051/pose2_o.jpg" data-mid="2771084" border="0" align="left"/> Woman sitting on folding chair - 2010 <img src="http://payload.cargocollective.com/1/0/24517/600051/page_039.jpg" width="612" height="792" width_o="612" height_o="792" src_o="http://payload.cargocollective.com/1/0/24517/600051/page_039_o.jpg" data-mid="2771081" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/24517/600051/page_038_640.jpg" width="640" height="494" width_o="792" height_o="612" src_o="http://payload.cargocollective.com/1/0/24517/600051/page_038_o.jpg" data-mid="2771078" border="0" align="left"/> Illustration study of new process. Digital Illustration - 2009 <img src="http://payload.cargocollective.com/1/0/24517/600051/face_men.jpg" width="407" height="336" width_o="407" height_o="336" src_o="http://payload.cargocollective.com/1/0/24517/600051/face_men_o.jpg" data-mid="2771137" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/24517/600051/man_summer.jpg" width="227" height="612" width_o="227" height_o="612" src_o="http://payload.cargocollective.com/1/0/24517/600051/man_summer_o.jpg" data-mid="2771139" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/24517/600051/woman_back.jpg" width="417" height="580" width_o="417" height_o="580" src_o="http://payload.cargocollective.com/1/0/24517/600051/woman_back_o.jpg" data-mid="2771141" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/24517/600051/woman_eyes.jpg" width="447" height="302" width_o="447" height_o="302" src_o="http://payload.cargocollective.com/1/0/24517/600051/woman_eyes_o.jpg" data-mid="2771142" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/24517/600051/face_men2.jpg" width="450" height="296" width_o="450" height_o="296" src_o="http://payload.cargocollective.com/1/0/24517/600051/face_men2_o.jpg" data-mid="2771150" border="0" align="left"/> Various Illustrations/Studies for visual Digital illustration Development - 2010 index http://jackkhouri.com/Illustrations-I http://jackkhouri.com/following/jackkhouri.com/Illustrations-I Mon, 30 Aug 2010 05:20:39 +0000 jackkhouri 599555 Selected work: <img src="http://payload.cargocollective.com/1/0/24517/599555/jack_cards_640.jpg" width="640" height="528" width_o="1481" height_o="1224" src_o="http://payload.cargocollective.com/1/0/24517/599555/jack_cards_o.jpg" data-mid="2770935" border="0" align="left"/> Illustration of cards illustrating different themes from Drugs, Sex and Rock and Roll. I decided to illustrate the glories of the theme as well as the repercussions. Initial concept - 2010 <img src="http://payload.cargocollective.com/1/0/24517/599555/jack_cards1_640.jpg" width="640" height="472" width_o="741" height_o="547" src_o="http://payload.cargocollective.com/1/0/24517/599555/jack_cards1_o.jpg" data-mid="2770968" border="0" align="left"/> The Jack represents "drugs". One side show the power of drugs, the Ultimate High. While the other shows the downfall; the crash. - 2010 <img src="http://payload.cargocollective.com/1/0/24517/599555/queen_cards_640.jpg" width="640" height="472" width_o="741" height_o="547" src_o="http://payload.cargocollective.com/1/0/24517/599555/queen_cards_o.jpg" data-mid="2770971" border="0" align="left"/> The Queen is, of course, "sex". She is the seduction as well as one of the results of Sex. - 2010 <img src="http://payload.cargocollective.com/1/0/24517/599555/king-cards_640.jpg" width="640" height="472" width_o="741" height_o="547" src_o="http://payload.cargocollective.com/1/0/24517/599555/king-cards_o.jpg" data-mid="2770969" border="0" align="left"/> The King is "Rock and Roll". He depicts a rock stars' immortality and mortality. - 2010 <img src="http://payload.cargocollective.com/1/0/24517/599555/four-cards_640.jpg" width="640" height="472" width_o="741" height_o="547" src_o="http://payload.cargocollective.com/1/0/24517/599555/four-cards_o.jpg" data-mid="2770967" border="0" align="left"/> The four was to illustrated the archer of having four fingers because he got caught. On one side we see the four fingers and on the other we see the Diamond as the Tip of an arrow. -2010 <img src="http://payload.cargocollective.com/1/0/24517/599555/mrbubbles1.jpg" width="457" height="630" width_o="457" height_o="630" src_o="http://payload.cargocollective.com/1/0/24517/599555/mrbubbles1_o.jpg" data-mid="2770894" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/24517/599555/mrbubbles2.jpg" width="457" height="630" width_o="457" height_o="630" src_o="http://payload.cargocollective.com/1/0/24517/599555/mrbubbles2_o.jpg" data-mid="2770895" border="0" align="left"/> Proposed satirical Illustration For Mr. Bubbles Bath Soap - 2010 <img src="http://payload.cargocollective.com/1/0/24517/599555/mrbubblesBW.jpg" width="457" height="630" width_o="457" height_o="630" src_o="http://payload.cargocollective.com/1/0/24517/599555/mrbubblesBW_o.jpg" data-mid="2770896" border="0" align="left"/> Black and White version - 2010 <img src="http://payload.cargocollective.com/1/0/24517/599555/mr_bubbles_sketch_640.jpg" width="640" height="682" width_o="1088" height_o="1161" src_o="http://payload.cargocollective.com/1/0/24517/599555/mr_bubbles_sketch_o.jpg" data-mid="2770866" border="0" align="left"/> Composition sketches and development for Mr. Bubbles - 2010 <img src="http://payload.cargocollective.com/1/0/24517/599555/future_couver.jpg" width="447" height="574" width_o="447" height_o="574" src_o="http://payload.cargocollective.com/1/0/24517/599555/future_couver_o.jpg" data-mid="2768087" border="0" align="left"/> Unused scientific magazine cover for the studies about life in the Future - 2008 <img src="http://payload.cargocollective.com/1/0/24517/599555/rona_alle5.jpg" width="501" height="396" width_o="501" height_o="396" src_o="http://payload.cargocollective.com/1/0/24517/599555/rona_alle5_o.jpg" data-mid="2768059" border="0" align="left"/> Hardware store end tag illustration for Commercial - 2007 <img src="http://payload.cargocollective.com/1/0/24517/599555/racism.jpg" width="304" height="432" width_o="304" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/racism_o.jpg" data-mid="2768057" border="0" align="left"/> Illustration against racism - 2007 <img src="http://payload.cargocollective.com/1/0/24517/599555/violence.jpg" width="333" height="216" width_o="333" height_o="216" src_o="http://payload.cargocollective.com/1/0/24517/599555/violence_o.jpg" data-mid="2770732" border="0" align="left"/> Illustration on the expression "Guns Don’t Kill People… People Kill People" - 2007 <img src="http://payload.cargocollective.com/1/0/24517/599555/poudriere.jpg" width="323" height="287" width_o="323" height_o="287" src_o="http://payload.cargocollective.com/1/0/24517/599555/poudriere_o.jpg" data-mid="2768056" border="0" align="left"/> French Edition cover to Chomsky's book "Perilous Power" - 2007 <img src="http://payload.cargocollective.com/1/0/24517/599555/mainmise.jpg" width="397" height="432" width_o="397" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/mainmise_o.jpg" data-mid="2770731" border="0" align="left"/> French Edition of book on globalization and its effects - 2007 <img src="http://payload.cargocollective.com/1/0/24517/599555/fish_carte.jpg" width="317" height="432" width_o="317" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/fish_carte_o.jpg" data-mid="2768049" border="0" align="left"/> Unpublished poster Illustrating The concept of "He who speaks loudest, eats the rest!" - 2007 <img src="http://payload.cargocollective.com/1/0/24517/599555/aff_harceleurs.jpg" width="244" height="432" width_o="244" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/aff_harceleurs_o.jpg" data-mid="2768031" border="0" align="left"/> Illustration for office harassment and abuse - 2006 <img src="http://payload.cargocollective.com/1/0/24517/599555/dog_640.jpg" width="640" height="157" width_o="723" height_o="178" src_o="http://payload.cargocollective.com/1/0/24517/599555/dog_o.jpg" data-mid="2768042" border="0" align="left"/> Unused racetrack illustration - 2004 <img src="http://payload.cargocollective.com/1/0/24517/599555/card_christmass2004.jpg" width="312" height="432" width_o="312" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/card_christmass2004_o.jpg" data-mid="2768037" border="0" align="left"/> Christmas card - 2004 <img src="http://payload.cargocollective.com/1/0/24517/599555/noel.jpg" width="244" height="432" width_o="244" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/noel_o.jpg" data-mid="2768052" border="0" align="left"/> Christmas card - 2003 <img src="http://payload.cargocollective.com/1/0/24517/599555/pinocchio.jpg" width="302" height="432" width_o="302" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/pinocchio_o.jpg" data-mid="2768055" border="0" align="left"/> Unpublished Pinocchio Book cover - 2002 <img src="http://payload.cargocollective.com/1/0/24517/599555/war_casualties.jpg" width="299" height="432" width_o="299" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/war_casualties_o.jpg" data-mid="2768064" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/599555/war_casualties2.jpg" width="300" height="432" width_o="300" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/war_casualties2_o.jpg" data-mid="2768066" border="0" align="left"/> Posters illustrating the Casualties of War. Reaction toward The declaration of war on Iraq - 2002 <img src="http://payload.cargocollective.com/1/0/24517/599555/File0001.jpg" width="449" height="288" width_o="449" height_o="288" src_o="http://payload.cargocollective.com/1/0/24517/599555/File0001_o.jpg" data-mid="2768048" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/599555/minotor.jpg" width="307" height="432" width_o="307" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/minotor_o.jpg" data-mid="2768051" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/599555/space.jpg" width="347" height="432" width_o="347" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/space_o.jpg" data-mid="2768061" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24517/599555/wolf.jpg" width="314" height="432" width_o="314" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/wolf_o.jpg" data-mid="2768068" border="0" align="left"/> Self promotion Black and white drawings - 2002 <img src="http://payload.cargocollective.com/1/0/24517/599555/comp_year.jpg" width="262" height="432" width_o="262" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/comp_year_o.jpg" data-mid="2768038" border="0" align="left"/> Poster design for year end screening film festival. Co-creator with Jean Francois Beaudette and Julie Sigouing. - 2002 <img src="http://payload.cargocollective.com/1/0/24517/599555/airport_delayed4.jpg" width="289" height="432" width_o="289" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/airport_delayed4_o.jpg" data-mid="2768034" border="0" align="left"/> Commemorative post card for 911 - 2001 <img src="http://payload.cargocollective.com/1/0/24517/599555/dog2.jpg" width="288" height="433" width_o="288" height_o="433" src_o="http://payload.cargocollective.com/1/0/24517/599555/dog2_o.jpg" data-mid="2768044" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/24517/599555/dog3.jpg" width="173" height="288" width_o="173" height_o="288" src_o="http://payload.cargocollective.com/1/0/24517/599555/dog3_o.jpg" data-mid="2768045" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/24517/599555/dog4.jpg" width="396" height="288" width_o="396" height_o="288" src_o="http://payload.cargocollective.com/1/0/24517/599555/dog4_o.jpg" data-mid="2768047" border="0" align="left"/> concept illustrations for flash info animation on a special dog collar - 2001 <img src="http://payload.cargocollective.com/1/0/24517/599555/vacation.jpg" width="287" height="216" width_o="287" height_o="216" src_o="http://payload.cargocollective.com/1/0/24517/599555/vacation_o.jpg" data-mid="2768063" border="0" align="left"/> Self promo Post card for summer vacation - 2000 <img src="http://payload.cargocollective.com/1/0/24517/599555/cube.jpg" width="305" height="432" width_o="305" height_o="432" src_o="http://payload.cargocollective.com/1/0/24517/599555/cube_o.jpg" data-mid="2768041" border="0" align="left"/> Unused editorial for office work article - 2000 index