Making a logo spin. And spin. And spin.
Flash has gotten itself a bad rap the last couple of years after Steve Jobs unceremoniously dumped it from Apple mobile devices. Pity, because there was never a more effective way to animate logos for the web, and we had become quite good at it. Flash isn’t dead yet – it still plays on other devices, desktop machines and there are even workarounds for mobile – Google has a conversion code that turns most Flash animations into HTML 5 code that will run on Apple devices. Accordingly, and tor the foreseeable future, Flash will still be the go to tool for animating logos, around our shop anyway. Which brings us to this little gem – a 3D flash cube we developed for Cirrus Logic. Let’s get this out of the way first – we didn’t design the logo. It was supplied the client. They just wanted us to make it spin. A simple enough task except for one small thing:
There was a slight hinky in the logo. The center of the ‘X’ wasn’t actually in the center. Whether this has always been in the design, or added later because of someone saving a file that had shifted is anyone’s guess. No big deal, right? Not unless you wanted to spin the logo. That slight shift was noticeable in every rotation. Just move it over, right? No so easy on that either. Nobody knew why the logo was offset – there might be a reason for it – and nobody wanted to take the rap for changing brand assets. Which is why we ended up slapping the logo on a cube and rotating that. Turns out that ended up way more interesting anyway.
A bonus working with Flash and 3D is this: when we create 3D animations, we have to create models. While the Flash version is in vector format (to keep the file-size down and allow scalability,) there’s nothing to say we can’t render full-blown raster images of the models for use elsewhere. Here’s what they look like:
Takes a little bit of time to render these things at full resolution and the lighting can be tricky (these may be a little “hot”) but all-in-all, not a bad result. Here’s the same cube perspective in green..