So Zeichnen Sie Eine Website In Photoshop

Inhaltsverzeichnis:

So Zeichnen Sie Eine Website In Photoshop
So Zeichnen Sie Eine Website In Photoshop

Video: So Zeichnen Sie Eine Website In Photoshop

Video: So Zeichnen Sie Eine Website In Photoshop
Video: Web design tutorial: How to design Website in Photoshop 2024, Kann
Anonim

Photoshop ist ein äußerst leistungsfähiges und vielseitiges Werkzeug. Es ist nicht nur der beliebteste Fotoeditor der Welt, sondern auch ein Dienstprogramm, um alle Arten von Webdesign-Ideen zum Leben zu erwecken. Darüber hinaus eignet sich Photoshop sehr gut, um ein Layout einer Webseite oder sogar einer ganzen Site von Grund auf neu zu erstellen.

So zeichnen Sie eine Website in Photoshop
So zeichnen Sie eine Website in Photoshop

Anweisungen

Schritt 1

Starten Sie Photoshop und erstellen Sie ein neues Dokument. Drücken Sie dazu die Tastenkombination Strg + N. Wählen Sie dann den Modus "Verlauf" und füllen Sie das Dokument mit einer beliebigen Farbkombination. Die Hauptsache ist, dass die Füllrichtung von oben nach unten ist. Sie können später immer noch zusätzliche Farben einstellen. Erstellen Sie einfach eine neue Ebene und malen Sie mit einem Pinsel auf den Hintergrund. Um später Verwirrung zu vermeiden, benennen Sie die soeben erstellte Ebene in Farbe um.

Schritt 2

Texturieren Sie nun den Hintergrund der Seite, damit die Seite interessant aussieht. Wählen Sie das gewünschte Muster aus den Texturen, die das Programm anbietet. Zum Beispiel sehen Blätter oder Steinfliesen, Nachahmung von Mauerwerk, gut aus. Aktivieren Sie den Modus "Filter" und wenden Sie Artistic-Film Grain an. Dann Pixelate-Mosaik. Experimentieren Sie mit den Optionen.

Schritt 3

Nachdem Sie erreicht haben, was Sie wollen, stellen Sie den Differenzmodus auf der Registerkarte Mischmodus ein. Probieren Sie verschiedene Deckkraftwerte aus.

Schritt 4

Bereiten Sie einen Hintergrund für den Site-Namen und andere erklärende Beschriftungen vor. Wählen Sie mit dem Werkzeug Abgerundetes Rechteck (U) in einer neuen Ebene die schwarze Form aus und aktivieren Sie im Element Ebenenstil den Schlagschattenmodus. Passen Sie die Transparenz der Ebene an.

Schritt 5

Für die weitere Arbeit benötigen Sie Gruppen von Ebenen, also halten Sie die Strg-Taste gedrückt und drücken Sie die Tasten Strg + G. Wählen Sie alle bisher erstellten Ebenen aus und weisen Sie sie der Gruppe Hintergrund zu. Außerdem müssen Sie zwei weitere verschachtelte Gruppen erstellen. Die Hauptgruppe kann Home genannt werden und die interne - Logo.

Schritt 6

Schreiben Sie den Text für den Site-Header. Klicken Sie auf das Textwerkzeug und erstellen Sie eine Beschriftung in einer neuen Ebene, die in der Gruppe Logo erstellt wurde. Probieren Sie verschiedene Werte für die Ebenenstil-Parameter aus. Erstellen Sie als Nächstes eine weitere Ebene und zeigen Sie die Textinformationen in einer beliebigen geeigneten Farbe an.

Schritt 7

Erstellen Sie wichtige Site-spezifische Schaltflächen wie Anmelden und Anmelden. Dies erfordert eine Gruppe von Ebenen, die Sie so nennen können.

Schritt 8

Verwenden Sie das rechteckige Auswahlwerkzeug und dann das Verlaufswerkzeug, um den ausgewählten Bereich des Dokuments von unten nach oben mit einem Verlauf von dicht bis transparent zu füllen.

Empfohlen: