So erstellen Sie ein nautisch-themenorientiertes Logo in Adobe Illustrator

Was Sie erstellen werden

In den folgenden Schritten erfahren Sie, wie Sie ein nautisches Vektorlogo in Adobe Illustrator erstellen. Zunächst lernen Sie, wie Sie ein einfaches Raster einrichten und einen eigenen Musterpinsel erstellen. Als Nächstes lernen Sie, wie Sie eine Reihe konzentrischer Kreise erstellen und diese leicht in die Mitte der Zeichenfläche bringen. 

Im weiteren Verlauf erfahren Sie, wie Sie Text auf einem Pfad anwenden und anpassen und Deckkraftmasken verwenden. Anhand einiger übersichtlicher Transformationseffekte lernen Sie, wie Sie Ihre Arbeit beschleunigen und die Anzahl der Formen in Ihrem Dokument vereinfachen können. Schließlich lernen Sie einige grundlegende Mischtechniken und wie Sie ein Bild für Ihren Hintergrund hinzufügen.

Weitere Informationen zur Anpassung oder Verbesserung Ihres endgültigen Texteffekts finden Sie bei GraphicRiver mit zahlreichen Ressourcen.

1. Erstellen eines neuen Dokuments und Einrichten eines Rasters

Schlagen Control-N ein erstellen Neues Dokument. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 850 in dem Breite und Höhe und klicken Sie dann darauf Erweitert Taste. Wählen RGB für die Farbmodus, stellen Sie das ein Rastereffekte zu Bildschirm (72 ppi), und klicken Sie dann auf Dokument erstellen.

Aktivieren Sie die Gitter (Ansicht> Raster anzeigen) und das Am Raster ausrichten (Ansicht> An Raster ausrichten). Sie werden jedes Mal ein Gitter benötigen 5 px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, und eintreten 5 in dem Rasterlinie alle Box und 1 in dem Unterteilung Box. Versuchen Sie, sich nicht von all dem Raster entmutigen zu lassen. Dies erleichtert Ihnen die Arbeit, und Sie können es einfach mit Hilfe von aktivieren oder deaktivieren Steuerung-" Tastaturkürzel.

In diesem kurzen Lernprogramm erfahren Sie mehr über das Rastersystem von Illustrator: Andrei Stefan: Grundlegendes zum Rastersystem von Adobe Illustrator.

Sie sollten auch die öffnen Info Panel (Fenster> Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen. Vergessen Sie nicht, die Maßeinheit auf Pixel von einzustellen Bearbeiten> Voreinstellungen> Einheiten. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.

2. So erstellen Sie den Hintergrund und speichern einen Musterpinsel

Schritt 1

Wähle das aus Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Symbolleiste. Entfernen Sie die Farbe aus dem Schlaganfall und wählen Sie dann die Füllen und setze seine Farbe auf R = 43 G = 59 B = 84.

Gehen Sie zu Ihrer Zeichenfläche und erstellen Sie einfach eine 860 px Quadrat. Stellen Sie sicher, dass es Ihre gesamte Zeichenfläche bedeckt, und wechseln Sie dann zur Schichten Panel (Fenster> Ebenen). Erweitern die vorhandene Schicht und einfach Sperren diese Form, um sicherzustellen, dass Sie sie nicht versehentlich auswählen / verschieben.

Schritt 2

Kehren Sie zu Ihrer Symbolleiste zurück und ersetzen Sie die vorhandene Füllen Farbe mit Weiß. Stellen Sie sicher, dass die Rechteckwerkzeug (M) ist noch aktiv und erstellt ein 15 x 10 px gestalten. Konzentrieren Sie sich auf die Unterseite dieses neuen Rechtecks ​​und wechseln Sie zu Direktauswahl-Tool (A). Wählen Sie beide Ankerpunkte aus und ziehen Sie sie einfach 10 px auf der rechten Seite.

Stellen Sie sicher, dass diese weiße Form ausgewählt bleibt, und wechseln Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie ein 5 px Radius und klicken Sie auf OK. Öffne das Bürsten Panel (Fenster> Pinsel) und klicken Sie auf Neuer Pinsel. Überprüf den Musterpinsel Box und klicken Sie auf OK die öffnen Musterpinseloptionen Fenster. Geben Sie alle in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf OK Schaltfläche, um Ihren eigenen Musterpinsel zu erstellen.

3. Erstellen von drei konzentrischen Kreisen

Schritt 1

Wähle das aus Ellipsenwerkzeug (L) und erstellen Sie ein 320 px Kreis. Stellen Sie sicher, dass es ausgewählt bleibt, und konzentrieren Sie sich auf das Symbol Aussehen Panel. Vergewissern Sie sich, dass für die Farbe keine Farbe eingestellt ist Füllen und wählen Sie dann die Schlaganfall und bewerben Sie sich Musterpinsel von dem Bürsten Panel.

Als nächstes müssen Sie Ihren Kreis zentrieren. Öffne das Ausrichten Panel (Fenster> Ausrichten) und wählen Sie An Zeichenfläche ausrichten. Wenn Sie keinen Zugriff auf die haben Ausrichten an Öffnen Sie das Flyout-Menü in Ihrem Ausrichten Panel und gehen Sie zu Optionen anzeigen. Stellen Sie nun sicher, dass Ihr Kreis noch ausgewählt ist, und klicken Sie einfach auf Horizontales Ausrichtungszentrum und Vertikales Zentrum ausrichten Tasten. Dadurch wird Ihr Kreis sofort in die Mitte der Zeichenfläche verschoben.

Schritt 2

Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 300 px umkreisen und zentrieren. Wählen Sie diese neue Form und konzentrieren Sie sich auf die Aussehen Panel.

Vergewissern Sie sich, dass für die Farbe keine Farbe eingestellt ist Füllen und wählen Sie dann die Schlaganfall. Setzen Sie die Farbe auf Weiß (R = 255 G = 255 B = 255) und dann das anklicken Schlaganfall Textstück zum Öffnen der Schlaganfall Fly-Out-Panel. Stellen Sie das ein Gewicht zu 5 px und überprüfen Sie die Strich nach innen ausrichten Taste.

Schritt 3

Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 280 px umkreisen und zentrieren. Wählen Sie diese neue Form und konzentrieren Sie sich auf die Aussehen Panel.

Vergewissern Sie sich, dass für die Farbe keine Farbe eingestellt ist Füllen und wählen Sie dann die Schlaganfall. Setzen Sie die Farbe auf Weiß (R = 255 G = 255 B = 255), erhöhen Sie die Gewicht zu 30 px und vergiss nicht, das zu überprüfen Strich nach innen ausrichten Taste.

4. Hinzufügen von Text und Maskenformen

Schritt 1

Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 240 px Kreis, Füllen es mit einer zufälligen Farbe und zentriere es. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, und wählen Sie die Option Geben Sie ein Pfadwerkzeug ein, und öffnen Sie die Charakter Panel (Fenster> Typ> Zeichen).

Wähle aus Rockwell Extra Bold Schriftart und stellen Sie die Größe auf 15 px und die Verfolgung zu 500. Klicken Sie einfach auf den Rand Ihres ausgewählten Kreises und fügen Sie Ihren Text hinzu. Setzen Sie die Farbe auf Schwarz (R = 0 G = 0 B = 0) und wechseln Sie zum Direktauswahl-Tool (A). Verwenden Sie diese mittlere Klammer, um den Text ungefähr wie im zweiten Bild gezeigt zu bewegen.

Schritt 2

Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 260 px Kreis, Füllen es mit einer zufälligen Farbe und zentriere es. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, und wählen Sie erneut das Symbol aus Geben Sie ein Pfadwerkzeug ein.

Gehe zurück zum Charakter und erhöhen Sie die Schriftgröße auf 16 px. Klicken Sie erneut auf den Rand des ausgewählten Kreises und fügen Sie Ihren Text ein. Stellen Sie sicher, dass die Farbe auf Schwarz eingestellt ist (R = 0 G = 0 B = 0) und wechseln Sie zum Direktauswahl-Tool (A). Bewegen Sie diese mittlere Klammer innerhalb Ihres Kreises, wodurch Ihr Text auch nach innen gebracht wird. Ziehen Sie den Text wie im zweiten Bild gezeigt.

Schritt 3

Wählen Sie beide Textteile und aus Gruppe Sie (Steuerung-G). Wählen Sie diese Gruppe aus 280 px Kreis, öffne die Transparenz Panel (Fenster> Transparenz) und klicken Sie auf die Maske machen Taste. Deaktivieren Sie das Kontrollkästchen Das Clip Box und Dinge werden im dritten Bild aussehen.

Schritt 4

Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 210 px umkreisen und zentrieren. Wählen Sie diese neue Form und konzentrieren Sie sich auf die Aussehen Panel.

Vergewissern Sie sich, dass für die Farbe keine Farbe eingestellt ist Füllen, und wählen Sie dann die Schlaganfall. Setzen Sie die Farbe auf Weiß und erhöhen Sie die Gewicht zu 5 px, und vergiss nicht, das zu überprüfen Strich nach innen ausrichten Taste.

5. Wie erstelle ich den Stern?

Schritt 1

Verwendung der Rechteckwerkzeug (M), Erstelle ein 80 px machen Sie es schwarz und zentrieren Sie es. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, und wechseln Sie zu Objekt> Pfad> Ankerpunkte hinzufügen. Wähle das aus Direktauswahl-Tool (A) und wählen Sie die vier Ankerpunkte aus, die im ersten Bild hervorgehoben sind. Wechseln Sie zu Skalierwerkzeug (S) und ziehen Sie einfach die ausgewählten Ankerpunkte 25 px nach innen, wie im zweiten Bild gezeigt.

Verwendung der Rechteckwerkzeug (M), ein ... kreieren 150 px machen Sie es weiß und zentrieren Sie es. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, und wechseln Sie zu Objekt> Pfad> Ankerpunkte hinzufügen. Wähle das aus Direktauswahl-Tool (A) und wählen Sie die vier Ankerpunkte aus, die im dritten Bild hervorgehoben sind. Wechseln Sie zu Skalierwerkzeug (S) und ziehen Sie einfach die ausgewählten Ankerpunkte 60 px nach innen, wie im zweiten Bild gezeigt.

Schritt 2

Wähle deinen weißen Stern aus und mache einen Vorne kopieren (Control-C> Control-F). Wählen Sie diese Kopie zusammen mit Ihrem schwarzen Stern aus und öffnen Sie das Symbol Pfadfinder Panel (Fenster> Pfadfinder) und klicken Sie auf die Minus Front Taste. Verwandeln Sie die resultierenden Formen in einen zusammengesetzten Pfad (Steuerung-8) und stellen Sie das ein Füllen Farbe zu Weiß.

Wähle den weißen Stern erneut aus und drücke ihn einfach Umschalttaste-X schnell umkehren Füllen und Schlaganfall Attribute. Wählen Sie den Strich, erhöhen Sie die Gewicht zu 5 px, und vergiss nicht, das zu überprüfen Strich nach innen ausrichten Taste.

Schritt 3

Wähle das aus Stiftwerkzeug (P) und erstellen Sie ein einfaches Dreieck, wie in der folgenden Abbildung dargestellt. Machen Sie es weiß und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Stellen Sie sicher, dass Sie den Referenzpunkt unten rechts überprüfen, und stellen Sie das ein Winkel zu 90 Grad, eingeben 3 in dem Kopien Klicken Sie dann auf das Feld OK Taste.

Schritt 4

Konzentriere dich auf die obere Ecke deiner Sternform und wähle das Rechteckwerkzeug (M). Ein ... kreieren 10 px machen Sie es weiß und platzieren Sie es wie im ersten Bild gezeigt.

Konzentrieren Sie sich auf die Unterseite dieser winzigen Form und wechseln Sie zur Direktauswahl-Tool (A). Wählen Sie beide Ankerpunkte und gehen Sie zu Objekt> Pfad> Durchschnitt. Überprüf den Beide Box und klicken Sie dann auf OK. So wird aus Ihrem kleinen Quadrat einfach ein Dreieck.

Schritt 5

Stellen Sie sicher, dass Ihr kleines Dreieck ausgewählt bleibt und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 190 px, Überprüf den Reflektiere Y und geben Sie ein 1 in dem Kopien Box. Klicken Sie das an OK Taste und gehen Sie erneut zu Effekt> Verzerren und Transformieren> Transformieren. Stellen Sie das ein Winkel zu 90 Grad, eingeben 1 in dem Kopien Klicken Sie dann auf das Feld OK Taste.

Schritt 6

Wählen Sie alle Formen aus, aus denen Ihr Logo besteht Gruppe Sie (Steuerung-G).

6. So maskieren Sie eine Gruppe von Formen

Schritt 1

Wähle das aus Rechteckwerkzeug (M) und erstellen Sie ein 90 x 50 px gestalten. Machen Sie es schwarz und platzieren Sie es genau wie im ersten Bild. Konzentrieren Sie sich auf die rechte Seite dieses neuen Rechtecks ​​und wählen Sie das Symbol aus Direktauswahl-Tool (A). Wählen Sie den oberen Ankerpunkt und ziehen Sie ihn 10 px und wählen Sie dann den unteren Ankerpunkt aus und ziehen Sie ihn 10 px Nieder.

Mach ein Kopieren dieser schwarzen Form, Flip es horizontal und platzieren Sie es genau wie im dritten Bild.

Schritt 2

Konzentriere dich weiter auf deine beiden schwarzen Formen. Wähle den linken aus und gehe zu Effekt> Warp> Fisch. Überprüf den Horizontal Ziehen Sie im Feld Biege Schieberegler auf 5%, und klicken Sie darauf OK Taste. Wählen Sie die andere schwarze Form und gehen Sie erneut zu Effekt> Warp> Fisch. Überprüf den Horizontal Ziehen Sie im Feld Biege Schieberegler auf -5%, und klicken Sie darauf OK Taste. Wenn Sie fertig sind, wählen Sie beide schwarzen Formen und aus Gruppe Sie (Steuerung-G).

Schritt 3

Wählen Sie beide Gruppen aus und gehen Sie zu Transparenz Panel. Klicken Sie das an Maske machen Knopf und vergessen Sie nicht zu Deaktivieren Sie das Kontrollkästchen das Clip Box.

7. So erstellen Sie die Farbbänder

Schritt 1

Wähle das aus Rechteckwerkzeug (M) und erstellen Sie ein 90 x 50 px gestalten. Machen Sie es weiß und platzieren Sie es wie im ersten Bild gezeigt.

Konzentrieren Sie sich auf die rechte Seite dieses neuen Rechtecks ​​und wählen Sie das Symbol aus Ankerpunktwerkzeug hinzufügen (+), und fügen Sie einfach einen neuen Ankerpunkt hinzu, wie im ersten Bild gezeigt. Wechseln Sie zu Direktauswahl-Tool (A), Wählen Sie den neuen Ankerpunkt aus und ziehen Sie ihn 20 px nach links.

Mach ein Kopieren dieser weißen Form, Flip Legen Sie es horizontal ab und platzieren Sie es wie im dritten Bild gezeigt.

Schritt 2

Wähle das aus Schreibwerkzeug (T) und wählen Sie die Pacifico-Schrift aus Charakter Panel. Stellen Sie das ein Größe zu 20 px und die Verfolgung zu 500, und dann die "19"Textstück. Machen Sie es schwarz und platzieren Sie es wie im ersten Bild gezeigt.

Wählen Sie dieses neue Textstück zusammen mit der dahinter liegenden weißen Form und aus Gruppe Sie (Steuerung-G). Stellen Sie sicher, dass diese neue Gruppe ausgewählt bleibt, und wechseln Sie zu Effekt> Warp> Fisch. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 3

Konzentrieren Sie sich weiter auf die Gruppe, die Sie im vorherigen Schritt erstellt haben. Wählen Sie den Text und die Form innerhalb dieser Gruppe aus, gehen Sie zu Transparenz Panel und klicken Sie darauf Maske machen Taste. Vergiss nicht, das zu deaktivieren Clip Box, und die Dinge sollten im zweiten Bild aussehen.

Schritt 4

Wählen Sie erneut die Schreibwerkzeug (T) und füge das "38"Textstück. Machen Sie es schwarz und platzieren Sie es wie im ersten Bild gezeigt.

Wählen Sie dieses neue Textstück zusammen mit der dahinter liegenden weißen Form aus und Gruppe Sie (Steuerung-G). Stellen Sie sicher, dass diese neue Gruppe ausgewählt bleibt, und wechseln Sie zu Effekt> Warp> Fisch. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 5

Konzentrieren Sie sich weiter auf die Gruppe, die Sie im vorherigen Schritt erstellt haben. Wählen Sie den Text und die Form innerhalb dieser Gruppe aus, gehen Sie zu Transparenz Panel und klicken Sie darauf Maske machen Taste. Vergiss nicht, das zu deaktivieren Clip Box, und die Dinge sollten im zweiten Bild aussehen.

8. So fügen Sie ein Bild als Hintergrund hinzu

Schritt 1

Gehe zurück zum Schichten Panel und entsperren das blaue Quadrat. Wählen Sie es aus und konzentrieren Sie sich auf die Aussehen Panel (Fenster> Aussehen). Wähle aus Füllen, niedriger sein Opazität zu 50%, und ändern Sie die Mischmodus zu Farbe.

Schritt 2

Laden Sie dieses kostenlose Bild herunter und ziehen Sie es in Ihr Dokument. Ändern Sie die Größe und senden Sie sie mit der Taste nach hinten Shift-Control- [ Tastenkombination, und platzieren Sie es ungefähr wie in der folgenden Abbildung dargestellt.

Schritt 3

Wählen Sie Ihr blaues Quadrat erneut aus und konzentrieren Sie sich auf das Aussehen und fügen Sie eine zweite Füllung hinzu Neue Füllung hinzufügen Taste. Wählen Sie dieses neue aus Füllen, stell die Farbe auf R = 39 G = 170 B = 225, niedriger sein Opazität zu 50%, und ändern Sie die Mischmodus zu Sanftes Licht.

Herzliche Glückwünsche! Sie sind fertig!

So sollte es aussehen. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden. In diesem Tutorial von Yulia Sokolova erfahren Sie, wie Sie weitere Techniken erlernen, mit denen Vektorlogos erstellt werden können: Erstellen Sie in Adobe Illustrator ein Retro-Logo auf einem unscharfen Hintergrund.

Fühlen Sie sich frei, um das endgültige Design anzupassen und machen Sie es zu Ihrem eigenen. Bei GraphicRiver finden Sie einige großartige Inspirationsquellen mit interessanten Lösungen zur Verbesserung Ihres Designs.