Erstellen Sie ein Retro-Logo auf einem unscharfen Hintergrund in Adobe Illustrator

Was Sie erstellen werden

In diesem Lernprogramm erstellen wir ein stilvolles Retro-Logo und platzieren es auf einem unscharfen Hintergrund, der aus einem Foto in Adobe Illustrator erstellt wurde. Wir verwenden einige grundlegende Formen und Effekte und arbeiten mit Verlaufsgitter zusammen, um unser Foto in einen unscharfen Hintergrund zu verwandeln. Lass uns anfangen!

1. Erstellen Sie ein Retro-Logo aus Kreisen

Schritt 1

Beginnen Sie mit der Ellipsenwerkzeug (L) und bilden Sie einen gleichmäßigen Kreis, indem Sie die Verschiebung Taste. Fügen Sie im ersten Kreis einen kleineren Kreis hinzu.

Schritt 2

Markieren Sie beide erstellten Kreise, klicken Sie mit der rechten Maustaste und wählen Sie Zusammengesetzten Pfad erstellen aus dem Dropdown-Menü. Füllen Sie die neue Form mit schwarzer Farbe.

Schritt 3

Fügen Sie einen weiteren schwarzen Ring in die erste Form ein. Sie können die Teile des zusammengesetzten Pfads separat bearbeiten, indem Sie zweimal auf den Pfad klicken und den Isolationsmodus aktivieren (Sie werden feststellen, dass alle anderen Teile Ihres Bildes abgeblendet sind). Machen Sie den Ring dünner, indem Sie den inneren Teil mit auswählen Direktauswahl-Tool (A) und erweitern es.

Schritt 4

Doppelklick das Sternwerkzeug um das Popup-Optionsfenster aufzurufen und die Punkte Wert zu 20.

Halten Sie die Steuerung Taste und ziehen Sie, um die Punkte des Sterns mehr oder weniger scharf zu stellen.

Schritt 5

Erweitern Sie den Stern und machen Sie ihn größer als die schwarzen Ringe und Senden es zurück (Shift-Control- [), Platziere es unter den anderen Formen. 

Lassen Sie uns die Form glatter machen. Für Benutzer von Adobe Illustrator CC: Wählen Sie den erstellten Stern aus, und nehmen Sie die Direktauswahl-Tool (A) und Sie werden bemerken, dass kleine Kreissymbole neben jedem Punkt des Sterns erscheinen. Klicken Sie auf einen Kreis und ziehen Sie ihn, um die Punkte zu glätten. 

Wenn Sie eine frühere Version von Adobe Illustrator verwenden, gehen Sie zu Effekt> Stilisieren> Runde Ecken und setze das Radius Wert auf etwa 30 px. Objekt> Darstellung erweitern den Effekt anwenden.

Schritt 6

Bilde einen anderen Kreis und mache ihn etwas größer als die Ringe.

Wählen Sie sowohl den Stern als auch den neu erstellten Kreis aus und verwenden Sie die Minus Front Funktion des Pfadfinder ein Loch ausschneiden.

Schritt 7

Fügen Sie einen kleineren Kreis hinzu, platzieren Sie ihn in der Mitte der anderen Ringe und wenden Sie a an 2 pt schwarz Schlaganfall dazu, das einstellen Füllen Farbe zu keiner. Gehe zu Effekt> Verzerren und transformieren> Zickzack und setze das Größe zu 2 px, Kanten pro Segment zu 30 und Punkte zu Glatt. Überprüf den Vorschau um sicherzustellen, dass Ihre Form zu den Ringen passt.

Schritt 8

Fügen Sie etwas Text hinzu, um die leeren Felder auszufüllen und unser Logo komplizierter zu gestalten. Wir verwenden einige bekannte kostenlose Schriftarten (Lobster Two und Playfair Display), die zu unserem Retro-Bild passen.

Schritt 9

Verwenden Sie die Sternwerkzeug ein kleines bilden 5-spitz Star. Platzieren Sie eine Reihe von drei Sternen im oberen und im unteren Teil des Logos, um den Text hervorzuheben.

Schritt 10

Lassen Sie uns die Position der Elemente bearbeiten, um unser Logo perfekt auszurichten. Wählen Sie alle Teile aus und klicken Sie auf den äußeren gekrümmten Teil unseres Logos, während Sie die Taste gedrückt halten Alt Schlüssel, um es zu machen Schlüsselobjekt. Auf diese Weise werden alle anderen Objekte auf das Schlüsselobjekt ausgerichtet. Drücke den Horizontales Ausrichtungszentrum die Elemente neu positionieren.

2. Bilden Sie einen unscharfen Hintergrund aus Ihrem Foto

Schritt 1

Verwenden Sie ein abstraktes abstraktes Foto, das als Hintergrund schön aussieht. Ich habe diese Naturaufnahme aus meinem persönlichen Archiv ausgewählt.

Schritt 2

Datei> Platzieren das Foto in unserem Dokument. Sie können es drehen, um einen besseren Winkel zu finden, indem Sie nur einen Teil des Bildes in das Artboard einfügen.

Schritt 3

Fahren Sie fort, indem Sie unser Foto auswählen und zu weitergehen Effekt> Unschärfe> Gaußsche Unschärfe. Stellen Sie die Unschärfe ein Radius zu 30 px, das Bild unscharf stellen.

Schritt 4

Jetzt müssen wir das Foto in Vektor umwandeln. Zu diesem Zweck gehen Sie zu Objekt> Verlaufsgitter erstellen. Stellen Sie das ein Reihen Wertzu 10 und das Säulen zu fünfzehn, Erstellen eines Gitters mit quadratischen Zellen.Machen Sie die Zellen des Gitters nicht zu klein oder zu groß, um Artefakte und ungleichmäßige Teile im Bild nach der Umwandlung in ein Netz zu vermeiden.

Schritt 5

Wir müssen diese Teile des Gitters außerhalb der Zeichenfläche entfernen. Erstellen Sie ein Rechteck in der Größe unseres Artboards (in diesem Lernprogramm haben wir ein Quadrat 600 x 600 px Artboard) und legen Sie es auf alle anderen Objekte (Shift-Control-]). Wählen Sie sowohl das erstellte Quadrat als auch unser Netz aus, klicken Sie mit der rechten Maustaste und übernehmen Sie die Auswahl Schnittmaske erstellen aus dem Dropdown-Menü, wodurch die nicht benötigten Teile in der Maske ausgeblendet werden.

Schritt 6

Platzieren Sie unser Logo auf dem erstellten Hintergrund und füllen Sie ihn mit grauer Farbe. Schalten Sie die Mischmodus zu Bildschirm, das Logo halbtransparent machen.

Herzliche Glückwünsche! Ihr stilvoller Retro-Schriftzug ist fertig!

Gut gemacht! Jetzt können Sie ähnliche Logos mit der gleichen einfachen Technik erstellen und Ihre Fotos in sanfte defokussierte Vektorhintergründe verwandeln. Ich hoffe, Sie haben in diesem kurzen Tutorial einige nützliche Tipps und Tricks gefunden. Bleiben Sie dran und viel Glück!