Can someone help me again, help me with image mapping |
![]() ![]() |
Can someone help me again, help me with image mapping |
Sep 29 2007, 01:39 AM
Post
#1
|
|
![]() Senior Member ![]() ![]() ![]() Group: Member Posts: 38 Joined: Aug 2007 Member No: 556,084 |
I need help (again!) with image mapping....
i did it once but i dont remmber how i did it.... ok so i need help with: 1.MAPPiN` iN GENERAL 2.THEN SAVE TO A FiLE WE`RE i CAN UPLOAd iT PLEASE HELP ME i READ ALL THE TUTORiALZ |
|
|
|
| *SinfullySweet* |
Sep 29 2007, 10:09 AM
Post
#2
|
|
Guest |
This is the easiest tutorial, I think, by far.
http://www.createblog.com/tutorials/tutorial.php?id=168 If you dont understand it, let me break it down. Open your image first. Now, go over to your toolbars, and select the image mapping tool. ![]() Now, go over to your image, and select (click down over area) of which you want image mapped. ![]() Now, go over to the image map window (if it is not visible, go to the top tabs, click on window>imagemap Now, where it says "url" paste in the url wanted, also type in your alt. (alt = the text that will appear when hovered over) ![]() Okay, when you are all done imagemapping all the links, go to the top tabs, and choose "edit" "copy html code" and "for all slices" This will automatically copy the codes into your clipboard. Just paste it. ![]() Oh, remember to change the <img src="something.jpg"> to a valid image url. |
|
|
|
Sep 29 2007, 03:14 PM
Post
#3
|
|
![]() Senior Member ![]() ![]() ![]() Group: Member Posts: 38 Joined: Aug 2007 Member No: 556,084 |
thank you but i have another question...
now i did all of that then i went to edit>copy html code>for all slices then i save it as a psd, but if i want to upload it, it wont work as a psd. file type so i opened it to photoshop and saved it as a jpeg file. but when i uploaded it to tinypic.com, all the links went away... what did i do wrong and what am i suppose to do. |
|
|
|
Sep 29 2007, 04:43 PM
Post
#4
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124 |
I don't think image maps work well with jpeg file types. Try re-saving it as a GIF file.
|
|
|
|
Sep 30 2007, 04:15 PM
Post
#5
|
|
![]() sang loves hayden. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 3,373 Joined: Feb 2004 Member No: 5,687 |
^ Image map works with .jpg files.
Did you put the IMAGE URL where it suppose to be in the HTML notepad? If you're still having problems use this... http://www.isdntek.com/tagbot/imap.htm It's easy and compatible if you're using 1 image. ----- Oh wait, this is sliced images + image mapping. lol. Based on Angie (SinfullySweet), you copied the HTML on a notepad or whatever. Then go to you're photoshop (On the right panel, you can choose it to be .jpg / .gif / .png, either of them will work), and I believe you go File -> Save Optimized As... Then you find all the seperate images in the "images" folder where it was saved at. Upload those images and paste the URL image onto where its needed on the notepad. It tells you where to put it since it has a name location. |
|
|
|
![]() ![]() |