9 Tipps und Tricks zum Rendern von Elementen im Vektor

Haben Sie sich schon einmal etwas angesehen und gedacht: "Das würde im Vektor super aussehen", wussten aber nicht, wo Sie überhaupt anfangen sollten? 

Die Hälfte der Schlacht besteht darin, dass Sie Ihr Vektorprogramm Ihrer Wahl kennen, und der Rest kann Szenen, Objekte und mehr in überschaubare Elemente zerlegen. Es ist bekannt, welche Bereiche Sie mit Vektorwerkzeugen einfacher erstellen können, wodurch der Arbeitsablauf reduziert und das Gesamtbild Ihres Renderings verbessert wird.

In diesem Artikel zeige ich Ihnen ein paar nützliche Tipps und Tricks, um zu lernen, "in Vektor sehen" zu lernen und alles in Vektor rendern zu können. 

1. Zerlegen Sie Ihre Komposition in Basisformen

Wenn Sie ein Motiv bearbeiten möchten, sollten Sie es in Basisformen unterteilen.

Basisformen sind Formen, die Kernbereiche eines Designs darstellen. Sie eignen sich hervorragend zum Erstellen, da Sie anhand der flachen Farbformen einen guten Eindruck von der Gesamtkomposition bekommen. 

Wenn Sie das Bild in Basisformen zerlegt haben, können Sie sehen, wie die einzelnen Bereiche gerendert werden sollen. Wenn Sie Basisformen verwenden, vermeiden Sie es, sich selbst zu überwältigen.

In den meisten meiner Tutorials, die mit einem Bild arbeiten, wird mein erster Schritt immer darin sein, meine Grundformen zu markieren und dann von dort aus zu arbeiten. Während sich viele Bereiche meines Prozesses möglicherweise geändert haben, hat dieser Schritt nicht mehr als zehn Jahre gedauert. 

Vectoring kurzes Haar in einer negativen Weltraumillustration in Adobe Illustrator

2. Schließen Sie grundlegende geometrische Formen nicht ab

Ich arbeite viel mit Stock-Bildern, obwohl es natürlich nicht der einzige Weg ist, sich einer Illustration zu nähern. Es gibt viele Illustratoren, die nicht auf Lagerbilder schauen müssen. Sie arbeiten nach Skizzen und ihren Vorstellungen. Wenn Sie auf diese Weise arbeiten und keine genauen Grundformen zur Folge haben, lassen Sie grundlegende Formen nicht aus. Ich spreche von Kreisen, Rechtecken, Dreiecken. Aber in Wirklichkeit ist nicht alles eine perfekte Form. 

Wie ich zu Beginn gesagt habe, ist das Wissen um das Vektorprogramm Ihrer Wahl die halbe Miete, und hier müssen Sie an Effekte denken, die die Grundformen mit Leichtigkeit in die gewünschten Formen bringen. Sie erstellen nicht nur saubere Formen, sondern sparen auch Zeit.

Die Tutorials von Nataliya Dolotko sind beste Beispiele für diese Technik. Die meisten ihrer Tutorials verwenden grundlegende geometrische Formen und Warp-Effekte, um ansonsten komplexe Formen zu erstellen. Mein Favorit ist ihre Wohnzimmerszene, in der die Mehrzahl der Illustrationen eine Grundform verwendet. Können Sie erraten?

Spoiler-Alarm: das Rechteckwerkzeug (M)

3. Suchen Sie nach sich wiederholenden Elementen

Viele Objekte und Szenen haben sich wiederholende Elemente. Wenn Sie sie erkennen können, sparen Sie Zeit im Workflow. Wenn Sie sich für ein realistisches Aussehen interessieren, lernen Sie, wie Sie Elemente duplizieren und dann ändern (Farbe, Textur, Größe oder Drehung), damit sie einzigartig aussehen. Es gibt nichts Schlimmeres als ein realistisches Rendering und Elemente, die wie Kopien aussehen. Wenn Sie jedoch mit etwas viel Einfacherem arbeiten, ist das Kopieren und Einfügen (oder die Verwendung geschickter Transformationseffekte) keine Schande..

In So erstellen Sie einen 3D-Lego-Text-Effekt in Adobe Illustrator ist es offensichtlich, dass die Steine ​​aus sich wiederholenden Elementen bestehen. Die Finesse besteht jedoch darin, sicherzustellen, dass alle Winkel und Größen der Steine ​​zuerst getrennt gerendert und dann als Duplikate zusammengefügt werden.

So erstellen Sie einen 3D-Lego-Text-Effekt in Adobe Illustrator

Ein weiteres hervorragendes Beispiel für sich wiederholende Elemente ist dieses großartige Tutorial zum Erstellen einer Zeichentrickbären-Szene mit sich wiederholenden Formen in Illustrator. Beachten Sie, wie Gruppen von Formen dupliziert werden, aber dann anhand von Skalierung und Farbe geändert werden, um Vielfalt zu schaffen.

Erstellen Sie eine Cartoon-Bärenszene mit sich wiederholenden Formen in Illustrator

4. Erfahren Sie, wie Pinsel Zeit sparen können

Ähnlich wie sich wiederholende Elemente können Pinsel auf ähnliche Weise arbeiten. Wenn Sie ein einfaches Objekt identifizieren können, das immer wieder verwendet wird, ist es möglicherweise einfacher, es zu einem Pinsel zu machen. Ich liebe Pinsel und ich freue mich auf kreative Wege, Illustrationen zu verwenden und sie manchmal zum Kern der Illustration zu machen.

Ein gutes Beispiel ist mein nächtliches Katzen-Tutorial. Wenn Sie in den Himmel schauen, haben wir Sterne. Es wäre zeitaufwendig, jeden Stern einzeln zu erstellen, aber mit einem Streuungspinsel können Sie Sterne mit unterschiedlicher Größe und unterschiedlichem Abstand in kürzester Zeit erstellen. Der Zaun in diesem Bereich ist auch ein gutes Beispiel für die Verwendung von Grundformen und sich wiederholenden Elementen mit Blends!

Spielen Sie mit Mischungen und Bildverfolgung, um eine einfache Katzenszene in Adobe Illustrator zu erstellen

Pinsel können auch bei anderen kleinen Details innerhalb einer Komposition helfen. Obwohl dieses Tutorial von Andrei Marius (in der Tat zeigen viele seiner Tutorials viele Möglichkeiten, Pinsel kreativ einzusetzen) auf die Erstellung eines Textseffekts für Seile abzielt, zeigt es perfekt, wie man etwas so kleines wie ein Seil nimmt, vielleicht ein kleines Detail in einem Design kann schnell und effektiv mit einem Pinsel durchgeführt werden.

Verwenden Sie einen Musterpinsel zum Erstellen eines Seiltexteffekts in Illustrator

Wenn Sie Ihre Kreativität jedoch mit Pinseln wirklich vorantreiben möchten, sollten Sie sich dieses Tutorial zum Erstellen einer Schlangenpinsel ansehen. Stellen Sie sich vor, Sie hätten sich viel Mühe gegeben, eine einzige Schlange zu erstellen. Stellen Sie sich vor, Sie hätten einen Kunden, der mehrere Abbildungen von mehreren Schlangen wollte, und jede dieser Schlangen musste genauso schlank wie die letzte aussehen? Ah, Pattern Brushes… eine wunderbare Funktion. 

Erstellen Sie in Adobe Illustrator einen detaillierten Schlangenmusterpinsel

Ich könnte wirklich über Pinseln weitermachen, aber schauen wir uns etwas anderes an, das Sie nicht berücksichtigen sollten, wenn Sie sich wiederholende Muster sehen.

5. Gibt es irgendwelche Texturen?? 

In einer idealen Welt wäre alles flach. Es würde keine Texturen geben. Das würde die Sache so viel einfacher machen. Aber wir leben nicht in einer solchen Welt. Oberflächen haben Texturen. Zum Glück gibt es verschiedene Möglichkeiten, Texturen in Vektor zu rendern. Schauen wir uns einige davon an.

Erstellen Sie eine Textur aus Mustern

Textur kann unter Verwendung von Vektormustern erstellt werden. Holz ist einer der Bereiche, in denen Sie mit einem Muster Zeit sparen können. In diesem Tutorial erfahren Sie, wie Sie ein Weidenmuster erstellen. Dies ist ein hervorragendes Beispiel für eine Textur, die in einem Muster erstellt werden kann. 

Schneller Tipp: So erstellen Sie ein nahtloses Wicker-Muster in Adobe Illustrator

Erstellen Sie eine Textur aus Effekten

In Adobe Illustrator gibt es eine Vielzahl von Photoshop-Effekten, mit denen Sie Ihre Arbeit von schmutzigen Oberflächen bis zu Körnungseffekten ergänzen können. In diesem Tutorial betrachten wir das Hinzufügen von Körnern und Schwämmen, um eine Steinstruktur zu erzeugen.

So erstellen Sie eine dunkle Grabsteinillustration in Adobe Illustrator

Erstellen Sie eine Textur aus Pinseln

Ich scherze nicht, ich liebe Bürsten! Hier ist ein Tutorial, das ich vor einiger Zeit erstellt habe, wie mit Pinseln ein Grunge-Effektmuster erstellt werden kann, und dann Grafikstil. 

Nicht alle Texturen sind symmetrisch. Verwenden Sie daher Pinsel, wenn die Textur in bestimmten Bereichen unterschiedlich sein muss.

Schneller Tipp: Erstellen eines Grunge Paper Texture-Grafikstils in Illustrator

6. Über symmetrische Effekte sprechen…

Wenn Sie eine oder mehrere Formen haben, die entlang einer Linie oder innerhalb einer Form als derselbe Stil erscheinen, sollten Sie Grafikstile erstellen, um die Form zu rendern. Auf diese Weise wird ein sauberer, gleichmäßiger Blick auf diese Elemente erzielt und Sie sparen Zeit. 

Ich habe ein paar Beispiele dafür, wann Grafikstile und das Erscheinungsbildbedienfeld verwendet wurden, um zufällige Objekte zu rendern. Versuchen wir eine einfache Kiwi aus einer Form.

Wie Sie sehen, nimmt die Kiwi innerhalb einer gleichmäßigen Form die gleichen Schichten von außen nach innen an. Sie wissen, dass Sie einen Grafikstil für ein Objekt erstellen können, wenn Sie einen Abschnitt aus der Form ausschneiden könnten, und es könnte sich dabei um einen beliebigen Teil der Gesamtform handeln.

Erstellen Sie in Adobe Illustrator eine geschnittene Kiwifrucht mit nur einer Form

Die Form muss jedoch nicht unbedingt eine perfekte Ellipse sein. Wie wäre es mit einer Avocado aus einer einzigen Form? Avocados sind keine regelmäßigen Formen. Dies ist auch dann der Fall, wenn Sie wissen, dass Ihr Vektorprogramm eine Bereicherung ist. Der Stein der Frucht wird mithilfe von In Form umwandeln und Warp-Effekte erstellt.

Erstellen Sie einen Avocado mit nur einer Form in Adobe Illustrator

Nehmen Sie die Grafikstile weiter. Einige Bilder lassen sich hauptsächlich mit dem Appearance-Bedienfeld erstellen. Ich sollte wissen, dass ich diese Küchenszene mit hauptsächlich Grafikstilen und dem Appearance-Bedienfeld erstellt habe!

Verwenden des Darstellungsfelds zum Erstellen einer Küchenillustration

7. Creative Shortcuts betrügen nicht

Wenn wir über "Betrug" in Bezug auf Vektor nachdenken, denken wir vielleicht an Tools wie Image Trace. Es ist "Schummeln", wenn Sie ein Bild nur aus dem Image Tracing eines Bilds erstellen und an den Kunden verkaufen, oder? Natürlich ist es unethisch von uns, so etwas zu tun.

Es gibt jedoch einige "Direkt ab Lager" -Instanzen, die subtile Details in Ihrer Arbeit erzeugen, die nicht "betrügen".. 

Erstellen Sie einen Hintergrund mit Bildverfolgung

Die erste besteht darin, mit Image Trace ein Hintergrunddetail zu erstellen. Es ist nicht der Hauptfokus des Bildes - das ist die Katze -, aber der Baum im Hintergrund wird verwendet, um der Illustration Atmosphäre zu verleihen.

Erstellen Sie eine flauschige Halloween-Katze mit dem Pinsel-Werkzeug und Farbverläufen

Erstellen Sie einen Hintergrund mit Verlaufsgitter

Wenn der Hintergrund nur eine untergeordnete Rolle spielt, können Sie mit einem Verlaufsgitter einen defokussierten Hintergrund erstellen. In diesem Tutorial erfahren Sie, wie Sie ein Foto mit niedriger Auflösung erstellen. 

Schneller Tipp: Erstellt einen einfachen, dezentralen Hintergrund mit Verlaufsgitter

8. Machen Sie die Aufgabe nicht zu kompliziert

Selbst bei detaillierten Renderings müssen Sie nicht jedes einzelne Element veranschaulichen, um ein vollständiges Bild zu erstellen. Ein extremes Beispiel dafür ist, als ich den Rest einer Grafik, die ich von meinem Hund Shelley gemacht habe, als Welpen ausnutzte. 

Ich musste nicht ihr ganzes Fell machen, weil der Hintergrund das für mich ausfüllte. Ich habe einfach Highlights und Schatten im Rot hinzugefügt, um ihr Form zu geben. 

Erstellen Sie einen entzückenden Welpen mit Negativraum und dem Pinselwerkzeug

Wenn Sie eine Kurzdarstellung haben, die ein bestimmtes Objekt oder eine bestimmte Szene mit bestimmten Details darstellt, bleiben Sie bei dieser Kurzbeschreibung. Verkompliziere es nicht und bombardiere den Zuschauer. 

Müssen Sie wirklich alle diese fliegenden Haare hinzufügen? Müssen Sie wirklich die Textur einer sehr kleinen Fläche zeigen? Müssen Sie wirklich den Riss im Glas im Regal zeigen, wenn Sie eine größere Komposition darstellen? Ja, wir sollten uns nur um die kleinen Details kümmern, aber nicht um die unnötigen Details, die letztendlich zu Unordnung und schweren Dateien führen. 

9. Halten Sie es konsistent

Der Sinn dieses Artikels bestand darin, die Dinge in überschaubarere Brocken aufzuteilen, mit denen man fertig werden musste. Es gibt jedoch noch eine letzte Sache, die hervorzuheben ist, und es ist wahrscheinlich das Wichtigste. Das heißt, halten Sie Ihren Kompositionsstil konsistent. 

Während Sie jedes Objekt unterschiedlich behandeln, müssen Sie daran denken, dass es sich um dasselbe Design handelt und dass es zusammenhängend arbeiten muss, damit es nicht wie eine Mischung unabhängiger Objekte aussieht.

Es gibt ein paar Dinge, die Sie dabei beachten sollten:

• Verwenden Sie entweder Liniengrafiken in allen Bereichen oder keine Bereiche. Behalten Sie Kernstile wie Strichzeichnungen zur Definition von Bereichen im Auge. Wenn Sie es verwenden möchten, verwenden Sie es während Ihrer gesamten Kreation.
• Verwenden Sie überall dieselbe Palette. Das Einfügen neuer Farben in nur einen Bereich kann dazu führen, dass dieses Element wie ein Daumen hervorsteht.
• Erinnern Sie sich, wie Licht mit Ihrer Illustration interagiert. Eines der verräterischen Zeichen einer zusammengenähten Komposition ist der Einschluss von Objekten, die unterschiedliche Lichtquellen zu haben scheinen. 

Testen Sie Ihr Wissen, indem Sie Stock Images oder Ihre Umgebung betrachten

Ich mache keine Witze, wenn ich sage, dass ich in Vektor sehe. Ich gehe spazieren und baue Objekte ab, denen ich normalerweise nicht begegne, und denke darüber nach, wie ich sie rendern würde. Schauen wir uns also einige Bilder an und setzen Sie all diese Theorien in die Praxis um. Ich fange mit einem einfachen an. Schauen Sie sich das Bild an und sehen Sie, wie Sie es rendern würden.

Denken Sie daran, es gibt mehr als einen Weg, Dinge anzugehen, und was ich tun würde, ist möglicherweise nicht das, was die nächste Person tut. Davon abgesehen, würde ich das wie folgt angehen:

• Grundformen und nicht zu kompliziert: Ich würde das Bild nur für das grüne Gras und den Himmel in Grundformen zerlegen. Ich kann eine leichte Beule zeigen, wenn der Horizont auf den Himmel trifft, aber ich muss nicht jeden Knoten und jede Beule veranschaulichen, nur genug, um zu zeigen, dass es sich um eine organische Oberfläche handelt.
• Elemente wiederholen: Die Bäume könnten als sich wiederholende Elemente betrachtet werden ... sie sind im Kontext des Bildes so klein, dass sie nicht von Grund auf neu erstellt werden müssen. Ich würde versucht sein, vielleicht zwei oder drei Arten von Blättern zu rendern und dann den Duplikaten subtile Pinselstriche hinzuzufügen, damit sie einzigartig aussehen.
• Texturen: Das Gras ist eine offensichtliche Textur, und ich muss immer an dieses tolle Tutorial zum Rendern von Gras denken. Ich würde jedoch versucht sein, eine Musterfüllung mit einem Warp-Effekt zu verwenden, um eine Perspektive zu erzeugen, und dann einzelne Grashalme in den Vordergrund zu ziehen, um sie weniger musterartig aussehen zu lassen.
• Grafische Stile: Der Ball kann mithilfe von Grafikstilen erstellt werden. Verwenden Sie Farbverläufe, um Tiefe zu erzeugen, und verwenden Sie ein Muster, um den Grübcheneffekt zu erzeugen.
• Ahh, aber was ist mit den Wolken?? Nun, ich würde eine Kombination der Spitze verwenden, um einen defokussierten Hintergrund zu verwenden und weiche Pinselstriche von Borstenpinsel zu verwenden, um eine weiche Textur zu erzeugen.

Versuchen wir also ein anderes, schwierigeres Bild. Natürlich könnte ich hier für immer beschreiben, wie ich damit umgehen würde, aber die Übung besteht darin, die Kernobjekte und -oberflächen im Bild herauszufinden. Wie würden Sie das Bild einer Gruppe von Personen aus der Vogelperspektive angehen??

Zeit, dies zu brechen:

• Grundformen und Entrinnen: Basisformen für die meisten Dinge werden erstellt, aber vielleicht nur eine Kaffeetasse. Brauchen wir acht Leute am Tisch oder wird die Illustration mit nur sechs funktionieren? Nicht ganz sicher, was das weiße Dreieck ist, vielleicht eine Serviette oder so? Ich weiß nicht, was es ist, also würde ich es von den Grundformen ausschließen. Viele dieser Formen sind geometrische Formen… Laptop, Tisch, Gläser, Tassen und sogar der Blumentopf unter dem Basilikum.
• Texturen und Muster: Das offensichtliche Muster / Textur ist hier die Tischoberfläche. Ich würde nicht die gesamte Textur rendern müssen, nur um zu zeigen, dass es Holzplatten sind, die die Tischoberfläche bilden. Möglicherweise könnten einige Körnungseffekte in der Kleidung verwendet werden, um den Eindruck einer Textur zu vermitteln. Ich würde definitiv nicht das karierte Hemd in der unteren Mitte oder die Details auf dem Denim in der oberen Mitte wiedergeben, da ich der Meinung bin, dass diese die Illustration übermäßig komplizieren.
• Elemente wiederholen: Hier gibt es ein sich wiederholendes Element, und das sind die Kaffeetassen. Sie könnten mit einem Grafikstil gerendert werden und dann vielleicht ein paar Formen darüber, damit sie einzigartig aussehen. Gleiches gilt für die Wassergläser.
• Bürsten: In der Mitte des Tisches scheint eine Basilikumpflanze zu stehen. Vielleicht könnte ich einen Kunstpinsel aus einem Basilikumblatt erstellen und daraus einfach die Blätter zeichnen, was bedeutet, dass ich nur ein Blatt rendern und dann den Pinsel erstellen muss.
• Kreative VerknüpfungenDinge wie Tastatur und Zeitung könnten mit Image Trace erledigt werden, so dass diese Formen nicht einzeln erstellt werden müssen, aber gleichzeitig der Eindruck der Objekte entsteht, die sie sein sollen. 

Ich hoffe, dieser Artikel hat Ihnen einen Einblick gegeben, wie Sie etwas verändern können. Wenn Sie mich oder andere Personen in den Kommentaren testen möchten, laden Sie ein Bild hoch und sehen Sie, ob die Leute beraten können, wie sie das Rendering durchführen würden. Oder wenn Sie Probleme haben, etwas zu rendern, fragen Sie in den Kommentaren nach, ob die Community helfen kann. Glückliches Vectoring!