Sie haben vielleicht ein gemeinsames Aussehen in vielen Bildern bemerkt, nicht nur in Grafiken und Animationen online, sondern auch in Magazinen und in Fernseh-Motion-Grafiken, mit wenig detaillierten, facettierten Modellen, hoch gerendert, oft mit sanften Lichteffekten.

Es ist ein Verweis auf die frühen Tage des Computermodellierens und der Animation, aber mit einem modernen Twist. Dies ist das Low-Poly-Look.

In diesem Artikel erkläre ich, was der Low-Poly-Look ist, einige Beispiele und wie Sie Low-Poly-Bilder erstellen können. Wir werden uns auch einige Anwendungen für dieses Aussehen in Webdesigns anschauen und auch, wie sich diese Ästhetik online entwickeln kann.

Eine Reaktion auf fotorealistische 3D-Modellierung

Alle 3D-Modelle bestehen aus Polygonen. Je mehr Polygone das Modell hat, desto detaillierter wird das Modell sein. Normalerweise wird beim Rendern des Bildes eine Technik verwendet, um die Polygone zu glätten und das Erscheinungsbild von kontinuierlichen Oberflächen zu erzeugen.

Das Low-Poly-Design ist eine bewusste Entscheidung, bei der Modellierung weniger Polygone zu verwenden, um ein einfacheres, abstrakteres Modell zu erstellen. Dies wird dann mit einem Rendering-Stil kombiniert, der nicht versucht, die Polygone zu glätten, sondern stattdessen jede der Facetten des Modells rendert und ein blockiges, eckiges Aussehen erzeugt.

Dies bedeutet jedoch nicht, dass die Low-Poly-Modellierung eine niedrige Auflösung hat. Hochentwickelte Rendering-Techniken, Lichteffekte und Shadowing werden verwendet, um ein sehr realistisches Erscheinungsbild des vereinfachten Objekts zu erzeugen. Deshalb erinnert der Low-Poly-Look an Papierhandwerk oder Origami, das in den letzten Jahren ebenfalls eine Renaissance erlebt hat.

tim_reynolds

Einige der besten Beispiele für das Low-Poly-Look sind die Werke von Timothy J. Reynolds. Es gibt auch die Tumblr-Seite Geo Ein Tag von Jeremiah Shaw und Danny Jones, die weiterhin die Grenzen der Low-Poly-Ästhetik erforschen und erweitern.

Die vielleicht vollständigste Umsetzung des Low-Poly-Looks ist das Projekt Der Papierfuchs von Jeremy Kool, der sich von einem Modellierungsprojekt zu einer interaktiven Story-App für iOS entwickelt hat. Im Paper Fox hat sich Kool bewusst dafür entschieden, einen Origami-Look nachzuahmen, indem er den Objekten eine zerknitterte Papierstruktur hinzufügt und sehr dünne Kanten hinzufügt.

Papier_fox

In dieser Arbeit von Kristina Macurova, Sie können sehen, dass durch die Verwendung einer geringen Schärfentiefe das Gefühl verstärkt wird, dass es sich um physikalische Modelle handelt. Die Schärfentiefe kann in den Kameraeinstellungen in Ihrer 3D-Szene bestimmt oder später in Photoshop angewendet werden.

Katarina-Macurova2

Warum ist der Low-Poly-Look so beliebt?

Das Low-Poly-Look kann als eine Reaktion auf die unpersönliche Perfektion der Computermodellierung gesehen werden. Ich denke, es gibt eine sehr deutliche Reaktion gegen das überpolierte, lebensechte 3D-Modellieren und -Rendering, das jetzt in CGI möglich ist. Künstler und Designer haben das Bedürfnis, etwas zu schaffen, das nicht die Realität nachahmt, sondern abstrakter ist und versucht, das Wesen eines Objekts zu erfassen und es so realistisch wie möglich darzustellen.

Es gibt einen historischen Präzedenzfall dafür in der Kunst zu Beginn des 20. Jahrhunderts, als nach dem Aufkommen der Fotografie verschiedene expressionistische Bewegungen entstanden. Wenn Fotografien ein genaues Abbild erfassen konnten, war Kunst dafür nicht nötig; Der Expressionismus wollte eher Gefühle und Empfindungen vermitteln als genaue Darstellungen.

Schnell in das 21. Jahrhundert und Abstraktion und Expressionismus floriert in den digitalen Künsten.

Anfangen

Hier ist ein kurzes Tutorial, um das Low-Poly-Look mit der 3D-Software zu erreichen Kino4D.

  1. Erstellen Sie Ihre Objekte mit einfachen Festkörpern wie Kugeln, Kegeln und Pyramiden. Ziel ist es nicht, Objekte realistisch zu modellieren, sondern so viel wie möglich zu vereinfachen.
  2. Legen Sie die segments-Eigenschaft fest, um die Oberflächen der Objekte zu unterteilen. Je mehr Segmente Sie hinzufügen, desto mehr Facetten hat das Objekt.
  3. Legen Sie die Phong-Eigenschaften des Objekts fest - dies definiert die Glättung des Objekts, sodass Sie es deaktivieren möchten. Löschen Sie in Cinema4D entweder das Phong-Tag oder stellen Sie den Phong-Winkel auf 0 Grad ein, um eine stark facettierte Darstellung zu erzielen.
  4. Sie können dem Modell Deformationen hinzufügen, damit es nicht so geometrisch perfekt aussieht. Sie können dies manuell tun, indem Sie einzelne Knoten drücken und ziehen oder einen Deformer wie den Displacer verwenden. Verwenden Sie den Rausch-Shader, um jedem Vertex einen zufälligen Verschiebungsbetrag hinzuzufügen. Sie können die Stärke anpassen, um die Verzerrung zu erhöhen oder zu verringern.
  5. Fügen Sie dem Objekt Materialien hinzu. Wenn Sie Materialien definieren, möchten Sie möglicherweise ein Bump-Mapping hinzufügen, um eine Oberflächenstruktur zu erhalten. Oder Sie können Ihre Texturen glänzend und plastisch halten, mit spiegelnden Glanzlichtern - alles hängt davon ab, für welches Aussehen Sie sich entscheiden.
  6. Fügen Sie Hintergründe hinzu. Fügen Sie ein Himmelsobjekt hinzu oder verwenden Sie einfache Ebenen wie einen Hintergrundhimmel und eine Bodenebene. Sie können diese auf genau die gleiche Weise verformen, wenn Sie möchten.
  7. Lichter hinzufügen. Subtile Lichteffekte verleihen Ihrer Szene Atmosphäre.
  8. Rendern Sie das Objekt. Verwenden Sie die Rendering-Einstellungen für globale Beleuchtung, um eine weiche Beleuchtung zu erstellen. Das Hinzufügen einer Umgebungsokklusion verleiht Schatten eine realistische körnige Tiefe.
low_poly_cinema4D

Der Schlüssel ist, zu experimentieren, bis Sie einen Blick bekommen, mit dem Sie zufrieden sind. Es gibt keine anderen Regeln als die, die Sie selbst festlegen. Ziel ist es, Ihren eigenen Stil zu entwickeln, indem Sie mit der Art und Weise, wie Sie Ihre Szenen modellieren, beleuchten und rendern, konsistent sind.

villa_savoye

Der Low-Poly-Look-Stil

Selbst wenn Sie keinen Zugriff auf ein 3D-Modellierungsprogramm haben, können Sie dennoch mit einer 2D-Illustrations-Software wie Illustrator oder Photoshop Low-Poly-Bilder erstellen.

Das Prinzip ist der Modellierung in 3D ziemlich ähnlich. Arbeite mit einfachen Formen, um deine Szene aufzubauen. Entscheiden Sie, wo Ihre Lichtquelle ist, und wenden Sie Schattierung an, um Tiefe hinzuzufügen und ein facettiertes Aussehen zu erzeugen. Textureffekte und Lichteffekte können Ihren Szenen Interesse und Konsistenz verleihen.

Ich mag die Arbeit des Illustrators sehr Matthew Lyons, die einfache geometrische Formen mit groben Texturen und stimmungsvoller Beleuchtung verschmilzt. Seine Illustrationen kombinieren starke Kompositionen mit einem großartigen Design-Sinn für die Mitte des Jahrhunderts, um einen retro-futuristischen Look zu kreieren - den Weg der Zukunft in die Vergangenheit zu erfassen.

matthew_lyons

Low-Poly-Web 3D

Die Low-Poly-Ästhetik eignet sich auch für die Online-Bereitstellung von 3D-Inhalten. Wie der Name sagt, verwendet eine Low-Poly-Zählung weniger Polygone und benötigt weniger Daten zum Modellieren, Rendern und Animieren, was sie ideal für interaktives 3D-Online-Online macht. Es gibt eine Reihe von 3D-Web-Rendering-Technologien, mit den bekanntesten WebGL.

Mit WebGL können 3D-Inhalte auf dem Bildschirm über einen Browser angezeigt werden, wobei die Interaktivität durch JavaScript gesteuert wird. Es gibt eine Reihe von JavaScript-Frameworks, mit denen das ganze Heavy Lifting bewältigt werden kann drei .js.

Andere Möglichkeiten zum Hinzufügen von interaktivem 3D zum Web beinhalten die Verwendung von Plug-Ins wie z Einheit oder Blitz. Es gibt eine breite Palette von Echtzeit-Flash-3D-Engines einschließlich Auswärts3D und Flare3D. Wenn Sie die in Unity oder Flash integrierten 3D-Renderer verwenden, erzielen Sie bessere Lichteffekte als derzeit im WebGL- oder Canvas-Rendering, Web-Renderer holen jedoch schnell auf. Für die neuesten in WebGL überprüfen Sie die Arbeit von three.js Schöpfer Mr. Doob.

rom2

Der jüngste Experimentalfilm von Chris Milk, Rom - 3 Träume von Schwarz, verwendet WebGL, um ein interaktives Musikvideoerlebnis mit animierten Morphing-Kreaturen zu erstellen, die in einem Low-Poly-Facettenstil wiedergegeben werden. Es ist ein Open-Source-Projekt, das es Ihnen ermöglicht, die Assets herunterzuladen und den Code zu überarbeiten - eine großartige Möglichkeit, in diesen aufregenden neuen Bereich einzutauchen, in dem 3D-Design und Webdesign zusammentreffen. Ob dies wirklich der Low-Poly-Ästhetik in Sachen Rendering-Qualität entspricht, steht zur Diskussion.

Rom

Die retro-futuristische Ästhetik

Der Low-Poly-Look ist Teil dessen, was ich die retro-futuristische Ästhetik nenne (selbst Teil dessen, was man The New Aesthetic nennen könnte), indem es gleichzeitig in die Vergangenheit und die Zukunft zurückgreift.

Es scheint perfekt geeignet zu sein für die derzeitigen Beschränkungen des Designs für das Web. Ob es diese Einschränkungen überdauern wird, bleibt abzuwarten.

Ist der Low-Poly-Look ein visuelles Klischee oder ein vorübergehender Trend? Passt es zur aktuellen Technologie? Lass uns deine Gedanken in den Kommentaren wissen.