Ich denke, jeder ist auf irgendeiner Website auf Bilder gestoßen, die aus einfachen geometrischen Formen bestehen, aber gleichzeitig die Aufmerksamkeit auf sich ziehen und einen dazu zwingen, die Details zu studieren.
Bei sogenannten Polygonalillustrationen handelt es sich um Bilder, die aus geometrischen Formen, nämlich Dreiecken und Würfeln, bestehen.
Polygonale Illustrationen erfreuen sich großer Beliebtheit, da sie durch ihre Ungewöhnlichkeit und gleichzeitig Einfachheit auffallen. Polygonale Grafiken werden auch im Webdesign verwendet. Es gibt eine große Anzahl von Websites, deren Design im polygonalen Stil erfolgt. Außerdem verwenden Webdesigner häufig polygonale Muster für Hintergrund Website, die Aufmerksamkeit erregt und die Website interessanter macht.
Lassen Sie uns also herausfinden, wie solche Illustrationen erstellt werden. Als Beispiel habe ich ein Bild eines Chamäleons gemacht, aus dem wir ein polygonales Bild machen werden (Abbildung).
Nachdem Sie das Chamäleon-Bild auf Ihren Computer kopiert haben, öffnen Sie es Photoshop-Programm durch Auswahl in Hauptmenü"Datei öffnen".
Das gesamte Bild, also alle Polygone, erstellen wir mit dem Zeichenstift-Werkzeug. Ein polygonales Bild sollte aus vielen Polygonen bestehen, in diesem Fall verwende ich eine Dreiecksform als Polygone. Sie können nicht nur ein Dreieck, sondern auch 4-5 Dreiecke verwenden, aber meiner Meinung nach sieht ein polygonales Bild attraktiver aus, wenn nur eine Form verwendet wird und nicht mehrere.
Nehmen Sie das Stiftwerkzeug, klicken Sie in der linken Seitenleiste des Programms darauf, erstellen Sie eine oberste Ebene über unserem Hauptbild und beginnen Sie, das Bild mit Polygonen (Dreiecken) zu „übermalen“.
Wenn Sie in den Einstellungen, die sich in der oberen linken Ecke des Programmfensters befinden, das Werkzeug „Stift“ auswählen, müssen Sie „Füllen“ auswählen und „Strich“ deaktivieren, damit beim Zeichnen von Polygonen diese sofort mit der Farbe gefüllt werden Wir haben ausgewählt und haben keine externe Strichlinie.
Nachdem wir das „Stift“-Werkzeug konfiguriert haben, beginnen wir, das Bild mit Dreiecken zu „füllen“, wählen die entsprechende Farbe aus. Nehmen Sie dazu das „Pipette“-Werkzeug im linken Bereich des Programms und klicken Sie auf die Pipette neben der Stelle, an der sich das befindet wird übermalt (wählen Sie die Farbe des zukünftigen Dreiecks). Nachdem Sie mit der Pipette eine Farbe ausgewählt haben, wählen Sie erneut das Stiftwerkzeug und zeichnen Sie ein Dreieck.
Die Dreiecke müssen miteinander verbunden werden, die Farben wählen Sie mit der Pipette oder nach Ihren eigenen Vorstellungen aus wichtiger Punkt: wo das Bild dunkler ist, d.h. Unser Chamäleon hat einen Schatten, dort wählt man entsprechend eine dunklere Farbe und zeichnet dunkle Dreiecke.
So „malt“ man natürlich das gesamte Bild mit Dreiecken, hier muss man an manchen Stellen darüber nachdenken, wie man diesen oder jenen Teil des Objekts (Chamäleon) mit Dreiecken zeichnet, es hängt also alles von Ihrer Vorstellungskraft ab!
Dies ist das Chamäleon, das ich letztendlich erhalten habe; um es attraktiver zu machen, habe ich auch einen Hintergrund hinzugefügt.
Auf diese Weise können Sie aus beliebigen Bildern und Fotos polygonale Bilder erstellen, das wiederhole ich noch einmal Wichtig dabei ist die klare Verbindung der Dreiecke, sodass zwischen ihnen keine sichtbaren Lücken entstehen. IN Adobe-Programm Photoshop ist nicht sehr praktisch, um mit dem „Stift“ zu arbeiten, die gesamte Leistungsfähigkeit dieses Tools ist im Programm implementiert Adobe Illustrator, in dem es viel einfacher ist, solche Dinge zu tun.
Möchten Sie mehr über Polygongrafiken erfahren? Was wird es verwendet? Wie kann man mit dieser Technik etwas machen? Ja? Dann sind Sie ein echter Designer, der bereit ist, sich beruflich weiterzuentwickeln und zu wachsen!
Polygonale Grafiken können natürlich kaum als etwas Neues, geschweige denn als Revolutionär bezeichnet werden. Es wird jedoch dazu beitragen, Ihr Design zu diversifizieren und es individuell und erkennbar zu machen. Und der jüngste Modeschub für Polygone, der sich rasant im Internet ausbreitet, ist schwer zu ignorieren.
In diesem Beitrag erfahren Sie mehr über Polygone und Polygongrafiken und sehen einige erstaunliche Beispiele für deren Verwendung. Wir haben auch mehrere Lektionen für Sie zusammengestellt, die Ihnen helfen, diese Technik zu beherrschen. Und wer weiß, vielleicht zeichnen Sie mit Polygonen, die noch cooler sind als die Autoren der hier gesammelten Werke!
Was sind Polygongrafiken?
Polygon(aus dem Griechischen polygonos – vieleckig), Polygonlinie (mathematisch), unterbrochene Linie, die aus einer endlichen Anzahl gerader Segmente (Verbindungen) besteht. Unter einem Polygon versteht man auch eine geschlossene gestrichelte Linie, also ein Polygon.
Wo werden Polygone verwendet?
Die Antwort liegt auf der Hand – natürlich in digitaler Grafik! Es ist eine Art digitale Kunst. Ursprünglich tauchten polygonale Grafiken in der 3D-Modellierung zur Erstellung von Videospielen auf. Dank an niedrige Auflösung solche Objekte hatten hohe Geschwindigkeit Rendern. Darüber hinaus können Sie durch die Anzeige in Form eines Drahtmodells Computerressourcen sparen und die Arbeit mit dem Modell erleichtern. Dann wurde es in sogenannten 2D-Grafiken populär.
In welchem Programm kann man polygonale Bilder erstellen?
Wenn Sie in 3D arbeiten, ist es für Sie selbstverständlich, dies in 3D Max, Maya oder Cinema 4D zu tun. Die neueste Software ist so benutzerfreundlich, dass sogar ein Kind darin zeichnen kann. Im Allgemeinen sind Polygongrafiken recht einfach zu erstellen, insbesondere im Vergleich zu Architektur-Renderings oder fotorealistischen Renderings. Es erinnert mit einer besonderen Wendung an die Anfänge der Computermodellierung und -animation moderne Techniken. Und da Retro-Stil immer in Mode ist, kreieren ihn fast alle Designer mit alten Techniken.
Wie Sie bereits wissen, werden 3D-Modelle mithilfe von Polygonen erstellt. Je mehr Polygone, desto detaillierter wird das Modell. Bei der Endbearbeitung (Rendering) des Objekts erhält es ein „glattes“ Aussehen. Je weniger Polygone Sie in der Modellierungsphase verwenden, desto abstrakter wird das Ergebnis. Für einen ausgeprägteren Effekt können Sie in den Rendering-Einstellungen die Anti-Aliasing-Funktion ausschalten und erhalten dann klare Kanten. Es hängt alles von der Wirkung ab, die Sie erzielen möchten. Die Verwendung von Low-Poly-Technologie bedeutet nicht, dass die Szene einfach ist. Sie können komplexe Texturen, realistische Einstellungen für Reflexionen und Brechungen in der Umgebung usw. verwenden. Polygonale Formen erinnern stark an Origami und erfreuen sich derzeit im Grafikdesign auf dem Höhepunkt der Beliebtheit.
Sie können auch polygonale Meisterwerke in Programmen wie Adobe Illustrator, CorelDraw usw. erstellen Adobe Photoshop. Im Gegensatz zu bestimmten 3D-Paketen sind diese Programme den meisten Designern vertraut.
Historische Referenz
Wussten Sie, dass dem polygonalen Design eine ganze Kunstbewegung vorausging? Zu Beginn des 20. Jahrhunderts entstand die expressionistische Bewegung, die unglaubliche Popularität erlangte. Das Aufkommen der Fotografie hat Künstler nur ermutigt, denn jetzt war es möglich, ein Bild im Detail so einzufangen, wie es wirklich ist. Expressionisten hingegen versuchten, das Wesen, die Stimmung und den Charakter des Objekts zu vermitteln. Sie haben bewusst auf Details verzichtet. Heutzutage ist der Expressionismus sowohl in der Malerei als auch in der digitalen Kunst nicht weniger beliebt.
Herausragende Beispiele
Hier sind einige Beispiele zeitgenössischer digitaler Kunst. Vielleicht inspirieren sie Sie zu neuen Meisterwerken:
Unterricht
In diesem Tutorial erstellen Sie in Adobe Illustrator ein Mosaik bestehend aus Polygonen. Es wird in dieser einfachen Angelegenheit helfen kostenloses Plugin– Drehbuchautor und Ihre Fantasie.
Hier erfahren Sie, wie Sie mit ein Vektorpolygonmosaik aus einem Rasterbild erstellen kostenloses Web Triangulator-Tool und Adobe Illustrator.
In diesem Tutorial erfahren Sie, wie Sie Porträts mithilfe von Polygonen erstellen. Der Autor zeigt, wie man mit Photoshop und Illustrator Fotos erstellt schönes Porträt im trendigen Polygon-Grafikstil.
Ein ausführliches Video-Tutorial, das Ihnen zeigt, wie Sie 3D-Charaktere erstellen.
Abschluss
Polygonale Grafiken sind eine Mischung aus Retro und Futurismus. Ein zeitloser Stil, der endlos verändert, individualisiert und experimentiert werden kann. Es sieht immer stilvoll, modisch und originell aus. Versuchen Sie, mit Polygonen zu arbeiten, und Sie werden feststellen, dass Sie ohne sie nicht mehr leben können. Wir freuen uns, wenn Sie Ihre Ideen zu diesem Thema in den Kommentaren teilen!
Basierend auf Materialien von der Website: www.onextrapixel.com
Im Webdesign beim Erstellen Benutzeroberflächen Auf Symbole und Texturen kann man kaum verzichten. Wenn das Design jedoch Elemente verwendet, die von jemand anderem erstellt wurden, wird es dadurch unoriginal. Der Hintergrund ist eines der wichtigsten Elemente jeder Benutzeroberfläche, daher sollte besonderes Augenmerk auf seine Einzigartigkeit gelegt werden. In letzter Zeit waren es viele praktische Werkzeuge um nahtlose Texturen zu erstellen, die zum Erstellen von Hintergrundbildern verwendet werden können. Viele dieser Tools sind einfach zu bedienen und können selbst für Anfänger erstaunliche Ergebnisse liefern. Manchmal reicht nur ein Mausklick, um eine Textur in Profiqualität zu erhalten. Mit Hilfe spezialisierte Software Sie können Hintergründe in jedem beliebigen Stil erstellen und diese dann in Ihren Projekten verwenden. FreelanceToday macht Sie auf 10 kostenlose Zufallshintergrundgeneratoren aufmerksam.
Mit dem Werkzeug „Trianglify Generator“ können Low-Poly-Hintergründe mit sanften Verläufen erstellt werden, die viel weicher sind als mit der Delaunay-Methode erstellte Verläufe. Das Tool enthält viele voreingestellte Farbkombinationen, was die Erstellung polygonaler Texturen erheblich vereinfacht.
In den Einstellungen kann der Benutzer die Leinwandgröße in Pixel angeben, eine Palette und Zellengröße auswählen und den Dispersionsgrad festlegen. Sie können auch die Abweichung der Polygonentropie auswählen: wenn Sie sie festlegen Nullwert, dann besteht der Hintergrund aus Dreiecken, die in gleichmäßigen Reihen angeordnet sind.
Mit dem Generator können Sie eines von 27 von professionellen Designern entwickelten Farbschemata auswählen. Wenn Sie jedoch etwas Eigenes erstellen müssen, können Sie jederzeit Ihr eigenes Schema erstellen. Der resultierende Hintergrund kann in den Formaten PNG und SVG gespeichert werden.
Das Trianglify Background Generator-Tool verwendet dasselbe Triangulations-JS-Plugin wie der vorherige Generator. Das Skript hinter dem Programm verwendet mehrere Paletten von COLOURlovers und ColorBrewer und ermöglicht Ihnen die Verwendung zusätzliche Einstellungen, wie z. B. die Auswahl des Verlaufstyps. Das Tool verfügt außerdem über zwei neue Optionen im Menü: Beschnittzugabe und Zellenauffüllung. Mit dieser Funktion kann der Grad der Streuung jedoch nicht angepasst werden, sodass der Benutzer eine der voreingestellten Paletten auswählen muss.
Es können nahtlose Texturen erstellt werden verschiedene Wege, auch mit Hilfe von Worten. Genau so funktioniert ein sehr ungewöhnliches Tool namens Geopattern. Der Benutzer kann ein Wort in ein spezielles Feld schreiben und das Programm generiert die Textur selbst. Minimale Aktionen, maximale Ergebnisse! Sie können nur einen oder zwei Buchstaben schreiben und erhalten eine einzigartige Textur, die Sie als Hintergrund verwenden können. Das Tool basiert auf einem einfachen Skript, das nahtlose geometrische Muster aus 16 verschiedenen Formen generiert. Geopattern verwendet eine unbegrenzte Anzahl von Farben und führt daher zu völlig unvorhersehbaren Ergebnissen. Es hängt alles von der Anzahl der Buchstaben im Wort ab, daher muss der Benutzer experimentieren, wenn er ein einzigartiges Muster finden möchte. Das Ergebnis kann gespeichert werden PNG-Format.
Dieses Tool verwendet die Delaunay-Triangulationsmethode. Das Ergebnis sind sehr beeindruckende kontrastreiche polygonale Hintergründe. Die Benutzeroberfläche des Dienstes ist sehr einfach, es gibt nur wenige Schieberegler, mit denen Sie die Leinwandgröße einstellen, Helligkeit, Kontrast und Polygongröße ändern können. Mit einer speziellen Palette können Sie das gewünschte Farbschema auswählen. Für den Fall, dass es nicht möglich ist, eine passende Textur zu erstellen, kann der Hintergrund durch Klicken auf die Schaltfläche „Randomize“ generiert werden und das Werkzeug erstellt ein zufälliges Muster. Durch erneutes Drücken der Taste erhalten Sie ein völlig anderes Bild. Der Vorgang kann wiederholt werden, bis das optimale Muster gefunden ist.
Auf den ersten Blick unterscheidet sich Flat Surface Shader nicht vom bisherigen Zufallshintergrundgenerator. Dies ist jedoch nicht der Fall; der Dienst verwendet einen eher zufälligen und dynamischeren Ansatz für die Delaunay-Triangulation. Die Erzeugung von Polygonen ist etwas chaotisch, da die Lichtquellen in diesem Werkzeug ständig in Bewegung sind. Grundsätzlich hat der Nutzer keinerlei Einfluss auf das Endergebnis, kann aber die Farbgebung und die gewünschte Polygongröße wählen. Das Hintergrundbild kann entweder im PNG-Rasterformat oder im SVG-Vektorformat gespeichert werden.
Polygonale Hintergründe liegen heute im Trend, daher ist es nicht verwunderlich, dass es immer mehr Generatoren dieser Art gibt. Aber solche Muster sehen nicht überall angemessen aus; manchmal ist etwas anderes nötig. In diesem Fall können Sie das Tool Waterpipe.js verwenden. Mit diesem Generator können Sie ein Bild mit Raucheffekt erstellen. Der Benutzer kann eine der voreingestellten Optionen herunterladen oder seinen eigenen Hintergrund erstellen, indem er die Einstellungen manuell anpasst. Sie können die Hintergrundfarbe und auch einen Farbverlauf auswählen. Da die Rauchwolken wie 3D-Objekte aussehen sollen, können Sie mit einem Start- und Endverlauf den gewünschten Effekt erzielen. Durch die Kombination heller und dunkler Farbtöne entsteht ein realistischer Raucheffekt.
Das Tool „Colorful CSS Gradient Background Generator“ ist sicherlich für Designer nützlich, die Websites und Anwendungen erstellen, insbesondere für diejenigen, die mit iOS arbeiten. Mit diesem Webdienst können Sie im Handumdrehen wunderschöne Hintergrundhintergründe mit Farbverläufen erstellen. Der Hauptvorteil des Tools besteht darin, dass es automatisch CSS-Code für die von ihm erstellten Farbverläufe generiert. Es gibt auch einen kleinen Nachteil, da es sich bei der Ausgabe nur um Code und nicht um ein Bild handelt, sodass das Hintergrundbild nur für Internetprojekte verwendet werden kann. Wenn Sie einen Verlaufshintergrund im Rasterformat benötigen, müssen Sie einen Drittanbieter verwenden Software. Phantom.JS eignet sich gut für diesen Zweck; das Tool erfordert einige Programmierkenntnisse, ist aber flexibel und einfach genug, um die Aufgabe zu bewältigen.
Mit dem Werkzeug „Unique Gradient Generator“ können Sie Hintergründe aus jedem Rasterbild erstellen. Die Größe des Bildes spielt praktisch keine Rolle; selbst ein 7x3 Pixel großes Bild reicht für den Generator aus. Das Werkzeug verwischt die Quelle, bis sie völlig unkenntlich ist, ähnlich dem Gaußschen Weichzeichnungseffekt in Adobe Photoshop. Um das gewünschte Ergebnis zu erzielen, muss der Benutzer einige Zeit damit verbringen, das Quellbild auszuwählen. Andernfalls sieht das Farbschema etwas matschig aus, wenn die Quelle viele dunkle Farbtöne enthält.
Der Generator verfügt über eine Bibliothek mit 33 gebrauchsfertigen Bildern, Sie können aber auch Ihre eigenen Dateien hochladen. Der fertige Hintergrund kann im Rasterformat oder als CSS-Code heruntergeladen werden.
Das Material Design Background Generator-Tool ist ein Dienst, der sich auf dem Höhepunkt der Beliebtheit befindet, da Sie mit Hilfe dieses Tools Generierungen erstellen können Hintergrundbilder im Material Design-Stil, erstellt von Designern und Webentwicklern Google. Da es sich um einen Zufallsgenerator handelt, können einige Ergebnisse recht seltsam aussehen. Der Benutzer muss also einige Zeit aufwenden, um ein geeignetes Bild zu erhalten. Das ist der Preis des Zufalls, aber so können Sie einen wirklich einzigartigen Hintergrund für Ihr Projekt schaffen.
Das Aquarell-Hintergrundbild-Generator-Tool erzeugt nahtlose Texturen mit einem Aquarell-Effekt. Der Generator erzeugt ein Bild, das durch die Verschmelzung Aquarellflecken imitiert, aber die Hintergründe sind recht interessant Für eine Textur muss der Benutzer die Anzahl der Kreise und deren Größe angeben und ein Farbschema auswählen. Um eine komplexere Textur zu erstellen, können Sie mehrere Ebenen verwenden, die sich auf das Endergebnis auswirken.
