Design Tip: Image Maps

Over the summer I created a blog called 10 Pretty Things, where each blog post is a single image with 10 "pretty things" in it, from pretty oxfords, to pretty dresses, and pretty iPhone covers. Each item in the collage has a clickable link to its source.

I received a couple of emails asking how I created my image maps and I'm happy to show you how I do it. You'll need an application (Adobe Photoshop, Gimp, etc.) that will show the coordinates of an image. I used Adobe Photoshop CS3 in the screencast where I walk through the steps of creating an image map.

Test the image map demo (created in the video):

Sites mentioned in the tutorial:
I Art U
Pink Bow
The Curiosity Shop
The Maddy Chronicles