Wie man Webseiten mit Photoshop, ImageReady

February 22

Ältere Versionen von Adobe Photoshop, vor der Einführung der Creative Suite 2 (CS2) vorgestellten ImageReady, ein Programm weitgehend verwendet, um animierte Bilder zu exportieren. ImageReady kann verwendet werden, um Webseiten zu exportieren, die in Adobe Photoshop erstellt wurden. Beide Programme verfügen über Interoperabilität, die zwischen den beiden Programmen je nach Bedarf, mit wenig bis keine Unterbrechung im Arbeitsablauf wechseln erleichtert.

Anweisungen

1 Das Bildbearbeitungsprogramm Adobe Photoshop zu öffnen und eine neue Datei erstellen. Die Datei sollte größer als 800 x 600 Pixel auf den meisten Monitoren richtig passen. Erstellen Sie eine separate Datei für jede Seite Ihrer Website.

2 Fügen Sie Text und Grafiken für Ihre Website. Verwenden Sie das Slice-Werkzeug in Scheiben, darunter separate Scheiben für Navigations-Schaltflächen, Menüpunkte und Ihre Content-Bereich die Seite unterteilen. Wenn fertig, speichern Sie die Datei im Format "PSD".

3 Suchen Sie im Hauptmenü auf der linken oberen Ecke des Bildschirms. Klicken Sie auf "Datei" und wählen Sie "Bearbeiten in ImageReady" im Dropdown Feld. Dies überträgt Sie auf Adobe ImageReady.

4 Wählen Sie das Slice-Auswahl-Werkzeug und klicken Sie auf jedes Element-Segment Schaltfläche oder Medien. Geben Sie den Namen jeder oder ein Menüelement und die URL-Adresse in die entsprechenden Textfelder, wenn nötig. Wählen Sie die Registerkarte "Vorschau" und wählen Sie, ob Sie das Bild, das das Segment erstellen im Format "GIF" oder "JPEG" zu sein.

5 Klicken Sie auf "Vorschau in Datei" und wählen Sie den Browser, dem Sie der Web-Seite mit Vorschau anzeigen möchten. Um die Datei zu speichern, klicken Sie auf "Speichern optimiert." Wählen Sie "Save Webpage als HTML und Bilder", und wählen Sie die Option "alle Slices".

Tipps & Warnungen

  • Adobe Photoshop CS3 integriert viele Features wie in ImageReady. Erstellen und Exportieren einer mit dieser Website und neuere Versionen von Adobe Photoshop erfolgt auf die gleiche Weise wie frühere Versionen von Photoshop, die ImageReady enthalten.

SIE KÖNNEN AUCH GERNE