Photoshop Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignPhotoshop Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old March 28th, 2005, 04:18 AM
csulageorge csulageorge is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Mar 2005
Posts: 1 csulageorge User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 6 m 23 sec
Reputation Power: 0
animated gif rollover

ok ok george = rusty with el photoshop-o. im looking to create an animated gif that expands in height to reveal sub-links. im not sure how i can go about doing it.

Reply With Quote
  #2  
Old March 28th, 2005, 07:04 PM
SFC SFC is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Mar 2005
Location: Davie
Posts: 9 SFC User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 53 m 41 sec
Reputation Power: 0
Send a message via AIM to SFC
You'll have to use javascript... there are a few programs out there where you can create dhtml menus.. Do a search and see what you find.

Good Luck

Mike

Reply With Quote
  #3  
Old March 29th, 2005, 05:48 PM
germen germen is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Mar 2005
Location: Ankara – Turkey
Posts: 6 germen User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 19 m 43 sec
Reputation Power: 0
yo can do it with flash easier i think.
good luck

Reply With Quote
  #4  
Old March 30th, 2005, 01:47 AM
Mogal Mogal is offline
include('sarcasm.php');
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Sep 2004
Location: Ballarat, Australia
Posts: 127 Mogal User rank is Corporal (100 - 500 Reputation Level)Mogal User rank is Corporal (100 - 500 Reputation Level)Mogal User rank is Corporal (100 - 500 Reputation Level)Mogal User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 1 Day 15 h 54 m 57 sec
Reputation Power: 7
Firstly, a rollover image, is actually two (or more) seperate images that are controlled by javascript in the webpage. The javascript loads the default image when the mouse pointer is not over the image, and then changes the image to the second one when the mouse pointer is over it. So basically, you need to create two seperate images, one of the menu closed, and one of the menu open. Then google for javascript rollover functions.

But there are other ways of doing menus like you described, and you should have a look around at those, flash is a good way, it can look great, but creates alot of overhead, and shouldn't be used where you need to reach a large audience, as alot of users really do not want to add plugins to their pages. Javascript can do menus in a non-rollover way, and this way is great, and if your really serious (and have some time) learn about XML to do it.

Reply With Quote
  #5  
Old March 30th, 2005, 07:35 PM
The Drew The Drew is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Mar 2005
Location: Griffin, GA
Posts: 3 The Drew User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 31 m 9 sec
Reputation Power: 0
A rather corny way of doing it would be in Imageready, and just make an image taller than the original button, and make the animation look like its expanding when the mouse moves over the button.

It may not be a very technically smart way to do it, but it could be done.

Reply With Quote
  #6  
Old April 27th, 2005, 04:18 PM
Cheesefood's Avatar
Cheesefood Cheesefood is offline
Mmmm...Donkey punch...
Dev Shed Novice (500 - 999 posts)
 
Join Date: Jun 2004
Location: All up in your grill
Posts: 978 Cheesefood User rank is Sergeant Major (2000 - 5000 Reputation Level)Cheesefood User rank is Sergeant Major (2000 - 5000 Reputation Level)Cheesefood User rank is Sergeant Major (2000 - 5000 Reputation Level)Cheesefood User rank is Sergeant Major (2000 - 5000 Reputation Level)Cheesefood User rank is Sergeant Major (2000 - 5000 Reputation Level)Cheesefood User rank is Sergeant Major (2000 - 5000 Reputation Level) 
Time spent in forums: 5 Days 10 h 7 m 13 sec
Reputation Power: 37
Send a message via Yahoo to Cheesefood
Quote:
Originally Posted by The Drew
A rather corny way of doing it would be in Imageready, and just make an image taller than the original button, and make the animation look like its expanding when the mouse moves over the button.

It may not be a very technically smart way to do it, but it could be done.


You can also use HTML layers, but they're still a beyotch to get to look good.

If you have access to Fireworks, they have a great built-in feature for it. PS and IR, not so much.

While PS and IR work good for web graphics, their actual web features are pretty useless and they tend to make for bulky code.
__________________
I'm a geek and not 31337.

My CafePress Store. Buy a Shirt and Support Me.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignPhotoshop Help > animated gif rollover


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 3 hosted by Hostway
Stay green...Green IT