25 brillante Verwendungen von bunten Spektren im Webdesign

Ich habe einen neuen Trend im Webdesign bemerkt, der die Verwendung von bunten Spektren als Hauptgestaltungselement beinhaltet. Die Einsatzmöglichkeiten sind vielfältig, aber fast immer sehr schön.

Heute lernen wir, wie Sie in Photoshop erstaunliche spektrumbasierte Grafiken erstellen und dann 25 brillante Beispiele für Spektren betrachten, die in echten Websites verwendet werden.

Wie man mit Spectrums in Photoshop Spaß hat

Bevor wir uns unsere Auswahl an Websites ansehen, die Spektrum als Hauptgestaltungselement verwenden, sollten wir uns einen Blick darauf werfen, wie Sie in Photoshop einfach Ihre eigenen fantastischen Spektrum-Kunstwerke erstellen können. Ich habe in einem früheren Tutorial eine ähnliche Technik durchgearbeitet, ist aber auf jeden Fall auch für diesen Artikel geeignet.

Das Erstellen komplexer Farbverläufe in Photoshop kann zeitaufwändig sein. Glücklicherweise ist es mit einigen großartigen Spektren ausgestattet, die Sie mit nur wenigen Klicks anwenden können.

Erstellen Sie zunächst eine durchgehende schwarze Ebene. Dann duplizieren Sie diese Ebene und wenden eine Verlaufsüberlagerung auf die darüber liegende Ebene an. Um die Spektrum-Gradienten zu laden, klicken Sie auf den kleinen Pfeil rechts neben dem Gradienten-Picker und gehen Sie ganz nach unten, wo "Spektrums" steht.

Wählen Sie ein beliebiges Spektrum aus und legen Sie die Richtung so fest, wie Sie es für richtig halten. Aufgrund des abscheulichen Anfangsergebnisses dieses Schrittes stelle ich mir vor, dass viele Designer nie daran gedacht hätten, diese vorgefertigten Farbverläufe zu verwenden. Denken Sie jedoch immer daran, die Effekte von Photoshop als Bausteine ​​und nicht als Endprodukte zu betrachten.

Das Hippiefest unten ist eigentlich ganz einfach zu etwas, das wirklich cool aussieht und zu modernen Designtrends passt.

Im nächsten Schritt erstellen Sie eine durchgehende weiße Ebene und wählen Sie "Filter"> "Render Fibers". Es spielt keine Rolle, welche Einstellungen Sie für die Fasern haben, spielen Sie einfach so lange, bis Sie etwas bekommen, was Ihnen gefällt.

Wenden Sie nun eine einfache Bewegungsunschärfe an. Stellen Sie sicher, dass Sie es hochdrehen, damit die Linien schön und glatt sind. Sie können im Bild unten sehen, dass dies eine wirklich schöne Textur mit viel Tiefe und Kontrast ergibt.

Die Magie geschieht, wenn Sie diese Ebene auf Multiplizieren einstellen. Voila! Jetzt sieht dein Spektrum viel cooler aus!

Um es noch dramatischer zu gestalten, wenden Sie eine durchgehende schwarze Ebenenmaske an und greifen Sie dann zu einem großen weichen weichen Pinselsatz. Klicken Sie dann zwei bis drei Mal mit dem Pinsel um die Leinwand, um den Farbverlauf auf subtile und ansprechende Weise wieder herzustellen.

Hör nicht dort auf! Spielen Sie mit anderen Filtern und Effekten, um Ihre ganz eigene Sicht auf Spektrums zu gestalten. Das Bild unten verwendet den gleichen exakten Prozess wie oben, verwendet jedoch Wolken anstelle von Fasern (dun den Unschärfeschritt).

Als letzte Dimension kann der Effekt, sobald Sie ihn mit Grafiken vermischt haben, sehr schnell erstaunlich werden. Unten warf ich eine Kompassrose ein und konnte schon nach wenigen Sekunden ein paar tolle Ergebnisse erzielen.

Spektren in Website-Hintergründen

Um eine Vorstellung davon zu bekommen, wie Sie diese Techniken in der Welt des Webdesigns praktisch anwenden können, lesen Sie die folgenden Beispiele. Dieser erste Abschnitt implementiert Farbspektren als Hauptschwerpunkt des Hintergrunds der Site.

Webdesign Cheltenham UK

BundleHunt

Seltene Ansicht

Agence web cr? Ative

Design Writer's Guild

Klicken Sie auf Tyler

Der kreative Weg

Spektrum-Thema

Deaxon

Logik mit Absicht

Griechischer Website-Designer

Bestellliste

Ciplex | Design Shack

Leben Kirche | Herzlich willkommen

Julio Silver

Robin James Yu

Web Design Company

Burubundi

Wir lieben Links

Logos und andere Elemente

Hier sehen wir Spektren, mit denen äußerst attraktive Icons, Logos und andere grafische Elemente erstellt werden. Beachten Sie, dass Designer manchmal harte Schritte anstelle von glatten Farbverläufen verwenden. Eine weitere Option, die Sie berücksichtigen sollten!

Kaleidoskop

Drupal-Werke

Hughes

Neutronenkreationen

Rua de Baixo

Fazit

Ich hoffe, dieser Beitrag war sehr inspirierend und ermutigt Sie, mit Spektrums in Ihren eigenen Entwürfen herumzuspielen.

Wenn Sie Websites mit Spektren auf einzigartige und beeindruckende Weise entwerfen oder finden, hinterlassen Sie einen Kommentar mit einem Link, damit wir alle sehen können!