<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>SilkTrickySilkTricky | SilkTricky</title>
	<atom:link href="http://silktricky.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://silktricky.com</link>
	<description>A Cloud Based HTML5 Compatible Digital Interactive Agency of Change Agents</description>
	<lastBuildDate>Wed, 07 Mar 2012 07:47:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>HTML5 In Way More Than 5 Paragraphs</title>
		<link>http://silktricky.com/blog/html5/</link>
		<comments>http://silktricky.com/blog/html5/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 21:59:40 +0000</pubDate>
		<dc:creator>Noah Costello</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Project Launch]]></category>

		<guid isPermaLink="false">http://silktricky.com/blog/html5/</guid>
		<description><![CDATA[HTML5 is hot.  The echo chamber is loud and everywhere you turn blogs, twitter, magazines, corporations, are heralding it as the silver-bullet for everything—and more. It's magical.

But what is the current reality of HTML5 for Advertising Agencies and their Digital Production partners? And what does it mean for those concepting and developing real client campaigns with real business goals?]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-892" title="st_blog" src="http://silktricky.com/wp-content/uploads/2012/02/html5_blog.jpg" alt="" width="610" height="343" /></p>
<p>I had not planned on adding any further commentary to the HTML5 and future of Flash discussion.  Truthfully, HTML5 is a bit of a freight train right now.  The technical details don&#8217;t really matter, it has so much buzz and momentum that to stand in front of it and try to influence its path is a fool&#8217;s errand.  It will take a little time for it to run its course and for everyone figure out where it fits within the world of advertising and digital campaign concepting and development.</p>
<p>Then last week a colleague and executive producer at a large agency contacted me and asked if I could share my thoughts. She indicated there was a lot of confusion and misinformation in and among the ranks in the advertising world and she was asking a few of her trusted production partners to share their perspective.  I agreed and set out to write a few paragraphs.  The more I wrote, the more there was to say and it turned out to be quite lengthy. It&#8217;s a complicated issue often without clear cut answers.  My notes to her are shared below:</p>
<h2>HTML5 Now</h2>
<p>HTML5 is hot.  The echo chamber is loud and everywhere you turn blogs, twitter, magazines, corporations, are heralding it as the silver-bullet for everything—and more. It&#8217;s magical.</p>
<p>But what is the current reality of HTML5 for Advertising Agencies and their Digital Production partners? And what does it mean for those concepting and developing real client campaigns with real business goals?</p>
<h3>Flash: Anything Is Possible</h3>
<p>It is difficult to have this discussion without first looking at Flash and where it has fit into the picture for the past decade. After all, this is what HTML5 is slated to replace:</p>
<h4 style="padding-left: 30px;">At Agencies</h4>
<p style="padding-left: 30px;"><strong></strong>For the agency teams working on a digital concept for the next big campaign, targeting Flash as the development platform meant they could focus on the concept and creative rather than the technology.  Once Flash had matured there was a solid track record of prior art showing that just about anything they could come up with was possible and could be built by the right production partner. And if there wasn&#8217;t a clear way, the best developers would come up with one.  Papervision 3D was a great example of that. Flash did not have 3D capabilities built in, but the top developers in the community made it happen. And when they did, 3D in Flash was now possible in every browser on every operating system, immediately.</p>
<p style="padding-left: 30px;">It was a great ecosystem for those involved.  Creatives could come up with big ideas and feel confident they were possible, without having to worry too much about the technology.  Developers were pushed to do some amazing work and often did amazing work on their own, which lead creatives to great new ideas.  One developer invents PaperVision 3D, another one figures out Augmented Reality Markers and next thing you know we have a live Big Foot interacting with you live on your webcam (<a href="http://www.livingsasquatch.com/" target="_blank">www.livingsasquatch.com</a>).</p>
<p style="padding-left: 30px;">And for their part, Adobe actually innovated at a fairly rapid pace. Frequently releasing new versions of the Flash player with desirable features that could be put into practice within around eight to twelve months time; as player penetration passed 95% for the latest version, guaranteeing nearly your entire audience would get a single, consistent experience. Something your clients expect no matter what the technology.</p>
<h4 style="padding-left: 30px;">At Digital Production Shops</h4>
<p style="padding-left: 30px;"><strong></strong>With any new project brief there are several things we want to look at to decide if it is a project we&#8217;d want to persue.  The core of which are: how will we do it, how much time will it take, and how do those two items compare to the available budget and timeline?  Budgets will vary, but timelines are consistently not long enough!  Flash gave us the luxury of predicability.  We could predictably estimate the time a project would take and the development techniques used to achieve the end result were generally clear.  Rather than targeting and customizing a launch for a slew of unpredictable browsers, we are only targeting one platform: the Flash runtime, which will run with 99% consistency across all browsers.</p>
<p style="padding-left: 30px;">And we knew that rarely would someone come to us with a crazy cool idea that wouldn&#8217;t be possible. Whether it involved 3D, user generated content, webcams, sound, microphones, interactive video, Facebook integration, or whatever other wild campaign ideas our partners or us dreamt up. It was rare that we felt limited by technology when targeting the Flash platform.</p>
<h3>HTML5: Mission Impossible</h3>
<p>Mobile has been the true driver of HTML5 on the desktop and elsewhere.  Without the success of the mobile platform, pioneered by Apple, then followed by Steve Jobs infamous words against Flash, the methodology of how sites should be built for the desktop would not have changed from three years ago. But even prior to mobile&#8217;s success, there have always been sites with requirements making them best suited for HTML.  They are easy to identify and usually are heavy on content, light on interactivity, animation, sound, and video.  Because these are generally simple sites, browser incompatibility tends to require minor work arounds and has limited impact on time and budget. On the Flip side, for any site intended to be highly interactive, Flash was always the clear choice. Allowing you to develop freely, forgetting about the browser.  But now mobile is big and must be considered with most projects.  Flash is not an option on mobile browsers and it never will be.</p>
<p>So here we are today where a belief has been manifested that HTML5 can do everything that Flash can do and it works the same across desktop and mobile. So Flash is dead.  An article on a popular blog was recently linked to in my twitter feed, it proposed a list of &#8220;7 Killer Flash sites that should be remade with HTML5 and CSS3.&#8221; (<a href="http://tnw.co/wJfrjm" target="_blank">http://tnw.co/wJfrjm</a>)</p>
<p>Unfortunately this isn&#8217;t a reality and articles such as this continue to spread a fallacy of HTML5 being the new answer for everything. It remains far more complex of an issue and HTML5 cannot do everything Flash can.  In reality trying to create these sites in HTML5 is more like &#8220;Mission Impossible&#8221; and most of them would need to be re-concepted from the ground up; with creative and user experience design that was tailored to HTML5&#8242;s capabilities.  Could the Tom Cruise of HTML5 Development (<a href="http://en.wikipedia.org/wiki/Document_Object_Model" target="_blank">Dom</a> Cruise) pull it off? Maybe in a few cases, but what would be the cost and what percentage of the target audience will be able to view the site?  I know that with Flash sites, most clients were unwilling to allow a site published in the latest version of the Flash player until it reaches higher that 95% penetration.  Will a WebGL site that 50% of your visitors can use really be acceptable?  And we&#8217;ll often get briefs for Flash projects that have as little as a two or three week development timeline. Good luck with that in HTML5.</p>
<p style="padding-left: 30px;">As a side note, it&#8217;s interesting to point out that the article was linked to in a <a href="https://twitter.com/#!/davidbliss/status/155005619181600768" target="_blank">tweet</a> by the Co-Founder and Technical Director of Odopod saying: <em> &#8221;Could these be rebuilt without losing the magic? &#8220;7 Killer Flash sites that should be remade with HTML5 and CSS3.&#8221;</em>  He followed up in the article comments saying <em>&#8220;It is hard to believe that these sites could be rebuilt in HTML/CSS/JS without either losing some of their magic or costing a fortune to implement and maintain. For building an experience as immersive as Jim Carrey&#8217;s site, Flash remains my choice. For mobile, and other non-flash devices, I would recommend an alternative presentation of the content that is less immersive.&#8221;</em></p>
<p>Odopod is a company known for applying the right technology for the job, they have done stellar work in both Flash and HTML. Browsing their portfolio you&#8217;ll notice a good deal of HTML sites and much of their work these days seems to lean towards HTML/Mobile. So I would value this as an authoritative and objective opinion on the matter.</p>
<h3> Two out of three ain&#8217;t bad</h3>
<p>Ironically, most of the cutting edge, Flash-like HTML5 sites you see these days don&#8217;t work on tablets or smart phones either.  They either use HTML5 features that aren&#8217;t available in mobile browsers (WebGL), offer poor performance (Canvas),  or the layout and user experience design does not work properly.  This is perplexing since the primary argument for dropping flash is compatibility on Mobile.  So lets take a quick look at two HTML5 sites in practice:</p>
<h4 style="padding-left: 30px;">Adidas F50</h4>
<p style="padding-left: 30px;"><strong></strong><a href="http://www.adidas.com/football/se/pages/f50" target="_blank">http://www.adidas.com/football/se/pages/f50<br />
</a>This site has received a decent bit of buzz.  It is built using WebGL, a promising feature of HTML5 that allows you to do full hardware accelerated 3D.  The site is nicely done, though not an overwhelmingly impressive experience to the end user who doesn&#8217;t care about the technologies used. Since the site relies on WebGL, somewhere in the neighborhood of 50% of visitors will be able to see it as intended (WebGL availability:  <a href="http://caniuse.com/#feat=webgl" target="_blank">http://caniuse.com/#feat=webgl</a>).   Surprisingly when we visited the site from a non WebGL enabled browser we noticed the developers actually created a second version of the site in Flash. Both the Flash site and WebGL site were 95% identical.  This means someone had to eat the costs of building two sites with about 10% code re-use between them, purely for the sake of using HTML5, but with no actual benefit to the user.  When you visit the site from an iPad or iPhone all you get is a splash page saying you need Flash or Google Chrome.  I simply cannot understand the logic in this strategy for anyone with business goals and limited time and budget.</p>
<h4 style="padding-left: 30px;">Sobe</h4>
<p style="padding-left: 30px;"><strong></strong> <a href="http://www.sobe.com/" target="_blank">www.sobe.com<br />
</a>Sobe recently relaunched their site, it features a nice design and user experience. The user interface is unique, well thought out, and usable for desktop visitors.  Animations are fairly simple: fades, animated layers, sliding panels, etc. The main use of HTML5 tags seems to be for the video player which does not rely on Flash, but rather a custom skinned HTML5 player.  On the iPad the site functioned well and the interface held up to provide a nice user experience. Animations did degrade a bit and more choppiness was experienced than on the desktop.  On the iPhone the site becomes nearly unusable as the UI was simply not designed for such a small screen and functions erratically while mixing up swipe gestures with scrolling.  Overall it is a great site that in the past would likely have been done using Flash, but is simple enough that is can now be done in HTML5. However it is complex enough that development time will go up due to browser debugging and work arounds.</p>
<p>A site like Sobe is a good candidate for HTML5 Now.  The creative requirements are limited enough in scope that there are no red flags. You kill two birds with one stone with it functioning on desktop and tablets, but it did break down on smart phones. Showing that even with a simpler site such as this, HTML5 was not the sole answer and a second smart phone site needs to be developed.  Beyond sites with basic animation and interactivity, it becomes far more difficult to make any logical argument for HTML5 now.  The Adidas site may have been funded as experimental or possibly the developer was willing to eat the costs for the sake of using WebGL, but under normal circumstances pushing a strategy like this for a campaign site under a tight deadline and budget is asking for trouble. Wouldn&#8217;t it have been smarter to create a Flash site on the desktop reaching 98% of all desktop visitors, then put the remaining effort into a mobile specific site? They ended up with a site that only worked for desktop visitors even though it was targeting HTML5, thus only capturing one of the three current core audience platforms.</p>
<p>The technology aside, there are other fundamental problems with trying to make one site fit all. Screen resolutions are all over the place. Can you really expect to design something for a  22&#8243; desktop screen that will look good on a 10&#8243; tablet (iPad), a 7&#8243; tablet (Kindle fire) and 3.5&#8243; screen (average smartphone)? You also may not want the same amount of content on your mobile site, as lots of people like to find necessary information quickly and prefer more immersive experiences on a large screen when they&#8217;re sitting comfortably. Finally, you have the point-and-click world versus the touch-and-slide; this will affect everything from the size of a button (you&#8217;d make it larger for a finger than for a mouse cursor) to the user experience (sliding through a photo gallery on an iPad is a lot easier than clicking and sliding images with your mouse on a desktop site).</p>
<p>The best-case scenario would be to have the time and budget to create a specific site for each target. The best smartphone sites out there were designed specifically for the small form factor. That can be said about the best tablet sites (and apps), as well as the best desktop sites. This is rarely a realistic option for client budgets, though. We believe that right now when budget is a factor (and it almost always is), your best bet is to create two versions of a site. Target two platforms/devices with one version. Example: Make a HTML5 site that looks great on your desktop and works well on your iPad, then make a specific smartphone only site. Or, make a basic HTML site that works fine on tablets and smartphones, then make a specific desktop-only site that breaks the mould and delivers a unique experience. And in this case, why not use Flash?</p>
<h3>Looking Forward</h3>
<p>We&#8217;ve noticed an interesting phenomenon as a side effect of the HTML5 buzz explosion.  Industry folk and the developer community seem to be expecting and accepting less from HTML5 sites than their Flash brethren.  Essentially, it takes far less robust of an end user experience for an HTML5 site to receive critical acclaim that with a Flash site; a sort of &#8220;HTML5 Affirmative Action.&#8221; You can see this in examples such as this: We have two &#8220;Graphic Novel&#8221; themed sites. The first an <a href="http://thefwa.com/site/soul-reaper-html5-scroll-book" target="_blank">FWA award</a> winning HTML5 site on January 30th, 2012 (<a href="http://www.soul-reaper.com/" target="_blank">http://www.soul-reaper.com/</a>). The site features lovely illustration and a single auto scrolling page with some simple animations; continuing the &#8220;Single Scrolling Page&#8221; theme we are becoming accustomed to seeing day in and day out. To the non-techy end user, this is a nice looking site, but it doesn&#8217;t offer much in the way of an experience. Now compare that with our second &#8220;Graphic Novel&#8221; themed Flash site from 2009: <a href="http://demo.northkingdom.com/adidas/teamgeist/" target="_blank">Team Geist</a>. Also an <a href="http://www.thefwa.com/site/adidas-teamgeist" target="_blank">FWA award</a> winning site, it features a uniquely concepted game that combines Live Action Cinema, 3D, Visual Effects, Game Strategy, Social Integration, all in a tightly woven package built in Flash. It required a large production and development team across multiple disciplines; as seen in the Behind the Scenes features here: <a href="http://www.northkingdom.com/case-studies/adidas-teamgeist/" target="_blank">http://www.northkingdom.com/case-studies/adidas-teamgeist/</a>.</p>
<p>Truth be told, this has actually created a solid advantage for using HTML5 as a means of generating buzz in the developer communities. It takes far less of a commitment of time, resources, and innovative thinking to create a site deemed buzz and award worthy (though a chunk of time will now need to be devoted to debugging and browser compatibility solves).  This, however, assumes your target audience are those in the community around you, who care mostly about the trends and the nitty gritty tech of how a site was built. If that is not your target audience, then you may not be meeting your client&#8217;s goals of reaching a larger non tech savvy audience. How long this phenomenon will last is still uncertain.  If the innovation hits a ceiling due to technical limitations or continued browser limitations, we could see a shift back before the next 100 parallax scrolling single page HTML5 sites hit the web.</p>
<p>.NET magazine recently released an article about the &#8220;<a href="http://www.netmagazine.com/features/15-top-web-design-and-development-trends-2012" target="_blank">15 top web design development trends for 2012</a>&#8221; in which seasoned designer Tom Muller predicts Flash will surely survive, certainly in the near-term. He explains that during 2011, he was involved in three major projects that relied on Flash, simply because it remains the best tool for interactive video, animation and 3d online. He added, “Web designers and developers sometimes lose sight of what works and is demanded by a larger audience, due to preferring what’s considered ‘cool’ in their bubble,” and that “More big brands will shift from Flash, testing the water with HTML5 and CSS3 for focussed campaigns. But for entertainment sites, Flash is – and will remain – the predominant tool of choice to create engaging experiences.</p>
<p>One certainty in HTML5&#8242;s future is that the pace of innovation will be slower than anyone would like.  Instead of a situation where we rely on one company to innovate and release new features (in the way that Adobe does with Flash or Apple does with iOS), we are relying on a standards board to decide on features and then four browser manufactures to implement then. Furthermore, once the browser manufacturers implement them, users of each browser need to get the latest upgrade. And finally, with each browser comes a new set of bugs that developers need to create work arounds for.  For an inside look at how convoluted the web standards process can be, have a look at the following excerpt from the book &#8220;<a href="http://dl.dropbox.com/u/8852047/html5_exerpt.pdf" target="_blank">HTML5 For Web Designers &#8211; by Jeremy Keith.</a>&#8221;  The excerpt is from the opening of the book and details how HTML5 came to exist, it describes all the infighting going on behind the scenes. It is a true nerd war, including the big decision on whether it should be &#8220;HTML5&#8243; or &#8220;HTML 5&#8243; with a space.  Critical stuff.</p>
<p>For developers we have sites like <a href="http://html5please.us/" target="_blank">http://html5please.us/</a> which tell us the features of HTML5 we can safely use and those that are broken or don&#8217;t work in specific browsers and need fallbacks. While this site may be seen as a handy resource for developers, the fact that it exists at all should be a warning to anyone seeking to have a cutting edge HTML5 site developed. To look at this from another perspective:  Can you imagine if you wanted to build an iPhone application and as you dug in and referred to Apple&#8217;s documentation for various functions, you discovered that 80% of them didn&#8217;t work property and had to use work arounds, or did not work at all? That would be completely unacceptable. The reality is that closed development platforms such as iOS or Flash provide developers with an enjoyable and predictable experience.  If a bug arises with a feature of the platform, you only have to find a work around for one platform, not several browsers on two different operating systems.  Furthermore Apple or Adobe fix these bugs quickly in next release of their runtimes.  In HTML5 you rely on multiple browser manufacturers to fix bugs or broken features and often this can take years. There are cases where Microsoft took as many as 10 years to fix a small issue. The development community eventually comes up with work arounds as you can see on html5please site, but what happens in the middle of a project when you discover a bug across multiple browsers that hasn&#8217;t been uncovered and solved by the development community?  Is everyone prepared to add weeks to a project timeline to accommodate such scenarios?</p>
<p>The HTML5 video tag is another good example of these headaches.  I&#8217;m going to single this out since so many of the award winning Flash sites of the past 5+ years have relied on video for the overall experience (Live Action and/or rendered video animations). And simply playing video in a self contained player is unarguably one of the core requirements of web sites, yet it is still extremely convoluted and time consuming to implement in HTML5.  Previously in Flash you simply rendered out one video file and loaded it in to play in your Flash video player.  It was guaranteed to work for 98% of desktop users.  Today with Mobile and HTML5 in the mix it is no longer so streamlined. Developer &amp; author Robert Reinhardt recently wrote a blog post titled <a href="http://transitioning.to/2012/01/the-world-of-pain-that-is-html5-video/" target="_blank">&#8220;The World of Pain that is HTML5 Video&#8221; </a> in which he discussed the issues with HTML5 video. At the core of it is the fact that the various browser vendors are pushing different encoding formats and there is no single format compatible with the current popular browsers; meaning you have to encode three different videos for desktop and then also mobile versions.  On a recent project we had roughly 30 different video animations in queue at any given time.  Having to encode three different versions of each, every time a creative revision came in, would have blown up our pipeline and caused us to miss deadlines.  You can just skim his blog post to get the idea of how complicated this issue is and in the end his conclusion is that currently the best strategy is Flash video on the desktop with fallback to HTML5, allowing you to encode in one format.  But this still relies on Flash to simplify things. If your site experience relies on using interactive or alpha channel video (pretty much anything other than playing video in a standard player), forget HTML5.  I personally know how complicated programming Flash video interactivity for a site like our <a href="http://www.bankrun.com/" target="_blank">www.bankrungame.com</a>  can be and trying to do something like this in HTML5 will be 10 times more difficult; if not impossible in its current state.</p>
<h4>Closing Thoughts</h4>
<p>What we&#8217;ve tried to do is give a realistic look at what it will mean to target HTML5 for upcoming campaigns.  Based on the current buzz around it people may not have a clear idea of the challenges involved with working around its limitations.  You want to make sure you chose the right tool for the job. HTML5 is here to stay and often it will be the right tool. But if you try to force the technology on a project its not right for, it may come back to bite you.  Possibly via missed deadlines, budget overages, poor metrics due to limited compatibility, or a campaign that goes live full of bugs and a phone ringing off the hook with an upset client.</p>
<p>It may feel like overall tone of this article is negative on using HTML5.  That&#8217;s not the case, as we think it&#8217;s a great option for the majority of sites on the web. We simply aren&#8217;t excited about it as a definitive replacement for Flash.  HTML5 in its current state allows us to do less creatively with far more work, so we prefer the absolute creative freedom that platforms like Flash or iOS provide. We also don&#8217;t care about web standards.  Not to say they don&#8217;t have importance, but it is not what we are focused on. We are focused on concept, execution, and doing work that is motivating and enjoyable. Strategically we&#8217;ll continue to develop our HTML5 portfolio and use it when it makes business sense for or clients.  But we would be more excited about it if it allowed us to create end-user experiences that hadn&#8217;t already been possible at some time in the last decade.</p>
<p>Finally, here are a few logical guidelines when considering a strategy for new campaigns:</p>
<ul>
<li>Don&#8217;t decide on the technology until you figure out your audience. Is the primary target mobile or desktop? What percent of your audience is on HTML5 compatible browsers?</li>
<li>Figure out your clients goals. Are they ok with you targeting a smaller audience for the sake of industry buzz and awards? Or are they more concerned with overall reach to consumers.</li>
<li>Creatives concepting HTML5 sites need to learn more about the technology and limitations.  You can&#8217;t assume everything you would have concepted for a Flash targeted site will be possible in HTML5.  Especially if it is running on tablets and smart phones.</li>
<li>If the goal is a highly interactive site on the desktop that will reach a maximum audience, use Flash.</li>
<li>If a site uses interactive video and/or alpha channel video, use Flash and don&#8217;t expect the same type of experience to be possible on mobile.</li>
<li>If the site only requires basic animations (think animating layers of a photoshop document) and video in contained players, use HTML5.</li>
<li>Deep content/copy heavy portals, corporate sites, and blogs should be HTML. This has always been a good rule.</li>
<li>If the same site needs to work on the desktop and tablet expect less (in terms of interactivity, animation, and innovative UX).</li>
<li>If the same site needs to work on the desktop, tablet, and smart phones, expect a lot less.</li>
<li>Be careful not to expect a robust HTML5 site be built on a tight timeline. Extra time will be needed for build and more importantly QA/bug fixes. i.e. Don&#8217;t plan on approving creative two weeks before a site needs to go live.</li>
<li>Understand that not all HTML5 features are created equal. Some work on mobile, but not desktop. Some work on desktop, but not mobile.  WebGL is a good example.  Currently it is not enabled in mobile browsers and Internet Explorer on the desktop.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://silktricky.com/blog/html5/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Got Milk?</title>
		<link>http://silktricky.com/work/got-milk/</link>
		<comments>http://silktricky.com/work/got-milk/#comments</comments>
		<pubDate>Fri, 18 Nov 2011 03:23:33 +0000</pubDate>
		<dc:creator>silktricky</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Backend Programming]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Illustration]]></category>

		<guid isPermaLink="false">http://silktricky.com/work/got-milk/</guid>
		<description><![CDATA[The Skinny Do you want to read about all of the 3d modeling, texturing, and animation we did on this site? Would you like to discuss the Box2d Physics Engine we implemented or the REST API that provided data feeds populated via our custom-built Content Management System? Or, would you rather just hear it from the lips of the GotMilk cow herself? “It’s an a-moo-sing experience&#8230; udderly fantastic. It was so shockingly good, I almost tipped over. But, I looked kinda fat.” Don’t worry, girl.. the internet adds 10 pounds. View Site → Gallery]]></description>
			<content:encoded><![CDATA[<h2>The Skinny</h2>
<div class="portfolio-two-up">
<p>Do you want to read about all of the 3d modeling, texturing, and animation we did on this site? </p>
<p>Would you like to discuss the Box2d Physics Engine we implemented or the REST API that provided data feeds populated via our custom-built Content Management System?</p>
<p>Or, would you rather just hear it from the lips of the GotMilk cow herself?</p>
<p><em>“It’s an a-moo-sing experience&#8230; udderly fantastic. It was so shockingly good, I almost tipped over. But, I looked kinda fat.”</em></p>
<p>Don’t worry, girl.. the internet adds 10 pounds.</p>
<p><a href="http://gotmilk.com/" target="_blank">View Site →</a></p>
</div>
<h2>Gallery</h2>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/11/gotmilk_1.jpg" alt="" /></p>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/11/gotmilk_2.jpg" alt="" /><img class="portfolio-right" src="/wp-content/uploads/2011/11/gotmilk_3.jpg" alt="" /></p>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/11/gotmilk_4.jpg" alt="" /></p>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/11/gotmilk_5.jpg" alt="" /><img class="portfolio-right" src="/wp-content/uploads/2011/11/gotmilk_6.jpg" alt="" /></p>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/11/gotmilk_7.jpg" alt="" /></p>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/11/gotmilk_8.jpg" alt="" /><img class="portfolio-right" src="/wp-content/uploads/2011/11/gotmilk_9.jpg" alt="" /></p>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/11/gotmilk_10.jpg" alt="" /></p>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/11/gotmilk_11.jpg" alt="" /><img class="portfolio-right" src="/wp-content/uploads/2011/11/gotmilk_12.jpg" alt="" /></p>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/11/gotmilk_13.jpg" alt="" /></p>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/11/gotmilk_14.jpg" alt="" /><img class="portfolio-right" src="/wp-content/uploads/2011/11/gotmilk_15.jpg" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://silktricky.com/work/got-milk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>After Effects + CINEMA4D + Race Cars = Awesome</title>
		<link>http://silktricky.com/blog/cinema4d-after-effects-race-cars-awesome/</link>
		<comments>http://silktricky.com/blog/cinema4d-after-effects-race-cars-awesome/#comments</comments>
		<pubDate>Thu, 11 Aug 2011 00:59:26 +0000</pubDate>
		<dc:creator>Chris Lund</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://silktricky.com/blog/cinema4d-after-effects-race-cars-awesome/</guid>
		<description><![CDATA[We just wrapped some really cool rich media banners with our friends at Goodby, Silverstein &#038; Partners and thought we would have a look behind-the-scenes. In a world where banners get about as much respect as Rodney Dangerfield, we figured we'd shine a little light on how much work can go into them at times...]]></description>
			<content:encoded><![CDATA[<p>We just wrapped some <a href="/work/sprint-summer-showdown/">really cool rich media banners</a> with our friends at <strong>Goodby, Silverstein &amp; Partners</strong> and thought we would have a look behind-the-scenes. In a world where banners get about as much respect as Rodney Dangerfield, we figured we&#8217;d shine a little light on how much work can go into them at times.</p>
<p>The concept is pretty straightforward: Four cars line up to start a race. You, the user, are prompted to pick the winner. Whichever car is picked will ultimately win and you&#8217;re invited to compete in Sprint&#8217;s Summer Showdown for a chance to win some money… But what takes place between picking your car and crossing the finish line is a fun-filled 3d adventure.</p>
<p>We started by modeling and texturing the four cars:</p>
<p><img src="http://silktricky.com/wp-content/uploads/2011/08/summershowdown_blog_1.jpg" alt="" width="610" height="334" /></p>
<p>Next, we got the cars ready for animation and Cinema 4d has a few tricks that really helped speed this up. Knowing the cars would be driving around the track, animating 4 tires on each car was going to be annoying. Using a simple Xpresso tag, we linked all of the tires&#8217; rotations to one null object. This let us just animate the &#8220;spinner&#8221; and all of the tires would rotate at the same time. We also linked just the FRONT two tires to a separate null. That one controlled the tires turning left or right. So, animating 2 properties controlled the rate at which all of our tires turned and the direction the car was steering.</p>
<p><img src="http://silktricky.com/wp-content/uploads/2011/08/summershowdown_blog_2.jpg" alt="" width="610" height="83" /></p>
<p>On just the body part of the car, we added a Vibrate Tag. This helpful little tool adds random motion to a variety of properties. We just added it to the body&#8217;s side to side rotation. As the car drove, this gave the body a subtle wobble that added realism to the animation.</p>
<p><img src="http://silktricky.com/wp-content/uploads/2011/08/summershowdown_blog_3.jpg" alt="" width="610" height="79" /></p>
<p>Next, we placed our cars in our 3d environment and got their overall motion down. Once we have them traveling around the track at the proper pace <em>(using good ole&#8217; fashioned keyframing) </em>we go back and refine the animation by adding in some of the aforementioned wobbles and imperfections.</p>
<p><img src="http://silktricky.com/wp-content/uploads/2011/08/summershowdown_blog_4.jpg" alt="" width="610" height="172" /></p>
<p>The fun part came in setting up the camera moves. We wanted to use a variety of camera moves and angles to make this 15 second animation feel as energetic as possible. Using the Software Preview render mode, we were able to render out preview animations VERY fast. We could get something in front of our client quickly, before spending hours getting everything just right.</p>
<p>Here&#8217;s the last motion test before we went into final renders:<a href=" http://www.silktricky.com/clients/goodby/sprint/showdown/showdown_motion_test.mov" target="_blank"> http://www.silktricky.com/clients/goodby/sprint/showdown/showdown_motion_test.mov</a></p>
<p>Ready to move into final rendering, we refine the scene&#8217;s lighting, getting shadows correct and the car&#8217;s materials. There were many test renders of still frames to make sure things were feeling good.</p>
<p>After the final render, we move into After Effects for some compositing fun. Some overall color correction, motion blur, video copilot&#8217;s optical flares<em> (which also makes some cool camera flashes in the background), and some smoke elements are all used to finish off the piece.)</em></p>
<p><strong>BEFORE:</strong><br />
<img src="http://silktricky.com/wp-content/uploads/2011/08/summershowdown_blog_5.jpg" alt="" width="640" height="172" /></p>
<p><strong>AFTER:</strong><br />
<img src="http://silktricky.com/wp-content/uploads/2011/08/summershowdown_blog_6.jpg" alt="" width="640" height="172" /></p>
<p>Finally, it&#8217;s time to &#8220;make it rain.&#8221; The final shot shows bills falling from the sky. Enter Trapcode Particular, which lets us executer this quickly and easily.<em> (Note: The particle we generated was actually a pre-comp, rather than a static image. Inside of that pre-comp, we had the bill randomly fold and rotate to make it more realistic.)</em></p>
<p><img src="http://silktricky.com/wp-content/uploads/2011/08/summershowdown_blog_7.jpg" alt="" width="640" height="200" /></p>
<p>We hope this was helpful to anyone wanting a closer look at this really cool banner. It really was a blast to make.</p>
<p><a href="/archive/summer_showdown/" target="_blank">View Summer Showdown Expandable →</a></p>
]]></content:encoded>
			<wfw:commentRss>http://silktricky.com/blog/cinema4d-after-effects-race-cars-awesome/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.silktricky.com/clients/goodby/sprint/showdown/showdown_motion_test.mov" length="3972728" type="video/quicktime" />
		</item>
		<item>
		<title>Sprint Summer Showdown</title>
		<link>http://silktricky.com/work/sprint-summer-showdown/</link>
		<comments>http://silktricky.com/work/sprint-summer-showdown/#comments</comments>
		<pubDate>Wed, 10 Aug 2011 19:19:59 +0000</pubDate>
		<dc:creator>silktricky</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Online Advertising]]></category>

		<guid isPermaLink="false">http://silktricky.com/work/sprint-summer-showdown/</guid>
		<description><![CDATA[At the start of this rich media banner campaign done for our good friends at <strong>GS&#038;P</strong>, we challenge you to pick the winning race car. <em>(Don’t think about it too hard-- whatever car you choose will win.)</em>]]></description>
			<content:encoded><![CDATA[<h2>The Skinny</h2>
<div class="portfolio-two-up">
<p>At the start of this rich media banner campaign done for our good friends at <strong>GS&#038;P</strong>, we challenge you to pick the winning race car. <em>(Don’t think about it too hard&#8211; whatever car you choose will win.)</em></p>
<p>Then, the motion graphics bonanza begins: Cameras pop, engines rev, and race cars tear it up around a full 3d race track. Money flies, lenses flare, some more smoke.. then we invite you to compete in Sprint’s Summer Showdown for a chance to win a whole lot of money.</p>
<p>I’m not saying we’re making Pixar jealous with this level of animation, but I can say that their target demographic <em>(my 2 year-old son)</em> watched our banner an estimated 173 times, all the while screaming in delight, <em>“Go green car! Go green car!”</em></p>
<p><a href="http://silktricky.com/archive/summer_showdown/" target="_blank">Sprint Summer Showdown Expandable →</a></p>
</div>
<h2>Gallery</h2>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/08/showdown_2.jpg" alt=""  /><img class="portfolio-right" src="/wp-content/uploads/2011/08/showdown_3.jpg" alt=""  /><img class="portfolio-left" src="/wp-content/uploads/2011/08/showdown_4.jpg" alt=""  /><img class="portfolio-right" src="/wp-content/uploads/2011/08/showdown_5.jpg" alt=""  /><img class="portfolio-left" src="/wp-content/uploads/2011/08/showdown_6.jpg" alt=""  /><img class="portfolio-right" src="/wp-content/uploads/2011/08/showdown_7.jpg" alt=""  /><img class="portfolio-left" src="/wp-content/uploads/2011/08/showdown_8.jpg" alt=""  /><img class="portfolio-right" src="/wp-content/uploads/2011/08/showdown_9.jpg" alt=""  /></p>
]]></content:encoded>
			<wfw:commentRss>http://silktricky.com/work/sprint-summer-showdown/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rooting for the Roto Brush</title>
		<link>http://silktricky.com/blog/rooting-for-the-roto-brush/</link>
		<comments>http://silktricky.com/blog/rooting-for-the-roto-brush/#comments</comments>
		<pubDate>Tue, 19 Jul 2011 21:41:07 +0000</pubDate>
		<dc:creator>Chris Lund</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://silktricky.com/?p=906</guid>
		<description><![CDATA[Our good friends at Goodby, Silverstein &#038; Partners called us up with a simple request. The conversation went something like this...]]></description>
			<content:encoded><![CDATA[<p><a href="/archive/evo3d/" target="_blank"><img class="alignnone size-full wp-image-910" title="evo3d" src="http://silktricky.com/wp-content/uploads/2011/07/evo3d-610x334.jpg" alt="" width="610" height="334" /></a></p>
<p><a title="Sprint Evo3D Youtube Masthead" href="/archive/evo3d" target="_blank">View YouTube Masthead &rarr;</a></p>
<p>Our good friends at <strong>Goodby, Silverstein &amp; Partners</strong> called us up with a simple request. The conversation went something like this:</p>
<p><strong>Goodby:</strong> &#8220;Hello.. We have a simple request.&#8221;</p>
<p><strong>SilkTricky: </strong>&#8220;Go on&#8230;&#8221;</p>
<p><strong>Goodby:</strong> &#8220;To showcase the 3d video capabilities of the new Sprint Evo 3D, we&#8217;d like to create a YouTube takeover that plays our video in different pieces&#8211; a foreground and a background. These will move with parallax creating the illusion of depth.&#8221;</p>
<p><strong>SilkTricky:</strong> &#8220;Piece of cake. Just send us over the green screen footage and we&#8217;ll get started.&#8221;</p>
<p><strong>Goodby: </strong>&#8220;Actually, we&#8217;re repurposing it from a broadcast spot&#8230; So, it wasn&#8217;t shot on green screen.&#8221;</p>
<p><strong>SilkTricky: </strong>&#8220;&#8230;&#8221;</p>
<p>&lt; puts phone on MUTE &gt;</p>
<p><strong>SilkTricky:</strong> &#8220;..Shit.&#8221;</p>
<p>&lt; takes phone off MUTE &gt;</p>
<p><strong>SilkTricky: </strong>&#8220;Cool. Send it over and we&#8217;ll see what we can do.&#8221;</p>
<p>After checking out the footage, it was all shot on a tripod with a central character who didn&#8217;t move around very much. Of course, we know this could always be rotoscoped. But, just thinking about rotoscoping 15 seconds made all of our collective hands start to cramp up. There had to be a better way&#8230;</p>
<p>Enter Adobe After Effects&#8217; (relatively) new <strong>Roto Brush.</strong> With a few clicks, this tool guesses what you&#8217;re looking to cut out. It predicts multiple frames out from your starting point and carries your selection through, all the while moving and morphing with what it believes is your target. Scrubbing through your frames, if your matte gets too far off, you can make quick adjustments by adding to or subtracting from your selection and it updates previous frames with this new information.</p>
<p>Almost like the Magic Wand in Photoshop, but somehow smarter..<em> and for video.</em></p>
<p>Now, we are immediately skeptical of any new software feature that claims this kind of magic, so we didn&#8217;t have very high hopes for the results.  But we were pleasantly surprised.</p>
<p><a href="http://silktricky.com/wp-content/uploads/2011/07/roto.jpg" target="_blank"><img title="roto" src="http://silktricky.com/wp-content/uploads/2011/07/roto-610x341.jpg" alt="" width="610" height="341" /></a></p>
<p>To get a good matte, you really want to get through almost all of your frames. But, making tweaks takes seconds per frame, rather than minutes. A roto job that may have taken 2 days is done in an hour, and done pretty well. After you&#8217;re happy with your matte, you &#8220;freeze&#8221; it in After Effects. From there, you can farther refine it by feathering it, choking it, adding motion blur to the edges, etc.</p>
<p>This all looks even better because the end target was for a banner. The 1080p video is shrunk down about 75%, so any roughness around the edges is virtually unnoticeable.</p>
<p>And away go the troubles down the drain&#8230;</p>
<p><a title="Sprint Evo3D Youtube Masthead" href="/archive/evo3d" target="_blank">You can check out the banner here.</a> You might even think it was shot on green screen&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://silktricky.com/blog/rooting-for-the-roto-brush/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New SilkTricky!</title>
		<link>http://silktricky.com/blog/new-silktricky/</link>
		<comments>http://silktricky.com/blog/new-silktricky/#comments</comments>
		<pubDate>Fri, 17 Jun 2011 23:31:51 +0000</pubDate>
		<dc:creator>silktricky</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Project Launch]]></category>

		<guid isPermaLink="false">http://silktricky.com.s53406.gridserver.com/blog/new-silktricky/</guid>
		<description><![CDATA[Welcome to the new SilkTricky.com. We decided it was finally time to show you what we've been up to. The last iteration of our site was done over two years ago. Then we got busy. Really busy. The company site fell to the back burner, which prompted many people to ask us, "Hey are you guys still in business?"]]></description>
			<content:encoded><![CDATA[<p><img src="http://silktricky.com.s53406.gridserver.com/wp-content/uploads/2011/06/st_blog.jpeg" alt="" title="st_blog" width="610" height="343" class="alignnone size-full wp-image-892" /></p>
<p>Welcome to the new SilkTricky.com. We decided it was finally time to show you what we&#8217;ve been up to. The last iteration of our site was done over two years ago. Then we got busy. Really busy. The company site fell to the back burner, which prompted many people to ask us, <em>&#8220;Hey are you guys still in business?&#8221;</em></p>
<p>Why don&#8217;t you stop judging and take a look for yourself. We&#8217;ve got a lot of pretty pictures and videos for you to look at. And if you have the time (and have had a few drinks&#8230;well&#8230;several drinks&#8230;well..if you&#8217;re close to blacking out) then read the write-ups. Because that&#8217;s the same process we took when we were writing them.</p>
<p>Like it? Like it a lot? Love it? Love it more than anything? Look, whatever it is you&#8217;re feeling, <a href="mailto:wedontreallycareunlessitsgood@silktricky.com">let us know</a> what you think. Send us an email and sign it from <em>&#8220;anonymous.&#8221;</em> We promise we won&#8217;t look at the <em>&#8220;From&#8221;</em> email address info. </p>
]]></content:encoded>
			<wfw:commentRss>http://silktricky.com/blog/new-silktricky/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nexus S 4G Microsite</title>
		<link>http://silktricky.com/blog/nexus-4g-microsite-launch/</link>
		<comments>http://silktricky.com/blog/nexus-4g-microsite-launch/#comments</comments>
		<pubDate>Fri, 17 Jun 2011 23:13:23 +0000</pubDate>
		<dc:creator>silktricky</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Backend Programming]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://silktricky.com.s53406.gridserver.com/blog/nexus-4g-microsite-launch/</guid>
		<description><![CDATA[Cats. Most are fickle, bitchy, loners. I have a lot in common with cats and that's why when <a href="/work/sprint-nexus-s-4g/">this project</a> came across our desk, we just had to win it.  Find out what it sounds like when you make sweet music from the hissing, purring, scratching, jumping and thumping of a symphony of cats.]]></description>
			<content:encoded><![CDATA[<p><img height="343" width="610" title="Nexus 4G Microsite" alt="Nexus 4G Microsite" class="attachment-big-thumbnail wp-post-image" src="http://silktricky.com.s53406.gridserver.com/wp-content/uploads/2011/06/nexus_feature1-610x343.jpg"></p>
<p>Cats. Most are fickle, bitchy, loners. I have a lot in common with cats and that&#8217;s why when <a href="/work/sprint-nexus-s-4g/">this project</a> came across our desk, we just had to win it.  Find out what it sounds like when you make sweet music from the hissing, purring, scratching, jumping and thumping of a symphony of cats.</p>
<p>You know what else it sounds like? Did you ever go to the Webby&#8217;s and right after they announce a category winner, listen closely to the table of the agency that <strong>didn&#8217;t</strong> win? Yeah. That&#8217;s right. Sixteen cats. And they&#8217;re pissed. We just saved you a trip to the Webby&#8217;s. Not like you got nominated anyway. Losers.</p>
<p><a title="Sprint Nexus S 4G" href="http://now.sprint.com/nexus/" target="_blank">Sprint Nexus S 4G &gt;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://silktricky.com/blog/nexus-4g-microsite-launch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reel Old</title>
		<link>http://silktricky.com/blog/reel-old/</link>
		<comments>http://silktricky.com/blog/reel-old/#comments</comments>
		<pubDate>Wed, 15 Jun 2011 19:53:45 +0000</pubDate>
		<dc:creator>silktricky</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Reel]]></category>

		<guid isPermaLink="false">http://localhost/?p=441</guid>
		<description><![CDATA[<p>Look we aren't proud.  It hasn't been updated since 2009, but it has explosions. Yes, EXPLOSIONS!</p>

<p>Here at SilkTricky we like to think of this old Reel like fine aged  wine.  And one day we'll update it and then it'll just be considered  moldy old cheese.  Enjoy for now...</p>]]></description>
			<content:encoded><![CDATA[<iframe src='http://player.vimeo.com/video/9683740?title=0&amp;byline=0&amp;portrait=0' width='610' height='345' frameborder='0'></iframe>
<h2>2009 SilkTricky Reel</h2>
<p>Look we aren&#8217;t proud.  It hasn&#8217;t been updated since 2009, but it has explosions. Yes, <strong>EXPLOSIONS!</strong></p>
<p>Here at SilkTricky we like to think of this old Reel like fine aged  wine.  And one day we&#8217;ll update it and then it&#8217;ll just be considered  moldy old cheese.  Enjoy for now&#8230;</p>
<h3>More Silky Fun</h3>
<p><a title="Silktricky Battle Reel" href="http://www.silktricky.com/archive/v1/reel/" target="_blank">SilkTricky Battle Reel &gt;</a></p>
<p><a title="SilkTricky v1" href="http://silktricky.com/archive/v1/" target="_blank">SilkTricky Website V1 &gt;</a></p>
<p><a title="SilkTricky v1" href="http://silktricky.com/archive/v2/" target="_blank">SilkTricky Website V2 &gt;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://silktricky.com/blog/reel-old/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sprint Nexus S 4G</title>
		<link>http://silktricky.com/work/sprint-nexus-s-4g/</link>
		<comments>http://silktricky.com/work/sprint-nexus-s-4g/#comments</comments>
		<pubDate>Tue, 14 Jun 2011 17:43:14 +0000</pubDate>
		<dc:creator>silktricky</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Backend Programming]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://silktricky.com.s53406.gridserver.com/work/sprint-nexus-s-4g/</guid>
		<description><![CDATA[You will literally be drawn to this campaign for Newcastle Brown Ale that features several in-page, expanding and floating rich media ads.]]></description>
			<content:encoded><![CDATA[<h2>The Skinny</h2>
<div class="portfolio-two-up">
<p>We do a lot at SilkTricky. On any given day, we are helping shelter puppies find owners, feeding the homeless, and solving unsolvable math problems. With the launch of the <strong>Nexus S 4G campaign site, with Goodby, Silverstein &#038; Partners,</strong> we added added a few new notches to our do-gooder belt. First off, we&#8217;ve uncovered and revealed some compelling evidence that little green men do really exist and presented it in <strong>full stunning 3D. </strong>Second, we&#8217;ve evened the cat vs. dog playing field by allowing these oft overlooked kittens a means to express themselves. Today, cats around the world rejoice as they become more than simply an old spinster’s devoted companion. We&#8217;ve given them a podium for their squeaky voices to be heard. We decided on a few talking points for what we did for this project:<strong> 3D and Animation, Custom Audio/Visual Mixer, Away3D, Back-end &amp; Database, oh&#8230; and Social.</strong> Now that we’ve talked about those, lets move on. Did you know that for each Kitty Mix that gets saved and shared, Sprint donates a cat to a spinster in need? That’s what we heard. It makes sense, so its probably true.</p>
<p><a href="http://now.sprint.com/nexus/" target="_blank">Sprint Nexus S 4G →</a></p>
</div>
<h2>Gallery</h2>
<p><img src="/wp-content/uploads/2011/06/nexus_1.jpg" width="984" height="550" ><img src="/wp-content/uploads/2011/06/nexus_2.jpg" width="984" height="550" ><img src="/wp-content/uploads/2011/06/nexus_3.jpg" width="984" height="550" ><img class="portfolio-left" src="/wp-content/uploads/2011/06/nexus_4.jpg"width="652" height="313" /><img class="portfolio-right" src="/wp-content/uploads/2011/06/nexus_5.jpg"  width="321" height="313" /></p>
]]></content:encoded>
			<wfw:commentRss>http://silktricky.com/work/sprint-nexus-s-4g/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sprint Nascar</title>
		<link>http://silktricky.com/work/sprint-nascar/</link>
		<comments>http://silktricky.com/work/sprint-nascar/#comments</comments>
		<pubDate>Tue, 14 Jun 2011 02:22:33 +0000</pubDate>
		<dc:creator>silktricky</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Online Advertising]]></category>

		<guid isPermaLink="false">http://silktricky.com.s53406.gridserver.com/work/sprint-nascar/</guid>
		<description><![CDATA[Meet Lil' Smacktalker, and antagonizing ball of clay that likes to talk shit about your laziness and lack of motivation. Luckily you have the ability to stomp him and shut him up.... if only for a few seconds.  We tried to get Al Pacino for the voice over, but had to settle for second best.]]></description>
			<content:encoded><![CDATA[<h2>The Skinny</h2>
<div class="portfolio-two-up">
<p>Have you ever tried those Magic Eye books where if you blur your eyes just right, at just the right distance from the page, you can see some really cool 3D shit? Try it with these banners.</p>
<p>What you’ll notice is that no matter how far your face is from the screen, or how blurry your eyes are,<em> you see some really cool 3D shit.</em> We made it that way so everyone could enjoy them.  When we do stuff we think of usability too. <strong>Not just crazy animation, sound, and effects.</strong> We’re smart like that.</p>
<p>When we kicked off this project with <strong>Goodby, Silverstein &#038; Partners,</strong> the knights of the square table converged in a 30 minute meeting.  After deciding that we should make these so that you didn’t have to blur your eyes to see the 3D, we still had 29 minutes left in the meeting.  For the next 28 minutes, we conducted a round of R&amp;D to determine the proper placement of a pipe in the mouth for it to be considered a <em>“Power Pipe”</em> (to go along with a Power Handshake). Strangely that’s where the idea for the smoke in these came from.  Then in the final minute someone blurted out <em>“multiple cameras.”</em><strong> Meeting adjourned.</strong></p>
<p><a href="http://silktricky.com/archive/sprintnascar/970x300_donuts_push_parent.html" target="_blank">Big Ol&#8217; Page Push Down →</a><br />
<a href="http://silktricky.com/archive/sprintnascar/300x250_donuts_parent.html" target="_blank">Lil&#8217; Ol&#8217; 300&#215;250 →</a></p>
</div>
<h2>Gallery</h2>
<p><img class="portfolio-left" src="/wp-content/uploads/2011/06/sprintnascar1.jpg" alt="" width="321" height="313" /><img class="portfolio-left" src="/wp-content/uploads/2011/06/sprintnascar2.jpg" alt="" width="321" height="313" /><img class="portfolio-right" src="/wp-content/uploads/2011/06/sprintnascar3.jpg" alt="" width="321" height="313" /><img class="portfolio-left" src="/wp-content/uploads/2011/06/sprintnascar4.jpg" alt="" width="653" height="313" /><br />
<img class="portfolio-right" src="/wp-content/uploads/2011/06/sprintnascar5.jpg" alt="video player" width="321" height="313" /></p>
]]></content:encoded>
			<wfw:commentRss>http://silktricky.com/work/sprint-nascar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

