Im heutigen Tutorial machen wir uns auf den Weg und entwickeln unsere eigene Boombox unter Verwendung einiger grundlegender Werkzeuge und Formen von Illustrator.
Also, wenn Sie ein echter Spieler sind, ziehen Sie Ihren Partyhut auf, denn es kommt zum Jammern.
Wenn Sie beschließen, das Projekt zu erweitern, können Sie immer Inspiration finden, indem Sie einen kurzen Blick auf den Envato-Markt werfen, wo Sie die dopest-Illustrationen für die Aufnahme finden.
Lasst uns Illustrator öffnen und die Party beginnen.
Wie immer erstellen wir zuerst ein neues benutzerdefiniertes Dokument (Datei> Neu oder Control-N), die wir mit folgenden Einstellungen einrichten:
Und aus dem Erweitert Tab:
Kurzer Tipp: Die meisten der angegebenen Einstellungen können durch Festlegen des Dokuments ausgelöst werden Profil zu Netz; Der einzige, der nicht automatisch eingestellt wird, ist der Größe, die Sie manuell auswählen müssen.
Nachdem wir unser Dokument erstellt haben, können wir unser Projekt jetzt vorbereiten, indem wir einen Satz einzelner Ebenen erstellen, um die verschiedenen Abschnitte unserer Illustration voneinander zu trennen.
Vorausgesetzt, Sie wissen, wie Sie das verwenden Schichten Panel, rufen Sie es auf und erstellen Sie drei Ebenen. Benennen Sie diese wie folgt:
Da Illustrator das Rastersystem nutzen kann, werden wir ein benutzerdefiniertes System einrichten, das die niedrigsten möglichen Werte verwendet, und verwenden das Am Raster ausrichten Option, wenn wir nicht in sind Pixelvorschau Modus, um sicherzustellen, dass alle unsere Formen perfekt am Pixelraster.
Die Einstellungen, die uns interessieren, finden Sie unter Bearbeiten> Voreinstellungen> Hilfslinien & Raster Präferenzen-Untermenü und sollte wie folgt angepasst werden:
Kurzer Tipp: Ich werde jetzt nicht zu viel ins Detail gehen, da ich bereits zwei separate Artikel geschrieben habe, die erklären, wie das Grid-System funktioniert und wie Sie verschiedene Einstellungen verwenden können, um einen pixelgenauen Workflow einzuhalten.
Ich werde Sie dazu ermutigen, diese zu lesen, da sie wahrscheinlich alle Ihre Fragen beantworten und Ihre technischen Fähigkeiten erweitern werden, wenn es um einige von Illustrator gehtmehrdeutige Werkzeuge und Optionen.
Das erste, was wir erstellen werden, ist der funky Hintergrund, der, wie Sie sehen werden, eine recht einfache Aufgabe sein wird.
Vergewissern Sie sich, dass Sie sich auf der ersten Ebene befinden, und verwenden Sie dann die Abgerundetes Rechteckwerkzeug eine kleinere erstellen 42 x 10 px gestalten (# 3e4249
) mit einer 5 px Eckenradius und ein anderes wesentlich größer 386 x 10 px (# 3e4249
) mit dem gleichen Wert für die Ecken. Richten Sie die beiden Elemente vertikal aus, und stellen Sie sicher, dass eine leere Lücke von 8 px zwischen ihnen.
Kurzer Tipp: Bei der genauen Positionierung empfehle ich immer, dass Sie die einschalten Pixelvorschau Modus (Ansicht> Pixelvorschau)So können Sie Ihre Formen vollständig steuern, indem Sie das darunterliegende Pixelraster verwenden, das nach dem Einschalten sichtbar wird.
Gruppieren Sie die zwei Zeilen, die wir gerade erstellt haben (Steuerung-G) und richten Sie sie dann horizontal auf die Mitte aus Zeichenbrett, Stellen Sie sicher, eine Lücke von 168 px zu seiner Unterseite.
Verwendung der Ellipsenwerkzeug (L) ein ... kreieren 324 x 324 px Kreis, den wir mit einfärben # acd18c
, und dann horizontal zentrieren Sie es auf die Zeichenbrett, Positionieren Sie es über den beiden Linien, einige Pixel nach unten.
Zeichne einen anderen Satz von drei Kreisen, einen 284 x 284 px eins, ein kleineres 244 x 244 px Eins und noch kleiner 204 x 204 px eine, die wir mit schwarz einfärben (# 000000
) und überlagern Sie den größeren Kreis, den wir im vorherigen Schritt erstellt haben, indem Sie die Deckkraft auf nur etwas verringern 10%.
Da wir die unteren Abschnitte der Kreise ausblenden möchten, die über die beiden Linien hinausgehen, erstellen wir eine 328 x 256 px Rechteck, das wir direkt über den Linien positionieren und dann als Schnittmaske indem Sie es und die Kreise auswählen und dann Rechtsklick> Schnittmaske erstellen.
Nachdem Sie die Kreise maskiert haben, wählen Sie beide und die beiden Linien aus und gruppieren Sie sie mit Steuerung-G Tastaturkürzel. Wenn Sie den Hintergrund in der Zukunft verschieben oder neu positionieren müssen, können Sie dies tun, ohne sich Sorgen zu machen, dass einige Formen zurückgelassen wurden.
Da wir jetzt mit dem Hintergrund fertig sind, können wir die Ebene sperren und zur nächsten übergehen, wo wir an der kleinen Boombox selbst arbeiten werden.
Bisher haben wir den Hintergrund schnell erstellt. Jetzt ist es an der Zeit, unseren Fluss anzubauen und das Mittelstück zu schaffen. Yup, ich spreche von der Boombox yo! Beginnen wir mit der Basis.
Positionieren Sie sich auf der zweiten Ebene und verwenden Sie die Rechteckwerkzeug (M) ein ... kreieren 216 x 6 px Form, die wir mit einfärben # a0a5a8
und dann einen dicken geben 8 px Gliederung (# 3e4249
) durch Anwenden eines Versatzpfad dazu (Wählen Sie> Objekt> Pfad> Versatzpfad aus..
Wählen Sie dann einfach sowohl die Füllform als auch die Kontur aus und positionieren Sie die beiden direkt über den Hintergrundlinien. Achten Sie dabei darauf, dass die horizontale Mitte auf die ausgerichtet wird Zeichenbrett.
Kurzer Tipp: wenn du noch nie benutzt hast Versatzpfade Bevor Sie sich mit diesem Tutorial vertraut machen, erfahren Sie auf jeden Fall, wie Liniensymbole mithilfe von Offsets erstellt werden. Dies erklärt den Prozess, der auf jedes Projekt angewendet werden kann, nicht nur auf Symbole.
Verwendung der Rechteckwerkzeug (M), Ein anderes erstellen 216 x 2 px Form, die wir mit einfärben # 3e4249
da es als subtiler Schatten fungiert und dann den oberen Teil des dunkelgrauen Stücks, das wir gerade erstellt haben, durch Absenken überdeckt Opazität zu 40%.
Füge hinzu ein 216 x 2 px horizontaler Teiler zur Basis der Boombox, den wir mit Farbe einfärben # 3e4249
Positionieren Sie es über dem grauen Rechteck und richten Sie es in Richtung Mitte aus.
Packe die Rechteckwerkzeug (M) und ein kleines erstellen 2 x 2 px und größer 4 x 2 px Form positioniert 2 px voneinander. Färben Sie die Formen mit Weiß (#FFFFFF
) und machen Sie sie dann als ein Paar von Highlights, indem Sie deren setzen Mischmodi zu Überlagerung und senken ihre Opazität Ebenen bis 40%.
Wenn Sie fertig sind, positionieren Sie die Markierungen in Richtung des rechten Abschnitts der Basis und gruppieren Sie die beiden (Steuerung-G) damit sie nicht durch Zufall getrennt werden.
Erstellen Sie ein Dreierpaar 12 x 2 px abgerundete Rechtecke mit einem 1 px Eckenradius, die wir mit einfärben # 3e4249
, Gruppe (Steuerung-G) und positionieren Sie sie dann auf jeder Seite der Boombox. Achten Sie darauf, sie auf den oberen Abschnitt der horizontalen Trennlinie auszurichten 8 px Dicke der Kontur.
Da wir an der Basis der Boombox schon ziemlich fertig sind, können wir alle seine Formen auswählen und sie mit der gruppieren Steuerung-G Tastenkombination, damit wir sie nicht versehentlich verschieben.
Erstellen Sie den Hauptkörper der Boombox, indem Sie a zeichnen 232 x 120 px Rechteck, das wir mit einem hellen Grau einfärben (#eaeaea
), und geben Sie ihm dann mit einer 8 px Versatz. Wenn Sie beide Formen haben, positionieren Sie sie in Richtung des oberen Abschnitts der Basis, die wir gerade erstellt haben, und stellen Sie sicher, dass sich die beiden Konturen überlappen.
Verwendung der Rechteckwerkzeug (M), Erstellen Sie den oberen Abschnitt der Boombox, indem Sie a zeichnen 232 x 12 px gestalten (# a0a5a8
), die wir in Richtung des oberen Abschnitts des Graukörpers ausrichten und ihn mit einem Zeichen trennen 232 x 8 px Rechteck (# 3e4249
) direkt darunter als Trennlinie.
Fügen Sie im oberen Teil der Boombox einige subtile Highlights hinzu, indem Sie zwei erstellen 232 x 4 px Rechtecke, die wir mit Weiß einfärben (#FFFFFF
) und passen Sie sie dann an Mischmodi zu Überlagerung und das senken Opazität Ebene für die oberste zu 40% und setzen es auf 90% für die zweite.
Beginnen Sie mit der Festlegung von Details, indem Sie a erstellen 212 x 4 px abgerundetes Rechteck mit einem 2 px Eckenradius, die wir mit einfärben # 3e4249
Positionieren Sie dann den dunkelgrauen Abschnitt der Boombox und stellen Sie sicher, dass er in der Mitte ausgerichtet ist.
Fügen Sie zwei weitere Detaillinien hinzu, indem Sie zwei schmalere Linien erstellen 14 x 4 px abgerundete Rechtecke (# 3e4249
) mit dem gleichen 2 px Eckenradius, und richten Sie eine an jeder Seite der Boombox aus.
Beenden Sie den oberen Teil der Boombox, indem Sie ein Paar vertikale Markierungen mit Weiß (#FFFFFF
) als Füllfarbe, Überlagerung für die Mischmodus und 40% für die Opazität.
Gruppe (Steuerung-G) und positionieren Sie die beiden Markierungen in Richtung des rechten Abschnitts des Hauptteils, und stellen Sie sicher, dass Sie sie an dem anderen Paar ausrichten, das wir für den Basisabschnitt erstellt haben.
Erstellen Sie zwei 4 x 100 px Rechtecke (# 3e4249
) und positionieren Sie eine auf jeder Seite des unteren hellgrauen Abschnitts der Boombox, und stellen Sie sicher, dass Sie a 2 px Lücke zwischen ihnen und der dickeren Kontur.
Verwendung der Rechteckwerkzeug (M) erschaffe zwei 2 x 96 px Formen (# a0a5a8
), die wir zwischen der Kontur der Boombox und den zwei vertikalen Trennwänden positionieren werden, die wir gerade erstellt haben, um diese Bereiche zu verdunkeln.
Als nächstes fügen Sie vier hinzu 4 x 4 px Kreise zu jeder Ecke des mittleren Abschnitts der Boombox, die wir mit Farbe einfärben # 3e4249
da werden sie wie kleine Schrauben wirken.
Positionieren Sie jeden Kreis so, dass Sie eine haben 2 px Lücke zwischen ihnen und dem umgebenden Teiler und Umriss.
Verwendung der Rechteckwerkzeug (M), Zeichne ein paar Liniensegmente (# 3e4249
) auf jeder Seite der mittleren Trennwände, und fügen Sie subtile Highlights hinzu (Farbe: Weiß; Mischmodus: Überlagerung; Opazität: 60%) unter jedem von ihnen.
Zeichne zwei 96 px hohe vertikale Highlights mit Weiß (#FFFFFF
) für die Füllfarbe, Überlagerung für die Mischmodus, und 90% für die Opazität, und positionieren Sie sie in der Mitte der Boombox einige Pixel nach rechts.
Oh, und vergessen Sie nicht, beide auszuwählen und sie mit der Gruppe zu gruppieren Steuerung-G Tastaturkürzel.
Beginnen Sie mit der Arbeit an der linken Lautsprechereinheit, indem Sie a erstellen 60 x 60 px Kreis (# c7c8c9
) und gib ihm eine 8 px dicke Kontur (# 3e4249
) mit der Offset-Pfad-Methode.
Positionieren Sie die beiden in Richtung der linken Seite der Boombox und lassen Sie eine 8 px Leere Lücke zur linken und unteren Seite der Umrisslinie des Lautsprechers.
Kurzer Tipp: Vergessen Sie nicht, die Pixelvorschau Modus (Ansicht> Pixelvorschau), damit Sie die genaue Positionierung und Schärfe erhalten, die wir wollen.
Als Nächstes erstellen Sie den tatsächlichen Kegel, indem Sie einen kleineren zeichnen 44 x 44 px Kreis (# 6e787c
) und noch kleiner 20 x 20 px ein (# 3e4249
) und positionieren Sie sie über den vorherigen Formen, und stellen Sie sicher, dass Sie sie auf ihre Mitte ausrichten.
Erstellen Sie den kleinen inneren Ring, indem Sie a zeichnen 32 x 32 px Kreis (# 3e4249
) und dann noch ein kleineres 28 x 28 px ein (# 3e4249
), mit dem wir dann aus dem größeren Ausschnitt einen Ausschnitt erstellen Pfadfinder's Minus Front Möglichkeit.
Fügen Sie der Lautsprechereinheit Details hinzu, indem Sie a erstellen 6 x 6 px Kreis (#FFFFFFF
) die wir auf das mittlere Stück des Kegels legen, indem wir dessen setzen Mischmodus zu Überlagerung und seine senken Opazität zu 40%, Positionieren Sie ihn einige Pixel in Richtung der rechten oberen Ecke.
Fügen Sie dem Kegel anschließend einen inneren ringartigen Schatten hinzu, indem Sie eine Kopie davon erstellen und dann einen kleineren hinzufügen 36 x 36 px Kreis, den wir dann verwenden, um den Ausschnitt zu erstellen. Ändern Sie die Farbe der resultierenden Form in # 3e4249
, und dann seine senken Opazität um nur 20% damit es wie ein wirklicher Schatten aussieht.
Ein anderes erstellen 36 x 36 px Kreis (#FFFFFF
), die wir dann anpassen, indem Sie den oberen Ankerpunkt mit dem entfernen Direktauswahl-Tool (A) und seine Einstellung Mischmodus zu Überlagerung während es sein senkt Opazität um nur 30%.
Sobald wir unsere angepasste Form haben, stellen Sie sicher, dass sie unter dem Ring und der Nase des Kegels positioniert ist, damit er sie nicht überlappt.
Geben Sie dem Lautsprecher eine gewisse Dimension, indem Sie einen oberen Ringschatten und eine untere Hervorhebung hinzufügen. Dazu erstellen Sie zunächst eine 60 x 60 px Kreis (#FFFFFF
) aus dem wir einen kleineren herausschneiden werden 56 x 56 px ein. Schneiden Sie dann mit einem Rechteck die untere Hälfte aus und erstellen Sie eine Kopie der resultierenden Form, die wir horizontal reflektieren werden (Rechtsklick> Transformieren> Spiegeln> Horizontal) und Position unter dem Original.
Passen Sie den oberen Halbring an, indem Sie die Farbe auf einstellen # 3e4249
und seine senken Opazität zu 20%.
Wählen Sie dann die untere Hälfte der Markierung aus und ändern Sie ihre Mischmodus zu Überlagerung während es sein senkt Opazität zu 30%.
Beenden Sie die linke Lautsprechereinheit, indem Sie vier hinzufügen 4 x 4 px Kreise (# 3e4249
) auf die Ecken der den Kegel umgebenden Fläche.
Wählen Sie anschließend alle zusammenstellenden Elemente aus und gruppieren Sie sie mithilfe von Steuerung-G Tastaturkürzel.
Da wir jetzt unsere linke Lautsprechereinheit haben, müssen wir den kleinen Hochtonkegel hinzufügen. Um dies zu tun, schnappen Sie sich zuerst die Ellipsenwerkzeug (L) und erstellen Sie ein 6 x 6 px Kreis (# 6d6f70
). Gib der Form einen 4 px Gliederung (# 3e4249
) und eine kleine Reflexion (Farbe: Weiß; Mischmodus: Überlagerung; Opazität: 30%) und positionieren Sie dann die beiden zur linken oberen Ecke des Lautsprechers.
Wählen Sie den Hochtöner und den Lautsprecher (Steuerung-G) und eine Kopie davon erstellen (Control-C> Control-F) die wir dann vertikal reflektieren werden (Rechtsklick> Transformieren> Spiegeln> Vertikal) und auf der rechten Seite der Boombox positionieren.
Kurzer Tipp: Sie können ein Duplikat einer beliebigen Form erstellen, indem Sie sie auswählen und dann in eine Richtung ziehen, während Sie gedrückt halten Alt Schlüssel (der die Kopie erstellt) und die Verschiebung Taste (mit der Sie eine gerade Linie ziehen können).
An dieser Stelle können wir an der Vorderseite der Boombox mit den kleinen Funktionsschaltflächen arbeiten. Wählen Sie zuerst das Rechteckwerkzeug (M) und erstellen Sie ein 42 x 12 px gestalten (# 3e4249
), die wir etwa auf dem mittleren Teil der Einheit positionieren werden 4 px von seiner unteren Kontur.
Vergrößern Sie die gerade erstellte Form und verwenden Sie die Rechteckwerkzeug (M) Sechs schaffen 4 x 4 px Quadrate (# a0a5a8
), die wir positionieren werden 2 px aufeinander und zentrieren Sie das größere darunterliegende Rechteck.
Färben Sie das erste, dritte und fünfte Quadrat mit # 7a7f82
, und geben Sie dann jeder Taste einen 4 x 2 px Markieren (Farbe: Weiß; Mischmodus: Überlagerung; Opazität: 40%). Wenn Sie fertig sind, wählen Sie alle Elemente aus und gruppieren Sie sie mit Steuerung-G Tastaturkürzel.
Verwendung der Abgerundetes Rechteckwerkzeug ein ... kreieren 50 x 2 px gestalten (# 3e4249
) mit einer 1 px Eckenradius und positionieren Sie es direkt über den Knöpfen, wobei a 2 px Lücke zwischen ihnen.
Packe die Rechteckwerkzeug (M) und erstellen Sie ein 34 x 20 px gestalten (# 9e8dce
), gib es ein 4 px Gliederung (# 3e4249
) und positionieren Sie dann die beiden über der gerade erstellten Linie, und belassen Sie diese Einstellung 2 px Lücke zwischen ihnen.
Füge hinzu ein 34 x 2 px Markieren (Farbe: Weiß; Mischmodus: Überlagerung; Opazität: 40%) zur Oberseite des violetten Rechtecks und zu einem anderen 34 x 2 px Schatten (Farbe: # 3e4249
; Opazität: 40%) nach unten.
Zeichnen Sie zwei diagonale Markierungen (Farbe: Weiß; Mischmodus: Überlagerung; Opazität: 40%) mit der Stiftwerkzeug (P), ein dünner und ein dicker,und positionieren Sie sie zur Mitte des violetten Rechtecks.
Kurzer Tipp: Sie können perfekte 45 beim Zeichnen mit erhalten Stiftwerkzeug (P) wenn Sie die gedrückt halten Verschiebung Schlüssel.
Verwendung der Rechteckwerkzeug (M) zeichne zwei 2 x 20 px vertikale Trennwände (# 3e4249
), die Sie auf jeder Seite des violetten Rechtecks positionieren und 2 px Lücke zwischen ihnen und der dickeren Kontur. Dann füge noch einen hinzu 26 x 2 px gestalten (# 3e4249
) in Richtung der Unterseite, wobei das gleiche bleibt 2 px leere Lücke.
Schließen Sie den Kassettenhalter ab, indem Sie die beiden Räder hinzufügen, die das Band drehen, und a 6 x 4 px abgerundetes Rechteck mit einem 1 px Eckenradius (# 3e4249
), um mehr Details zu geben.
Vergessen Sie nicht, alle zusammenstellenden Elemente mithilfe von auszuwählen und zu gruppieren Steuerung-G Tastaturkürzel.
Bewegen Sie einige Pixel nach oben und verwenden Sie die Rechteckwerkzeug (M) Erstelle ein 84 x 16 px gestalten (# 3e4249
), die wir etwa über dem Kassettenhalter positionieren werden 8 px von seiner Oberseite. Da die Form nun die Lautsprecher überlappt, müssen wir sie auswählen und durch nach vorne bringen Rechtsklick> Anordnen> Nach vorne bringen.
Füge hinzu ein 42 x 8 px Rechteck (# e87979
) auf der Form, die wir zuvor erstellt haben, und stellen Sie sicher, dass sie in Richtung des Mittelpunkts positioniert wird.
Da dieser rote Bereich als Radiotuner fungiert, fügen Sie einige Highlights hinzu, und verwenden Sie dabei dieselben Werte wie für den Kassettenhalter.
Fügen Sie ein paar hinzu 2 px dicke Linien (zehn genauer) mit zwei variablen Höhen (fünf mit 4 px, und die anderen mit 2 px), die Sie positionieren müssen 2 px und färben mit demselben Wert, der für die Konturen verwendet wird (# 3e4249
).
Vergessen Sie nicht, alle Komponenten des Tuners so zu gruppieren, dass sie nicht verlegt werden (Steuerung-G).
Für diesen nächsten Schritt werde ich Sie kreativ werden lassen und die restlichen Details der Boombox selbst erstellen, da sie ziemlich einfach zu erstellen sind.
Nehmen Sie sich Zeit, und je nachdem, ob Sie dasselbe Aussehen oder etwas Einzigartiges wünschen, verwenden Sie das Referenzbild, um Ihren Weg zu finden und es fertig zu stellen.
Angenommen, Sie haben den vorherigen Schritt erreicht, gehen wir zum oberen Teil der Boombox und beginnen Sie mit den kleinen Knöpfen.
Erstellen Sie zuerst eine 4 x 6 px Rechteck (#eaeaea
) und gib ein 4 px dicke Kontur (# 3e4249
). Wir werden diese beiden Formen verwenden, um zwei weitere Kopien (Knöpfe) in Richtung ihrer rechten Seite zu erstellen 2 px voneinander. Für die vierte Schaltfläche erstellen wir einfach eine 12 x 12 px Quadrat (# 3e4249
), so dass es aussieht, als ob es gedrückt wurde. Für die fünfte und letzte Schaltfläche möchten wir eine breitere erstellen 18 x 6 px Rechteck (# e5d37a
) die dasselbe verwenden wird 4 px dicke Kontur.
Wenn Sie alle fünf Tasten haben, positionieren Sie sie zur Mitte der Boombox. Stellen Sie sicher, dass Sie sie nach hinten schieben (Rechtsklick> Anordnen> In den Hintergrund).
Geben Sie den Schaltflächen etwas Tiefe, indem Sie allen außer dem vierten einen kleinen Schatten hinzufügen.
An dieser Stelle würde ich dir auch empfehlen, dich individuell zu gruppieren (Kontrolle-G), und wählen Sie dann alle als Ganzes aus.
Bewegen Sie sich zur linken Seite der Boombox und verwenden Sie die Rechteckwerkzeug (M) ein ... kreieren 4 x 18 px Form, die wir mit einfärben # e5d37a
, Gib ein 8 px Gliederung (# 3e4249
) und dann nach oben links positionieren, wobei eine Lücke von 38 px zwischen ihm und der größeren Kontur.
Füge hinzu ein 2 x 12 px Rechteck (# 3e4249
) zur linken Seite der Umrandung des gelben Zifferblattes, a 2 x 18 px Schatten (Farbe: # 3e4249
; Opazität: 40%), wo es den Umriss der Boombox trifft, und a 4 x 4 px Quadrat (# 3e4249
) nach oben, was als Gewinnindikator dienen wird.
Wenn Sie fertig sind, gruppieren Sie alle Elemente der Wählscheibe zusammen (Steuerung-G) und erstellen Sie eine Kopie für die rechte Seite der Boombox.
Beenden Sie die Boombox, indem Sie den oberen Ziehpunkt hinzufügen, und gruppieren Sie dann alle Elemente mithilfe von Steuerung-G Tastaturkürzel.
Da wir an diesem Punkt an den Hauptabschnitten unserer Illustration gearbeitet haben, können wir nun zum letzten Teil übergehen, wo wir das kleine Notenmuster hinzufügen werden.
Nun, was wäre eine Boombox ohne ein wenig Geräusch, um sie zum Platzen zu bringen? In den folgenden Momenten schließen wir die Dinge ab, indem wir ein schönes kleines Muster erstellen, das unsere Illustration zum Leben erwecken wird.
Fahren Sie mit der dritten und letzten Ebene fort und verwenden Sie die Ellipsenwerkzeug (L) ein ... kreieren 10 x 8 px gestalten (# 3e4249
), der als Notenkopf (1) fungiert, zu dem wir eine hinzufügen 2 x 14 px Rechteck (# 3e4249
) zur rechten Seite (der Notenstamm) (2). Fügen Sie ein weiteres kleines diagonales Rechteck hinzu (# 3e4249
) an die Spitze (die Flagge) (3) und gruppieren Sie dann alle drei Formen (Steuerung-G).
Erstellen Sie mit demselben Notenkopf und -stamm eine Doppelnote.
Schnappen Sie sich die gerade erstellten Musiknoten und fügen Sie sie um die Boombox hinzu. Nehmen Sie sich Zeit und spielen Sie mit ihnen herum, bis Sie ein interessantes Muster erhalten, das Sie verwenden können.
Färben Sie die Noten, die sich außerhalb des grünen Hintergrunds befinden, mit einem hellen Grau (# e5e5e5
), um der Komposition eine kleine Wendung zu geben.
Wenn Sie fertig sind, wählen Sie sie aus und gruppieren Sie sie (Steuerung-G) so bleiben sie zusammen.
Da haben Sie es: eine gute alte Boombox, die Sie in jedem neuen Projekt verwenden können, um Ihre Arbeit hervorzuheben. Ich hoffe, dass Sie dieses Tutorial genossen haben und dabei etwas Neues und Nützliches gelernt haben.