[x]
All Deviations

Fancy Fading Rollover Tutorial by =juzmental:iconjuzmental:


©2008 =juzmental
Details
Submitted: February 9
File Size: 963 KB
Image Size: 963 KB
Resolution: 640×6000
Comments: 7
Favourites & Collections: 9 [who?]

Views
Total: 587
Today: 1

Downloads
Total: 21
Today: 0

Embed


Thumb

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] and [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);

};
[x]

Devious Comments

love 0 0 joy 0 0 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0

*Shanus:iconShanus: Feb 11, 2008, 4:44:41 AM
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:
=juliadavis:iconjuliadavis: Mar 2, 2008, 3:14:36 AM
:( i cant get it to work. I'v followed your procedure step by step and it's just not working.

--
[link]
Daily Deviation , 2008-01-28
I :heart: my DD
~Aasmund:iconAasmund: Apr 12, 2008, 1:08:58 PM
exactly what is was looking for! Thank you:)
=juzmental:iconjuzmental: Apr 13, 2008, 5:24:26 AM
Glad it's of use to you!
~Aasmund:iconAasmund: Apr 13, 2008, 5:58:18 AM
Glad you made it! Here is what I did: [link]
~Liddella:iconLiddella: Jun 22, 2008, 4:49:43 PM
I used this wonderful tutorial right here: [link]

Check it out and thanks!