Working with design agency Pollen London, I developed this simple, eyecatching flash banner for client Project Associates' website home page.
The banner shows a constantly moving, rotating array of their team, each image linking to the specific person's profile on the site.
Check out their home page to see the banner in action:
This is a basic flash tutorial which explains how to apply an animated shine effect to a logo or image, as displayed in the example. This technique only really works well with colour logos.
You will need Flash 8 or above, as the effect utilises the filters which were a new addition in version 8. The source file for this project is available for download at the bottom of the tutorial.
Leave a comment if you find this useful!
GETTING STARTED
CREATING THE SHINE
ANIMATING THE SHINE
ADDING THE EFFECTS
I have created an animated logo in flash for the Budokon UK holding page. Using their existing logo I added a shine effect that moves accross the logo every couple of seconds. The fade-in on the logo is done using a combination of the blur filter and an alpha fade, based on the martial arts philosophy of focus leading to clarity!
Check it out: www.budokonuk.com
The Comus Productions website has recently undergone a major upgrade. It now has loads of new Flash presentations which incorporate a new set of Comus stings and idents.
The site is now fully content managed with the Admin76 content management system by 76 Creative, so all the text, images and video content on the site can be easily updated by the site's owner.
I used the javascript jQuery library a lot throughout the site, to fade text in and out, fade images and to switch slideshows and videos too.
A prominent feature of the site is the recreation of the Photoshop Lens Flare as an animated flash movie, which I adapted from this lensflare project on FlashDen. It was this lensflare that inspired the most experimental flash movie of the site - the Comus Viewfinder which can be seen on the links page.
Other Flash features include a more corporate style flash presentation on the services page and an explosive ident on the home page!
Visit the site: www.comusproductions.co.uk
This holding page built for Polydor artist, singer / songwriter Leona Naess features an animated logo with random fades and glows. The flash random timing actionscript is something I have utilised in the past to create similar effects (see: ).
The holding page also features a streaming mp3 (using flash), mailing list signup form with javascript validation embedded youtube video and google analytics.
Check it out:
Privacy Policy | Site powered by WordPress | 76 digital remix by Sam Burdge | © 2010 Sam Burdge
Hi!
I’ve been searching for such a tutorial for a long time!thank you!!
I just wanted to ask if it’s possible to activate the effect on rollover with actionscript, it would be for a website!
thank you very much,
Valentina
Hi Valentina
You could attach the effect to a button or movie clip rollover. You could attatch it to the rollover state of a button without any actionscript. You could also activate the rollover effect in as2 using the following method:
1. Select the shine (Symbol 3) movieclip and give it the instance name ’shine’
2. Add this action to frame 1 of the ’shine’ movie clip:
stop();
3. Create a button. you could make it transparent by setting it’s alpha to 0.
4. Add this action to the button:
on (rollOver) {
shine.play();
}
I hope this helps.
Sam
Hi Sam and thank you very much for your infos. I am a newbie of flash and actionscript so I always need every step to be clear like in your tutorial to do it
Could u help me out with a sample flash file?you could send it to my email if that’s not a problem for you.
I would really like to understand both ways to make such a rollover button, love your tutorial!
thank you very much,
valentina