Avatar of eli290
eli290

asked on 

Adobe Fireworks/photoshop Rollover image

I am trying to take 2 images (a before and after shot) and make a rollover. Basically I want the primary larger image to be the after picture then allow a person to rollover a spot in that picture and the before picture will pop up or fade in or something along those lines... Any help is appreciated
\

Thanks
Adobe Creative Suite CSImages and PhotosIllustration Software

Avatar of undefined
Last Comment
David Brugge
ASKER CERTIFIED SOLUTION
Avatar of nitinsawhney
nitinsawhney
Flag of India image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of eli290
eli290

ASKER

What about an animate Gif of some sort? I don't know photoshop very well but I have worked with fireworks a bit. I just am not sure how to accomplish something like this. I thought there was a way to do this without code being added
Avatar of nitinsawhney
nitinsawhney
Flag of India image

Animated gif cannot capture the event, which is mouse over (hover). So basically animated gif will show you a sequence of frames at a pre-defined rate.

If you want to capture an event and then change the picture - like when mouse is over the image1 then image2 is shown, then you will need to add some code as per my previous comment.
Avatar of David Brugge
David Brugge
Flag of United States of America image

Hi eli!

> I thought there was a way to do this without code being added

When you say that you want to create a rollover, I assume that you want to make something that you can put on a web page. So you have to have code to put a single image in place. The code to make it a rollover is just about the simplest thing a beginner can do.

Here is another tutorial that I believe is a little bit easier than the one nitinsawhney provided (however nitinsawhney's will make a better rollover)

Give it a try and come back with any questions that you may have.

BTW, Photoshop used to have an add on program that would create rollovers, but that got transferred to Fireworks.
Avatar of David Brugge
David Brugge
Flag of United States of America image

I missed the fact that you included Fireworks in your title. Here is a fairly simple video that shows the basic steps for creating a rollover in Fireworks.

http://www.youtube.com/watch?v=VCq63qiCQmY
Adobe Creative Suite CS
Adobe Creative Suite CS

Adobe Creative Suite (CS) is a software suite of graphic design, video editing, and web development applications developed by Adobe Systems. Each edition consists several Adobe applications, including Photoshop, Acrobat, InDesign, Premiere Pro or After Effects. Photoshop, InDesign, and Illustrator are the industry standard applications for many graphic design positions. CS6 is the last version of the Creative Suite; future versions of their creative software would only be available via their Adobe Creative Cloud subscription service.

7K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo