Wie man ein Web Template in Adobe Photoshop CS3

October 19

Wie man ein Web Template in Adobe Photoshop CS3

Adobe Photoshop CS3 ist ein leistungsfähiges Web-Layout-Tool zusätzlich zu seinen Fähigkeiten als ein Foto-Bearbeitungsprogramm. Benutzer können Vorlagen für Webseiten erstellen, die die verschiedenen Elemente der Seite trennen, so dass sie separat zur Maximierung der Seitenleistung optimiert werden können. Erstellen einer Webvorlage in Photoshop CS3 ist so einfach wie das Erstellen eines Layouts und mithilfe des Programms "Slice-Werkzeug." Photoshop übernimmt grundlegende HTML-Programmierung und läßt, die Sie konzentrieren sich auf das Erstellen der attraktivste Webseite möglich.

Anweisungen

1 Öffnen Sie Photoshop CS3 zu, und wählen Sie "Datei > neu" eine neue Leinwand erstellen. Wählen Sie "Web" aus "Preset" Drop-Down-Menü und Ihre bevorzugte Seite Vorlage Auflösung in der von der "Größe" Dropdown-Liste. Klicken Sie auf "OK".

2 Fügen Sie visuelle Elemente wie Fotos oder andere äußere Kunst mit dem Befehl "Datei > Place". Sie können Ihre Kunst durch Klicken und ziehen die Ankerpunkte entlang des Begrenzungsrahmens ändern, und Sie können es durch anklicken und ziehen außerhalb des Begrenzungsrahmens verschieben. Sie können auch hinzufügen visuelle Elemente Ihrer eigenen mit Photoshop Werkzeugen wie dem "Pinsel" und die Form-Werkzeuge.

3 Hinzufügen von Text zu Ihrer Seite mit dem "Text-Werkzeug," befindet sich im Bedienfeld "Werkzeuge" auf der linken Seite des Bildschirms. Sie können eine Absatz-Box erstellen, die zu beschränken wird, die Text durchlaufen kann, durch Klicken und ziehen mit dem Tool.

4 Wählen Sie das Slice-Werkzeug aus dem Bedienfeld "Werkzeuge". Klicken Sie und ziehen Sie, um jedes Element Ihrer Webseite Vorlage Scheiben jeweils zu erstellen. Das Aufteilen Ihrer Seite und können Sie jedes Element für die effizienteste Darstellung zu optimieren und im Web verwenden.

5 Zurück zum Menü "Datei" und wählen "Für Web und Geräte speichern". Stellen Sie sicher, dass das "Handwerkzeug" in dem daraufhin angezeigten Dialogfeld ausgewählt ist. Wählen Sie ein Element der Seitenvorlage und beachten Sie die Optionen auf der rechten Seite des Dialogfelds.

6 Passen Sie das Anzeigeformat für jedes Segment, basierend auf Ihren eigenen Präferenzen (schwarz und weiß und Text Bilder sind am besten als GIF-Dateien während Fotografien und Bilder hoch-Farben am besten sind als JPEG-Dateien gespeichert gespeichert). Passen Sie die Felder "Qualität" oder "Farbe" für jedes Segment zur Optimierung der Ladezeit und Anzeigeleistung im Web. Die meisten Bilder werden mit wenig bis keine Verschlechterung bei viel geringerer Qualität als die Standardeinstellung angezeigt. Klicken Sie auf "Speichern", wenn Sie jedes Segment entsprechend optimiert haben.

7 Geben Sie einen Titel und speichern Sie Speicherort für die Web-Vorlage und stellen Sie sicher, dass das "Format" Menü angepasst wird "HTML und Bilder." Klicken Sie auf "Speichern".