Share
Was Sie erstellen werdenIn diesem Tutorial zeige ich Ihnen, wie Sie mit Sketch, einem erstaunlichen Vektor-Design-Tool, Windmill-Illustrationen erstellen. In diesem Lernprogramm werden Sie mit zahlreichen Techniken vertraut, die zum Erstellen von benutzerdefinierten Illustrationen mit Sketch erforderlich sind. Lass uns anfangen!
Beginnen wir mit der Erstellung unserer Zeichenfläche. Dazu drücken Sie EIN auf der Tastatur und zeichnen Sie eine Zeichenfläche im Format 1200 px durch 900 px.
Wähle aus Rechteck Werkzeug aus dem Einfügen> Form Menü in der oberen Symbolleiste oder drücken Sie einfach R auf der Tastatur und erstellen Sie ein Rechteck.
Verwenden Sie die Inspektorentafel auf der rechten Seite zu deaktivieren das Grenzen, und klicken Sie dann auf Füllen Taste und wechseln zu Linearer Verlauf.
Wählen Sie oben den Farbstopp aus. Sie werden bemerken, dass er größer wird, wenn Sie ihn auswählen. Ändern Sie die Farbe in # 052138.
Als nächstes wählen Sie den Farbstopp unten, ändern Sie die Farbe in # 3B749E, und bewege es nach oben. Verwenden Sie das Bild unten als Referenz.
Heb die ... Auf Rechteck Werkzeug durch Drücken von R auf der Tastatur und zeichnen Sie ein Rechteck 10 px durch 10 px. Ändern Sie die Farbe in # 4F89BA und deaktivieren Sie die Grenzen mit der Taste Inspektorentafel zur Rechten.
Wählen Sie das Drehen Werkzeug aus der oberen Symbolleiste und drehen Sie das Rechteck 45 ° im Uhrzeigersinn, und dann bewerben Gaußscher Weichzeichner mit Menge von 1 px Verwendung der Inspektorentafel.
Fügen Sie weitere Sterne hinzu, indem Sie (Befehl-D) dieses Rechteck. Verwenden Sie das Bild unten als Referenz.
Benutzen # 061C2E Farbe für die dunkleren Sterne und # DBF0F0 für die helleren. Wählen Sie alle Sterne aus und platzieren Sie sie mit Befehl-G. Nennen Sie diese Gruppe "Sterne"..
Drücken Sie O das anrufen Oval Werkzeug und einen Kreis machen. Deaktivieren Sie den Rand und ändern Sie die Farbe in # 224E6F, und bewerben Gaußscher Weichzeichner mit dem Menge von 1px.
Duplizieren Sie den Kreis (Befehl-D) und ändern Sie die Farbe in # E0FFFF.
Duplizieren Sie den Kreis noch einmal, ändern Sie die Farbe in # 20E6E6, und bewege es 13 px nach links.
Wählen Sie diese beiden Kreise durch Gedrückthalten aus Befehl auf der Tastatur und klicken Sie auf diese Ebenen in der Schichtenliste auf der linken Seite und klicken Sie dann auf Subtrahieren in der oberen Symbolleiste, um die Mondform zu erstellen.
Wählen Sie den Kreis und die Mondform aus, gruppieren Sie sie und geben Sie dieser Gruppe den Namen "Mond"..
Drücken Sie V das zu wählen Vektor Werkzeug und zeichnen Sie die Form der fernen Berge.
Deaktivieren Sie den Rand und ändern Sie die Farbe in # 215178.
In diesem Abschnitt erstellen wir Berge und Bäume, die sich direkt hinter unserer Windmühle befinden, indem wir Dreiecke verwenden.
Wählen Sie das Dreieck Werkzeug durch Drücken von T auf der Tastatur und erstellen Sie ein Dreieck wie im Bild unten.
Ändern Sie die Farbe des Dreiecks in # 23567E und schalte die Grenze aus.
Erstellen Sie ein anderes Rechteck, und verwenden Sie dazu die Farbe # 275B85.
Dann noch einer. Verwenden Sie dazu die Farbe # 29608C.
Und zum Schluss noch ein Rechteck erstellen und dieses mit einfärben # 24567E.
Es ist Zeit, Bäume in unseren Bergen hinzuzufügen. Verwenden Sie die Dreieck (T) Werkzeug zum Erstellen einer Baumform.
Ändere die Farbe des Baumes in die Farbe unseres Berges.
Duplizieren Sie ein paar Mal und bewegen Sie die Formen wie in der Abbildung unten um unseren Berg.
Wiederholen Sie diesen Vorgang für alle anderen Berge.
Wählen Sie alle Berge und Bäume aus und verschachteln Sie sie in einer Gruppe, indem Sie drücken Befehl-G. Nennen Sie diese Gruppe "Berge und Bäume"..
Fügen wir der Abbildung einige Wolken hinzu. Heb die ... Auf Vektor (V) Werkzeug und eine Wolkenform zeichnen. Verwenden Sie für die Farbe #FFFFFF.
einstellen Mischen zu Sanftes Licht und Opazität zu 20%.
Zeichne eine weitere Wolke.
Veränderung Mischen zu Sanftes Licht und Opazität zu fünfzehn%.
Erstellen Sie schließlich eine weitere Wolke direkt über dem Mond.
einstellen Mischen zu Sanftes Licht und Opazität zu 10%.
Wähle alle Wolken aus und gruppiere sie zusammen. Gib dieser Gruppe den Namen "Wolken".
Zeichnen Sie ein Rechteck mit Rechteck (R) Werkzeug und platzieren Sie es an der Unterseite unserer Zeichenfläche.
Klicke auf Füllen in dem Inspektorentafel und wählen Sie Linearer Verlauf. Färben Sie den Anschlag oben auf # 0F273F.
Färben Sie den Anschlag an der Unterseite auf # 070C1F.
Erstellen Sie ein Rechteck mit Rechteck Werkzeug (T). Verwenden Sie für die Farbe # E0E0E0 und schalte die Grenze aus.
Drücken Sie Eingeben auf der Tastatur, um das Rechteck zu bearbeiten. Wählen Sie den runden Punkt in der unteren linken Ecke und stoßen Sie ihn an 36 px nach links mit dem linken Pfeil auf der Tastatur. Mit den Pfeiltasten können Sie die ausgewählten Punkte um 1 px verschieben, indem Sie die Taste gedrückt halten Verschiebung Schlüssel können Sie sie verschieben 10 px pro Klick.
Als nächstes wählen Sie den runden Punkt in der rechten unteren Ecke und stoßen ihn an 36 px mit der rechten Pfeiltaste nach rechts.
Lassen Sie uns unserem Turm mehr Tiefe verleihen. Packe die Vektor (V) Werkzeug und zeichnen Sie eine Form wie in der Abbildung unten gezeigt. Für die Farbe verwenden #FFFFFF, schalten Sie die Grenze aus und setzen Sie die Opazität zu 60%.
Diese Form duplizieren (Befehl-D), Horizontal spiegeln Verwendung der Inspektorentafel auf der rechten Seite und verschieben Sie es auf die rechte Seite des Turms.
Ändern Sie die Farbe in # 000000 und das Opazität zu 10%.
Wählen Sie anschließend diese beiden Formen und die Form des Turms durch Gedrückthalten aus Verschiebung und klicken Sie auf die Ebenen und wählen Sie dann Maske in der oberen Symbolleiste.
Wählen Sie erneut alle Formen aus, die wir in diesem Schritt erstellt haben, und platzieren Sie sie in einer Gruppe. Nennen Sie diese Gruppe "Turmform"..
Um eine Tür zu erstellen, zeichnen Sie ein Rechteck wie in der Abbildung unten und legen Sie die folgenden Eigenschaften im Fenster fest Inspektorentafel:
Accentsconagua
# 676767 
Zeichnen Sie als Nächstes ein kleineres Rechteck, deaktivieren Sie den Rand und setzen Sie die Farbe auf # 676767.
Wählen Sie beide Rechtecke aus und platzieren Sie sie in der Gruppe "Tür".
Lass uns ein Fenster erstellen. Zeichnen Sie ein Quadrat mit Rechteck Werkzeug (R) und gedrückt halten Verschiebung. Wenden Sie die folgenden Eigenschaften auf dieses Quadrat an:
#BEBEBE # 676767 
Wählen Sie das Linie (L) und zeichnen Sie zwei Linien über der Fensterform: eine horizontale und eine vertikale. Verwenden Sie für die Farbe # 676767 und setze das Dicke zu 2 px.
Wählen Sie das Quadrat und die beiden Linien aus und drücken Sie Befehl-G um sie in einer Gruppe zu nisten. Benennen Sie diese Gruppe "Fenster".
Duplizieren (Befehl-D) dreimal die Gruppe "Fenster" und platziere sie wie in der Abbildung unten gezeigt.
Wählen Sie das obere Fenster aus und ändern Sie die Farbe des Rechtecks in # FDF485.
Wählen Sie "Turmform" und alle "Fenster" - und "Tür" -Gruppen aus und ordnen Sie sie einer Gruppe zu. Nennen Sie diese Gruppe "Turm"..
Verwenden Sie die Oval (O) Werkzeug und gedrückt halten Verschiebungeinen Kreis erstellen Stellen Sie die Farbe auf # D71A03 und schalte die Grenze aus.
Drücken Sie Eingeben um den Formbearbeitungsmodus zu aktivieren, und wählen Sie dann die Option Schere Werkzeug aus dem Ebene> Pfade Menü in der oberen Symbolleiste, um Linien von unserem Kreis abzuschneiden, um eine Halbkugel zu erhalten.
Gehe zu Ebene> Pfade und wähle Pfad schließen um den Pfad zu schließen.
Lassen Sie uns einige Highlights und Schatten hinzufügen. Erstellen Sie ein Rechteck über der linken Seite unserer Hemisphäre, deaktivieren Sie den Rand und setzen Sie die Farbe auf #FFFFFF und das Opazität zu 20%.
Duplizieren Sie diese Form, ändern Sie die Farbe in # 000000 und das Opazität zu fünfzehn%, und positionieren Sie es über der rechten Seite unserer Hemisphäre.
Wählen Sie beide Formen und die Hemisphäre, indem Sie gedrückt halten Verschiebung und klicken Sie auf die Ebenen und wählen Sie dann Maske in der oberen Symbolleiste.
Erstellen Sie am Ende ein Rechteck, das etwas größer ist als der Abstand zwischen der Kappe und dem Turm. Stellen Sie die Farbe auf #EFEFEF und bewerben Schatten Verwendung der Inspektorentafel.
Wählen Sie beide Formen (Halbkugel und Rechteck) aus und gruppieren Sie sie. Gib dieser Gruppe den Namen "Mütze".
In diesem Schritt erstellen wir den letzten Teil unserer Windmühle: die Segel. Also fangen wir an.
Wähle das aus Vektor (V) Werkzeug und zeichnen Sie eine Form wie die im Bild unten. Stellen Sie die Farbe auf 070640 und schalte die Grenze aus.
Verwenden Sie die Linie (L) Werkzeug zum Erstellen der horizontalen und vertikalen Linien, die zu unserem Segel gehören. Stellen Sie für horizontale Linien die Farbe auf 070640 und das Dicke zu 2 px.
Stellen Sie für vertikale Linien das ein Dicke zu 1 px und die farbe auch dazu 070640. Es sollte so aussehen.
Wählen Sie alle Linien (horizontal und vertikal) zusammen mit der grundlegenden Segelform aus und gruppieren Sie sie. Wählen Drehen von der oberen Symbolleiste. Klicken Sie auf und ziehen Sie die Fadenkreuzmarkierung Wie in der Abbildung unten gezeigt, können Sie sich um diesen Punkt drehen.
Drehen Sie das Segel. Verwenden Sie das Bild unten als Referenz.
Duplizieren Sie das Segel, wählen Sie Drehen, Klicken und ziehen Sie das Fadenkreuz wie im vorherigen Schritt und drehen Sie das Segel.
Wiederholen Sie den vorherigen Schritt noch zweimal, um die zwei fehlenden Segel hinzuzufügen.
Erstellen Sie ein Weiß (#FFFFFF) kreisen Sie auf unseren Segeln mit der Oval (O) Werkzeug. Legen Sie die folgenden Eigenschaften für das fest Grenzen:
070640 
Wählen Sie diesen Kreis und alle Segel aus und platzieren Sie sie mit Befehl-G. Nennen Sie diese Gruppe "Segel"..
Wählen Sie dann die Gruppen "Turm", "Kappe" und "Segel" aus und verschachteln Sie sie in der Gruppe "Windmühle".
Wählen Sie "Windmühle" und "Berge und Bäume" und kopieren Sie sie (Befehl-D), gruppiere sie in der Gruppe "Reflexionen" und Vertikal spiegeln Verwendung der Inspektorentafel zur Rechten.
In dem Ebenen Panel, Setzen Sie die Gruppe "Reflexionen" direkt unter die Gruppe "Windmühle".
Bewegen Sie die "Reflexionen" wie in der Abbildung unten gezeigt nach unten.
Zum Schluss senken Sie die Opazität dieser Gruppe zu 5%.
Ihre Windmühlenillustration ist jetzt abgeschlossen!
Ich hoffe, Sie hatten eine tolle Zeit, um daran zu arbeiten. Ich würde gerne Ihre Versionen der Windmühle sehen. Teilen Sie also bitte mit, was Sie in den Kommentaren unten erstellt haben.
Vielen Dank für Ihre Zeit!
