Wie man eine PSD-Datei anklickbar machen

Adobe Photoshop unterstützt Sie PSD-Dateien für das Web zu verwalten. Eine PSD-Datei kann in kleinere Abschnitte zur Verringerung der Dateigröße im Internet (in Scheiben) unterteilt werden. Wenn ein Bild geschnitten ist, bleibt das ursprüngliche Bild erhalten. Jedes Segment wird jedoch in ein separates Bild innerhalb dieser Datei umgewandelt, so dass jedes Segment auf eine andere URL (Internetadresse) zeigen kann. Das Tool "Slice-Auswahl" können Sie Segmente in Photoshop ändern. Sie können angeben, wo jedes Segment verbindet und wie der Link öffnet, wenn darauf geklickt wird. Photoshop erzeugt HTML-Code für die Segmente unter Beibehaltung ihrer Einstellungen.

Anweisungen

1 Öffnen Sie die PSD-Datei, die Sie in Adobe Photoshop ändern möchten. Wählen Sie das Werkzeug "Slice" aus der "Tools"-Palette.

2 Verwenden Sie Ihre Maus auf ein Feld um einen Bereich des Bildes zeichnen slice und anklickbar machen möchten. Wiederholen Sie diesen Schritt, um zusätzliche Segmente erstellen.

3 Klicken Sie auf das Tool "Slice-Auswahl" aus der Palette "Tools".

4 Doppelklicken Sie auf das Slice anklickbar machen möchten. Das Dialogfeld "Slice-Optionen" wird geöffnet.

5 Gehen Sie in das Textfeld "Name". Es ist bereits ausgefüllt mit dem Namen Ihrer PSD-Datei und eine Zahl, z. B. "myimage_01." Geben Sie dem Slice einen aussagekräftigeren Namen, der seinen Zweck darstellt. Beispielsweise wenn das Slice auf Ihre Kontakt-Seite verweist, können nennen Sie es "Kontakt."

6 Gehen Sie in das Textfeld "URL". Geben Sie die Adresse der Website, die das Segment auf, z. B. "http://www.mywebsite.com/contact.html." verlinken soll

7 Geben Sie das Zielfenster in das Textfeld "Ziel", wie "_blank" auf den Link in einem neuen Fenster geöffnet.

8 Legen Sie eine Beschreibung zum Bild in das Textfeld "Alt-Tag" und klicken Sie auf "OK".

9 Wiederholen Sie die Schritte vier bis acht zusätzliche Segmente anklickbar machen.

10 Wählen Sie "Datei" und "Für Web und Geräte speichern". Im Fenster "Speichern für Web & Geräte" wird geöffnet. Wählen Sie die Registerkarte "4-Up" am oberen Rand des Dialogfelds, und wählen Sie das Vorschaufenster zu verwenden, um die Dateigröße zu reduzieren.

11 Klicken Sie auf "Speichern". Sie werden direkt an das Fenster "Speichern optimiert unter" Speichern Sie die optimierten Dateien und den HTML-Code generieren.

12 Wählen Sie am unteren Rand des Dialogfelds "HTML und Bilder" für die Option "Format". Geben Sie den Namen der HTML-Datei, die Sie in das Textfeld "Dateiname" erstellen möchten. Klicken Sie auf "Speichern".

13 Minimieren Sie Photoshop und suchen Sie die HTML-Datei, die Sie gespeichert. Doppelklicken Sie auf die Datei, um es in einem Webbrowser zu laden.

14 Klicken Sie auf ein Segment, das einen URL-Link (in Schritt 6 hinzugefügt) enthält. Der Link öffnet die Website-Speicherort, die Sie angegeben.