Der gesamte Prozess der Erstellung kommerzieller Webseiten mit Photoshop

Autor: Brother Mouse

Heute werde ich Ihnen den Prozess der Erstellung einer kommerziellen Webseite demonstrieren. Freunde, die sich mit Webseiten auskennen, sollten die Bedeutung von Photoshop in diesem Prozess kennen, da es die Grundlage für die Erstellung von Webseiten darstellt. Aus diesem Grund hat der Autor diese Reihe von Tutorials vorbereitet, um zu hoffen, dass Anfängerfreunde ein tieferes Verständnis für den Produktionsprozess erhalten. In den kommenden Tagen werde ich im Vergleich zu Werbealben, öffentlichen Wohlfahrtsplakaten usw. mehr vorbereiten ., der Produktionsprozess. Fangen wir jetzt an!

Werfen wir zunächst einen Blick auf die endgültigen Renderings:

Darstellungen

Abbildung (1) Wählen Sie zunächst Datei > Neu (STRG+N) und legen Sie die Parameter im Dialogfeld fest. Wie in Abbildung 1 dargestellt.

Parameter einstellen

Abbildung (2) Erstellen Sie nun eine neue Ebene. Legen Sie zunächst die Farbe des Verlaufs fest (hier verwende ich Rot und Schwarz als Hintergrundfarbe. Die Farbe kann nach Ihren eigenen Vorlieben angepasst werden.) Halten Sie Umschalt+ gedrückt Klicken Sie mit der linken Maustaste auf das Bild, um es in einer geraden Linie nach unten zu strecken. Wie in den Abbildungen 2 und 3 dargestellt. +

Verlaufseditor

Verlaufseffektdiagramm

Abbildung (3) Nachdem Sie die Hintergrundfarbe festgelegt haben, bearbeiten Sie sie mit den Brenn- und Ausweichwerkzeugen (Tastenkürzel o), um ihr ein strukturiertes Aussehen zu verleihen. Wie in den Abbildungen 4 und 5 dargestellt.

Ein bisschen wie Stoffgefühl

Werkzeuge zum Brennen und Ausweichen

Abbildung (4) Nachdem Sie mit dem Auswahlwerkzeug (Tastenkürzel m) den entsprechenden Bereich in der oberen rechten Ecke ausgewählt haben, halten Sie Strg+J gedrückt, um eine separate Ebene zu kopieren. Den Stil bearbeiten. Wie in den Abbildungen 6 und 7 dargestellt.

Halten Sie Strg+J gedrückt, um eine Ebene einzeln zu kopieren

Bearbeiten von Ebenenstilen

Abbildung (5) Wählen Sie Ebene 2 aus, verwenden Sie die gleiche Methode wie oben, wählen Sie den entsprechenden Bereich aus und halten Sie Strg + J gedrückt, um eine separate Ebene zu kopieren. Den Stil bearbeiten. Wie in Abbildung 8 dargestellt.

Wählen Sie den entsprechenden Bereich aus

Abbildung (6) Als nächstes müssen wir damit beginnen, die Ebene, die gerade im Rahmen ausgewählt und bearbeitet wurde, abzudunkeln und auszuweichen. Wählen Sie zunächst Ebene 3 aus, wie in Abbildung 9 dargestellt, und wählen Sie dann nach der Bearbeitung Ebene 4 aus, wie in Abbildung 10 dargestellt.

Führen Sie Verdunkelungs- und Aufhellungsprozesse durch

Abbildung (7) Erstellen Sie eine neue Abbildung 5. Ändern Sie nun das Bild und wählen Sie mit dem Auswahlwerkzeug den entsprechenden Bereich aus, wie in Abbildung (11) gezeigt. Füllen Sie R:255 G:2 B:252. Doppelklicken Sie zum Bearbeiten auf Ebene 5 der Stil. Wie in Abbildung (12) dargestellt. Passen Sie die Transparenz dieser Ebene auf 40 % an. Wie in Abbildung (13) gezeigt

Verwenden Sie das Auswahlrechteck-Werkzeug, um einen geeigneten Bereich auszuwählen

Bearbeiten des Ebenenstils

Transparenz der Ebene

(8) Erstellen Sie eine neue Ebene, wählen Sie den Bereich aus und füllen Sie ihn mit R:255 G:2 B:252. Bearbeiten Sie den Stil wie in (14) gezeigt und stellen Sie die Transparenz dieser Ebene auf 0 ein.

Bearbeiten des Ebenenstils

Abbildung (9) Jetzt geben wir den Text ein (Sie können sich auch einen Namen ausdenken, der Ihnen gefällt). Ich werde die Webseite Heitongdiba nennen und einige Schriftarten entsprechend eingeben. Wie in Abbildung (15) dargestellt.

Geben Sie Text ein

Bild (10) Ok, jetzt müssen wir die Schriftart verarbeiten, die schwarze Pupille des Themas ändern, auf die Ebene doppelklicken, um sie im Stil zu bearbeiten, wie in (16) gezeigt, und die Transparenz dieser Ebene auf 0 einstellen.

Schriftarten verarbeiten

Abbildung (11) Suchen Sie einige verwandte Bilder und fügen Sie sie ein (aber sie müssen zu dem von Ihnen angegebenen Thema passen, suchen Sie nicht nur ein paar Bilder.) und fügen Sie dann die Bilder zur Bearbeitung in den Stil ein. Wie in Abbildung (17) gezeigt

Wenn das

Ebenenstilbild

Fügen Sie einige kleinere Änderungen hinzu

Erledigt! Schauen wir uns das Endergebnis an.

endgültige Wirkung

Sobald eine Webseite fertig ist, können Anfänger mit diesen einfachen Methoden versuchen, eine eigene Webseite zu erstellen. Jedes Design muss nicht unbedingt viele Effekte haben, um gut zu sein. Manchmal ist Einfachheit auch eine Art Schönheit. Wenn Sie im Tutorial anderer Meinung sind, hoffe ich, dass Sie mit mir Kontakt aufnehmen können: 95512068.