Join for FREE | Take the Tour Lost Password?
Shop deviantART for the
holidays and save BIG!
Click here! :holly:
[x]

deviantART

:love:
 
©2008-2009 ~juzmental
:iconjuzmental:

Artist's Comments

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);

};

Comments


love 0 0 joy 0 0 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconshanus:
w00000t :D

We got it, erm,... YOU got it going :dance:

Great tutorial little bro ;)

your

big bro ;)

s

--
Visit my Stamp Account here ----> [link]

Want to rofl at funny kitty pictures?
Go here ----> [link]

:rofl: :lmao: :rofl: :lmao: :rofl: :lmao: :rofl: :lmao:

:faint:
:iconjuliadavis:
:( i cant get it to work. I'v followed your procedure step by step and it's just not working.

--
IT RUBS THE LOTION ON ITS SKIN
OR ELSE IT GETS THE HOSE AGAIN
:iconaasmund:
exactly what is was looking for! Thank you:)
:iconjuzmental:
Glad it's of use to you!
:iconaasmund:
Glad you made it! Here is what I did: [link]
:iconliddella:
I used this wonderful tutorial right here: [link]

Check it out and thanks!

--
"All we have to decide is what to do with the time that is given to us." Gandalf the Grey, Lord of the Rings: the Fellowship of the Rings.
:iconvenomousmister:
Thank you for providing this tutorial mate!Clear and easy![link]

--
"The Beauty of Horror...the Horror of Beauty..."
:iconektorbaboden:
Thank you SO much. You saved my life.

Details

February 9, 2008
963 KB
963 KB
640×6000

Statistics

24
71 [who?]
2,025 (4 today)
82 (0 today)

Share

Link
Embed
Thumb

Site Map