So erstellen Sie einen Vector Diamond Ring in Illustrator

Wenn Sie Juwelen lieben, wie ich es tue, wird dieses Tutorial interessant sein. Am Ende erfahren Sie, wie Sie zwei Vektor-Diamantringe herstellen und die Details, die ihnen Realismus verleihen.

In diesem Lernprogramm werden zwei Diamantringe mit all ihren Bestandteilen hergestellt, beginnend mit dem Ring, dem großen Diamanten mit der Basis, auf der er sitzt, und den kleinen Diamanten, die mit einem zusätzlichen Glanz versehen werden. Ich habe auf die Details geachtet, damit sie realistisch aussehen und ich werde Ihnen die Tipps und Tricks zeigen, mit denen ich sie gemacht habe. Lass uns anfangen!

Endgültige Bildvorschau

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.

Tutorial-Details

  • Programm: Illustrator CS4
  • Schwierigkeit: Mittelstufe
  • Voraussichtliche Fertigstellungszeit: 3 Stunden

Schritt 1

Öffnen Sie ein neues Dokument in beliebiger Größe und verwenden Sie den RGB-Modus. Wir beginnen mit der Ringform. Nehmen Sie das Ellipse-Werkzeug und zeichnen Sie eine Form wie im Bild unten, wählen Sie keine Füllung und nur einen schwarzen Strich von 1 px. Machen Sie als Nächstes die zweite Form etwas größer als die erste.

Nehmen Sie nun das Direktauswahl-Werkzeug und wählen Sie den am weitesten links liegenden Punkt aus. Bewegen Sie ihn dann ein wenig nach rechts, sodass die Form ein wenig zerquetscht wird. Wählen Sie den am weitesten rechts liegenden Punkt und machen Sie dasselbe. Wählen Sie nun den äußeren Kreis aus, kopieren Sie ihn und fügen Sie ihn vorne ein. Wir werden das später brauchen. Wählen Sie anschließend beide Originalformen aus (nicht die, die wir gerade eingefügt haben) und gehen Sie zu Objekt> Verbundpfad> Erstellen.

Schritt 2

Wählen Sie das Ellipse-Werkzeug und erstellen Sie eine größere ovale Form als die erste. Legen Sie es nun auf die kleinere Form und wählen Sie beide aus. Gehen Sie zum Pathfinder-Fenster und klicken Sie auf Minus Front, damit die Form im nächsten Bild angezeigt wird.

Schritt 3

Jetzt werden wir die Form verwenden, die wir zuvor eingefügt haben. Nehmen Sie das Werkzeug Ankerpunkt hinzufügen, fügen Sie zwei Punkte hinzu und zeichnen Sie dann den Pfad, den Sie im Bild unten sehen, mit dem Stiftwerkzeug. Machen Sie dasselbe mit dem anderen Teil, wählen Sie keine Füllung und 1 px schwarzen Strich. Diese Formen, die wir gerade erstellt haben, müssen über den ersten beiden liegen. Das ist wichtig, sonst können wir sie später nicht einfärben.

Schritt 4

Es ist Zeit für ein paar Farben. Wählen Sie die erste zusammengesetzte Form aus, deaktivieren Sie den Strich und füllen Sie ihn mit dem linearen Farbverlauf, den Sie im Bild unten sehen. Farben von links nach rechts sind: 80% Schwarz (R = 51, G = 51 und B = 51), (R = 153, G = 153 und B = 153) oder 40% Schwarz; (R = 204, G = 204 und B = 204) 20% Schwarz; (R = 243, G = 244 und B = 244); (R = 128, G = 124, 128); (R = 242, G = 242 und B = 242) 5% Schwarz; (R = 178, G = 178 und B = 178) 30% Schwarz und (R = 125, G = 125 und B = 125).

Wählen Sie auch die im zweiten Bild dargestellte Form aus und füllen Sie sie mit dem linearen Farbverlauf, den Sie sehen. Die Farben sind: 80% Schwarz (R = 51,51 und B = 51), 60% Schwarz (R = 102, G = 102 und B = 102), 10% Schwarz (R = 230, G = 230 und B = 230), 60% Schwarz (R = 102, G = 102 und B = 102), hellgrau (R = 243, G = 244 und B = 244); 70% Schwarz (R = 77, G = 77 und B = 77) und 90% Schwarz (R = 26, G = 26 und B = 26).

Schritt 5

Jetzt färben wir die Formen, die wir gemacht haben, darauf. Verwenden Sie dazu den linearen Farbverlauf aus dem Bild. Für die Form links sind die Farben: 80% Schwarz (R = 51, G = 51 und B = 51), Grau (R = 139, G = 135 und B = 141), Hellgrau (R = 243 G = 244 und B = 244), grau (R = 128, G = 124 und B = 128), grau (R = 167, G = 169 und B = 172) und für die Form rechts: 80% Schwarz (R = 51, G = 51 und B = 51), Grau (R = 139, G = 135 und B = 141), Hellgrau (R = 243, G = 244 und B = 244) , grau (R = 178, G = 178 und B = 178) und ein anderes Grau (R = 167, G = 169 und B = 172).

Schritt 6

Es ist Zeit, einige Details hinzuzufügen. Anstatt mit dem Stiftwerkzeug neue Formen zu zeichnen, bevorzuge ich den folgenden Trick. Nehmen Sie das Direktauswahl-Werkzeug und wählen Sie nur die drei Punkte aus, die Sie im Bild sehen. Kopieren Sie sie und fügen Sie sie in Ihren Arbeitsbereich ein. Heben Sie die Auswahl der Füllung auf und geben Sie nur einen schwarzen Strich an. Wenn Illustrator mehr als die drei Punkte kopiert, wie bei mir, einfach löschen, brauchen wir nur die Form unten zu erhalten.

Gehen Sie als Nächstes zum Pinselbedienfeld und wählen Sie den Pinsel aus dem Bild unten aus - den ersten. Ich brauchte mehr Pinsel, also habe ich einige Punkte gelöscht, um die 2 neuen Pinsel zu erhalten, die Sie im Bild sehen. Dann ziehen Sie beide einfach in das Pinselfenster, damit wir sie weiter verwenden können.

Wählen Sie nun den zuvor ausgeführten Detailpfad aus und wenden Sie den ersten Pinsel darauf an, machen Sie den Strich auf 0,10 px und erweitern Sie dann das Erscheinungsbild. Füllen Sie die Form mit dem linearen Farbverlauf aus dem Bild: 90% Schwarz (26,26,26), 0% Schwarz (255,255,255), 70% Schwarz (77,77,77), 0% Schwarz (255,255,255) und 90% schwarz (26,26,26).

Setzen Sie nun die Form wieder an ihren Platz, stellen Sie den Modus auf Multiplizieren und verringern Sie die Deckkraft auf 50%..

Schritt 7

Verwenden Sie dieselbe Technik, um die Detailform aus dem unteren Bild zu erstellen und mit einem ähnlichen Farbverlauf zu füllen. Justieren Sie einfach die Farben, damit die Reflexe so real wie möglich aussehen. Gehen Sie auch zu Effekte> Stilisieren> Äußeres Glühen und legen Sie dann die Werte fest, die Sie im Bild sehen.

Schritt 8

Wiederholen Sie einfach die vorherigen Schritte und machen Sie mehr Detailformen. Füllen Sie den nächsten Schritt mit einem linearen Farbverlauf von Weiß zu Schwarz und passen Sie ihn so an, dass Sie das gewünschte Ergebnis erhalten. Wenn Sie fertig sind, machen Sie dasselbe auf der anderen Seite oder zeigen Sie eine Kopie davon an.

Schritt 9

Machen Sie dasselbe mit der Außenseite unseres Rings. Füllen Sie es wie gezeigt mit dem Farbverlauf, und wiederholen Sie es oder drehen Sie es auf die andere Seite.

Schritt 10

Gehen Sie für die im Bild unten dargestellte Form nach dem Erstellen und Füllen mit dem angezeigten Verlauf zu Effekte> Stilisieren> Äußeres Glühen. Wenden Sie dann die gleichen Werte aus Schritt 7 an. Ändern Sie den Modus in Multiplizieren und verringern Sie die Deckkraft auf 25%. Machen Sie dasselbe auf die andere Seite.

Schritt 11

Wir haben zwei weitere Formen vor uns. Füllen Sie sie mit dem im Bild unten gezeigten Verlauf: sehr dunkelgrau (26,26,26), hellgrau (228,228,228) und schwarz (0,0,0). Reduzieren Sie dann die Deckkraft auf 50% oder bis Ihnen gefällt, was Sie sehen.

Schritt 12

Mit diesem Teil sind wir fertig. Nun sollte unser Ring aussehen wie das Bild unten.

Schritt 13

Es ist Zeit, die Basis zu schaffen, wo der große Diamant bleiben wird. Nehmen Sie das Rechteckwerkzeug und zeichnen Sie ein Rechteck (die Größe ist jetzt nicht wichtig, da wir die Größe später ändern werden, damit sie hinter den Diamanten passt). Wählen Sie anschließend mit dem Direktauswahl-Werkzeug jeden Punkt aus und klicken Sie auf die Option Ausgewählte Ankerpunkte konvertieren, um sie zu glätten (wie in der Menüleiste dargestellt). Sie sollten die Form aus dem nächsten Bild erhalten.

Schritt 14

Um die nächste Form zu erstellen, wählen Sie die obige aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Legen Sie den Wert auf 8 pt fest und wählen Sie dann Erweitern. Machen Sie nun mit dem Ellipse-Werkzeug vier kleine ovale Formen und platzieren Sie sie in der Mitte jeder Seite, wie Sie im Bild sehen.

Wählen Sie alle fünf Formen aus und klicken Sie im Pathfinder-Bedienfeld auf Minus Front. Sie sollten etwas Ähnliches wie das unten gezeigte haben. Füllen Sie es jetzt mit einem linearen Farbverlauf namens Steel aus der Bibliothek. Sie könnten auch Silver verwenden, aber ich mochte die Art, wie die erste mehr aussah.

Schritt 15

Gehen Sie nun mit der zuletzt ausgewählten Form zu Objekt> Pfad> Versatzpfad und setzen Sie den Wert auf -1 pt oder -2 pt je nach Größe der Form. Erweitern und füllen Sie es mit demselben Stahlgradienten. Passen Sie nur den Winkel wie im ersten Bild an.

Kopieren Sie nun die ursprüngliche Form (die einfache graue), fügen Sie sie vorne ein und füllen Sie sie wie im zweiten Bild mit demselben Steel-Farbverlauf. Als nächstes fügen Sie noch einmal die erste graue Form vor, machen Sie es etwas kleiner, um so etwas wie im letzten Bild unten zu erhalten. Wir sind fertig mit der Basis für den großen Diamanten.

Schritt 16

Es ist Zeit, den großen Diamanten zu machen. Ich suchte nach ein paar schönen Diamantschliffen für die Inspiration und zeichnete dann mit dem Stiftwerkzeug ein Muster. Sie können jede Form verwenden, die Sie mögen. Ich habe so etwas wie auf dem Bild unten.

Schritt 17

Der nächste Schritt ist das Hinzufügen von Farben. Wählen Sie jedes einzelne Teil aus, setzen Sie es auf keinen Strich und füllen Sie es mit dem linearen Farbverlauf, wie in der Abbildung unten gezeigt.

Ich habe sie zufällig aus verschiedenen Teilen der Rautenform ausgewählt und auch den Gradienten für jeden einzelnen Teil angepasst, weil ich etwas weniger regelmäßiges haben wollte. Die Farben sind: Lila (R = 183, G = 169 und B = 210), Hellpurpur (R = 226, G = 220 und B = 238) und Weiß (R = 255, G = 255 und B = 255).

Und hier ist ein anderer Gradient, den ich verwendet habe, damit ich den gewünschten Effekt erzielen würde. Die Farben sind ähnlich: Weiß (R = 255, G = 255 und B = 255), Hellviolett (R = 226, G = 220 und B = 238) und Mittellila (R = 135, G = 140 und B = 197).

Schritt 18

Dies ist der endgültige Diamant-Look. Im zweiten Bild unten habe ich es auf die Basis gestellt, die wir gemacht haben.

Schritt 19

Es sieht so aus, als ob der Diamant nur oben sitzt und ich habe mich entschieden, zwei kleine Formen zu machen, wie die, die den Stein auf einem echten Diamantring halten. Nehmen Sie dazu das Ellipse-Werkzeug und machen Sie ein Oval (siehe Abbildung), und füllen Sie es mit einem Farbverlauf, der dem für die Basis verwendeten Stahl ähnlich ist. Die Größe der Form spielt an diesem Punkt keine Rolle, da wir die Größe ändern, sobald das Design fertig ist.

Lassen Sie uns nun eine Deckkraftmaske erstellen, da sie sich besser mit der Basisform vermischt, wenn Sie sie auf die Oberseite setzen. Kopieren Sie die Form, fügen Sie sie ein und füllen Sie sie wie gezeigt mit einem weißen bis schwarzen Farbverlauf. Legen Sie es auf den ersten. Wählen Sie beide aus, und wechseln Sie zum Fenster "Transparenz" und wählen Sie "Deckkraftmaske erstellen" aus. Sie sollten etwas in dem zweiten Bild unten haben.

Schritt 20

Als Nächstes kopierte ich das ursprüngliche Oval, füllte es mit einem dunklen Grau und legte es wie in der Abbildung gezeigt dahinter - für ein realistischeres Aussehen. Gruppieren Sie nun alle Formen, ändern Sie ihre Größe, erstellen Sie eine zweite Kopie und platzieren Sie sie, wie im Bild unten, nebeneinander.

Der Ring sollte jetzt wie folgt aussehen.

Schritt 21

Ich wollte mehr Glanz und ein eleganteres Design, also entschied ich mich, noch ein paar Diamanten hinzuzufügen. Wählen Sie die große aus, kopieren Sie und fügen Sie weitere Diamanten ein. Ändern Sie die Größe und platzieren Sie sie wie gezeigt.

Lass uns jetzt etwas mehr machen und platzieren. Für ein natürlicheres Aussehen fügte ich jedem von ihnen einen kleinen Schlagschatten mit den Werten hinzu, die Sie im Bild unten sehen.

Der Ring sollte jetzt ungefähr so ​​aussehen.

Schritt 22

Für den zweiten Diamanten habe ich die gleiche Form verwendet und nur die Gradienten geändert. Grundsätzlich habe ich das helle Lila durch ein dunkles ersetzt, damit wir eine andere Reflexion erhalten. Ich habe auch die Winkel angepasst, damit er anders aussieht als der erste. Hier sind zwei Beispiele der Farbverläufe, die ich verwendet habe.

Als Nächstes müssen Sie die kleinen Diamanten durch diese neuen Diamanten ersetzen. Kopieren Sie sie einfach und verkleinern Sie sie wie zuvor. So sollte der zweite Diamantring aussehen.

Fazit

Für den letzten Schritt habe ich einen schwarzen Hintergrund erstellt. Dann drehte ich die Ringe, bis mir gefiel, wie es aussah. Ich habe einige der Farbverläufe so angepasst, dass die Reflexe natürlich erscheinen, und ich habe auch Schatten hinzugefügt, bei denen der erste Ring etwas oben auf dem anderen erscheint, damit er realistischer wirkt. Dies ist das endgültige Bild.

Die Arbeit ist erledigt! Ich hoffe es hat Ihnen gefallen und Sie haben einige neue Techniken gelernt!

Abonnieren Sie den Vectortuts + RSS-Feed, um mit den neuesten Vektor-Tutorials und Artikeln auf dem Laufenden zu bleiben.