Share
In diesem Lernprogramm wird gezeigt, wie Sie in Adobe Illustrator einen Buntglaseffekt erstellen. Die Methode ist ziemlich schnell und einfach, aber das Ergebnis sieht sehr gut aus - vor allem, wenn Sie ein schönes Bild als Referenz verwenden. Lass uns anfangen!
Unten ist das endgültige Bild, auf das wir hinarbeiten werden. Möchten Sie auf die vollständigen Vector Source-Dateien und herunterladbaren Kopien jedes Tutorials zugreifen, einschließlich dieses Tutorials? Nehmen Sie an Vector Plus für nur 9 € pro Monat teil.
Ich entschied mich für einen Buntglas-Effekt, als ich eine sehr schöne Tiffany-Lampe sah. Obwohl es vielleicht einfach ist, ein Mosaik mit Illustrator-Rastereffekten zu erstellen, dachte ich, es wäre besser, es anders zu gestalten. Die einfache Methode, die ich in diesem Tutorial beschreibe, umfasst nur wenige Werkzeuge. Außerdem erhalten Sie mit einem Referenzbild bessere Ergebnisse - ob es sich um Ihre eigene Skizze, ein Foto oder ein beliebiges anderes Bild handelt.
Lassen Sie uns Adobe Illustrator öffnen und ein neues Dokument erstellen. Legen Sie standardmäßig A4-Papierformat (210 x 297 mm horizontal) fest, Ihr Bild kann jedoch in einem beliebigen Format erstellt werden. Ich habe den RGB-Farbmodus eingestellt, aber Sie können CMYK wählen, wenn Sie möchten.
Jetzt brauchen wir ein Referenzbild, und Sie müssen etwas darüber wissen. Auflösung und Qualität spielen keine Rolle, es kann ein kleines Foto sein. Für einen Buntglaseffekt ist es besser, keine Hochfrequenzbilder zu wählen, dh Bilder mit vielen kleinen Details oder mit sehr weit entfernten Objekten.
Es ist ziemlich schwierig, winzige Bereiche mit so vielen Glasteilen zu reproduzieren (Sie müssen jedes einzelne davon erstellen). Daher sind Stadtlandschaften oder detaillierte Portraits nicht die beste Wahl. Wählen Sie ein Bild mit niedriger Frequenz aus, z. B. ein Stillleben, Blumen oder eine Landschaft. Siehe die Beispiele unten.
Okay, wenn das Referenzbild ausgewählt ist, platzieren Sie es in Ihrem Dokument (Datei> Platzieren). Ich habe ein tolles Foto "Frühlingsstrauß" verwendet, das mir die russische Fotografin Nattalia Shloma freundlicherweise zur Verfügung gestellt hat. Sie hat einige erstaunliche Blumenkompositionen, die sich perfekt für Buntglaseffekte eignen.
Positionieren und skalieren Sie das platzierte Bild nach Ihren Wünschen, sodass sich das Hauptobjekt in der Mitte befindet. Klicken Sie dann zweimal auf die Ebene im Ebenenbedienfeld (F7) und benennen Sie sie in "Foto" um. Aktivieren Sie die Option "Vorlage" und geben Sie auch 100% in das Feld "Dim" ein. Auf diese Weise ist das Bild auch im Umrissmodus sichtbar.
Ich habe etwas Platz gelassen, um es später mit Glasarbeiten zu füllen, und ich beschloss, es mit einer Schnittmaske zu beschneiden. Erstellen Sie einfach ein Rechteck in der Größe Ihres Dokuments, wählen Sie sowohl die Rechteckform als auch das Bild aus und drücken Sie dann die Befehlstaste + 7.
Erstellen Sie nun eine neue Ebene und nennen Sie sie "Glasswork". Wählen Sie das Linienwerkzeug (\) und stellen Sie sicher, dass Ihre unterste Ebene mit einem Referenzbild gesperrt ist, damit Sie sie nicht aus Versehen auswählen. Farben spielen jetzt keine Rolle, Sie ändern sie später, sodass Sie eine lebendige Strichfarbe auswählen können, mit der Sie arbeiten können.
Nun ist es an der Zeit, die Grundform der Glashütte zu erstellen. Dies ist der zeitaufwendigste Teil des Tutorials und erfordert etwas Geduld. Zeichnen Sie den Rohentwurf der Glashütte, sodass die Linien die Grenzen zwischen den Glasstücken sind.
Erstellen Sie Linien, die den Hauptobjekten in Ihrem Bild folgen. Stellen Sie sicher, dass jede Linie mit ihren Endpunkten entweder eine andere Linie oder den Bildrand berührt. Sie machen zukünftige Glasstücke, denken Sie daran - die Idee besteht also darin, die Oberfläche in separate Objekte aufzuteilen. Vermeiden öffnen Linie endet, es ist sehr wichtig, also ist das Überlappen der Schlüssel!
Aktivieren Sie Smart Guides (Befehl + U), um Hilfe zu erhalten. Auf diese Weise sehen Sie, wo sich die Linien schneiden. Sie müssen das Referenzbild nicht exakt kopieren. Ich beschloss, den Tisch flach und sauber zu machen, ließ die gefallene Tulpe fallen und änderte die Vasenform.
Die flachen Bereiche wie die Wand oder der Tisch bestehen aus größeren Glasstücken, während kleinere Objekte (Blumen und Blätter) detaillierter arbeiten müssen. Versuchen Sie, Linien zu zeichnen, die ungefähr den Grenzen jedes Objekts folgen. Denken Sie daran: Es ist besser, kleinere Glasteile herzustellen, bei denen wir sie nicht wirklich brauchen, als ein großes Stück, an dem wir mehr Details benötigen.
Hier habe ich die Mimose durch einfachere Blätter ersetzt, um zu viele kleine Details zu vermeiden. Sie können in den Umrissmodus (Befehl + Y) wechseln, wenn die Linienfarbe Sie stört. Das ist was ich jetzt habe.
Es ist leicht zu wissen, dass Sie für den nächsten Schritt bereit sind: Deaktivieren Sie einfach die Sichtbarkeit der unteren Ebene und Sie werden sehen, ob die Linien erkennbar sind. Stellen Sie sicher, dass jedes wichtige Objekt Ihres Referenzfotos das entsprechende Objekt aufweist Glasstück auf der obersten Ebene durch Linien begrenzt.
Vergewissern Sie sich zweimal, dass sich die Linien oder der Bildrand berühren. Korrigieren Sie Lücken und Punkte, die sich etwas über dem Rand befinden - verschieben Sie sie einfach mit dem Direktauswahl-Werkzeug (A). Sie können es später jedoch korrigieren.
Wenn der Entwurf der Linien in Ordnung ist, wählen Sie alle Linien aus, die Sie erstellt haben (Sie können einfach auf den Kreis neben dem Ebenennamen im Ebenenbedienfeld klicken). Wählen Sie nun das Warp-Werkzeug (Umschalt + R) und beginnen Sie, Linien zu verformen, um sie wellenförmig zu machen - beginnen Sie mit groß Glasstücke Verwenden der Standardwerkzeuggröße. Wenn Sie mit kleineren Teilen arbeiten, ändern Sie die Werkzeugeinstellungen in einen Bereich mit subtileren Bereichen. Klicken Sie auf "Eingabe" und passen Sie Intensität, Einfachheit und Größe an.
Sie können die Größe des Warp-Werkzeugs auch schnell ändern, indem Sie die Alt-Taste gedrückt halten und nach innen oder außen ziehen (um Proportionen zu beschränken, halten Sie außerdem die Umschalttaste gedrückt). Lassen Sie die Linienführung die Form von Bildobjekten wiederholen. Sie müssen am Ende etwas Ähnliches wie das unten gezeigte Bild haben (ich habe die unterste Ebene unsichtbar gemacht).
Das letzte, was Sie vor dem Hinzufügen von Farbe tun müssen, ist das Erstellen eines Rechtecks als Bildrand. Stellen Sie sicher, dass es keine Füllung hat und die Linien berührt, sodass keine Lücken entstehen. Wählen Sie nun die gesamte Ebene aus (Linien und Rechteck zusammen), gruppieren Sie diese Objekte (Befehl + G), und geben Sie dieser Gruppe einen Strich von hellbrauner Farbe (# BC8B0F)..
Jetzt sollten Sie eine Kopie dieser Gruppe erstellen, wir werden sie später verwenden: Drücken Sie die Tastenkombination Befehlstaste + C und Befehlstaste + F. Die Kopie wird über der ursprünglichen Gruppe angezeigt. Verbergen Sie es für jetzt, indem Sie die Befehlstaste + 3 drücken oder auf das Augensymbol neben der Gruppenkopie im Ebenenfenster klicken. Unten sehen Sie, wie es aussieht, wenn das untere Bild deaktiviert ist.
Jetzt fügen wir unserer Grafik Farbe hinzu: Wählen Sie die ursprüngliche Gruppe der Linienarbeit aus und gehen Sie zu Objekt> Live-Paint> Erstellen (Alt + Befehl + X). Dadurch wird aus der Gruppe eine Live-Paint-Gruppe - der umgebende Rahmen ändert sich möglicherweise etwas. Jetzt können Sie den Abstand zwischen den Zeilen mit dem Live Paint Tool (K) neu einfärben..
Um Farbfelder auszuwählen, schlage ich vor, dass Sie zu Fenster> Farbfeld-Bibliotheken gehen und die gewünschte Kombination auswählen (ich habe die Bibliotheken "Essen" und "Natur" verwendet). Klicken Sie einfach auf das Farbfeld als Füllfarbe und bringen Sie den Werkzeugcursor in den Bereich, den Sie malen möchten. Dieser wird mit einer großen Auswahl angezeigt. Beginnen Sie das gesamte Bild mit den gewünschten Farben zu malen (ändern Sie jedoch nicht die Strichfarbe)..
Beim Bemalen Ihrer Glasarbeiten können Probleme auftreten. Wenn einige Bereiche aufgrund von Lücken zwischen den einzelnen Linien als einzeln angezeigt werden, wählen Sie den Endpunkt der Linie mit dem Direktauswahl-Werkzeug (A) aus und verschieben Sie ihn, um die Lücke zu schließen.
Wenn Sie das Gefühl haben, dass einige Linien fehlen, zeichnen Sie neue Linien und verformen Sie sie mit dem Warp-Werkzeug. Wählen Sie dann sowohl die neuen Linien als auch die Gruppe Live Color aus und gehen Sie zu Objekt> Live-Paint> Zusammenführen. Die Zeilen werden der Gruppe hinzugefügt.
Malen Sie Ihr Bild weiter - Sie können die Farbe aller Teile in dieser Gruppe ändern, wenn Sie möchten, mit demselben Live Paint Tool. Schalten Sie die Sichtbarkeit der unteren Ebene aus, um die Glasfüllung zu prüfen. Unten ist was ich bis jetzt habe.
Um die Grundform der Verglasung zu vervollständigen, blenden Sie die Sicherungsgruppe wieder ein, die Sie in Schritt 6 dupliziert haben (drücken Sie Alt + Befehlstaste + 3). Wählen Sie das Duplikat aus und ändern Sie den Strich in 2 pt und dunkelgelb (# EAA00C). Kopieren Sie nun erneut die vordere Gruppe (Befehlstaste + C und Befehlstaste + F) und geben Sie dieser einen 1-Punkt-Strich und eine hellgelbe Farbe (# FCD515). Auf diese Weise sehen die Glasumrandungen aus, als wären sie aus Kupferfolie.
Lassen Sie uns das Bild abschneiden. Zeichnen Sie das Rechteck über der Verglasung so, dass es die gesamte Leinwand bedeckt (oder Sie können eines von der unteren Ebene kopieren). Machen Sie aus der Ebene eine Schnittmaske (wählen Sie im Ebenenbedienfeld die Ebene "Glasswork" aus und wählen Sie im Flyout-Menü die Option Schnittmaske erstellen). Sie können die Ebene "Glasswork" jetzt sperren, da die grundlegende Arbeit erledigt ist.
Erstellen Sie eine neue Ebene und nennen Sie sie "Realismus" (da werden jetzt einige realistische Details hinzugefügt). Erstellen Sie ein Rechteck, das die gesamte Leinwand erneut abdeckt (oder kopieren Sie den Beschneidungspfad von der darunter liegenden Ebene). Duplizieren Sie es zweimal und blenden Sie die Kopien kurz aus (Befehl + C und Befehl + F). Wählen Sie die erste aus und füllen Sie sie ohne Strich zu 50% aus. Gehen Sie nun zu Effekte> Künstlerisch> Schwamm und geben Sie diese Werte ein:
Sie können jetzt zum Deckkraftfenster (Umschalttaste + Befehlstaste + F10) wechseln und den Füllmodus des Rechtecks in Überlagerung ändern. Gehen Sie nun mit noch markiertem Menü zu Effekte> Skizze> Kunststoff-Warp und geben Sie Folgendes ein:
Es wird eine schöne Glasbeschaffenheit erzeugt. Sie können die Deckkraft für einen subtileren Effekt verringern. Wenn Ihr Dokument andere Abmessungen hat, möchten Sie möglicherweise die Einstellungen der Effekte ein wenig ändern.
Blenden Sie die erste Rechteckkopie aus und füllen Sie sie mit einem weißen bis schwarzen radialen Verlauf. Verschieben Sie den Mittelpunkt des Verlaufs mit dem Verlaufswerkzeug (G), wo Sie das Licht außerhalb des Glasfensters nachahmen möchten. Ändern Sie nun den Mischmodus des Rechtecks in Soft Light.
Das Bild sieht bereits gut aus. Wenn Sie jedoch zusätzliche Beleuchtung hinzufügen möchten, wählen Sie das dritte Rechteck über zwei anderen aus, füllen Sie es mit einer grauen Farbe und machen Sie daraus ein Verlaufsnetzwerk (Objekt> Verlaufsnetzwerk erstellen). Geben Sie 4 für Zeilen und 6 ein für Spalten. Ändern Sie nun eine Punktfarbe in Weiß, wählen Sie sie mit dem weißen Pfeil (A) aus und verschieben Sie einige Punkte und Ziehpunkte, um die Formen der Farbübergänge zu erstellen.
Ändern Sie nun erneut den Netzmodus in Soft Light und passen Sie ggf. die Deckkraft an. Dieses Objekt imitiert zusätzliche Lichtquellen außerhalb eines Glasfensters. An dieser Stelle habe ich auch die Farben der Gruppe Light Paint leicht geändert. Das ist es, unten ist mein Ergebnis.
In diesem Lernprogramm haben wir mit einigen einfachen Illustrator-Werkzeugen einen Glasmaleffekt mit einer einfachen Methode erstellt. Sie können die meisten Bilder als Referenz verwenden, um diesen Effekt zu erzielen, versuchen Sie jedoch, Bilder mit hoher Frequenz zu vermeiden.
Diese Methode liefert gute Ergebnisse, wenn sie von Grund auf erstellt wird, da Sie eine Linie nach dem Zufallsprinzip erstellen und nach Belieben malen können. Auch das einfachste Ornament mit diesem Effekt sieht gut aus - schauen Sie sich das Bild unten an. Ich hoffe, Sie haben in dieser Technik etwas für sich selbst gefunden.
Abonnieren Sie den Vectortuts + RSS-Feed, um mit den neuesten Vektor-Tutorials und Artikeln auf dem Laufenden zu bleiben.
Accentsconagua