Erstellen eines Website-Hintergrunds, inspiriert von Spatula Stuhhi

Ich arbeite an einer Website für einen Freund von mir. Es ist ein sehr minimalistisches Webdesign und im Moment verwende ich einen dunkelgrauen Hintergrund. Wenn jedoch Bilder wie diese gefunden werden:

http://www.puurkleur.com/afbeeldingen/gallery/Spatula_Stuhhi_01.jpg
http://www.puurkleur.com/afbeeldingen/gallery/la_casa_dei_sogni_01.jpg

Ich möchte einen ähnlichen Effekt für den Hintergrund erstellen, anstatt nur die eine Farbe Grau. Das erste Glied gefällt mir am besten, es ist nicht nur 1 Farbe, aber nicht zu kontrastreich und dezent. Ich habe keine Erfahrung mit Photoshop, ich habe versucht, einige Tutorials zu finden, aber ich kann keines finden, das dem Effekt entspricht, den ich erzielen möchte. (Wahrscheinlich, weil ich die Begriffe nicht kenne, sollte ich googeln) Ich habe versucht, mit dem Farbverlauf und dem Pinselwerkzeug herumzuspielen, aber es ist nicht einmal annähernd das, was ich erreichen möchte.

Weiß jemand, welche Photoshop-Techniken verwendet werden sollten, um ähnliche Effekte zu erzielen? Wenn ich das wüsste, könnte ich genauer googeln und wahrscheinlich werde ich einige gute Tutorials finden.

Vielen Dank im Voraus.

Ich denke, wonach Sie vielleicht suchen sollten, sind Tutorials zu Beton- oder Stuckwänden.

Antworten (2)

Wenn Sie etwas Realistisches brauchen, sind echte Fotos die beste Wahl.

  1. Wenn Sie eine gute Kamera haben, können Sie selbst eine fotografieren. Finden Sie ein Muster, das Ihren Erwartungen entspricht, und bearbeiten Sie es nach, bis Sie das zufriedenstellende Ergebnis erhalten. Angesichts der Abstraktheit des Bildes kann die Nachbearbeitung besonders aufwendig sein – etwas, das ein weniger abstraktes Foto völlig unrealistisch und oft hässlich erscheinen lassen würde.

  2. Wenn nicht, sind Stockfotos eine Option, die Sie in Betracht ziehen sollten. Abhängig von der Lizenz können Sie diese möglicherweise auch nachbearbeiten.

Das macht die Fotos, auf die Sie verlinkt haben, so interessant für die Verwendung als Hintergrund. Sie sind realistisch, mit einem leichten DOF, dunkleren und helleren Zonen usw.

Wenn der Hintergrund nicht fotorealistisch sein muss, aber immer noch weniger grundlegend als Texturen aus den zehn Jahre alten Videospielen, mit ihrer spürbaren Wiederholung, ist es immer noch viel Handarbeit, zu kompliziert, um es in wenigen Sätzen zu erklären .

MainMa hat Recht, dass normalerweise der beste Weg, um eine gute Textur zu bekommen, darin besteht, hinauszugehen und die Textur selbst zu fotografieren. Das Schwierige am Webdesign ist jedoch, dass Sie möchten, dass Ihr Hintergrund über alle Displays hinweg nahtlos ist. Die meisten Fotos können Ihrer Website zwar eine schöne Tiefe und Charakter verleihen, sind aber nur so groß. Das bedeutet, dass Sie (auf größeren Displays) einen deutlichen Rand zu Ihrem Hintergrund haben, der vom Design ablenken wird. Also, wie wirkt man dem entgegen? Sie verwenden eine wiederholbare (oder kachelbare) Hintergrundtextur, die unendlich wiederholt werden kann, um den erforderlichen Platz zu füllen.

Es gibt ein paar großartige Ressourcen für wiederholbare Hintergrundtexturen: Subtle Patterns http://subtlepatterns.com/ und Tileables http://tileabl.es/ sind zwei meiner Favoriten.

Eine letzte Anmerkung zur Hintergrundtextur. Ich weiß, dass Sie eine wirklich interessante, einzigartige Textur für den Hintergrund wünschen, aber ich möchte Sie herausfordern, darüber nachzudenken, wie dies dazu beiträgt, die Geschäftsziele Ihres Kunden für seine neue Website zu erreichen. Hintergrundtexturen sollen nicht im Mittelpunkt der Website stehen. Sie sollen ruhig im Hintergrund stehen und den Inhalt der Seite erstrahlen lassen. Ich kenne die Ziele Ihres Kunden nicht und vielleicht ist ein supercooler, auffälliger Hintergrund genau das, was er braucht. Stellen Sie einfach sicher, dass Ihre Designauswahl den geschäftlichen Anforderungen Ihrer Kunden entspricht und Sie nicht nur cool aussehen. :)