http://www.temple16.com temple16 Fri, 02 Mar 2012 06:18:50 +0000 http://www.temple16.com en http://www.temple16.com/SMASH http://www.temple16.com/following/temple16.com/SMASH Fri, 02 Mar 2012 06:18:50 +0000 temple16 2920493 Motion graphics elements for SMASH, a racket sport magazine/highlights show launched on ESPN STAR SPORTS in February 2012. 3d by Jean Liew. Concept and Motion Design by Mark Garratt. Library music from http://www.bigbangfuzz.com The show uses the textures and colours from the courts of the four main racket sports... this is carried through to the in show broadcast graphics that vary depending on the content. <img src="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG08_800.png" width="800" height="450" width_o="800" height_o="450" src_o="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG08_o.png" data-mid="14858856" border="0" align="left"/><img src="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG01_800.jpg" width="800" height="450" width_o="800" height_o="450" src_o="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG01_o.jpg" data-mid="14858868" border="0" align="left"/><img src="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG02_800.jpg" width="800" height="450" width_o="800" height_o="450" src_o="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG02_o.jpg" data-mid="14858870" border="0" align="left"/><img src="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG03_800.jpg" width="800" height="450" width_o="800" height_o="450" src_o="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG03_o.jpg" data-mid="14858871" border="0" align="left"/><img src="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG04_800.jpg" width="800" height="450" width_o="800" height_o="450" src_o="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG04_o.jpg" data-mid="14858872" border="0" align="left"/><img src="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG05_800.jpg" width="800" height="450" width_o="800" height_o="450" src_o="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG05_o.jpg" data-mid="14858873" border="0" align="left"/><img src="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG06_800.jpg" width="800" height="450" width_o="800" height_o="450" src_o="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG06_o.jpg" data-mid="14858875" border="0" align="left"/><img src="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG-7_800.png" width="800" height="450" width_o="800" height_o="450" src_o="http://payload31.cargocollective.com/1/0/21413/2920493/SMASH-CG-7_o.png" data-mid="14858884" border="0" align="left"/> http://www.temple16.com/Goals-2011 http://www.temple16.com/following/temple16.com/Goals-2011 Fri, 12 Aug 2011 03:08:39 +0000 temple16 1852094 Opening titles for GOALS on ESPN STAR SPORTS. GOALS from Mark Garratt on Vimeo. Logo, design, compositing and audio mix by Mark Garratt. Music: ELECTROMATIC by P. Boyes & O. Silk. Library: WOM141, Big, Bang & Fuzz http://www.temple16.com/ICC-Cricket-World-Cup-2011 http://www.temple16.com/following/temple16.com/ICC-Cricket-World-Cup-2011 Tue, 03 May 2011 16:06:38 +0000 temple16 1390992 Opening titles for the 2011 Cricket World Cup as realised by the Creative Services team at ESPN STAR Sports. ICC Cricket World Cup 2011 from ESS Creative Services on Vimeo. Creative Director - Mark Garratt Lead Designer - Michelle Piong 3d - Spencer Yap & Alex Teh Rotoscoping - Brandon Seik & Alex Tan Based on an original motion graphics design by Witekite Pty Ltd based in Sydney, Austraila. Music from bigbangfuzz.com libraries. http://www.temple16.com/ESS-Creative-Services-2011-Showreel http://www.temple16.com/following/temple16.com/ESS-Creative-Services-2011-Showreel Tue, 03 May 2011 12:55:23 +0000 temple16 1390188 The 2011 reel showcasing the work produced by the team of designers, editors and broadcast graphics people that I head at ESPN STAR SPORTS Singapore. ESS Creative Services Showreel 2011 from ESS Creative Services on Vimeo. Commissioned post production houses credited where appropriate. http://www.temple16.com/Glitch-Pitch http://www.temple16.com/following/temple16.com/Glitch-Pitch Tue, 03 May 2011 12:16:53 +0000 temple16 1390117 A mock up for Alienware demonstrating the brand logo presenting the links for Glitch, a gaming show. Alienware Pitch from Mark Garratt on Vimeo. http://www.temple16.com/XGames-Asia-2011 http://www.temple16.com/following/temple16.com/XGames-Asia-2011 Tue, 03 May 2011 09:39:31 +0000 temple16 1389674 A quick opening logo animation for the 2011 Asia XGames in Shanghai. XGames Asia 2011 from Mark Garratt on Vimeo. http://www.temple16.com/Miscellaneous-Experiments http://www.temple16.com/following/temple16.com/Miscellaneous-Experiments Tue, 13 Jul 2010 07:12:13 +0000 temple16 406493 A miscellaneous collection of bits and pieces I'm working on or experimenting with. <img src="http://payload.cargocollective.com/1/0/21413/406493/WimbledonGreats_Becker.jpg" width="668" height="500" width_o="668" height_o="500" src_o="http://payload.cargocollective.com/1/0/21413/406493/WimbledonGreats_Becker_o.jpg" data-mid="7066624" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/406493/BPL_PlayerSeason.jpg" width="668" height="500" width_o="668" height_o="500" src_o="http://payload.cargocollective.com/1/0/21413/406493/BPL_PlayerSeason_o.jpg" data-mid="6761922" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/406493/Cargo_Dicked.jpg" width="668" height="500" width_o="668" height_o="500" src_o="http://payload.cargocollective.com/1/0/21413/406493/Cargo_Dicked_o.jpg" data-mid="1809359" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/406493/Cargo_Sharpe.jpg" width="668" height="500" width_o="668" height_o="500" src_o="http://payload.cargocollective.com/1/0/21413/406493/Cargo_Sharpe_o.jpg" data-mid="1809716" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/406493/Cargo_Inset.jpg" width="670" height="500" width_o="670" height_o="500" src_o="http://payload.cargocollective.com/1/0/21413/406493/Cargo_Inset_o.jpg" data-mid="1800027" border="0" align="left"/> Last updated May 2011 http://www.temple16.com/ICC-World-T20-West-Indies http://www.temple16.com/following/temple16.com/ICC-World-T20-West-Indies Mon, 01 Mar 2010 11:05:43 +0000 temple16 289195 Opening titles for the ICC World Twenty20 event starting at the end of April in the West Indies. ICC World Twenty20 2010 from Mark Garratt on Vimeo. The slides show the original concept frames... the final video above differs slightly with more vibrancy and liberal use of the colour palette. <img src="http://payload.cargocollective.com/1/0/21413/289195/t20_TitleStill01.jpg" width="670" height="377" width_o="670" height_o="377" src_o="http://payload.cargocollective.com/1/0/21413/289195/t20_TitleStill01_o.jpg" data-mid="1247984" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/289195/t20_TitleStill02.jpg" width="670" height="377" width_o="670" height_o="377" src_o="http://payload.cargocollective.com/1/0/21413/289195/t20_TitleStill02_o.jpg" data-mid="1247985" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/289195/t20_TitleStill04.jpg" width="670" height="377" width_o="670" height_o="377" src_o="http://payload.cargocollective.com/1/0/21413/289195/t20_TitleStill04_o.jpg" data-mid="1247982" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/289195/t20_TitleStill03.jpg" width="670" height="377" width_o="670" height_o="377" src_o="http://payload.cargocollective.com/1/0/21413/289195/t20_TitleStill03_o.jpg" data-mid="1247986" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/289195/t20_TitleFrame.jpg" width="670" height="377" width_o="670" height_o="377" src_o="http://payload.cargocollective.com/1/0/21413/289195/t20_TitleFrame_o.jpg" data-mid="1247983" border="0" align="left"/> Design and compositing by temple16. Rotoscoping support by ESS Creative Services (Alex Tan & Junia Choo). 3d elements by Alex Teh. Concept originally based on the event design style developed by HKLM Playmakers. http://www.temple16.com/OCBC-Cycle-Singapore http://www.temple16.com/following/temple16.com/OCBC-Cycle-Singapore Mon, 01 Mar 2010 10:45:44 +0000 temple16 289188 A call to action promo for the OCBC Cycle Singapore event. The spot utilised elements from the official website, iconic buildings from the Singapore skyline and archive footage coloured to fit the event style. OCBC Cycle Singapore Promo from Mark Garratt on Vimeo. Design and compositing by temple16. http://www.temple16.com/ICC-Event-Graphics http://www.temple16.com/following/temple16.com/ICC-Event-Graphics Tue, 09 Feb 2010 10:08:28 +0000 temple16 260376 Examples of match graphics for the International Cricket Council (ICC) events. <img src="http://payload.cargocollective.com/1/0/21413/260376/MatchLocator.jpg" width="670" height="394" width_o="670" height_o="394" src_o="http://payload.cargocollective.com/1/0/21413/260376/MatchLocator_o.jpg" data-mid="1120671" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/260376/3LineLower3rd02.jpg" width="670" height="394" width_o="670" height_o="394" src_o="http://payload.cargocollective.com/1/0/21413/260376/3LineLower3rd02_o.jpg" data-mid="1120668" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/260376/3LineLower3rd.jpg" width="670" height="394" width_o="670" height_o="394" src_o="http://payload.cargocollective.com/1/0/21413/260376/3LineLower3rd_o.jpg" data-mid="1120669" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/260376/SixCounter.jpg" width="670" height="394" width_o="670" height_o="394" src_o="http://payload.cargocollective.com/1/0/21413/260376/SixCounter_o.jpg" data-mid="1120673" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/260376/BattingCard.jpg" width="670" height="394" width_o="670" height_o="394" src_o="http://payload.cargocollective.com/1/0/21413/260376/BattingCard_o.jpg" data-mid="1120670" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/260376/SuperOver.jpg" width="670" height="394" width_o="670" height_o="394" src_o="http://payload.cargocollective.com/1/0/21413/260376/SuperOver_o.jpg" data-mid="1120674" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/260376/TickerBowlingCard.jpg" width="670" height="394" width_o="670" height_o="394" src_o="http://payload.cargocollective.com/1/0/21413/260376/TickerBowlingCard_o.jpg" data-mid="1120666" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/260376/Partnerships.jpg" width="670" height="394" width_o="670" height_o="394" src_o="http://payload.cargocollective.com/1/0/21413/260376/Partnerships_o.jpg" data-mid="1120672" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/21413/260376/2LineLower3rd.jpg" width="670" height="394" width_o="670" height_o="394" src_o="http://payload.cargocollective.com/1/0/21413/260376/2LineLower3rd_o.jpg" data-mid="1120667" border="0" align="left"/> In 2007 ESPN STAR Sports attained the global rights for the ICC events. Part of the commitment for this was to design and implement a match scoring system for the on air presentation. I initially designed the style for the graphics and created key templates such as fullframes, tickers, 2 line lower 3rds etc in Photoshop, before Alston Elliot adapted my designs for VIZrt generating multiple iterations to cover the various facets of live cricket. For the ICC events ESS also consults with director, designer and live sports broadcasting encyclopedia Simon Normington. He provided gainful insights into live match graphics, what other sportscasters were doing for their cricket graphics and what to avoid in development of the ICC style. The resulting graphics were clean, sophisticated and generally regarded a success and have remained so over the 3+ years of use on the ICC world feeds.