Webhintergrund erstellen mit Photoshop CS6

Hintergründe oder Hintergrundbilder sind einer der anspruchsvollsten visuellen Teile, die in einem Webangebot zu erreichen sind. Es gibt Zeiten, in denen eine flache Farbe das Problem löst, aber es gibt andere Fälle, in denen wir dem Hintergrund ein Muster oder eine Figur hinzufügen müssen Wenn wir dies tun, sollte dies kontinuierlich erscheinen, besonders wenn wir etwas entwerfen, das sein wird reaktionsschnell.
Dafür können wir Hintergründe mit Texturen erstellen und durch einige Tricks können wir es unbegrenzt und nahtlos erscheinen lassen, auf diese Weise können wir ein Ergebnis erzielen, das professionell aussieht und nicht das gleiche Bild immer wieder wiederholen müssen.
Als erstes müssen wir unsere Basis erstellen, dazu können wir zwei Dinge tun, zum einen unsere Muster und Texturen von Hand in ein separates Dokument zu zeichnen und dann zu importieren oder zum anderen können wir die bereits enthaltenen Muster verwenden Photoshop um die Ziele zu erreichen.
Während wir lernen, den Hintergrund zu erstellen, werden wir uns für die zweite Option entscheiden, also folgen wir den folgenden Schritten:
1- Wir werden ein neues Dokument erstellen und darauf eine Basis erstellen, in der untersten oder Hintergrundebene werden wir die gewünschte Farbe platzieren.
2- Dann werden wir das Tool verwenden benutzerdefinierte Formen von Photoshop und wir für jedes der Formulare, die wir verwenden möchten, eine Ebene erstellen werden, müssen wir besonders darauf achten, nicht über die Grenzen des Dokuments hinauszugehen:

3- Wir verwenden Ebenen, um die Muster nach unseren Wünschen anzupassen. Wenn sie also so sind, wie wir sie haben möchten, wählen wir jede der Ebenen aus, die sie enthalten. Dazu klicken wir auf jede einzelne, während wir die Taste drücken VERSCHIEBUNG, dadurch wird alles, was wir berühren, zusammen ausgewählt.
4- Jetzt werden wir das Werkzeug verwenden, um die Ebenen zusammenzuführen oder einfach die Kombination drücken STRG + E auf unserer Tastatur.
5- Schließlich werden wir die einzelnen Ebenen ausblenden und nur die neue Ebene mit allen zusammengeführten Formen belassen:

Wenn wir den Hintergrund so belassen, wie wir ihn im vorherigen Abschnitt erstellt haben, werden wir bei der Verwendung in einem realen Beispiel feststellen, dass wir viele leere Räume ohne Figuren haben werden, die das erreichen, was wir von einem Hintergrund ohne Nähte oder Grenzen erreichen wollen. Dafür müssen wir diese Schritte befolgen.
1- Lass uns die Option auswählen Filter, dann die Option Andere und zum Schluss die Option Verschiebung, hier erstellen wir eine vertikale Verschiebung von der Hälfte der Größe unseres Dokuments und dieselbe für die horizontale Verschiebung.
2- Schließlich wählen wir die untere Option von volle Umdrehung und wir werden ein Ergebnis wie das folgende haben:

3- Um den Hintergrund zu vervollständigen, müssen wir nur Formen wieder einfügen, die den leeren Raum ausfüllen, der in der Mitte des Bildes gelassen wurde, und seine Grenzen respektieren.
4- Wir exportieren für das Web und haben bereits unseren Fonds:

Beim Anwenden dieses neuen Hintergrunds werden wir feststellen, dass er ohne jede Art von Naht oder Finish wiederholt wird. Es scheint also unendlich zu sein, dass wir in diesem Tutorial einen guten Hintergrund mit Texturen für unsere Webvorschläge erstellt haben.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben