Solved

Overlapping Slices is Messy

Posted on 2003-12-07
10
649 Views
Last Modified: 2013-12-13
Hi,

I'm using Fireworks MX to design a map of the UK, I've been trying trying to use overlapping slices so that when I move over a region, the region changes colour by swapping that part of the image to a different slice.  These are shaped slices created using the polygon slicing tool.  The first slice created swapped OK, then things got really messy when I created a second slice which overlapped it.  What's the best way to deal with swapping irregular shaped objects that overlap each over?

Thanks
0
Comment
Question by:useless_eater
  • 6
  • 4
10 Comments
 
LVL 5

Expert Comment

by:zenlion420
ID: 9894096
I'm sure I'll be able to help you, but why are you overlapping your slices?

j
0
 
LVL 5

Expert Comment

by:zenlion420
ID: 9894099
another thing to make clear:

You should be using the slice to swap the image in another FRAME, not slice.  This is what you'll be doing, once i figure out why you have overlapping slices.  Also, do you have a link to your png?

j
0
 

Author Comment

by:useless_eater
ID: 9895126
The reason why the slices are overlapping is because although they were created using the polygon slicing tool and are shaped, the slices are still rectangular.  The slices only respond when the mouse moves over the shape I defined with the polygon slice.  The graphic which represents the slice is still rectangular however.  I have one big image, and many smaller images that are swapped when I move the mouse over a region that highlight them in a different coilour.

I don't have a link to my png, but here is a link to something similar...

http://www.getoutguide.co.uk/uklinks/uklinksmap.htm

I'm basically doing something similar, but the regions should be highlighted when the mouse moves over them.

If you were to draw around all the regions exactly, they would still be contained in rectangles which would overlap.  For example South East will overlap the four surrounding regions and the sea.

Thanks
0
 
LVL 5

Expert Comment

by:zenlion420
ID: 9899193
Is this what you're trying to do?:

http://www.nokaoidesign.com/map.htm

I didn't try to get everything completely exact, as this isnt's a personal project, but if that's what you're trying to do, I'll walk you through it.  If not, you may have to restate your Question.

j
0
 

Author Comment

by:useless_eater
ID: 9899256
That's exactly what I want, any help on how to do it would be appreciated.
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 5

Accepted Solution

by:
zenlion420 earned 500 total points
ID: 9899414
Well, first off (I know you may not want to hear this) I would suggest starting over with a fresh copy of the map image you're using, because I have no idea what you already have on it.  Once you have that, magnify your image by using the view>magnification deal (I'd jack it up to at least 200 percent, so you can get really close to perfect with your edges).  Once you've done all of that, select your polygon slice tool and do this for the first country/area:

1) Work your way around the edge, keeping just inside of the boundary line. Try to stay as close as you can to the line without actually clicking it.  That will make the end result a bit neater, and help you not to enter into other regions accidently.

2) Once you have the country/area sliced, click on the "hide slices" button on the tools menu.

3) Choose your polygon lasso tool adn work your way around the entire country/area you just sliced until it's selected.

4) Edit>copy

5) On the right, in your frames menu choose "new/duplicate frame".  After you click on that, you'll be inside of your new frame.

6) Edit>Paste  (After you paste, play with your image using the effects in the property inspector to get the desired rollover look you're like, but DON"T MOVE YOUR IMAGE)

7) Click on frame 1 to return

8) Click on "show slices" then highlight your slice and choose "add simple rollover"

9) Mouseover your slice until you see the hand icon, then left click and drag the conroller handle onto THE SAME slice you're on until there is a blue line going from the handle to the slice.  

10) A dialog box will appear asking which frame to swap from, choose 2

After that, go to preview to see if it swaps the image at mouseover.  If it does, then keep going with the same steps for each country/area.  Make sure you make a frame for EVERY rollover image.  I also thing it looks better when the effects are consistent throughout a scene (personal preference).  Let me know if you have any more Q's.

j
0
 

Author Comment

by:useless_eater
ID: 9899486
Thanks.  I'll give it a go.
0
 
LVL 5

Expert Comment

by:zenlion420
ID: 9901283
Any luck?

j
0
 

Author Comment

by:useless_eater
ID: 9902597
Not finished it yet!  I can see where I was going wrong as I was trying to work with little slices of the image, whereas I have to duplicate the original image for each individual frame.  Done a couple of frames and it looks OK.

Thanks
0
 
LVL 5

Expert Comment

by:zenlion420
ID: 9902699
Glad to hear it's working so far :)  If you hit any speed-bumps, feel free to ask anything you might want to know.  Good luck,

j
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
Learn how to download your full Prezi presentation for offline presenting. Prezi doesn’t have to be viewed and shared in a web browser, even with a free account you can download your full presentation to share with others. Be sure to download any vi…
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now