Was sind Image Maps? Mithilfe von ihnen könnt ihr z.B. eure Lays mit eingebauten Links versehen, d.h. das Copyright und die Navi (Links) schon in Photoshop direkt in ein Bild einfügen!
1.) Öffnet in PS euer Lay/Bild. Ich habe das Lay von ‘Little Kitty’ (ebenfalls hier als Pop-Up-Layout auf Seite Eins zu downloaden =D) dafür benutzt.
2.) Nun wechseln wir zu Image Ready. Dazu geht ihr auf Datei > wechseln zu… > Image Ready (PS CS: Datei > In Image Ready bearbeiten)
3.) Es sollte jetzt ein neues Programm starten. Wenn es fertig geladen hat erkennt ihr schon einige Gemeinsamkeiten mit PS, aber eben auch Unterschiede. Geht in die Werkzeugleiste und aktiviert das Imagemap-Werkzeug.
4.) Nun makiert ihr eure werdenden Links genau so, als ob ihr das Auswahlwerkzeug in PS benutzen würdet. Es sollte sich außerdem nun ein Fenster aktiviert haben, das sogenannte Imagemap-Fenster. Dort könnt ihr eure URL des Links, der Text, der erscheinen soll und die Targets eingeben. Hier seht ihr die Beispiele meiner Navi:
5.) Das macht ihr nun so weiter bis ihr alle Links gesetzt habt.
6.) Jetzt speichert ihr alles es ab. Geht dazu auf Datei > Optimierte Version speichern unter…, hier könnt ihr noch wählen ob ihr nur Bilder oder auch die dazugehörige Html-site haben möchtet. Wenn ihr also alles als Html abspeichert könnt ihr es später in eurem Editor wieder aufrufen und Iframes usw. einfügen ohne den Verlust von den Image Maps zu haben 