So erstellen Sie ein Retro-Style Logo-Abzeichen in Adobe Illustrator
Ich bin super-stolz, Ihnen mein erstes Illustrator Tutorial jemals präsentieren zu können! Heute werden wir ein Retro-Stil Logo-Badge erstellen. Durch dieses Tutorial lesen, ich nehme an, Sie haben Grundkenntnisse in Adobe Illustrator Workflow, Tools und Geschmack. Sie werden ein paar Abkürzungen hören, und ich werde versuchen, Ihnen neue Techniken zu lehren, von Grundform-Kombinationen erstellen, die Ihre Zukunft Illustrator Workflow helfen können.
Dieses Tutorial ist Teil 1 von 4 einer Tutorial-Serie.
Ressourcen, die wir brauchen:
Hier ist das Endergebnis:
- Geschätzte Dauer: 30 Minuten
- Benötigte Software: Adobe Illustrator
- Schwierigkeitsgrad: Anfänger
Öffnen Sie Adobe Illustrator, und erstellen Sie ein neues Dokument durch Drücken von Strg + N oder Cmd + N. Geben Sie ihm einen aussagekräftigen Namen, und stellen Sie die Breite auf 15 Zoll und die Höhe auf 10 Zoll. Farbmodus sollte RGB sein. Klicken Sie auf OK, um das Dokument zu erstellen.
Wir werden mit dem Band beginnen, für die wir zuerst den Star Tool benötigen.
Es ist ein ziemlich komplexes Werkzeug, das in Kombination mit Tastenkombinationen verwendet werden kann. Lassen Sie uns zunächst auf einige dieser einen Blick darauf werfen.
Nun, da wir diese Tastenbelegungen wissen, lassen Sie uns sie gelten.
Wir wollen eine Form wie dieses Ziel erreichen.
So, hier ist, wie es geht. Klicken in dem Mittelpunkt der Zeichenfläche und zieht aus einer Form (sollte etwa 9 × 9 Zoll groß sein), und ohne die Maus zu drücken Freigabe oder die folgenden Tasten halten. Zuerst drücken Sie die Aufwärts-Taste 15 Mal Pfeil insgesamt 20 Speichen zu haben. Dann halten Sie die Strg / Cmd die Größe des Sterns Speichen zu ändern. Wenn Sie mit der Größe und Details zufrieden sind, halten Sie die Shift-Taste gedrückt, und lassen Sie die Maustaste auf die endgültige Form zu erstellen.
Wenn die Form getan wird, schauen Sie auf der rechten Seite der Optionsleiste. Sie werden eine blaue siehe Link-Transformation. Klicken Sie darauf und stellen Sie die Werte Breite und Höhe bis 9 Zoll.
Während die Form noch ausgewählt ist, legen Sie die Füllfarbe # 0D0D0D, und stellen Sie die Strichfarbe zu leeren.
Als nächstes drücken Sie L, um das Ellipse-Werkzeug auszuwählen. Stellen Sie die Füllfarbe auf Weiß (#FFFFFF), und ziehen Sie einen Kreis, der ein wenig kleiner als die Sternform ist.
Halten Sie die Umschalttaste gedrückt, einen perfekten Kreis anstelle einer Ellipse zu erstellen, und auch die Alt-Taste gedrückt halten, um die Form vom Mittelpunkt zu schaffen.
Wir werden jetzt statt der Schaffung neuer Formen dieser Kreis ein paar Mal duplizieren. So, während Ihr Kreis noch ausgewählt, drücken Sie Strg + C (Cmd + C auf dem Mac) und drücken Sie Strg + F (Cmd + F auf dem Mac) vor einzufügen. Jetzt haben wir zwei identische Kreise auf aufeinander. Skalieren diese oberen ein wenig nach unten, meine Größe 7,68 Zoll. Schließlich setzte die Füllfarbe zu einem roten von 910.909 #.
In Ordnung, jetzt kommt die punktierte Grenze. Dazu werden wir diese rote Form duplizieren und einen Anschlag für sie festgelegt. So drücken Sie Strg + C (Cmd + C) und dann drücken Sie Strg + F (dh Cmd + F auf dem Mac) vor einzufügen. Reduzieren Sie die Größe zu 7,38 Zoll. Dann setzen, die Strichfarbe auf weiß (# FFFFFF), und wir müssen noch einige Änderungen hier, so die Stroke Panel bringen, indem auf das Menü Fenster nach oben und wählen Stroke oder durch Strg + F10 drücken. Stellen Sie diese Werte.
Der Schlüssel zu einem gepunkteten Pfad in Illustrator zu erstellen, ist die Option Eine gestrichelte Linie in der Stroke Panel zu überprüfen, und stellen Sie dann 0 Punkte für den Strich.
Jetzt haben wir gepunktete Linien diese Form umgeben.
Lassen Sie sich nun den zweiten weißen Rand erstellen. Besorgen Sie sich das Ellipse-Werkzeug (L), und ziehen Sie einen perfekten Kreis aus der Mitte der Zeichenfläche aus. Set 7,05 Zoll sowohl für die Breite und Höhe, und stellen Sie die Füllfarbe auf Weiß, und setzen Sie die Strichfarbe zurück zu keinen.
Dann duplizieren diese Form durch Drücken von Strg + C (Cmd + C auf dem Mac), gefolgt von Strg + F (Cmd + F), und verringert seine Größe 6,96 Zoll. Wenn Sie fertig sind, setzen Sie diese Füllfarbe der Form zu einem braunen von # 50210F.
Jetzt werden wir die oberen und unteren Texte erstellen. Dafür brauchen wir die braune Form und skalieren bis 6 Zoll duplizieren nach unten. Diese Schicht wird als Weg für unseren Text dienen. Besorgen Sie sich die Art auf einem Pfad-Tool, das in der Flyout-Menü des Typ Tool (T) gefunden werden kann, und klicken Sie auf diese Top-Mittelpunkt der Ebene und geben Sie in BEAUTIFUL, alle Kappen. Nun ist der Text auf dem oberen Rand des Weges, aber wir müssen es sowohl horizontal zentriert und vertikal. So zuerst, wählen Sie den gesamten Text, und es durch Klicken auf die Schaltfläche Zentrieren in der Optionsleiste zentriert machen. Jetzt ist der Text verschwindet, aber wenn Sie nach unten scrollen, können Sie sehen, es auf den Boden unserer Form gesprungen ist. Eine einfache Möglichkeit, dies zu beheben, ist in der Optionsleiste Transformation klicken und drehen Sie es um 180 Grad. Dann klicken Sie auf den Text auf einem Pfad-Werkzeug (T) wieder, und drücken Sie die Eingabetaste oder Return-Taste um die Optionen aufzurufen. Im Pop-up-Fenster, stellte ausrichten Pfad zum Zentrum, und drücken Sie OK. Nun, unser Text vorhanden ist, lassen Sie sich die Schrift auf Adelle eingestellt, die Größe auf 50 Punkte, und die Farbe # F2E4AA.
Lassen Sie uns jetzt duplizieren diese Textebene (Strg + C und STRG + F, das ist Cmd + C dann Cmd + F auf dem Mac), und um 180 Grad drehen. Wählen Sie dann den Text auf einem Pfad-Werkzeug (T) wieder, und drücken Sie die Eingabetaste oder die Optionen zu bringen Rückkehr auf. Check-in Flip, und klicken Sie auf OK. Jetzt haben wir zwei identische Textebene, kann mit allen Kappen für den Boden eines in WEBDESIGN eingeben.
Jetzt ist einer der braunen Formen kopieren lassen den inneren Teil des Bandes zu schaffen. Seine Größe sollte 5,1 Zoll. Legen Sie die Füllfarbe # 0D0D0D.
In diesem Schritt werden wir die Sterne erstellen den Text, um aufzuräumen. Wählen Sie das Stern-Werkzeug unter dem Rechteck-Werkzeug (M), und legen Sie die Vordergrundfarbe auf # F2E4AA, die gleiche mattgelb, die wir verwenden, um die Texte kolorieren. Jetzt klicken und ein Start in die Länge ziehen, die etwa 0,4 Zoll groß ist, und während das zu tun, halten Sie die Alt und die Umschalttaste gedrückt. Sie können seine Größe in der Transform Popup-Fenster in der Optionsleiste anpassen. Nun wollen wir hier es an den richtigen Platz.
bringen Sie nun den Transport Pop-up-Fenster, und drehen Sie den Stern von +39 Grad.
Ein Stern ist getan, lassen Sie uns die restlichen drei schaffen. Rechts-Klick auf den Stern, und wählen Sie im Menü Transgelegt. Wählen Sie Vertikal hier, und drücken Sie die Taste Kopieren. Dies kopiert unsere Form von vertikal reflektiert. Das ist genau das, was wir wollen. Ziehen Sie nun diese neue Sternform auf die rechte Seite, und schubst ihn in der richtigen Position.
Wenn es fertig ist, wählen Sie sowohl die Sternform durch die Shift-Taste gedrückt, und dann diese Auswahl der rechten Maustaste und wählen Sie spiegeln das wieder Menü Transformieren aus. Diesmal wollen wir diese Formen horizontal, reflektieren, so dass es aus den Optionen auszuwählen, und drücken Sie erneut auf die Schaltfläche Kopieren, eine Kopie dieser zwei Formen zu machen. Dann werden diese Schubs nach unten um das Wort WEBDESIGN und subtile Veränderungen machen die Sterne richtig zu positionieren. Wir können auch drehen, die linke untere Sterne von 40 Grad, und die untere rechte Stern von -40 Grad für perfekte Passform.
Okay. Mit den obigen Schritten wird das Band durchgeführt. Lassen Sie uns nun den Streifen erstellen!
Schnappen Sie das Rechteck-Werkzeug (M), und zeichnen Sie ein Rechteck, das breit und kurz ist, wie diese. Meine Größen sind 10,35 Zoll für die Breite und 3,05 Zoll für die Höhe. Richten Sie das Rechteck in der Mitte der Zeichenfläche.
Lassen Sie sich dieses Rechteck duplizieren und skalieren, um die neue Form bis zu 1,5 Zoll breit, während die Höhe intakt bleibt. Nun Schub diese neue Form nach unten und links ein Bit (siehe das nächste Bild als Referenz). Senden Sie diese Form an der Rückseite einen Schritt zum Menü Objekt steigen, die Auswahl anordnen, dann rückwärts Wahl senden. Dann lange Sie auf das Stift-Werkzeug (P), und wählen Sie den Anchor Point Tool hinzufügen. Zoom auf das Bild, in, und klicken Sie auf die Mitte der aktuellen Form der linken Kante, einen neuen Ankerpunkt hinzuzufügen.
Nun greifen das Direktauswahl-Werkzeug (A), und klicken Sie auf diesem neu erstellten Anker, um sie auszuwählen, und durch die Umschalttaste gedrückt halten und durch Drücken der Pfeiltaste nach rechts, schubst ihn nach rechts 6 oder 7 Schritten. Wenn fertig, Duplizieren dieser Form reflektieren sie horizontal (oder 180 ° drehen), dann bewegen sie auf die rechte Seite, und die Position es entsprechend.
Nun wollen wir den Text auf dem Streifen setzen. Lassen Sie uns die Schrift zu Liga Gothic einzustellen, stellen Sie die Größe auf 235 Punkte, und die Farbe auf # F2E4AA. Klicken Sie dann in der Mitte des Streifens, und geben Sie das Wort RESPONSIVE. Wenn Sie mit dem Einstellungen befolgt haben, müssen wir noch ein paar Dinge anzupassen. Klicken Sie auf das Zeichen Flyout-Menü auf der Optionsleiste und stellen Sie die Tracking auf -25. Versuchen Sie es nur ein paar Punkte niedriger als die horizontale Mitte einzustellen.
Klicken Sie nun auf den Text, duplizieren, und bewegen Sie die neue Ebene nach oben - durch die Shift-Taste gedrückt halten und mit dem Pfeil nach oben - zweimal. Wählen Sie die untere Textebene, und stellen Sie die Farbe auf # 0D0D0D. Und nun unser Text ist fertig.
In diesem Schritt werden wir die Kurven unserer Streifen zu schaffen. Dazu werden wir das Stift-Werkzeug (P) benötigen. Außerdem legen Sie die Füllfarbe # 0D0D0D, und stellen Sie den Hub keine. Jetzt mit dem Stift-Werkzeug zeichnet eine dreieckige Form, wie dargestellt. Keine Notwendigkeit, super-perfekt zum ersten Mal, wenn Sie einen Fehler machen, können Sie es mit dem Direktauswahl-Werkzeug korrigieren (A).
Wenn Sie mit dieser Form fertig sind, auf der rechten Maustaste, gehen Sie zu reflektieren zu Transformation und wählen. Klicken Sie auf Vertikal, und klicken Sie auf die Schaltfläche Kopieren ein reflektiertes Kopie dieser Schicht zu machen. Verschieben Sie diese neue Form in die richtige Position auf der anderen Seite, und wieder, können Sie mit dem Direktauswahl-Werkzeug (A) verwenden, wenn Sie einige der Eckpunkte müssen einzustellen.
Als letzten Schritt können auf dem Streifen eine gewisse Bewegung hinzuzufügen. Wählen Sie zunächst alle Schichten, die die Streifen bilden. Das heißt, der Streifen selbst, die beiden Seiten Formen, ihre zwei Besserungsdreiecken und die beiden Textebene. Das insgesamt sieben Formen bilden. Wenn Sie alle von ihnen ausgewählt haben, drücken Sie Strg + G (dh Cmd + G auf dem Mac) auf Gruppe alle diese Formen in einer einzigen Gruppe.
Nun, da sie eine Gruppe sind, wollen wir in die Effektmenü gelangen, wählen Sie Warp, und wählen Sie Arc. Stellen Sie sicher, dass Horizontal ausgewählt ist, und auf 10% Bend. Klicken Sie auf OK, und alles, was wir tun müssen, um das Verschieben-Werkzeug greifen (V), und verschieben die ganze Gruppe ein wenig nach unten vertikal zentriert zu machen.
Hier ist mein Endergebnis.