[x]

Browse More Like This

Download Image
JPG, 640×6000 more ▶

More from ~juzmental

View Gallery · View Prints

Featured in Groups:

#PortraitRetouchers

#MakeoverRetouch
Retouching, Photography, etc

#Transcendent-Beauty

Details

Submitted: February 9, 2008
Image Size: 963 KB
Resolution: 640×6000

Link

Thumb

Statistics

Comments: 101
Favourites: 397 [who?]
Views: 22,286 (7 today)
Downloads: 604 (0 today)

[x]

Fancy Fading Rollover Tutorialby ~juzmental

Resources & Stock Images / Tutorials / Flash

Full View Required! Image is 6000 pixels high!

My brother ~InsaneShane is going through a phase where he likes to do vampire photomanips - and once he has done them, he likes to present them as a flash-rollover that when you run your mouse over the image, you see the manipulated image appear over the original.

Now the method he was using was the same as Nocturnal-Devil's tutorial: [link] which just flipped from one image to the other.

While skyping one night, my brother mentioned to me that he wanted to do one which has a nice fade from one image to the other. So that night we think-tanked and brainstormed and had only a slight bit of success (neither of us have ever done anything major with flash).

The next day I made it my goal to research it and see if I can work it all out, and this is the final result of that research! A nice (relatively) simple tutorial on how to make your own fancy fading rollover in Flash!

You can see it in action here [link]

It is a pretty simple tutorial, but it does require some code entry, so at the end of this description I have pasted the code you need. Hopefully this will save you a lot of typing!

I know this is a really simple piece of code and all you flash experts are probably going to laugh at it, but for us non-flash savvy folks it's a pretty major milestone! lol.

If you use the tutorial to make something and you submit it to DA, feel free to post a link to it in the comments!

Here's the code snippet you need to paste into the Action script panel near the end of the tutorial:

import mx.transitions.Tween;
import mx.transitions.easing.*;

var rollover_btn = this["main_rollover"];

rollover_btn.onRollOver = function() {
var alpha_level = this.overlayed_img._alpha;
var over_fade:Tween = new Tween(this.overlayed_img,

"_alpha", Strong.easeOut, alpha_level, 0, 0.5, true);
};

rollover_btn.onRollOut = function() {
var alpha_level = this.overlayed_img._alpha;
var over_fade:Tween = new Tween(this.overlayed_img,

"_alpha", Regular.easeIn, alpha_level, 100, 0.5, true);

};

~~wow 0 0~~

~~fear 0 0~~

~~neutral 0 0~~

~other-covers 3 days ago Hobbyist Interface Designer

didn't work for me? Is the file name of the images you import important?

~other-covers 3 days ago Hobbyist Interface Designer

tried again and it works but why is the image quality a lot worse in flash than the the original file?

~other-covers 3 days ago Hobbyist Interface Designer

fixed that too haha

~Reasondinn Feb 12, 2013 Student Artist

I try but i can't make a flash :S , any other explanation please??

~Jekopiano Jan 11, 2013 Professional Digital Artist

thanks for a great tutorial

~eggtart911 Nov 29, 2012

i can only roll it over once and it never turns back ..
im using cs5 and i did it step by step. anyway to help??

~KatherineMurdoch Oct 28, 2012

Oh man. This means I need to get flash...
Thanks for the tute!!

~RafyKoby Oct 10, 2012

I dont have Flash arg

~WreakPeace Sep 1, 2012

Thank you! Going t try it in CS5...

~deste64 Aug 5, 2012 Hobbyist Photographer

I was getting mad in try myself to get a rollover done in Flash (never used before), then I found your tutorial that has saved me sleepless nights! You are exactly right saying "but for us non-flash savvy folks it's a pretty major milestone!"
Here is my first ever rollover [link]

More from ~juzmental

Featured in Groups:

Details

Statistics

Fancy Fading Rollover Tutorialby ~juzmental

The Journal Portal

Polls

What is your preferred drawing software?

deviantART [dee·vee·un'nt·ART]

Keep in Touch!

Deviousness

Add Media

Style