Es ist nicht sehr schwierig, eine Website-Vorlage in Photoshop zu erstellen. Die Vorlage enthält beispielsweise Menüs, Suchformulare, Grafiken, möglicherweise etwas Text. Die Site selbst wird bereits auf dieser Basis programmiert.
Anweisungen
Schritt 1
Beginnen Sie mit der Gestaltung Ihrer Site-Vorlage in Photoshop, indem Sie ein neues Dokument mit einer Größe von 1020 x 1020 pic erstellen. Machen Sie den Hintergrund weiß. Setzen Sie die Vordergrundfarbe auf # c5e0dd und die Hintergrundfarbe auf # ece5cf.
Schritt 2
Nehmen Sie das Verlaufswerkzeug und wählen Sie den ersten Fülltyp im Einstellungsfenster aus. Ziehen Sie eine Verlaufslinie von oben nach unten über das weiße Feld.
Schritt 3
Schnappen Sie sich das Text-Tool, schreiben Sie Ihren Site-Titel in die obere rechte Ecke, damit er mit dem Suchformular übereinstimmt, das sich in der oberen linken Ecke befindet. Stellen Sie die Schriftgröße ein, zum Beispiel 12.
Schritt 4
Um die Suchform zu erstellen, wählen Sie das Rechteck-Werkzeug aus und zeichnen Sie ein weißes Rechteck in der oberen rechten Ecke. Wenden Sie die folgenden Ebeneneinstellungen an: Innerer Schatten - Mischmodus - Multiplizieren, Farbe - # a2b7b1, Deckkraft - 43, Winkel - 90, Distanz - 0, Drossel - 0, Größe - 10.
Schritt 5
Verwenden Sie das Textwerkzeug, um innerhalb dieser Form einen weichen Text zu erstellen.
Schritt 6
Wählen Sie das Werkzeug Abgerundetes Rechteck aus und erstellen Sie eine Schaltfläche innerhalb der Suchform am rechten Rand. Wenden Sie die folgenden Ebenenstile an: Verlaufsüberlagerung - Mischmodus - Normal, Deckkraft - 100, Verlauf von dunkel nach hell (Farben von # 754f39 bis # a1704f), Stil - Linear, Winkel - 90, Skalierung - 59.
Schritt 7
Verwenden Sie das Textwerkzeug, um "go" oder ähnliches auf diese Schaltfläche zu schreiben.
Schritt 8
Um die Navigation zu erstellen, nehmen Sie das Werkzeug für abgerundetes Rechteck und zeichnen Sie ein langes Rechteck unter dem Titel und der Suchform. Wenden Sie die folgenden Ebenenstile an: Verlaufsüberlagerung - Mischmodus - Normal, Deckkraft - 100, Verlauf von dunkel nach hell (Farben von # 76503e bis # a46ecd), Stil - Linear, Winkel - 90, Skalierung - 59; Strichstruktur - 1, Position - Innen, Mischmodus - Normal, Deckkraft - 100, Fülltyp - Farbe, Farbe # 9F6038.
Schritt 9
Nehmen Sie das Abgerundete Rechteck-Werkzeug und zeichnen Sie ein kleines Rechteck auf der linken Seite der Navigationsleiste. Wenden Sie die folgenden Ebenenstile an: Innerer Schatten - Mischmodus - Multiplizieren, Deckkraft - 75, Winkel - 90, Distanz - 1, Drossel - 0, Größe - 8; Verlaufsüberlagerung - Mischmodus - Normal, Deckkraft - 100, Verlauf von dunkel nach hell (Farben von # 76503c bis # a46e4d), Stil - Linear, Winkel - 90, Skalierung - 59; Strich - Struktur - 1, Position - Innen, Mischmodus - Normal, Deckkraft - 100, Fülltyp - Farbe, Farbe # 8f6347.
Schritt 10
Fügen Sie der Navigationsleiste Beschriftungen hinzu.
