Photoshop ist keine Website Building-Tool , aber es kann sich bei der Planung und Gestaltung Ihrer Website von unschätzbarem Wert. Photoshop ermöglicht es Ihnen, das Aussehen zu realisieren und von Ihrer Website zu fühlen und einfach Änderungen vornehmen , bevor Sie die Website zu bauen. Der Aufbau einer Website in Photoshop ist eine relativ einfache Aufgabe, aber es ist wahrscheinlich viel Versuch und Irrtum zu nehmen, bevor Sie ein Design, dass du glücklich bist mit erstellen. Things You
Photoshop oder ähnliche Bildbearbeitungs- Software
brauchen anzeigen Weitere Anweisungen
Gestaltung Ihrer Website mit Photoshop
1
Erstellen Sie eine neue Datei in Photoshop. Stellen Sie die Breite der Datei zu 1.024 Pixel und die Höhe auf 1000 Pixel.
2
Drücken Sie Strg R (Cmd R für Macs) , um die Herrscher sichtbar auf die neue Datei .
< Br > Seite 3
auf dem horizontalen Lineal klicken und nach unten ziehen , um eine neue horizontale Richtlinie zu erstellen. Verschieben Sie diese Richtlinie, um 20 Pixel vom oberen Rand des Bildes. Erstellen Sie eine weitere horizontale Führung und ziehen Sie es auf 20 Pixel vom unteren Rand des Bildes .
4
Klicken Sie auf das vertikale Lineal und ziehen Sie es über eine neue vertikale Leitlinie zu erstellen. Verschieben Sie diese Richtlinie, um 20 Pixel von der linken Seite des Bildes. Erstellen Sie eine weitere vertikale Führung und ziehen Sie es auf 20 Pixel von der rechten Seite des Bildes. Jetzt haben wir die Anfänge eines Website-Layout . Diese Führungen geben uns die Margen von den Rändern des Bildschirms und definieren den Bereich, in dem der Inhalt der Webseite platziert werden .
5
Klicken Sie auf das horizontale Lineal und ziehen weitere horizontale Führung bis auf die untere gesetzt Grenze von Ihrer Website -Header. Über 100 Pixel vom oberen Rand der Seite sollte Ihnen die Zimmer Sie benötigen. Wiederholen Sie diesen Vorgang , um den Rand Ihrer Website footer gesetzt , die Definition der Fußzeile als etwa 100 Pixel vom unteren Rand des Bildes .
6
Klicken Sie auf die Schaltfläche " Neue Ebene hinzufügen " -Button in der Ebenen-Palette . In dieser neuen Schicht , wählen Sie den Bereich, den Sie für die Kopfzeile mit der rechteckigen Auswahl-Werkzeug definiert. Wählen Sie eine hellgrüne Farbe aus der Farbpalette und füllen Sie Ihre Auswahl mit ihm. Wiederholen Sie diesen Vorgang für die Fußzeile und dem mittleren Abschnitt , oder Körper. Verwenden Sie die gleiche grüne für die Fußzeile , sondern verwenden eine leuchtend rote für den Körper. Dies sind nicht die Farben, die Sie für die Website sind nur weitere Führungen zu verwenden, wie Sie das Design der Webseite nutzen werde .
Wiederholen Sie diese Schritte , um weitere Bereiche der Website zu definieren. Zum Beispiel, wenn Sie die Spalten in den Körper möchten, verwenden Sie Führungen zu den oberen, unteren , linken und rechten Rand dieser Spalten definieren . Dann verwenden hellen Farben auf Ihrem neuen Schicht , um das Layout zu definieren.
