| Making Image Maps with Image Ready CS2 This tutorial will teach you how to create an Image Map navigation system. First, open up the image you want to add the image map to in Adobe Photoshop. I will be using this one:
Image Copyright Neopets, Inc.
Now, add your text that you want to become clickable hyperlinks on your image. Mine looks like this:
Okay, now jump to Image Ready (hold down 'Ctrl, Shift, and M' for 'Windows or Command, Shift, and M' for Macs). Select the Image Map pallette by going to Window>>Image Map. Now, select the Rectangle Image Map Tool from the Tools pallette.
Using that tool, select the text you want I-mapped.
Now, jump down to your Image Map window. In the "Name" box, type a name for that map. It's just a way to identify the link. In the URL box, type the URL you want your map to link to. That's all you really need, but you can type in the Target and Alt if you want to, but I'm not going to for this tutorial.
After doing all of this for each link you wish to add to your image, click Edit>>Copy HTML Code>>For All Slices. That, my friend, is the code for your Image Map. Paste it into your webpage from there. ;)
(Hover over the words below, and click to see my special friends & partners!) (May result with broken links)
I hope this tutorial has helped you! Feel free to email me with any questions or comments!
You have now completed this tutorial! Thank you for using our tutorials service. If you have any questions or comments, then please post your thoughts below.
| Written by: Pup | Added: Mon, Jul 14 2008 | Last Modified: Mon, Jul 14 2008 | Views: 125 |
| Member Comments |
| Haily |
Monday, July 14, 10:11 pm PST - Quote - |
Administrator
Age: 16
Gender: Male |
Really great tutorial, Pup! I learned something new with this tutorial that I may use some time in the future. =)
|
|
| Steph |
Tuesday, July 15, 9:42 am PST - Quote - |
Gender: Female |
Nice tutorial,
Proud Owner of Athenia! |
|
| Pup |
Tuesday, July 15, 11:15 am PST - Quote - |
Age: 14
Gender: Female |
Thank you  Glad you learned something new, Haily 
|
|
| Marcus |
Tuesday, July 15, 8:03 pm PST - Quote - |
|
Thanks Pup. I have always had trouble with making an image map... always had to get someone else to do it for me 
|
| In order to post a comment, you must be logged into the IceCaves.net Community.
Click here to login. |
- Layout, Content, & Coding © 2008 IceCaves.net - 28,305 unique visits recorded since April 10, 2008 | |
