Solved

Overlapping Slices is Messy

Posted on 2003-12-07
10
645 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
Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

 
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

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
In this Micro Tutorial viewers will learn how to remove an unwanted object using Photoshop’s feature known as content-aware fill.
It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.

762 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

19 Experts available now in Live!

Get 1:1 Help Now