Verwenden Sie Inkscape, um eine Sonnenbrille mit Leichtigkeit zu erstellen

In diesem Tutorial entwerfen wir eine coole Sonnenbrille. Diese Sonnenbrillen verwenden viele verschiedene Formen, die aus verschiedenen Techniken in Inkscape bestehen. Wir behandeln einfache Dinge wie das Zeichnen von Formen und einige komplexere Dinge wie Pfadoperationen. Wie wäre es also, wenn wir gleich reinspringen??


1. Richten Sie das Dokument ein

Öffnen wir Inkscape und gehen Sie zu Datei> Dokumenteigenschaften um unsere Leinwand vorzubereiten. Für dieses Tutorial setzen wir die Dokumentgröße auf Breite 600px und Höhe 600px. Um es etwas einfacher zu machen, werden wir es auch überprüfen Rand oben auf Zeichnung.


2. Eine Linse zeichnen

Schritt 1

Drücke den Kreise erstellen (F5) Werkzeug und zeichnen einen perfekten Kreis (Halten Sie die Taste gedrückt, während Sie klicken / ziehen). Größe ist noch nicht wichtig, machen Sie also einen Kreis groß genug, um daran arbeiten zu können.

Schritt 2

Wenn Ihr Kreis ausgewählt ist, gehen Sie zu Pfad> Objekt zum Pfad (Umschalt + Strg + C) um diesen Kreis in einen Pfad umzuwandeln.

Auf diese Weise können wir den Kreis wie unten gezeigt mit Knoten bearbeiten.

Schritt 3

Jetzt benutzen wir die Pfade nach Knoten bearbeiten Werkzeug zu Klicken und Ziehen Diese Knoten und Ziehpunkte formen den Kreis in der Form einer Sonnenbrille (Sie können auch die Pfeiltasten verwenden, um die Knoten zu verschieben). Dies ist der knifflige Teil, daher sind die genauen Koordinaten der 4 Knoten unten aufgeführt, um den Einstieg zu erleichtern.


3. Styling der Linse

Schritt 1

Zuerst bringen Füllen und streichen Beim Klicken Objekt> Füllen und Konturieren. Setzen wir die Strichfarbe auf eine flache Farbe von R = 93, G = 93, B = 93.

Schritt 2

Die Füllung wird ein linearer Farbverlauf sein. Um die Farben unseres Verlaufs zu ändern, klicken wir auf Bearbeiten… unter Linearer Verlauf. Das bringt die Verlaufseditor wo wir unsere Stoppfarben ändern können.

Klicken Sie auf das erste Drop-Menü, um die Haltestellen auszuwählen. Unser erster Halt wird sein R = 197, G = 137, B = 79, A = 200. Der zweite Stopp wird sein R = 176, G = 79, B = 0, A = 200. Falls Sie sich gefragt haben, verringern wir das EIN, welches ist Alpha, um unsere Linsen durchsichtig zu machen. Dies wird später etwas Realismus hinzufügen.

Schritt 3

Wir müssen den Winkel dieses Gradienten anpassen. Klicken Sie dazu auf die Schaltfläche Steigungswerkzeug und wählen Sie das Objektiv aus. Dadurch werden ein paar Knoten angezeigt, die die Richtung unseres Gradienten angeben. Klicken und ziehen die Knoten, um eine vertikale Linie zu bilden (halten Sie Steuerung gerade Linien halten).

Schritt 4

Wir müssen unserem Objektiv einen Rahmen geben, also klicken wir auf Schlaganfall-Stil Tab in Füllen und streichen. Stellen Sie das ein Breite zu 8px.


4. Einige Details hinzufügen

Schritt 1

Kopieren Sie die Linse und fügen Sie sie ein, um eine genaue Form für unsere Details zu erhalten. Entfernen Sie auf unserer kopierten Linse das Füllen indem Sie auf das "X" -Symbol klicken, setzen Sie das Strichfarbe zu R = 0, G = 0, B = 0, und gib das Schlaganfall-Stil ein Breite von 1px. Auf der Unterseite von Füllen und streichen, du wirst sehen Verwischen und Deckkraft,% Werte. Gib dieses Detail ein Verwischen von 0,5 px und Opazität von 30%.

Schritt 2

Positionieren Sie dieses Detail über dem Originalobjektiv und verschieben Sie es vertikal um 2 Pixel nach unten (je nachdem, was auf Ihrem Objektiv am besten aussieht)..

Schritt 3

Wir machen ein weiteres Detail wie dieses, also wählen Sie das gerade erstellte Detail aus und kopieren und fügen Sie es ein. Dieser wird eine haben Strichfarbe von R = 255, G = 255, B = 255, ein Verwischen von 0,3px, und ein Opazität von 40%. Positionieren Sie diese erneut über der Linse, aber verschieben Sie sie diesmal vertikal um etwa 2 Pixel.

Wie Sie sehen, verleihen diese kleinen Details unserer Linse eine gewisse Dimension.


5. Fügen Sie der Linse Markierungen hinzu

Schritt 1

Wählen Sie das Objektiv (nicht die Details) aus, kopieren Sie es und fügen Sie es ein. Zweimal. Wir werden diese kopierten Objektive verwenden, um perfekt geformte Highlights zu erzeugen.

Schritt 2

Wählen Sie eines der kopierten Objektive aus und stellen Sie sicher, dass es über allen anderen Formen liegt, indem Sie auf gehen Objekt> Nach oben springen. Ziehen Sie dann das Objektiv über das andere kopierte Objektiv und Klicken und Ziehen eines der Skalensymbole in den Ecken des ausgewählten Objektivs (Hold-Control (einheitlich skalieren) und machen Sie dieses Objektiv nur etwas größer als das darunter liegende Objektiv (siehe unten).

Wenn alles wie unten positioniert ist, wählen Sie beide kopierten Objektive aus und klicken Sie auf Pfad> Unterschied.

Sie sollten mit einer Form wie folgt enden:

Schritt 3

Wie Sie sehen, wird diese Form ein hervorragendes Highlight für das Objektiv sein. Lassen Sie uns diese Form entfernen Strichfarbe Klicken Sie auf das "X" -Symbol. Positionieren Sie es dann wie unten abgebildet (oder nach Ihren Wünschen) über unserer Linse..

Wir müssen dieser Form eine geben Linearer Verlauf mit dem ersten Halt als R = 255, G = 255, B = 255, A = 255 und der zweite halt als R = 255, G = 255, B = 255, A = 0. Wenn diese lineare Gradientenrichtung bereits nicht vertikal ist, können Sie die verwenden Steigungswerkzeug wieder entsprechend anpassen. Zum Schluss geben Sie diese Form an Opazität von 80%.

Schritt 4

Um etwas Tiefe hinzuzufügen, kopieren und fügen Sie diese Markierung ein und positionieren Sie sie etwa 4 Pixel unter dem Original. Geben Sie dann dieses neue Highlight ein Verwischen von 4px und ein Opazität von 50%.

Schritt 5

Um unser gesamtes Objektiv in Ordnung zu halten, wählen wir alles aus und klicken Sie Objekt> Gruppe (Strg + G).


6. Duplizieren Sie das Objektiv

Wählen Sie das Objektiv aus und klicken Sie auf Bearbeiten> Duplizieren (Strg + D). Dadurch wird ein genaues Duplikat mit der genauen Position erstellt. Wenn Sie dieses Tutorial genau befolgt haben, geben Sie die genauen X-Koordinaten ein, um den richtigen Abstand zwischen den Objektiven zu gewährleisten. Andernfalls können Sie den Abstand wählen, der für Ihr Design am besten aussieht.

Wenn sich Ihre neue linke Linse in Position befindet, klicken Sie auf Ausgewählte Objekte horizontal spiegeln Taste.


7. Zeichne die Brücke

Schritt 1

Verwendung der Rechtecke erstellen Ziehen Sie mit dem Werkzeug ein Rechteck als Brücke für die Linsen über die beiden Linsen. Wir werden auch gehen Objekt> Objekt zum Pfad So können wir diese Form erneut mit Knoten bearbeiten.

Schritt 2

Verwendung der Pfade bearbeiten zeichnen Sie zusammen mit den Knoten und Ziehpunkten ein ähnliches Brückendesign wie unten gezeigt. Vergiss nicht, dass du zwischen zwei Knoten greifen kannst, um eine Linie zu krümmen. Denken Sie daran, dass wir die Brücke irgendwann hinter den Linsen positionieren, damit wir nichts sehen, was wir nicht möchten.

Fast dort…

Schritt 3

Setzen Sie zunächst die Brücke durch Klicken auf alles Objekt> Abwärts nach unten. Wir setzen ein Linearer Verlauf für die Füllen von unserer Brücke. Erster Halt R = 93, G = 93, B = 93 und zweiter Halt R = 73, G = 73, B = 73. Verwenden Sie die Steigungswerkzeug diese vertikal zu machen.

Wir werden auch eine setzen Linearer Verlauf für die Strichfarbe. Erster Halt R = 188, G = 188, B = 188 und zweiter Halt R = 76, G = 76, B = 76. Verwenden Sie die Steigungswerkzeug diese vertikal auch zu machen.


8. Markieren Sie die Brücke

Schritt 1

Wir werden genau das tun, was wir für die Linsenhighlights getan haben. Lassen Sie uns zwei weitere Brücken kopieren und einfügen und positionieren Sie sie wie unten gezeigt. Dann natürlich, Pfad> Unterschied.

Sie sollten mit einer Form wie folgt enden:

Schritt 2

Entfernen Sie zuerst die Strichfarbe und positionieren Sie es über der Brücke wie unten gezeigt. Lassen Sie uns dieses Highlight a Linearer Verlauf mit dem ersten Halt als R = 255, G = 255, B = 255, A = 0 und der zweite halt als R = 255, G = 255, B = 255, A = 255. Stellen Sie dann das ein Verwischen zu 2px und das Opazität zu 10%.


9. Zeichnen Sie die Endstücke

Schritt 1

Verwendung der Stiftwerkzeug, Zeichnen Sie ein grobes, vierseitiges Polygon, das an ein Endstück für unsere Brille erinnert.

Schritt 2

Drücke den Pfade nach Knoten bearbeiten Werkzeug und wählen Sie alle vier Knoten des Endstücks aus. Dann klick Ausgewählte Knoten glätten im Knotenmenü. Dies ist eine schnelle Möglichkeit, unsere Form näher an das zu bringen, was wir wollen.

Ziehen Sie Knoten und Ziehpunkte für endgültige Anpassungen…

Schritt 3

Entferne das Strichfarbe am Schlussstück und gib ihm eine Füllen von R = 93, G = 93, B = 93. Dann kopieren / einfügen, horizontal umdrehen und auf der x-Achse des anderen Objektivs positionieren.


10. Zeichnen Sie die Tempelstücke

Schritt 1

Wir werden das Tempelstück mit dem frei zeichnen Stiftwerkzeug Wie nachfolgend dargestellt. Es kann ein paar Versuche dauern, um es richtig zu machen.

Schritt 2

Verwendung der Pfade nach Knoten bearbeiten Wählen Sie nur die Knoten aus, die gerundet werden sollen (vier gelb hervorgehobene Knoten). Sie können mehrere Knoten mit auswählen Halte-Shift und klicken Sie auf die gewünschten Knoten.

Klicken Sie mit den ausgewählten Knoten auf Ausgewählte Knoten glätten im Knotenmenü.

Schritt 3

Wenn unser abgerundetes Bügelstück ausgewählt ist, geben Sie es ein Füllen von R = 93, G = 93, B = 93. Dann kopieren / einfügen, horizontal umdrehen und auf der x-Achse des anderen Objektivs positionieren.

Schritt 4

Wähle eines der Tempelstücke aus und gib ein Verwischen von 4px. Wiederholen Sie dies mit dem anderen Tempelstück (wir verwischen Objekte einzeln, wenn Sie mehrere Objekte auswählen, Die Unschärfe-Berechnung ändert sich). Wähle beide Tempelstücke aus (halten Sie die Umschalttaste gedrückt, um mehrere Objekte auszuwählen) und klicken Sie auf Objekt> Abwärts nach unten.

Schritt 5

Lassen Sie uns zum Schluss alles auswählen und weitergehen Objekt> Gruppe um diese Sonnenbrillen in einem Stück zu halten.


11. Zeichnen Sie einen Hintergrund, um Ihre Illustration abzuschließen

Schritt 1

Verwendung der Stiftwerkzeug, Lassen Sie uns eine einfache, leicht gekrümmte Küstenlinie zeichnen, auf der unsere Brille sitzen kann. Ich habe die Füllen auf diesem Set zu R = 208, G = 168, B = 118 zusammen mit einem leichten Verwischen von 2px für etwas Tiefe.

Schritt 2

Jetzt müssen wir etwas Textur hinzufügen. Duplizieren Sie dieses Objekt und gehen Sie zu Filter> Bildeffekte, transparent> Alpha-Gravur.

Schritt 3

Wenn diese Form noch ausgewählt ist, legen Sie das fest Opazität zu fünfzehn%. Dadurch wird eine schöne Texturüberlagerung erstellt. Positionieren Sie dann wie unten gezeigt über der ursprünglichen Küstenlinie.

Schritt 4

Jetzt schnappen Sie sich die Gläser und setzen Sie sie in den Sand. Sie können sie sogar etwas drehen, um ein natürlicheres Aussehen zu erzielen.

Schritt 5

Fügen Sie unserer Sonnenbrille einen Schatten hinzu, um noch realistischer zu sein. Wähle aus Stiftwerkzeug und zeichnen Sie eine abstrakte Form, die für die Sonnenbrille einem Schatten ähnelt. Eine Referenz finden Sie in der Abbildung unten.

Schritt 6

Was wir jetzt tun, ist das zu entfernen Strichfarbe und gib dem Schatten einen Füllen von R = 0, G = 0, B = 0. Dann machen wir eine Verwischen von 7px zusammen mit einem Opazität von 40%.

Schritt 7

Zeichnen wir ein Rechteck (mit dem Rechteckwerkzeug natürlich) für unseren Ozean im Hintergrund. Stellen Sie sicher, dass dieses Rechteck hinter der Küstenlinie liegt. Wir geben dieses Rechteck ein Lineare Farbverlaufsfüllung. Der erste Halt ist R = 62, G = 149, B = 166 und der zweite Halt ist R = 75, G = 113, B = 134. Zum Schluss geben Sie dieses Rechteck ein Verwischen von 4,2px.

Verwendung der Steigungswerkzeug, Positionieren Sie den Farbverlauf vertikal, aber verschieben Sie die Stopps wie unten gezeigt (in Richtung Horizont)..

Schritt 8

Zeichnen Sie nun ein ähnliches Rechteck für den Himmel. Stellen Sie sicher, dass sich dieses Rechteck hinter dem Ozean befindet. Wir geben dieses Rechteck ein Radiale Farbverlaufsfüllung. Der erste Halt ist R = 227, G = 250, B = 255 und der zweite Halt ist R = 122, G = 191, B = 229. Verwendung der Steigungswerkzeug, Sie können den Himmel ähnlich wie unten gezeigt positionieren.


Chill, du bist fertig!

Damit ist dieses Tutorial abgeschlossen. Wir haben hier viel mit Inkscape gemacht, also hoffe ich, dass Sie ein paar neue Dinge gelernt haben. Sie sollten jetzt eine recht coole Sonnenbrille haben, pünktlich zum Sommer!