Home |Graphics & Tutorials |Member Community |Community Forums |Community Sidebar |Topsites Listing
Current Time
 PST
Weekly Poll
How old are you currently?
Under 13
13-17
18-25
26 or older

View Results
Departments
Home
Graphics & Tutorials
Member Community
Community Forums
Community Sidebar
Topsites Listing
The Website
Contact Us
Apply For Affiliate
Awards
Link Back
Random Stats
The IceCaves Team
To-Do List
Photoshop Tutorials
Zoom Effect
Planet Abstract
Image Maps
Animated Glitters
Downloads
Gradients
Patterns
Public Graphics
- Submit a Graphic -
Avatars
Forum Sets
Image Blogs
Page Dividers
Userbars
Wallpapers
Welcome Signs
Resources
Hex Color Codes
Installing PS Presets
Free Image Hosting
FileAve
ImageShack
TinyPic
Photobucket
Partner
The Hannah and the Pirate Caves Cavemaking Interguild
Featured Affiliates
Guildpets
Neo-Faerie Wings
Neo Wishes
Aqua Neo
Neoeditor
Avvie Neo
StarryGraphics
The IceCaves.net Topsites

Valid HTML 4.01 Transitional

Valid CSS!
Community Chat BoxThe IceCaves.net Topsites
Top 10 Sites - [Join Your Site] - [All Sites] - [RSS]
Sites - (unique visits)TodayAverage
1.NeoBillonarios.com20564090.2
2.Neopia.com.br20903542.3
3.FGN-Guild.com361969.5
4.Asopet.comitan.com350785.2
5.Jaraya157570.8
6.Neotacular79361.9
7.Guildpets131321.8
8.NeoAcademy0319.3
9.IceCaves.net99284.6
10.Neopets Forever76282
14.Neo-Reality (featured)60206.4
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

Welcome!
IceCaves Username:

Password:


Not a member?
Register for free!
Last Seen Members
Pup0:25 ago
Hannah Banana1:01 ago
JAMES5:24 ago
Haily15:18 ago
gamesmaster116:24 ago
honeybird16:42 ago
scarlett17:25 ago
babypoof917:55 ago
2withyoda18:31 ago
Hamsterzfinch20:36 ago
superbob9400022:05 ago
Rhama22:05 ago
Lion35:02 ago
freedomhorse41:28 ago
iimmortaall41:29 ago

Total Members: 1252
Visitors Online: 9
Within last 24hrs: 359
Recent Forum Topics
Count to 2500
Old IceCaves M...
This or That?
contrapitons
Word Association
I think more s...
Get to know th...
Exploding Diap...
Battling
//Make-A-Island/
- Forums Index -
Latest Comments
News Updates
New Link Bann... - JAMES
A New Look! - Lion
A New Look! - Rhama
A New Look! - shado...
A New Look! - JAMES
A New Look! - super...
A New Look! - games...
Photoshop Tut... - shado...
Articles
To-Do List - Rhama
To-Do List - shado...
To-Do List - Haily
To-Do List - JAMES
To-Do List - Haily
To-Do List - shado...
To-Do List - Haily
To-Do List - freed...
Downloads
Line Patterns... - shado...
Line Patterns... - Haily
Line Patterns... - shado...
Line Patterns... - shado...
Line Patterns... - Haily
Line Patterns... - shado...
Line Patterns... - Marcus
Line Patterns... - Haily
Graphics
Rainbow water - JAMES
The Consuming... - Haily
Rainbow water - Haily
Rainbow water - JAMES
Rainbow water - JAMES
Rainbow water - Rhama
Alien Divider - JAMES
Alien Divider - games...
Web Affiliates - [About/Apply]
Feel free to visit any of the websites below.

Featured Graphics-Related Affiliates

Ego Box Shadowedlife Paint-Pops.net

| Neo-Reality | Paint-Pops.net | Neo-Faerie Wings | Ego Box | Guildpets | Shadowedlife | Soo-Sweet | Sketched Neo | Neo Nutters | The Daily Neopets | Neopets Help | Neo-Confessions |

| RainbowBliss | Usukicon | Aqua Neo | Neotacular | Animal Palace | Neo Crave | Neoeditor | Neo-Richies | SunshineNeo | FGN-Guild.com | Twinkle Neo | NeoMallers Portal | StarryGraphics | Erased-Neo | Neo-Fanatics | Neo Wishes | Baby Doll Graphics | Avvie Neo | NEOHEADS | The Woolly Llama | ButtercupNeo |
Pending, Vintaged