Shop Mobile More Submit  Join Login
Rollover Tutorial by kristelvdakker Rollover Tutorial by kristelvdakker
--> The result --> [link]

A lot of people as me how they can make an rollover image. There are plenty of ways to do it, but I think that this is not only the easiest, but also the fastest way to do it and there is no coding involved. Anyone can do this without pulling their hair out.

If you like to go a step further go to :iconjuzmental:'s tutorial @ [link]

:below: Drop me a comment to let me know if this was helpful to you :below:
Add a Comment:
 
:iconakramkamil:
akramkamil Featured By Owner Jul 10, 2014
with which program 
Reply
:icongenifr:
genifr Featured By Owner Jul 6, 2014   Interface Designer
Thank you for this tutorial! 
Reply
:iconashrafhashem:
ashrafhashem Featured By Owner Jul 24, 2013  Hobbyist General Artist
Thank you so much for this tutorial!!!+fav +fav +fav feelin' the groove 
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Aug 14, 2013  Professional Interface Designer
No problem at all ;)
Reply
:iconfp-digital-art:
FP-Digital-Art Featured By Owner Feb 2, 2013  Hobbyist Digital Artist
Thx a lot for this tut :)
Reply
:iconcailltes:
Cailltes Featured By Owner Jan 21, 2013  Hobbyist Photographer
My Adobe Flash doesn't have Adobescript 2 or 3. Is this a download somewhere or is it supposed to come with the program.
Reply
:iconpauloandres23:
PauloAndres23 Featured By Owner Jan 16, 2013
thank you! forgot a couple of details in the making haha
Reply
:icond3vilm3:
d3vilm3 Featured By Owner Nov 27, 2012  Professional Photographer
i was searching for a while to find a great and simple tutorial to avoid the coding. Thx for the tutorial.
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Dec 8, 2012  Professional Interface Designer
You are welcome :)
Reply
:iconpassion-aesthete:
passion-aesthete Featured By Owner Nov 8, 2012  Hobbyist General Artist
yeaaaah I can make a rollover image now :D
you can have a look of what I've tried here if you're interested ;)
[link]
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Nov 15, 2012  Professional Interface Designer
nice job on the rollover ;)
Reply
:iconpassion-aesthete:
passion-aesthete Featured By Owner Nov 15, 2012  Hobbyist General Artist
Thanks :D
Reply
:iconcaptain-awesome129:
Captain-Awesome129 Featured By Owner Jul 10, 2012  Hobbyist General Artist
:D Thank you :D
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Sep 18, 2012  Professional Interface Designer
You are welcome ;)
Reply
:iconranklord:
ranklord Featured By Owner Mar 13, 2012
First of all, thanks a lot for the tutorial! Second, since every1 using Adobe Flash, I have a question - do I have to buy almost $600 piece of software just to create this simple rollover?! I mean, is there any easier way to do rollover with two images to put it into my gallery here? Thanks in advance for your kind attention, dear community!
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Mar 25, 2012  Professional Interface Designer
The thing is that you need to generate a swf ouput, which stands for shockwave flash. This file type can handle scripts, which can execute behaviors. File types like gif can handle a timeline, but simply put one frame after another. You can make a similar effect with html, css and javascript, but you can not export it in a container, like flash does with the swf file. I don't know a file type besides swf that is the easiest way to get this effect. As far as I know this is the only way. But maybe someone else knows an alternative.
Reply
:iconranklord:
ranklord Featured By Owner Mar 25, 2012
Mmmmm... Well, thank you very much for your answer! I do understand all this staff, but my question was rather if Adobe Flash is the ONLY soft that can produce swf? If that's so, then there is no alt to get it and use :)
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Mar 26, 2012  Professional Interface Designer
There are some other programs that can produce swf files, according to wikipedia, maybe you should check them out. [link]
Reply
:iconcandylover246:
Candylover246 Featured By Owner Dec 21, 2011
i have macromedia flash 8 ...is that one your using? cause i can't find the ActionScript 2.0
Reply
:iconcandylover246:
Candylover246 Featured By Owner Dec 21, 2011
Hii :) what program did u use? im trying to find the adobe flash but i dont know which on it is
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Jan 7, 2012  Professional Interface Designer
I made this with Adobe Flash CS4 and ActionScript 2.0. It doesn't really matter which version of Action Script you use, because it is not a complex piece of code. Both versions of Action Script understand what this piece of code says.

Macromedia is the company Adobe bought so they could further develop Flash. So macromedia flash was the name of the program before they merged it with the Creative Suite.
Reply
:icongonzalomacagno:
GonzaloMacagno Featured By Owner Dec 3, 2011  Professional Photographer
Do you know how to do it with action scrip 3.0 ? i need it for wix :)
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Jan 7, 2012  Professional Interface Designer
As far as I know, this piece of code works just fine with Action Script 3.0.
Reply
:iconkristinakoty:
KristinaKoty Featured By Owner Oct 22, 2011
This is the best rollover tutorial. Thanx it helps alot!
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Oct 25, 2011  Professional Interface Designer
you are welcome ;)
Reply
:iconr-desert-rose:
R-Desert-Rose Featured By Owner Aug 30, 2011  Professional Photographer
thnx alot thats so kind of you ive been wanting to know since forever
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Aug 30, 2011  Professional Interface Designer
You are welcome :D
Reply
:iconvampire--child:
Vampire--Child Featured By Owner Aug 17, 2011  Hobbyist Photographer
Thank you so much for this tutorial!!!
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Aug 18, 2011  Professional Interface Designer
You are welcome ;)
Reply
:iconatomicalix:
atomicalix Featured By Owner Jul 9, 2011  Hobbyist Digital Artist
What did you use to do this...?
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Jul 24, 2011  Professional Interface Designer
Adobe Flash
Reply
:iconzcyan:
zcyan Featured By Owner Jun 13, 2011
thank u thank u thank u thank u thank u thank u thank u thank u thank u thank u thank u thank u!!!!!!!! *jumping for joy* will never know i was wrecking my brain just to get this right... ur an angel....xoxoxoxoxoxox i used it here
[link]
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Jun 15, 2011  Professional Interface Designer
lol, you are very welcome :) :D
Nice retouch!
:hug:
Reply
:iconzcyan:
zcyan Featured By Owner Jun 15, 2011
thanx again...xoxoxoxo
Reply
:iconstudio-monarda:
studio-monarda Featured By Owner Apr 6, 2011  Professional Digital Artist
Thank you, this is exactly what I needed! and here's the result: [link]
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Apr 7, 2011  Professional Interface Designer
You did a very good job! :D
Thank you for the mention and I'm sorry for the typo in my critique ;)
Reply
:iconofthespectrum:
ofthespectrum Featured By Owner Mar 27, 2011  Hobbyist General Artist
Wow, thank you! :)
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Mar 28, 2011  Professional Interface Designer
You are welcome :) :D
Reply
:iconxdaph:
xDaph Featured By Owner Feb 21, 2011
Thanks for this tutorial, it was a big help!
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Feb 27, 2011  Professional Interface Designer
I'm glad I could be of help ;) :hug:
Reply
:iconslyfoxxy:
slyfoxxy Featured By Owner Feb 14, 2011  Professional Photographer
Thanks so much for this, I tried the fancy rollover but it wouldn't work for me and this did :)
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Feb 15, 2011  Professional Interface Designer
you are very welcome :D
I'm glad I could be of help :D
Reply
:iconhaitran1989:
haitran1989 Featured By Owner Feb 5, 2011  Student Photographer
thank you so much!!! Very easy to follow!
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Feb 12, 2011  Professional Interface Designer
you are welcome! :D
Reply
:iconps-rocket:
PS-rocket Featured By Owner Jan 3, 2011
sorry this is the link other ones wrong:[link]
thanx again
Reply
:iconps-rocket:
PS-rocket Featured By Owner Jan 3, 2011
omg i luv you sooooo much
ive tried soo many times and it finally worked your way
thanx man
used here for my retouch: [link]
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Jan 3, 2011  Professional Interface Designer
You are welcome ;)
Your retouch turned out quite well!!
luv it!
Reply
:iconps-rocket:
PS-rocket Featured By Owner Jan 3, 2011
you wouldn't of seen it if it wernt for your tut' soooo
thanx alot once again
Reply
:iconkristelvdakker:
kristelvdakker Featured By Owner Jan 3, 2011  Professional Interface Designer
lol thank you ;)
I'm happy it worked for you ;)
Keep up the good work ok?
Oh and I'll fave you in my group... I really like what you did with the retouch...
Reply
:iconps-rocket:
PS-rocket Featured By Owner Jan 3, 2011
ahhh thanx
that would be great'much appreciated
mwaaaahh!
Reply
Add a Comment:
 
×
Download JPG 640 × 10500




Details

Submitted on
August 16, 2010
Image Size
943 KB
Resolution
640×10500
Link
Thumb
Embed

Stats

Views
5,175 (1 today)
Favourites
126 (who?)
Comments
65
Downloads
235
×