Wednesday 6 January 2010

My Flash Work! Revlon interface


I did the animation for this Flash interface for Soup Digital.

As this campaigns no longer live; click this link to view my mockup interface;
http://www.david-healey.co.uk/Revlon.html

My Flash Work! Kingsmill Oatilicious toast button

For Soup I designed and built a new Kingsmill "Oatilicious" button. I initially designed the layout in Fireworks then took it into Flash and got it poppin! Check it out on this link www.kingsmillbread.com/campaigns/oatilicious-campaign/

My Design! 2UP emailer
























I did this design whilst working for WeAreVi. A lot of the styles and graphics i created were inspired by a lot of the Nike work i'd seen in print and online. I especially liked designing the "1,2,3 step" section in the middle - which uses a lot of clever and good looking photoshop skills to make the imagery appear as if within a football pitch environment. The background and misted glass effect looked wicked and the grass was fun to design!

My Design! Twinings mailer

This mailer design was designed to a tight and specific brief. However the end product was visually exciting and fun to view. The imagery used throughout the mailer really brought it to life - especially when breaking out of their boxes.

My Design! Promo Banner

I designed this promo banner for Soup. The brief was to create a banner promoting joining Twitter and Facebook groups. I was pleased with the end result.

My Design! Jordans CCAS layout design

I created this design for Soup. Most of the CCAS minisite had been designed and built. I just had to take a couple of previously designed layouts and work in my new copy and design a new promo section - "Be on the box".

My Design! Jordans CCAS mailer design

This mailer was one the first interface design jobs i've been given at Soup. The header and footer were set but all the information design and layout other than that was my call. I love working on Jordans Cereals there branding is so fun and colourful - a great bonus when designing. Their brand guidelines is awesome!

Actionscript Inspiration! How to control when a Flash object is and isn't active

To control when an object is active you can place activation code on the _root timeline. So when your Flash movie gets to a certain point your objects become active. Which is useful for sections on a Flash site where you have objects sitting behind a menu which needs clicking before you can get to the other interactive objects. The splash intro on my site uses this code (the objects which drop into shot are inactive till you click through. Click here to view my site and how this code could work for you.

Put this the the timeline where you want your object to activate.

_root.container.OnestartActive();

Within your Movieclip put your actions inside a function

function OnestartActive()
{
trace("IN MAKE ONE START ACTIVE");

one.onRelease = function (){
gotoAndPlay("starttoonetransition");
}
}

Monday 4 January 2010

HTML Inspiration! Search engine friendly Flash sites using offset HTML copy

Whilst building my portfolio site i've had to learn a lot of new things. Specifically HTML and making my site search engine friendly. A friend suggested offsetting a load of descriptive copy of my site by -100000 pixels. Which after some trial and error has worked a treat. The beauty of this method is that it's simple - great for a designer / animator like me. And more importantly that the text is hidden from the user but not from Google!

I applied this paragraph style to offset the body copy;
"p style="text-indent: -100000px; width:200px"