So erstellen Sie einen Knochentext-Effekt in Adobe Illustrator

Was Sie erstellen werden

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen einfachen Knochentext-Effekt erstellen. 

Zunächst lernen Sie, wie Sie ein einfaches Gitter einrichten und mehrere pixelgenaue Formen erstellen. Mit dem abgerundeten Eckeneffekt und einigen grundlegenden Techniken zur Vektorformung lernen Sie, wie Sie die Hauptknochenform erstellen. Im weiteren Verlauf lernen Sie, wie Sie einen Kunstpinsel speichern und verwenden. Im letzten Schritt erfahren Sie, wie Sie Schlagschatteneffekte und einen einfachen 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 neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 850 in der breiten Box und 600 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 der Snap to Grid (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 Tutorial von Andrei Stefan erfahren Sie mehr über das Rastersystem von Illustrator: 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 die Knochenform und den Musterpinsel

Schritt 1

Wähle das aus Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Toolbar. Entfernen Sie die Farbe aus dem Strich und wählen Sie dann die Füllung aus und stellen Sie die Farbe auf R = 253 G = 241 B = 193. Gehen Sie zu Ihrer Zeichenfläche und erstellen Sie einfach eine 25 x 105 px Rechteck-das Gitter und die Am Raster ausrichten Feature sollte helfen.

Konzentrieren Sie sich auf die Unterseite dieses Rechtecks ​​und wechseln Sie zu Direktauswahl-Tool (A). Wählen Sie den rechten Ankerpunkt aus und ziehen Sie ihn 5 px nach links und wählen Sie dann den linken Ankerpunkt aus und ziehen Sie ihn 5 px auf und 5 px auf der rechten Seite.

Schritt 2

Konzentrieren Sie sich weiterhin auf die Unterseite Ihrer vorhandenen Form. Verwendung der Rechteckwerkzeug (M), ein ... kreieren 30 x 35 px Form und platzieren Sie es wie im ersten Bild gezeigt. Konzentrieren Sie sich auf die linke Seite dieses neuen Rechtecks ​​und wählen Sie das Symbol aus Ankerpunktwerkzeug hinzufügen (+). Klicken Sie einfach auf den blau markierten Punkt, um einen neuen Ankerpunkt für Ihre Form hinzuzufügen.

Wechseln Sie zu Direktauswahl-Tool (A), Wählen Sie den neu hinzugefügten Ankerpunkt aus und ziehen Sie ihn 15 px nach links. Bewegen Sie sich zur rechten Seite dieser Form und stellen Sie sicher, dass die Direktauswahl-Tool (A) bleibt aktiv. Wählen Sie den oberen Ankerpunkt und ziehen Sie ihn 10 px Wählen Sie den unteren Ankerpunkt aus und ziehen Sie ihn 10 px auf und 5 px nach links.

Schritt 3

Verwendung der Rechteckwerkzeug (M), ein ... kreieren 25 px platzieren und platzieren Sie es wie im ersten Bild gezeigt. Konzentrieren Sie sich auf die Unterseite dieser neuen Form und wählen Sie das Symbol aus Ankerpunktwerkzeug hinzufügen (+) und fügen Sie einen neuen Ankerpunkt hinzu (siehe unten).

Konzentriere dich weiter auf dein Feld und wechsle auf das Feld Direktauswahl-Tool (A). Wählen Sie zunächst den unteren linken Ankerpunkt aus und ziehen Sie ihn 10 px auf und 5 px nach links. Bewegen Sie den Ankerpunkt unten rechts und ziehen Sie ihn 5 px und wählen Sie dann den Ankerpunkt oben rechts aus und ziehen Sie ihn 5 px auf und 10 px nach links.

Schritt 4

Verwendung der Rechteckwerkzeug (M), ein ... kreieren 40 x 30 px Form und platzieren Sie es wie im ersten Bild gezeigt. Wähle das aus Ankerpunktwerkzeug hinzufügen (+) und fügen Sie die zwei unten gezeigten Ankerpunkte hinzu.

Konzentrieren Sie sich weiterhin auf dieses neue Rechteck und wechseln Sie zum Direktauswahl-Tool (A). Wählen Sie zunächst den unteren linken Ankerpunkt aus und ziehen Sie ihn 5 px oben. Bewegen Sie sich zum rechten oberen Ankerpunkt und ziehen Sie ihn 10 px nach links und wählen Sie dann den oberen linken Ankerpunkt aus und ziehen Sie ihn 5 px auf der rechten Seite.

Schritt 5

Verwendung der Rechteckwerkzeug (M), ein ... kreieren 35 px platzieren und platzieren Sie es wie im ersten Bild gezeigt. Wähle das aus Ankerpunktwerkzeug hinzufügen (+) und fügen Sie die zwei unten gezeigten Ankerpunkte hinzu.

Konzentriere dich weiter auf dein Feld und wechsle auf das Feld Direktauswahl-Tool (A). Wählen Sie zunächst den Ankerpunkt unten rechts aus und ziehen Sie ihn 10 px auf und 5 px nach links. Bewegen Sie sich zum rechten oberen Ankerpunkt und ziehen Sie ihn 5 px Wählen Sie den oberen linken Ankerpunkt aus und ziehen Sie ihn 25 px Nieder.

Schritt 6

Wählen Sie alle bisher erstellten Formen aus, öffnen Sie die Pfadfinder Panel (Fenster> Pfadfinder) und klicken Sie auf die Vereinen Taste. Stellen Sie sicher, dass die resultierende Form gefüllt ist R = 253 G = 241 B = 193 und fahren Sie mit dem nächsten Schritt fort.

Schritt 7

Stellen Sie sicher, dass Ihre Form noch ausgewählt ist, und wechseln Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie ein 5 px Radius, klicken OK, und dann zu Objekt> Darstellung erweitern.

Schritt 8

Wähle das aus Stiftwerkzeug (P) und erstellen Sie drei einfache Dreiecke, wie im ersten Bild gezeigt. Wählen Sie alle bisher erstellten Formen aus und klicken Sie auf Minus Front Taste aus der Pfadfinder Panel.

Schritt 9

Stellen Sie sicher, dass Ihre Form ausgewählt ist, und öffnen Sie die Bürsten Panel (Fenster> Pinsel) und klicken Sie darauf Neuer Pinsel Taste. Wähle aus Kunstpinsel Box und klicken Sie dann auf OK. Wählen Sie einen Namen für Ihren Pinsel aus und ziehen Sie ihn Breite Schieberegler auf 50%, Geben Sie die restlichen Attribute ein, die in der folgenden Abbildung gezeigt werden, und klicken Sie dann auf OK Taste.

3. So erstellen Sie den Texteffekt

Schritt 1

Wähle das aus Schreibwerkzeug (T) und öffnen Sie die Charakter Panel (Fenster> Typ> Zeichen). Wählen Sie die Bonez-Schrift und stellen Sie die Größe auf 150 px und die Verfolgung zu 100. Klicken Sie einfach auf Ihre Zeichenfläche und fügen Sie Text hinzu. Mach es schwarz (R = 0 G = 0 B = 0) und niedriger sein Opazität bis etwa 30%.

Schritt 2

Deaktivieren Sie das Raster (Steuerung-") und der Snap to Grid (Shift-Control- ").

Wähle das aus Pinselwerkzeug (B) und wählen Sie Ihren Pinsel aus Bürsten Panel. Verwenden Sie diesen schwarzen Text als grobe Referenz und beginnen Sie mit dem Zeichnen von Pfaden, um den ersten Buchstaben zu erstellen.

Schritt 3

Gehen Sie zu den nächsten Buchstaben und verwenden Sie denselben Pinsel. Wenn Sie fertig sind, löschen Sie diesen Text.

Schritt 4

Wählen Sie alle bisher erstellten Pfade aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf OK.

Schritt 5

Stellen Sie sicher, dass alle Ihre Pfade noch ausgewählt sind, Gruppe Sie (Steuerung-G) und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK.

4. So erstellen Sie den Hintergrund

Schritt 1

Wähle das aus Ellipsenwerkzeug (L) und klicken Sie einfach auf Ihre Zeichenfläche, um das Fenster zu öffnen Ellipse Fenster. Stellen Sie das ein Breite zu 600 px und das Höhe zu 360 px und klicken Sie dann auf OK. Füllen Sie die resultierende Form mit R = 235 G = 107 B = 38 und schick es zurück (Shift-Control- [).

Stellen Sie sicher, dass diese orange Form ausgewählt bleibt, und öffnen Sie die Ausrichten Panel (Fenster> Ausrichten). Setzen Sie die Ausrichtung auf Artboard (öffnen Sie das Flyout-Menü und gehen Sie 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. Dadurch wird Ihre ausgewählte Form im Wesentlichen in die Mitte der Zeichenfläche gebracht.

Schritt 2

Stellen Sie sicher, dass Ihre orange Ellipse noch ausgewählt ist, und wechseln Sie zu Effekt> Verzerren und transformieren> Zickzack. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf OK.

Schritt 3

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 860 px und das Höhe zu 610 px und klicken Sie dann auf OK. Füllen Sie die resultierende Form mit R = 39 G = 9 B = 62, schick es zurück (Shift-Control- [), und vergessen Sie nicht, es zu zentrieren.

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.