Holztextur in Photoshop erstellen

Vor einigen Tagen war es wieder so weit: Ich entwarf ein neues Design und es stellte sich mal wieder die (für mich) schwierige Frage, wie der Hintergrund aussehen soll. Ich entschied mich für einen Holzhintergrund, nur ist es recht schwierig einen guten, kostenlosen, nicht geschützten und wiederholbaren Hintergrund bzw. Textur zu finden, die nicht schon jeder hat. So blieb mir die einzige Möglichkeit diesen selbst zu erstellen – in Photoshop versteht sich

Da ich ein offener und gutherziger Mensch bin, stelle ich mein Wissen mal wieder in einem Tutorial zu Verfügung. Ich hoffe man kann damit was anfangen!

Auf geht’s!

Als erstes habe ich ein neues Projekt mit 500 x 500 Pixel erstellt. Ein Doppelklick auf die Hintergrund-Ebene und ein anschließender Klick auf die Schaltfläche OK deaktiviert die Sperrung dieser Ebene. Der folgende Schritt entscheidet bereits über die Intensivität der Faserung unserer Holzfläche.

Dazu habe ich in der Farbpallte die Vorder- und Hintergrundfarbe bestimmt. Als Vordergundfarbe #8b8b8b und der Hintergrund bakam #000000 (schwarz) zugewiesen.

Fasern erstellen

Als nächstes werden die Jahresringe, die man oft auf Laminat sieht, generiert. Filter >> Renderfilter >> Fasern… Ich habe mich für eine nicht ganz so dominante Struktur entschieden, denn der Hintergrund soll eben, wie es der Name schon sagt, nur im Hintergrund sein und nicht vom Content ablenken, nämlich Varianz 14 und Stärke 6. Ein Klick auf die OK-Schaltfläche bestätigt dies.

Astlöcher

Die markanten Unregelmäßigkeiten wie Astlöcher oder Verwirbelungen werden direkt danach erstellt. Dazu Auswahlellipse-Werkzeug, aktiviert die Weiche Kante – Funktion und wählt ca. 10-30 Pixel (je nach Größe des Auswahlbereiches) aus. Jetzt kann ein kleinerer Kreis in der unteren Bildhälfte gezogen werden. Warum gerade in der unteren Bildhälfte klären wir gleich. Just folgen die Klicke auf Filter >> Verzerrungsfilter >> Strudel… sowie die Spielerei mit dem Schieberegler.

Genau so (nur eben mit anderen Werten) wird dieser Arbeitsschritt noch ein bis zweimal ausgeführt, jedoch bitte immer darauf achten, dass man in der unteren Hälfte des Bildes bleibt!

Die Grafik wiederholbar machen

Bis jetzt sieht man also in seinem Dokument ein schwarz-weißes Bild mit ein paar Verzerrungen. Würden wir dieses nun abspeichern und in unsere Website einfügen, oder als Muster festlegen, so würde es oben, unten und an den Seiten hässlich abgehackt aussehen. Darum kümmere ich mich in diesem Schritt. Mit der Tastenkombination cmd + j (Windows Strg+J) wird die Ebene dupliziert. Diese muss jetzt durch einen Klick auf Bearbeiten >> Transformieren >> Um 180° drehen um 180° gedreht werden. Als nächstes folgt die horizontale Spiegelung mit Bearbeiten >> Transformieren >> Horizontal spiegeln. Wir fügen eine Ebenenmaske hinzu und wählen das Verlaufswerkzeug aus. Die Farben müssen jetzt zurück gesetzt werden. Das passiert wenn wir einmal auf d drücken. Jetzt muss bei gedrückter Shift-Taste ein Verlauf in der Mitte des Bildes von oben nach unten gezogen werden. Dadurch wird ein weicher, aber nicht sichtbarer Übergang von der Gespiegelten- zur Hintergrundebene erzeugt. Jetzt ist unser Bild ohne sichtbare Grenze wiederholbar. Was noch fehlt ist die Farbe!

Das Bild färben

Das Bild zu färben ist wohl der einfachste Schritt. Hierzu wird eine neue Ebene erstellt, diese mit dem Füllwerkzeug beispielsweise mit dem Farbcode #ffb96e gefüllt und die Füllmethode auf Hartes Licht gestellt.

Fertig!

Projektdatei als PSD downloaden

Ich hoffe das Tutorial ist wieder verständlich und gefällt. Kritik, Wünsche und Lob sind per Kommentare willkommen

Wer Probleme hatte, für den Könnte das Video hilfreich sein!

Bis zum nächsten Mal.