faded rollovers

This is a discussion on "faded rollovers" within the Graphics and 3D section. This forum, and the thread "faded rollovers are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Graphics and 3D

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Jul 19th, 2005, 00:41
Highly Reputable Member
Join Date: May 2005
Location: U.K
Age: 21
Posts: 739
Thanks: 0
Thanked 0 Times in 0 Posts
faded rollovers

im creating a rollover, in button form.

i have an image (say call it image1) that is the normal state another (image2).

What im wanting is to make an animated GIF preferably for use in the rollover, which will have image1 fade away and at the same time have image2 fade up. sort of like a backwards glow?
I had a go on imageready only to start hurling foul abuse at it lol
I know flash would be a possibility but i want to use photoshop, just as i have so many buttons to do and i want to be able to edit the text easier.

cheers all
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Jul 19th, 2005, 03:36
Most Reputable Member
Join Date: Jul 2003
Posts: 1,856
Thanks: 0
Thanked 0 Times in 0 Posts
following so far, not sure what the question is though...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jul 19th, 2005, 08:30
benbacardi's Avatar
Highly Reputable Member
Join Date: Feb 2004
Location: United Kingdom
Age: 20
Posts: 611
Thanks: 0
Thanked 0 Times in 0 Posts
Could you not create a static image, with two layers, the top one the original image, and the bottom one the new image, and then use the static top image for your original button, and create a gif for it to change to where you just lower the opacity of the top layer each frame? if that made any sense...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Jul 19th, 2005, 10:18
Most Reputable Member
Join Date: Jul 2003
Posts: 1,856
Thanks: 0
Thanked 0 Times in 0 Posts
Why not just have two animated Gifs... one for mouseover and one for mouseoff? That seems like the easiest solution for the best effect - especially if you keep the animation short (less than a second long).
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Jul 19th, 2005, 14:09
Highly Reputable Member
Join Date: May 2005
Location: U.K
Age: 21
Posts: 739
Thanks: 0
Thanked 0 Times in 0 Posts
yea thats what im wanting an animated gif. however, i dont know how to go about making it.

so i would have a gif, that started with an image, which faded out into another. like a glow. i dont want the the instant change of rollover that would would get when you use normal html, but a gradual change. thats the gif im wanting to make, the gradual change. just dont know how to go about it.

cheers
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Aug 30th, 2005, 01:22
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
A program that could help...

If you are looking to do that sort of thing id recommend using Animation Shop it is pretty simple to use, and it comes with Paintshop Pro. (Or it did with Jasc versions, i dont know about the latest version with Corel)

But there is a free trial version on the Corel website.

http://www.corel.com/servlet/Satelli...=1047024390003

Hope this helps!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Aug 30th, 2005, 15:23
Junior Member
Join Date: Aug 2005
Location: The Oak Trees, Windsor Castle, U.K.
Posts: 31
Thanks: 0
Thanked 0 Times in 0 Posts
http://www.photoshoproadmap.com/Phot...tivity/clics/1
This is link to a number of ImageReady tutorials including the effects you want to use for buttons (function and animation, even a little remote function as well).
Think you'll find what you're after on page 3.
They're quite simple to follow.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Aug 30th, 2005, 15:28
Highly Reputable Member
Join Date: May 2005
Location: U.K
Age: 21
Posts: 739
Thanks: 0
Thanked 0 Times in 0 Posts
well i thought about using animation shop but didnt- i think its shocking to be honest.

and i used similer ideas to the link you posted

but cheers guys
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
faded, rollovers

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Image Rollovers and CMS Raid JavaScript Forum 8 Oct 25th, 2007 07:50
Hyperlink Rollovers crackafaza Web Page Design 3 Aug 24th, 2007 11:43
Image Rollovers DDock3287 JavaScript Forum 14 Aug 16th, 2007 18:57
Image Rollovers DDock3287 Web Page Design 12 Aug 14th, 2007 21:23
ImageReady rollovers gwx03 Graphics and 3D 9 Jul 6th, 2004 07:48


All times are GMT. The time now is 07:10.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42