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
Labels:
My Flash sites
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/
Labels:
My Flash sites
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!
Labels:
My 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.
Labels:
My Design
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.
Labels:
My Design
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".
Labels:
My Design
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!
Labels:
My Design
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");
}
}
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");
}
}
Labels:
Actionscript Inspiration
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"
I applied this paragraph style to offset the body copy;
"p style="text-indent: -100000px; width:200px"
Labels:
HTML Inspiration
Subscribe to:
Posts (Atom)