Accentsconagua
Share
Was Sie erstellen werdenWir ehren die deutsche Sprache und Kultur in dieser Woche, um den Start des Deutsche Version von Envato Elements!
Im heutigen Tutorial betrachten wir den Prozess zum Erstellen einer schwebenden Zeppelin-Illustration in Adobe Illustrator mit nur einigen geometrischen Formen und Werkzeugen.
Nehmen wir an, Sie haben sich bereits mit einer frischen Tasse Kaffee vorbereitet und springen direkt hinein.
Bevor wir beginnen, möchte ich darauf hinweisen, dass die Textur, die ich für das aktuelle Projekt verwendet habe, Teil des Pakets "Subtle Halftone Textures" (genauer Halbton Nummer fünf) ist, das Sie bei Envato Elements finden können.
Vergessen Sie nicht, dass Sie Ihre Ressourcenbibliothek jederzeit erweitern können, indem Sie zu Envato Elements wechseln, wo Sie eine große Auswahl an Vektorgrafiken finden.
Dezente Halbton-Texturen von Envato ElementsWie immer werden wir mit dem Einrichten einer neuen Projektdatei beginnen, indem wir zu übergehen Datei> Neu (oder mit der Control-N Tastenkombination) und passen Sie es wie folgt an:
Und aus dem Erweitert Tab:
Sobald wir die Projektdatei eingerichtet haben, ist es eine gute Idee, unser Dokument mit einigen Ebenen zu strukturieren. Dies hilft uns, einen stetigen Arbeitsablauf aufrechtzuerhalten, indem wir uns auf einen Abschnitt der Abbildung konzentrieren können.
Das gesagt, bringen Sie die Schichten Panel und erstellen Sie insgesamt vier Ebenen, die wir wie folgt umbenennen:
Sobald wir das Dokument überlagert haben, können wir mit der eigentlichen Illustration arbeiten, indem wir den Hintergrund erstellen. Stellen Sie also sicher, dass Sie sich auf der ersten Ebene befinden und springen Sie direkt hinein!
Kurzer Tipp: Bevor wir anfangen, wollte ich darauf hinweisen, dass das gesamte Projekt im Hinblick auf die Pixel-Perfektion erstellt wurde. Sie sollten sich daher das Tutorial "Wie man Pixelpixel perfekt gestaltet", das Sie in kürzester Zeit auf den neuesten Stand bringen sollte, informieren.
Packe die Stiftwerkzeug (P), und nachdem Sie Ihre eingestellt haben Füllen Farbe zu # 7AC6F4, Zeichnen Sie sorgfältig die Hauptform für den unteren Hintergrundausschnitt, wobei Sie das Referenzbild als Hauptführung verwenden.
Mit dem Stiftwerkzeug (P) Ziehen Sie den kleineren oberen Ausschnitt schnell, und positionieren Sie die resultierende Form wie im Referenzbild gesehen.
Wenn Sie mit dem Zeichnen der Hintergrundsegmente fertig sind, können wir mit den Vordergrundwolken beginnen, die mit einigen Kreisen unterschiedlicher Größe erstellt werden. Positionieren Sie sie an den Seiten der unteren Form und färben Sie die vorderen mit # F0FBFF und die hinteren mit # D4F7FF.
Da die Formen an die Oberfläche des Hintergrundsegments gebunden bleiben sollen, werden wir gruppieren (Steuerung-G) und maskieren Sie sie mit einer Kopie (Steuerung-C) der zugrundeliegenden Form, die wir vor (Steuerung-F). Dann können Sie sowohl die Kopie als auch die gruppierten Formen einfach auswählen Rechtsklick> Schnittmaske erstellen.
Vergessen Sie nicht, alle verfassenden Formen des aktuellen Abschnitts mithilfe von auszuwählen und zu gruppieren Steuerung-G Tastaturkürzel.
Bewegen Sie sich zum kleineren Hintergrundsegment und beginnen Sie mit der Arbeit an der Sonne, indem Sie mit a einen leuchtenden Heiligenschein erstellen 112 x 112 px Kreis (# FFCF83) gefolgt von zwei kleineren (# FFCF83), jeder 12 px kleiner als der letzte. Stapeln Sie sie übereinander und stellen Sie sicher, dass Sie sie senken Opazität um nur 16%. Wenn Sie fertig sind, fügen Sie die tatsächliche Sonne mit ein 40 x 40 px Kreis (# FFCF83), stellen Sie sicher, dass Sie alle vier Formen mit Hilfe von auswählen und gruppieren Steuerung-G Tastaturkürzel.
Sobald Sie mit dem Erstellen der Sonne fertig sind, maskieren Sie sie mit demselben Prozess, der für die Vordergrundwolken verwendet wird, sodass sie an die Oberfläche der darunter liegenden Form gebunden bleibt.
Beginnen Sie mit der Arbeit an den kleineren schwebenden Wolken, indem Sie drei unterschiedlich geformte Ellipsen erstellen (#FFFFFF) für jede Instanz. Machen Sie sie überlappen (1), und passen Sie sie dann an, indem Sie zuerst ihre seitlichen Verankerungspunkte mit der Taste Ankerpunktwerkzeug (Umschalttaste-C) (2). Passen Sie die Form weiter an, indem Sie die unteren Ankerpunkte einzeln mit auswählen Direktauswahl-Tool (A) und dann durch Drücken von entfernen Löschen, Stellen Sie sicher, dass Sie die resultierenden Pfade mit der Steuerung-J Tastaturkürzel (3). Wenn Sie fertig sind, wählen Sie die zusammengesetzten Formen der Wolken mithilfe von aus und gruppieren Sie sie Steuerung-G Tastaturkürzel.
Kurzer Tipp: Um verschiedene Variationen zu erzielen, vergrößern oder verkleinern Sie einfach die Breite und / oder Höhe der Ellipsen, bis Sie die gewünschte Form erhalten.
Beenden Sie den Hintergrund, indem Sie die resultierenden Wolken so positionieren, wie sie im Referenzbild zu sehen sind, und anschließend alle zusammenstellenden Formen des aktuellen Abschnitts mithilfe von auswählen und gruppieren Steuerung-G Tastaturkürzel.
Nun, da wir mit dem Hintergrund fertig sind, können wir die Ebene sperren und dann zur nächsten wechseln (das wäre die zweite), in der wir uns Zeit lassen und schrittweise unseren kleinen Zeppelin bauen werden.
Erstellen Sie zunächst die Hauptform für die Gondel mit einem 48 x 12 px Rechteck, mit dem wir einfärben # 664240 und dann auf dem größeren Hintergrundsegment in einem Abstand von 288 px von seinem linken Rand und 208 px von seiner obersten.
Passen Sie die soeben erstellte Form an, indem Sie das öffnen Verwandeln Panel und dann die Einstellung Radius von seinen unteren Ecken zu 8 px aus dem Rechteck-Eigenschaften.
Fügen Sie die Fensterflächen mit acht hinzu 2 x 2 px Quadrate (# F7C263) horizontal beabstandet 2 px voneinander, die wir gruppieren werden (Steuerung-G) und dann wie im Referenzbild zu sehen. Wenn Sie fertig sind, stellen Sie sicher, dass Sie auswählen und gruppieren (Steuerung-G) beide Fenster und die darunterliegende größere Form zusammen, bevor Sie mit dem nächsten Schritt fortfahren.
Beginnen Sie mit der Arbeit am Ballonabschnitt, indem Sie a erstellen 400 x 112 px Ellipse, die wir mit einfärben # F99178 und dann auf der Gondel so positionieren, dass sie am Ende überlappt.
Passen Sie die soeben erstellte Form an, indem Sie die mittleren Ankerpunkte auswählen und nach links schieben 32 px Verwendung der Bewegung Werkzeug (Rechtsklick> Transformieren> Bewegen> Horizontal> -32 px), achten Sie darauf, die Griffe des rechten Ankers um 15 px um das hintere Ende zu verdünnen.
Fügen Sie den unteren dunklen Abschnitt der Sprechblase hinzu, indem Sie eine Kopie erstellen (Control-C> Control-F) der resultierenden Form, die wir anpassen, indem Sie den oberen Ankerpunkt auswählen und dann entfernen. Stellen Sie sicher, dass Sie den entstehenden Pfad mit der Steuerung-J Tastaturkürzel, färben die neue Form mit # C15142.
Fügen Sie den inneren, helleren Bereich mit einer zweiten Kopie hinzu (Steuerung-C) des größeren Ballons, den wir vor (Steuerung-F). Ändern Sie die Farbe in # EA7B65, und dann einzeln auswählen und seine oberen und unteren Anker nach innen schieben 16 px (Rechtsklick> Transformieren> Bewegen> Vertikal> +/- 16 px je nachdem mit welchem Anker du beginnst).
Erstellen Sie die dunklere untere Hälfte mithilfe einer Kopie (Control-C> Control-F) der resultierenden Form, die wir anpassen, indem wir zunächst ihre Farbe in ändern # D86552 Entfernen Sie dann den oberen Ankerpunkt und schließen Sie den Pfad sofort mit Steuerung-J Tastaturkürzel. Wenn Sie fertig sind, stellen Sie sicher, dass Sie auswählen und gruppieren (Steuerung-G) alle zusammengesetzten Formen des Ballons, bevor Sie mit dem nächsten Schritt fortfahren.
Fügen Sie die farbige Spitze mit ein 8 x 112 px Rechteck, mit dem wir einfärben # 664240 und zentrieren Sie sie dann am linken Rand des Ballons aus.Rechtsklick> Schnittmaske erstellen) anschließend mit einer Kopie (Control-C> Control-F) der größeren zugrunde liegenden Form.
Erstellen Sie den Nasenkonus mit einem 12 x 4 px Rechteck (# 664240), die wir anpassen, indem wir die linken Ankerpunkte einzeln auswählen und nach innen schieben 1 px Positionieren Sie die resultierende Form mit den Richtungspfeiltasten so, dass sie den größeren Ballon überlappt 2 px.
Fügen Sie die Hauptform für das obere Ruder mit ein 40 x 32 px Rechteck (# D86552), die wir durch Einstellung der einstellen Radius von seiner oberen linken Ecke zu 32 px, Sein oberer rechter zu 4 px und seine rechts unten zu 20 px aus dem Verwandeln Panel Rechteck-Eigenschaften.
Verzieren Sie das Ruder schnell, indem Sie den dunkleren vertikalen Abschnitt mit einem hinzufügen 8 x 32 px Rechteck (# 664240), die wir mit einer Kopie der darunter liegenden Form maskieren, gefolgt von einem 8 x 8 px Kreis (# 664240), die wir so positionieren, wie sie im Referenzbild zu sehen sind. Wenn Sie fertig sind, stellen Sie sicher, dass Sie auswählen und gruppieren (Steuerung-G) alle drei Formen zusammen, bevor Sie mit dem nächsten Schritt fortfahren.
Fügen Sie das untere Ruder mit einer Kopie hinzu (Control-C> Control-F) derjenigen, an der wir gerade gearbeitet haben, die wir horizontal reflektieren werden (Rechtsklick> Transformieren> Spiegeln> Horizontal) und dann auf der Unterseite des Ballons positionieren. Stellen Sie sicher, dass Sie sie unter alle anderen Formen senden, sobald Sie fertig sind (Rechtsklick> Anordnen> In den Hintergrund).
Erstellen Sie den Seitenaufzug mit einem 40 x 8 px Ellipse (# 664240), die wir anpassen, indem Sie die inneren Ankerpunkte auswählen und nach links schieben 4 px, Positionieren der resultierenden Form 16 px vom hinteren Ende des Ballons.
Fügen Sie die kleinen Stützsegmente mit vier Sätzen von drei hinzu 4 x 2 px Ellipsen (# 664240) folgt der Linie der inneren Abschnitte des Ballons, wie im Referenzbild zu sehen. Nehmen Sie sich Zeit, und wenn Sie fertig sind, stellen Sie sicher, dass Sie alle mit Hilfe von auswählen und gruppieren Steuerung-G Tastaturkürzel.
Beenden Sie den Zeppelin, indem Sie die Seitenmaschine mit a hinzufügen 12 x 8 px Ellipse (# 664240), die wir anpassen, indem Sie die inneren Ankerpunkte auswählen und nach links schieben 2 px. Positionieren Sie die resultierende Form so, wie im Referenzbild zu sehen, und stellen Sie sicher, dass Sie anschließend alle Komponententeile des Luftschiffs mit Hilfe von auswählen und gruppieren Steuerung-G Tastaturkürzel.
Sobald wir mit dem Zeppelin fertig sind, können wir die kleinen Spurlinien mit drei hinzufügen 1 px dicke abgerundete Rechtecke (#FFFFFF), die wir um das Schiff in einer Entfernung von 8 px.
Beenden Sie die Abbildung, indem Sie einige schwebende Wolken hinzufügen (#FFFFFF), und zwar nach der gleichen Methode, mit der die Hintergrundmethoden erstellt wurden. Wenn Sie fertig sind, vergessen Sie nicht, alle Formen mithilfe von auszuwählen und zu gruppieren Steuerung-G Tastaturkürzel.
Bevor wir die aktuelle Ebene sperren und zur nächsten wechseln (das wäre die dritte), müssen wir eine Kopie hinzufügen (Steuerung-C) der beiden Ausschnitte des Hintergrunds und des Hauptkörpers des Zeppelins in die Zwischenablage, da wir sie zum Erstellen der Überlagerung verwenden werden.
Wir möchten mit dem Einfügen der gerade in die Zwischenablage hinzugefügten Kopien in die aktuelle Ebene mit der Steuerung-F Tastaturkürzel.
Als Nächstes müssen wir unsere Formen als einzelne größere verhalten lassen, indem wir sie in a umwandeln Zusammengesetzte Form. Wählen Sie sie zuerst aus und öffnen Sie dann die Pfadfinder Panel und gehen Sie zu seinem erweiterten Menü und drücken Sie Zusammengesetzte Form erstellen.
Sobald wir unsere zusammengesetzte Form erstellt haben, können wir die öffnen Gradient und verwenden Sie einen glatten linearen Farbverlauf # 662D91 für den linken Farbstopp und # FBB03B für den richtigen.
Alles, was wir jetzt tun müssen, um die Farben zum Platzen zu bringen, ist das Öffnen der Transparenz Panel und stellen Sie die Steigung ein Mischmodus zu Farbe brennen, Stellen Sie sicher, es zu senken Opazität um nur 30%.
Sobald wir die Verlaufsüberlagerung hinzugefügt haben, können wir die aktuelle Ebene sperren und dann zur letzten Ebene wechseln (dies wäre die vierte), wo wir unsere kleine Illustration beenden, indem wir eine feine subtile Textur darauf anwenden.
Wir wollen mit dem ersten Kopieren beginnen (Steuerung-C) und dann einfügen (Steuerung-V) die benutzerdefinierte Textur auf unsere aktuelle Ebene und vergewissern Sie sich, dass Sie die Größe der Oberfläche so ändern, dass sie das gesamte Artboard bedeckt.
Sobald wir die Textur an Ort und Stelle haben, müssen wir nur maskieren (Rechtsklick> Schnittmaske erstellen) Es wurde eine zusammengesetzte Form verwendet, die aus dem Hintergrund und den Hauptformen des Zeppelins (die drei, die wir vor ein paar Schritten verwendet haben) erstellt wurde Opazität zu 60% vor dem Schlagen schließlich das Schlagen sparen Taste.
Ich hoffe, dass Sie viel Spaß an diesem kleinen Projekt hatten und vor allem etwas Neues und Nützliches lernen konnten.
Wenn Sie jedoch Fragen haben, können Sie diese gerne im Kommentarbereich posten. Ich werde mich so schnell wie möglich bei Ihnen melden!
Wenn Sie Ihre Fähigkeiten erweitern und etwas Neues und Nützliches lernen möchten, habe ich mir die Zeit genommen, ein paar Tutorials auszuwählen, die ich Ihnen dringend empfehlen sollte!
