Meistern Sie heiße Designtrends mit diesen Photoshop-Tutorials

Unser tägliches Leben ist mit erstaunlichen Bildern gesättigt. Visuelle Design-Experimente werden zu heißen Grafikdesign-Trends, und plötzlich sehen wir sie überall.

Auffällige visuelle Designs werden überall auf Bussen, Postern, Reklametafeln, Fernsehwerbung, Zeitschriften und natürlich digitalen Produkten verputzt. Sie haben viele Namen, darunter Duoton, Doppelbelichtung, Scanlinien, Glitch, Fleck, Farbkanal, Fotomaskierung, leuchtend grelle Farben und Druckfehler.

Wie bei der Mode werden Designtrends oft aus vergangenen Jahrzehnten recycelt – wir sehen sie immer wieder zurückkommen: russischer Konstruktivismus, Bauhaus, Siebdruck, 1970er Jahre … usw. Einfache, gesättigte geometrische Designmuster gibt es seit fast einem Jahrhundert und Designer verwenden sie immer noch, weil sie genauso effektiv sind wie vor 100 Jahren.

Glücklicherweise verfügen die Designer von heute über eine viel größere Auswahl an digitalen Werkzeugen, mit denen sie diese zukunftsweisenden Effekte erstellen können, als früher. Auch wenn die Werkzeuge vielleicht einfacher zu bekommen sind, vergessen wir nicht, dass es mutige Kreativität und visuelle Innovation sind, die die frischesten und überzeugendsten Designs hervorbringen.

Sollten Designer Designtrends folgen?

Einige Kreativdirektoren und Designer widersetzen sich möglicherweise Designtrends, weil sie nicht als „Follower“ angesehen werden wollen. Die Verwendung von Grafikdesigntrends könnte sich jedoch als wichtige Entscheidung erweisen, da dies dazu beitragen kann, einen Designer zeitgemäßer zu machen. Sich zu trauen, anders zu sein, hat auch seinen Lohn. Die besten Designer „folgen und leihen“ sich stark von Trends – Vergangenheit und Gegenwart – und schaffen manchmal etwas völlig Neues, indem sie Grafikdesign-Trends zu etwas Auffälligem und Frischem kombinieren.

Achtung: Designer sollten Grafikdesign-Trends nur dann in ihrer Arbeit verwenden, wenn es angemessen ist, und das Branding im Auge behalten. Zum Beispiel erwarten die Menschen Stabilität und Vertrauen von Banken, Investitionen, Versicherungsmarken und so weiter – daher ist ein subversiver Gegenkultureffekt wie „Glitch“ in diesen Fällen möglicherweise nicht angemessen.

Sehen wir uns einige dieser heißen Grafikdesign-Trends an und teilen einige der besten Photoshop-Tutorials, wie man sie erstellt.

Heißer Designtrend: Der Doppelbelichtungseffekt

Spektakuläre Bildkombinationen lassen sich durch den „Double Exposure“-Effekt erzielen. Der Name stammt von der Zelluloidfilmfotografie, bei der zwei oder drei Fotos aufgenommen werden, ohne den Film in der Kamera vorwärts zu spulen, wodurch dasselbe Bild mehrmals mit unterschiedlichen Bildern belichtet wird. Dieser Trend war auf Filmplakaten und TV-Werbespots häufig zu sehen. Wie oben zu sehen ist, haben Eröffnungstitel von TV-Shows wie True Detective auf HBO diesen Effekt mit animierter Grafik mit großer Wirkung eingesetzt.

Um einen tollen Doppelbelichtungseffekt zu erzielen, ist eine sorgfältige Bildauswahl sehr wichtig. Bilder mit hohem Kontrast funktionieren am besten, wenn dunklere Bereiche einen Bildbereich einnehmen, in dem ein anderes Bild verwendet werden soll. Häufig wird ein Porträt einem detaillierteren Bild wie einem Stadtbild oder einer Landschaft gegenübergestellt.

Hier sind einige der besten Photoshop-Tutorials, wie Sie diesen heißen Designtrend umsetzen können:

Doppelbelichtungseffekt Photoshop-Tutorial Nr. 1:

Doppelbelichtungseffekt Photoshop-Tutorial Nr. 2:

Doppelbelichtungseffekt Photoshop-Tutorial Nr. 3:

Glitch, Druckfehler, visuelle Interferenzeffekte

Das ist ein Doppelgänger. Es sticht in einem Meer von „perfekten Bildern“ ins Auge, weil es um Unvollkommenheit geht. Es basiert auf dem unerwarteten Ergebnis digitaler Fehler, die als „Glitches“ bekannt sind. Alles um uns herum – Werbung, Plakate, Titelseiten von Zeitschriften und TV-Werbespots – wurde bis zur Perfektion mit Photoshop bearbeitet (manche würden es sogar „Fälschung“ oder „visuelle Verschmutzung“ nennen), wodurch der Wunsch geweckt wird, mehr echte, organische, weniger… als perfekte Bilder.

Dieser Designtrend, der für jüngere Generationen oft attraktiver ist, ist eine subversive, gegenkulturelle „Anti-Fake“-Bewegung, die darauf abzielt, Designs hervorzuheben. Wie oben erwähnt, ist es für einige Situationen oder Marken möglicherweise nicht angemessen, daher wird Designern geraten, vorsichtig vorzugehen, wenn sie sich für die Implementierung dieses Effekts entscheiden.

Die meisten Designer würden den Begriff „Glitch“ verwenden, aber manchmal wird es als VHS-Effekt, RGB-Verschiebung mit Scanlinien, Druckfehler oder visuelle Interferenz bezeichnet. Innovative Designer kombinieren manchmal mehrere Arten dieser modischen Effekte zu etwas Neuem.

Jeder hat seine eigene Methode, um diesen Effekt zu erzeugen, also schauen Sie sich auf YouTube um und wählen Sie einen aus, der Ihnen gefällt. Es gibt sogar Photoshop-Aktionen, die Designer kaufen können, um den Glitch-Effekt mit nur wenigen Klicks zu erstellen. Hier sind ein paar der besten Photoshop-Tutorials, wie Sie diesen Designtrend umsetzen können:

Glitch-Effekt Photoshop-Tutorial Nr. 1:

Glitch-Effekt Photoshop-Tutorial Nr. 2:

Es gibt sogar Möglichkeiten, einen coolen Glitch-Effekt nur mit CSS zu erzielen, wie diese Slideshow-Demo und diese Landingpage-Demo zeigen.

Duotone-Effekte

Duotone gibt es schon eine Weile, scheint aber nie müde zu werden. Vor Hunderten von Jahren wurde Sanguine (rote Kreide auf Papier) verwendet, um einfache einfarbige Zeichnungen von Künstlern wie Leonardo da Vinci zu erstellen. Es hat etwas Dauerhaftes, ein Bild auf einfache Tonalität herunterzubrechen, und ein modernes Duotone-Bild unterscheidet sich nicht allzu sehr von der Skizze eines alten Meisters.

Heute, von Hollywood-Blockbuster-Postern bis hin zu Apple und Spotify, scheint jeder den Duotone-Effekt zu nutzen. Der Zweck ist wiederum, sich von anderen abzuheben, als etwas anderes gesehen zu werden. Es gibt sogar Photoshop-Aktionen und viele mobile Apps zum einfachen Erstellen von Duotone-Effekten.

Hier sind einige der besten Photoshop-Tutorials, wie Sie diesen aktuellen Designtrend erreichen können:

Duotone-Effekt Photoshop-Tutorial Nr. 1:

Duotone-Effekt Photoshop-Tutorial Nr. 2:

Duotone-Effekt-Photoshop-Tutorial Nr. 3:

RGB-Split, Farbkanal, doppelte Farbbelichtung

Hier ist ein weiterer auffälliger Effekt, der Fotos, Text und Formen verwenden kann. Dieser Effekt verwendet manchmal 3 verschiedene Bilder in 3 verschiedenen Farbkanälen desselben Motivs und stellt sie für ein interessantes Bild nebeneinander. Dieser Effekt kann manchmal auch als Mischen des Glitch-Effekts und des RGB-Split-Effekts angesehen werden. Einige Designer werden wirklich kreativ und mischen Doppelbelichtung, Glitch und die RGB-Split-Effekte.

Hier sind einige Top-Tutorials für Photoshop und Affinity Photo, wie Sie diesen trendigen visuellen Designeffekt erstellen (bitte ignorieren Sie, wie sie den Effekt nennen, jeder hat einen anderen Namen dafür):

Doppelter Farbbelichtungseffekt Photoshop-Tutorial:

Doppelte Farbbelichtung Affinity Photo Tutorial:

Lebhafte, grelle Farben und fluoreszierende Duotone-Effekte

Auch hier ist das Ziel, sich wirklich abzuheben. Dieser Trend verwendet lebhafte, gesättigte und fluoreszierende Farben in großzügigen Mengen über dem Design.

Die Richtung, die Sie hier einschlagen müssen, ist mutig zu sein (wenn angemessen) und Risiken mit grellen, satten Farben einzugehen, egal ob es sich um eine Website, ein Albumcover oder ein Poster handelt.

Fotomaskierung, Ausschnitte, Abstraktionismus, Kubismus

Dies ist einer dieser wiederkehrenden Designtrends, der weiterhin ein dauerhafter Grafikdesign-Ansatz ist. Es kann eine Mischung aus kräftigen, flachen Farbbereichen, Montage und Maskierung sein. Eine Technik, die fast 100 Jahre alt ist, wie diese russischen Propagandaplakate aus den 1920er Jahren zeigen.

Um Werke von weitreichender Farbe und Komplexität zu schaffen, verwendete Henri Matisse im letzten Jahrzehnt seines Lebens zwei einfache Materialien – weißes Papier und Gouache – die zu seinen berühmten Scherenschnitten wurden. Eine einfache Schere war das Werkzeug, mit dem Matisse Farbe und Papier in eine Welt aus Pflanzen, Tieren, Figuren und Formen verwandelte.

Die digitale Variante von Kubismus, abstrakter Kunst und „Cutouts“ ist heute der Fotomaskierungs-Designtrend, der von vielen Designern verwendet wird, um Aufmerksamkeit zu erregen.

Es gibt keine festen Regeln, wie man diesen Effekt erzeugt. Es hängt alles von den Ausgangsmaterialien und Ihrer Kreativität ab. Suchen Sie nach Design- und Kunstinspirationen wie russischen Propagandaplakaten, Picassos abstrakter kubistischer Kunst und Matisses Scherenschnitten. Die meisten dieser Fotomaskierungstechniken und Collagen können mit Ebenenmaskierung in Photoshop erstellt werden. Es geht mehr um Fotoauswahl und Kreativität und weniger um Technik.

Nichtsdestotrotz sind hier ein paar Top-Photoshop-Tutorials, wie Sie diesen angesagten Designtrend, den Fotomaskierungseffekt, erstellen können:

So erstellen Sie ein Texteffekt-Poster Photoshop-Tutorial:

So erstellen Sie ein Briefporträt Photoshop-Tutorial:

Hier ist ein weiteres interessantes Photoshop-Tutorial mit Fotomaskierung, um dieses Bild zu erstellen:

Das Tutorial ist ein Beispiel dafür, wie ein paar einfache Techniken verwendet werden können, um aufwändige Illustrationen mit mehreren Ebenen, Maskierung, dem Stiftwerkzeug, etwas grundlegender Beleuchtung und einer einfachen Textur zu erstellen.

Entdecken Sie, seien Sie mutig und legen Sie Ihren eigenen Kurs fest

Heute ist kreativer Mut nicht optional. Das müssen Designer tun, wenn die Erwartungen der Menschen steigen und ihre Aufmerksamkeit immer schwieriger zu erregen ist. Scheuen Sie sich nicht, einigen Designtrends zu folgen. In der Tat, mischen Sie es, machen Sie etwas Neues mit ihnen! Schaukeln Sie den Status quo, seien Sie mutig und erkunden Sie Ihre Fantasie. Einen Sprung wagen! Sei kreativ mutig!

• • •

Weiterführende Literatur im Toptal Design Blog:

• eCommerce UX – Best Practices im Überblick (mit Infografik)
• Die Bedeutung von Human-Centered Design im Produktdesign
• Die besten UX-Designer-Portfolios – inspirierende Fallstudien und Beispiele
• Heuristische Prinzipien für mobile Schnittstellen
• Antizipatorisches Design: Wie man magische Benutzererlebnisse schafft