Photoshop Basics Unit 09 - Image Maps

hands image for links

This page has two sets of image maps, each with ten links to the ten units.

For the large rainbow hands I placed my own hand on the scanner and put the file in Photoshop. I then erased the background and used one of the filter Artist effects on the hands to produce a more painted look than the photograph. Then I used a rainbow gradient overlay with 25% transparency for the left and and 37% on the right hand.
Next I painted the fingernails. I decided that I need some fingerprints for my page so I made these with black ink on paper, scanned them into Photoshop and re-colored them. For the shadow effect I made a copy of the hand, darkened it, blurred the image and placed it underneath the rainbow hand.
I used the text tool and placed numbers on the fingernails for the place where the image map will point to.

Lastly I dragged the text of my Photoshop Portfolio into the file. I saved the Photoshop file which was 2 megs as a JPEG which shrunk down to about 90k. Then I made an image map to fit the text with the URLs to take you back to the Portfolio Home page at top and the various units. You will see the hand pointed if you mouse over the image.
Note that I made a link at the top, "Adele Aldridge, Photoshop Portfolio" to take you back to the Portfolio home page. I used that same technique on all the units.
The hands at the bottom are all in one image. I wanted to use the theme of the painted hand on the front page in the links for all the Units. I began with the custom shape of the hand that I created in Unit 5.
I removed the drop shadow of the hand shape in the smaller image for the links at the bottom of the page because when using these ten images, all in different colors on different backgrounds through out the portfolio, inevitably one of the images did not blend well with the back ground. I needed a transparent GIF file, so I reduced the original hand in size, copied the same colors into the ten images and placed them in one document. I added an image map, with 10 different URLs to the different aunt and placed it on all Unit pages.
I think back to the early days when Photoshop did not have layers and do not see how I could have made this image. I can remember back to days before there was Photoshop at all, or before computers. Mind boggling how fast technology has improved the techniques for artists.

hands links Unit 01 Unit 02 Unit 03 Unit 04 Unit 05 Unit 06 Unit 07 Unit 08 Unit 09 Unit 10

Unit 01 Unit 02 Unit 03 Unit 04 Unit 05 Unit 06 Unit 07 Unit 08 Unit 09 Unit 10

Photoshop Portfolio Home Adele Aldridge logo link to unit 1 link to unit 3 link to unit 2 link to unit 4 link to unit 5 link to unit 6 link to unit 7 link to unit 8 link to unit 10