So erstellen Sie einen halb unscharfen Text in Adobe Illustrator

Was Sie erstellen werden

Wir ehren die deutsche Sprache und Kultur in dieser Woche, um den Start des Deutsche Version von Envato Elements

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen halb unscharfen Texteffekt erstellen. 

Zunächst lernen Sie, wie Sie ein einfaches Raster einrichten und den Hintergrund erstellen. Als Nächstes lernen Sie, wie Sie den Haupttext erstellen und ihn leicht ausrichten können. 

Sie können das Erscheinungsbild-Bedienfeld voll nutzen, um zu lernen, wie Sie Ihren Text editierbar halten, aber stilisieren und maskieren. Wenn Sie dünne Rechtecke zusammen mit einigen weiteren Maskierungs- und Mischtechniken verwenden, erfahren Sie, wie Sie subtile Schattierungen und Lichter hinzufügen.

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

Was wirst du brauchen

Sie benötigen die folgende Ressource, um dieses Projekt abzuschließen:

  • Robinson-Schrift

1. Einrichten eines Rasters und Erstellen des Hintergrunds

Schritt 1

Schlagen Control-N ein neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 850 in der breiten Box und 500 in der Höhe, und klicken Sie darauf Mehr Einstellungen 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 das Raster (Ansicht> Raster anzeigen) und am Raster ausrichten (Ansicht> An Raster ausrichten). Sie werden jedes Mal ein Gitter benötigen 10 px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster, eingeben 10 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.

Schritt 2

Wähle das aus Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Symbolleiste. Entfernen Sie die Farbe aus dem Strich und wählen Sie dann die Füllung aus und stellen Sie die Farbe auf R = 242 G = 242 B = 242.

Gehen Sie zu Ihrer Zeichenfläche, erstellen Sie eine 870 x 520 px Form und platzieren Sie es wie gezeigt unterhalb des Gitters und Am Raster ausrichten wird es einfacher machen.

Schritt 3

Verwendung der Rechteckwerkzeug (M), Erstelle ein 870 x 260 px formen und platzieren Sie es wie unten gezeigt. Füllen Sie dieses neue Rechteck mit dem unten gezeigten radialen Farbverlauf Opazität zu 75%, und ändern Sie die Mischmodus zu Überlagerung. Verwenden Sie die Verlaufswerkzeug (G) um den Farbverlauf wie in der folgenden Abbildung gezeigt zu strecken.

2. So erstellen Sie den Haupttext

Schritt 1

Konzentrieren Sie sich auf Ihre Symbolleiste und setzen Sie die Füllfarbe auf Schwarz (R = 0 G = 0 B = 0). Öffne das Charakter Panel (Fenster> Typ> Zeichen), wählen Sie die Schriftart Robinson Regular aus und stellen Sie die Größe auf 250 px. Wähle das aus Schreibwerkzeug (T), Klicken Sie auf Ihre Zeichenfläche und fügen Sie die hinzu "UNSCHARF" Stück Text.

Stellen Sie sicher, dass Ihr Text ausgewählt bleibt, und öffnen Sie das Ausrichten Panel (Fenster> Ausrichten). Stellen Sie die Ausrichtung auf Zeichenbrett (Öffne das Flyout-Menü und gehe zu Optionen anzeigen wenn Sie das nicht sehen können Ausrichten auf Abschnitt wie in der folgenden Abbildung gezeigt) und klicken Sie dann auf Horizontales Ausrichtungszentrum und Vertikales Zentrum ausrichten Tasten. Dies sollte Ihren Text in die Mitte der Zeichenfläche verschieben.

Schritt 2

Wählen Sie Ihren Text aus, konzentrieren Sie sich auf die Farbfelder Panel (Fenster> Farbfelder) und klicken Sie darauf [Keiner] Farbfeld, um die schwarze Textfarbe zu entfernen.

Öffne das Aussehen Panel (Fenster> Aussehen) und fügen Sie eine neue Füllung hinzu Neue Füllung hinzufügen Taste. Wählen Sie diese neue Füllung aus und stellen Sie die Farbe auf R = 41 G = 171 B = 226. Stellen Sie sicher, dass Ihr Text ausgewählt ist, und klicken Sie auf Steuerung-C um es zu kopieren. Sie benötigen einige Kopien dieses Textes in den folgenden Schritten.

3. So erstellen Sie die unscharfe Hälfte des Textes

Schritt 1

Stellen Sie sicher, dass Ihr Text ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen Panel. Wählen Sie die Füllung aus und senken Sie sie Opazität zu 50%, und gehe zu Effekt> Unschärfe> Gaußsche Unschärfe. Stellen Sie das ein Radius zu 10 px und klicken Sie auf OK.

Schritt 2

Stellen Sie sicher, dass Ihr Text ausgewählt bleibt, 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 diese neue Füllung aus und setzen Sie die Farbe auf Schwarz. Senken Sie es Opazität zu 25% und ändern Sie die Mischmodus zu Sanftes Licht, und dann zu Effekt> Verzerren> Glas. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK, und gehe zu Effekt> Stilisieren> Feder. Stellen Sie das ein Radius zu 15 px und klicken Sie auf OK.

Schritt 3

Stellen Sie sicher, dass Ihr Text ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen und fügen Sie eine dritte Füllung hinzu Neue Füllung hinzufügen Taste.

Wählen Sie diese neue Füllung aus, ziehen Sie sie unter die beiden anderen Füllen und wenden Sie den unten gezeigten linearen Verlauf an (die gelbe Null von der Gradient Bild steht für das Opazität dieses Schiebereglers). Senken Sie es Opazität zu 30% und gehe zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK, und gehe zu Effekt> Verzerrung und Transformation> Freie Verzerrung. Ziehen Sie die unteren Punkte wie in der folgenden Abbildung gezeigt, klicken Sie auf OK, und gehe zu Effekt> Unschärfe> Gaußsche Unschärfe. Stellen Sie das ein Radius zu 10 px und klicken Sie auf OK.

Schritt 4

Wähle das aus Rechteckwerkzeug (M), Erstelle ein 870 x 260 px, Füllen Sie es mit Weiß und platzieren Sie es wie im ersten Bild gezeigt. Wählen Sie dieses neue Rechteck zusammen mit Ihrem verschwommenen Text aus und öffnen Sie das Transparenz Panel (Fenster> Transparenz) und klicken Sie auf die Maske machen Taste.

4. So erstellen Sie die andere Hälfte des Textes

Schritt 1

Schlagen Steuerung-F um einfach eine Kopie Ihres blauen Textes an derselben Stelle hinzuzufügen. Wähle das aus Rechteckwerkzeug (M), Erstelle ein 870 x 260 px, Füllen Sie es mit Weiß und platzieren Sie es wie im ersten Bild gezeigt.

Schritt 2

Wählen Sie Ihr weißes Rechteck zusammen mit dem blauen Text aus, und gehen Sie zu Transparenz Panel,und klicken Sie auf die Maske machen Taste.

5. So erstellen Sie die glatten Highlights

Schritt 1

Wähle das aus Rechteckwerkzeug (M) und klicken Sie einfach auf Ihre Zeichenfläche, um das Fenster zu öffnen Rechteck Fenster. Stellen Sie das ein Breite zu 870 px und das Höhe zu 1 px, und klicken Sie dann auf OK um ein dünnes Rechteck zu erstellen.

Platzieren Sie diese neue Form genau wie unten gezeigt, und setzen Sie die Füllfarbe auf Weiß (R = 255 G = 255 B = 255), und senken Sie dann seine Opazität zu 75% und ändern Sie die Mischmodus zu Überlagerung.

Schritt 2

Schlagen Steuerung-F So fügen Sie eine neue Kopie Ihres blauen Textes hinzu, wie im ersten Bild gezeigt. Wähle es aus, ersetze das Blau durch Weiß und gehe zu Effekt> Unschärfe> Gaußsche Unschärfe. Stellen Sie das ein Radius zu 10 px und klicken Sie auf OK.

Schritt 3

Wählen Sie zusammen mit dem dünnen weißen Rechteck Ihren unscharfen weißen Text aus, und gehen Sie zu Transparenz Panel,und klicken Sie auf die Maske machen Taste.

Schritt 4

Wähle das aus Rechteckwerkzeug (M) und klicken Sie erneut auf Ihre Zeichenfläche, um das Fenster zu öffnen Rechteck Fenster. Stellen Sie das ein Breite zu 870 px und das Höhe zu 1 px, und klicken Sie dann auf OK um ein dünnes Rechteck zu erstellen.

Platzieren Sie diese neue Form genau wie unten gezeigt, setzen Sie die Füllfarbe auf Schwarz und verringern Sie ihre Farbe Opazität zu 50% und ändern Sie die Mischmodus zu Sanftes Licht.

Schritt 5

Schlagen Steuerung-F So fügen Sie eine neue Kopie Ihres blauen Textes hinzu, wie im ersten Bild gezeigt. Wählen Sie es aus und ersetzen Sie einfach das Blau durch Weiß.

Wählen Sie diesen weißen Text zusammen mit dem dünnen schwarzen Rechteck aus, und gehen Sie zu Transparenz Panel,und klicken Sie auf die Maske machen Taste.

6. So fügen Sie eine allgemeine Schattierung hinzu

Wähle das aus Rechteckwerkzeug (M), Erstelle ein 870 x 520 px Form und platzieren Sie es wie unten gezeigt. Füllen Sie es mit dem unten gezeigten radialen Farbverlauf und vergessen Sie nicht, es zu senken Opazität zu 30%.

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. Zögern Sie nicht, Ihr Endergebnis in den Kommentaren zu teilen.

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.