Adobe Illustrator
So erstellen Sie einen Baby-Block-Texteffekt in Illustrator
Zu Beginn erfahren Sie, wie Sie mit dem Illustrator 3D-Effekt einen einfachen Würfel erstellen, ihn drehen und seine Position anpassen, um einen raffinierteren Blocktexteffekt zu erzielen. Als nächstes erstellen und speichern Sie einen Satz von Symbolen mit einer geeigneten Bausteinschrift, die auf die 3D-Blöcke abgebildet wird.
Im weiteren Verlauf werden wir jeden 3D-Block und die Baby-Blockschrift mit niedlichen Pastellfarben färben und Schattierungen und Hervorhebungen hinzufügen, um das Aussehen der 3D-Blockbuchstabenschrift zu verbessern.
Wenn Sie auf der Suche nach der perfekten Blockschriftart sind, werden Sie sie sicherlich zusammen mit einer Vielzahl erstaunlicher Schriftarten auf Envato Elements finden. Dies ist eine großartige Möglichkeit, dem Prozess eine eigene Note zu verleihen und einen anderen Babyblock-Texteffekt zu erzielen.
Für mehr Inspiration und Ressourcen besuchen Sie GraphicRiver, wo Sie viele Texteffekte und Vektoren finden, die Ihre Designs verbessern können.
Lasst uns beginnen!
Tutorial-Assets
Um das Tutorial abzuschließen, benötigen Sie die folgenden Assets:
Woodman Slab Serifenschrift
1. So öffnen Sie ein neues Dokument
1.
Starten Sie Adobe Illustrator und gehen Sie zu Datei > Neu, um ein leeres Dokument zu öffnen. Geben Sie einen Namen für Ihre Datei ein, legen Sie die Abmessungen fest und wählen Sie dann Pixel als Einheiten und RGB als Farbmodus.
Gehen Sie als Nächstes zu Bearbeiten> Einstellungen> Allgemein und stellen Sie das Tastaturinkrement auf 1 px ein. Gehen Sie dort zu Einheiten, um sicherzustellen, dass sie wie in der folgenden Abbildung eingestellt sind. Normalerweise arbeite ich mit diesen Einstellungen und sie werden Ihnen während des gesamten Zeichenprozesses helfen.
2. So erstellen Sie einen einfachen 3D-Block
2.
Schritt 1
Beginnen Sie, indem Sie das Rechteckwerkzeug (M) greifen. Klicken Sie auf Ihre Zeichenfläche, um das Rechteck-Fenster zu öffnen, und zeichnen Sie ein 66 x 66 Pixel großes Quadrat. Färbe es für den Moment mit Grau.
Erstellen Sie nun Kopien dieses Quadrats, damit Sie für jeden Buchstaben in der Babyblockschrift eine Kopie haben. Was wir verwenden, ist "HOLA BEBE", also müssen wir insgesamt acht Quadrate auf der Zeichenfläche haben.
Schritt 2
Konzentrieren Sie sich auf das erste Quadrat und wählen Sie es aus. Gehen Sie zu Effekt > 3D > Extrudieren & Abschrägen und aktivieren Sie zuerst die Option Vorschau, damit Sie den 3D-Block, den Sie erstellen, besser sehen können. Wählen Sie unter Extrude Depth den gleichen Wert wie die Größe des Quadrats aus, die 66 pt beträgt. Wählen Sie unter Abschrägung die Option Keine aus, und die Oberfläche ist hier nicht wirklich wichtig, sodass entweder Plastikschattierung oder Diffuse Schattierung gut funktionieren.
Beginnen Sie nun mit dem Drehen des Würfelsymbols oder geben Sie die Werte für die Drehung um die X-, Y- und Z-Achse manuell ein. Wenn Sie mit der Position des ersten 3D-Blocks zufrieden sind, klicken Sie auf OK.
Schritt 3
Wählen Sie das zweite Quadrat auf Ihrer Zeichenfläche aus und gehen Sie erneut zu Effekt> 3D> Extrude & Bevel. Wählen Sie eine andere Position für den Block und behalten Sie die restlichen Einstellungen bei.
Schritt 4
Machen Sie dasselbe für den dritten 3D-Block. Wählen Sie immer eine andere Position für den Block, damit das endgültige Textdesign cleverer ist und Spaß macht.
Schritt 5
Fahren Sie mit dem nächsten Block fort. Dies sind die Einstellungen, die ich verwendet habe:
Schritt 6
An diesem Punkt ist die obere Reihe von 3D-Blöcken – die den Buchstaben „H“, „O“, „L“ und „A“ entsprechen – fertig, aber Sie können noch Anpassungen vornehmen, indem Sie zum Bedienfeld „Erscheinungsbild“ zurückkehren und öffnen das Fenster Optionen für 3D-Extrudieren und Abschrägen.
Im Bild unten sehen Sie die Einstellungen für die zweite Reihe von 3D-Blöcken, die dem Wort "BEBE" entsprechen. Fühlen Sie sich frei, Ihre eigenen Einstellungen zu wählen und Ihre persönliche Note in das endgültige Design der Blockbuchstabenschrift zu geben.
Schritt 7
Jetzt sind die Blöcke auf der Zeichenfläche ausgerichtet, aber lassen Sie uns die Dinge kreativer gestalten, wie es eine Bausteinschrift sein sollte. Beginnen Sie, sich durch jeden 3D-Block zu bewegen und finden Sie ein Design, mit dem Sie zufrieden sind.
3. So erstellen und speichern Sie eine Reihe von Symbolen
3.
Schritt 1
Verwenden Sie das Rechteckwerkzeug (M), um ein neues Quadrat mit der gleichen Größe wie das Quadrat zu zeichnen, das wir zum Erstellen eines 3D-Blocks verwendet haben, der 66 x 66 px groß ist. Färbe es für den Moment mit Grau (1).
Während das graue Quadrat ausgewählt bleibt, gehen Sie zu Objekt> Pfad> Pfad versetzt und wenden Sie einen Radius von -10 px an, um ein kleineres Quadrat in der Mitte zu erhalten. Färben Sie es mit Creme (2).
Lassen Sie das kleinere Quadrat ausgewählt und gehen Sie zu Effekt> Stilisieren> Runde Ecken. Wenden Sie einen Radius von 4 px an und klicken Sie auf OK (3).
Schritt 2
Wählen Sie das kleinere Quadrat aus und dann Kopieren und Vorne einfügen (Strg-F), um eine Kopie davon zu erstellen. Lassen Sie diese Kopie ausgewählt und gehen Sie zu Objekt> Pfad> In Raster aufteilen. Übernehmen Sie die unten gezeigten Einstellungen, klicken Sie auf OK und als Ergebnis wird das Quadrat in 14 Streifen (1) unterteilt.
Wählen Sie jeden zweiten Streifen mit dem Direktauswahlwerkzeug (A) aus und färben Sie ihn beige. Für den Rest. Behalten Sie die vorhandene cremefarbene Füllfarbe bei (2).
Jetzt müssen wir die abgerundeten Ecken zurückbringen. Wählen Sie das kleinere Quadrat aus, auf das der Effekt „Abgerundete Ecken“ angewendet wurde, und dann Kopieren und Einfügen (Umschalt-Strg-V), um eine Kopie zu erstellen. Gehen Sie zu Objekt > Darstellung erweitern, um diesen Effekt zu erweitern, und legen Sie diese Kopie dann auf Strich ohne und Füllen ohne fest.
Wählen Sie die cremefarbenen und beigefarbenen Streifen zusammen mit dem neu erhaltenen abgerundeten Quadrat aus und gehen Sie zu Objekt> Schnittmaske> Erstellen (Steuerung-7). So sehen die Seiten der Babyblöcke aus, aber uns fehlt die Babyblockschrift. Gruppieren Sie (Strg-G) zunächst alle Formen, aus denen das Symbol besteht, und nennen Sie es "Blockfläche".
Schritt 3
Es ist Zeit, die Blockbuchstabenschrift vorzubereiten. Schnappen Sie sich das Type Tool (T) und schreiben Sie unseren Text "HOLA BEBE" auf Ihre Zeichenfläche. Verwenden Sie die Woodman-Schriftart Heavy mit einer Größe von 48 pt, die sich perfekt als Blockschrift eignet.
Als nächstes gehen Sie zu Objekt> Erweitern gefolgt von Gruppierung aufheben (Umschalt-Strg-G), um die einzelnen Buchstaben zu erhalten.
Schritt 4
Schnappen Sie sich die Gruppe "Blockgesicht" und erstellen Sie Kopien davon, sodass wir insgesamt sechs davon haben (1). Ordnen Sie nun in jedem Quadrat einen Buchstaben an. Die Buchstaben "B" und "E" werden wiederholt, sodass keine Duplikate erstellt werden müssen (2).
Wenn Sie genauer hinschauen, werden Sie feststellen, dass die Buchstaben "H", "O" und "A" etwas breiter sind als der Rest, also lassen Sie uns ein paar Anpassungen vornehmen.
Wählen Sie nur den Buchstaben "H" aus und sehen Sie sich das Transform-Panel an. Ersetzen Sie den vorhandenen Wert für Breite durch 34 px, was etwas kleiner ist. Machen Sie dasselbe für den Buchstaben "O". Geben Sie für den Buchstaben "A" 35 px in das Feld Breite ein. Dadurch werden diese Buchstaben etwas schmaler und passen zu den anderen (3).
Schritt 5
Wählen Sie die erste Gruppe "Blockgesicht" zusammen mit dem Buchstaben oben aus; Drücken Sie dann Horizontal Align Center und Vertical Align Center, um sicherzustellen, dass sie perfekt zentriert sind.
Wiederholen Sie dasselbe mit den anderen "Blockgesichts"-Gruppen und ihren entsprechenden Blockbuchstaben.
Schritt 6
Wir sind jetzt bereit, die Symbole zu speichern. Wählen Sie die erste Gruppe "Blockfläche" zusammen mit dem Buchstaben aus und ziehen Sie alles in das Symbolbedienfeld. Geben Sie im Fenster Symboloptionen "Blockbuchstabe H" als Namen ein und klicken Sie auf OK. Das erste Symbol ist jetzt im Symbolbedienfeld sichtbar.
Wiederholen Sie das Gleiche und speichern Sie die Symbole "Block Letter O", "Block Letter L", "Block Letter A", "Block Letter B" und "Block Letter E". An diesem Punkt können die Blockschriftsymbole verwendet werden.
4. So wenden Sie Symbole auf die 3D-Blöcke an
4.
Schritt 1
Kehren wir zu den 3D-Blöcken zurück, die wir zuvor erstellt haben, und wählen Sie den ersten auf Ihrer Zeichenfläche aus. Gehen Sie zum Bedienfeld Aussehen, öffnen Sie das Fenster 3D Extrude & Bevel und klicken Sie unten auf die Schaltfläche Map Art.
Wählen Sie im sich öffnenden Map Art-Fenster das Symbol "Blockbuchstabe H" aus dem Dropdown-Menü aus, und es wird auf Oberfläche 1 von 6 angewendet, die die Vorderseite des 3D-Blocks ist. Sie müssen keine Anpassungen vornehmen. Sie passen perfekt, da sie die gleiche Größe haben (66 x 66 px).
Schritt 2
Navigieren Sie mit dem kleinen Pfeil zu Oberfläche 5 von 6 und wenden Sie das gleiche "Blockbuchstabe H"-Symbol darauf an. Jetzt ist die Blockschrift auf der linken Seite sichtbar.
Als nächstes kommt Oberfläche 6 von 6, die die Spitze des 3D-Blocks ist. Wenden Sie das gleiche Symbol an und drehen Sie es diesmal wie in der Abbildung unten gezeigt. Die anderen Oberflächen sind nicht sichtbar, daher muss nicht mit ihnen gearbeitet werden. Drücken Sie zweimal auf OK, wenn Sie mit dem Ergebnis zufrieden sind.
Schritt 3
Fahren Sie mit dem zweiten Block auf Ihrer Zeichenfläche fort und wenden Sie nach dem Öffnen des Map Art-Fensters das Symbol "Blockbuchstabe O" auf die sichtbaren Flächen 1 von 6, 3 von 6 und 6 von 6 an.
Schritt 4
Wenden Sie die oben beschriebene Technik an und bringen Sie die restlichen Symbole weiterhin auf die Oberflächen der Blöcke auf. Das Aussehen der 3D-Blockbuchstabenschrift beginnt sich zu vereinen, oder?
5. So färben Sie die 3D-Blöcke ein
5.
Konzentrieren Sie sich auf den ersten Block, wählen Sie ihn aus und gehen Sie zu Objekt > Darstellung erweitern, um den 3D-Effekt zu erweitern. Verwenden Sie das Direktauswahl-Werkzeug (A), um nur die grauen Quadrate zusammen mit der Babyblock-Schriftart auszuwählen und ihre Füllfarbe in Lila zu ändern.
Machen Sie dasselbe und färben Sie den Rest der Babyblöcke mit den angegebenen Farben neu.
6. So erstellen Sie Schatten auf den Babyblöcken
6.
Schritt 1
Wählen Sie die Vorderseite des lila Babyblocks mit dem Direktauswahlwerkzeug (A) und dann Kopieren und Einfügen (Umschalt-Strg-V), um eine Kopie davon vor allem zu erstellen (1). Gehen Sie zu Objekt > Zusammengesetzter Pfad > Loslassen und behalten Sie nur das kleinere Quadrat in der Mitte bei. Ändern Sie die Füllfarbe in Orange, damit wir diese Form besser sehen können (2).
Kopieren Sie das orange Quadrat und fügen Sie es vorne ein (Strg-F) und ändern Sie die Füllfarbe in Grün, damit wir sie unterscheiden können. Bewegen Sie das grüne Quadrat 1 px nach links und 1 px nach oben, indem Sie die linke Pfeiltaste und dann die Pfeiltaste nach oben auf der Tastatur drücken (3). Während die beiden farbigen Quadrate ausgewählt bleiben, drücken Sie Minus Front im Pathfinder-Bedienfeld, und Sie erhalten eine dünne Kante. Färben Sie es mit einem dunkleren Violettton (4).
Wenden Sie die gleiche Technik an und erstellen Sie die dunkleren, dünneren Kanten auf der linken Seite und Oberseite des 3D-Babyblocks (5).
Schritt 2
Folgen Sie der im vorherigen Schritt erklärten Technik und erstellen Sie die dunkleren, dünneren Kanten auf der sichtbaren Seite aller Babyblöcke. Dadurch wird das 3D-Erscheinungsbild der Bausteine verbessert.
Schritt 3
Verwenden Sie das Direktauswahlwerkzeug (A), um die drei Buchstaben auszuwählen; Gehen Sie dann zu Effekt> Stilisieren> Schlagschatten und wenden Sie die angezeigten Einstellungen an. Dadurch wird unten rechts in der Blockbuchstabenschrift ein kleiner Schatten erzeugt.
Schritt 4
Wählen Sie die drei Buchstaben auf jedem Babyblock aus und wenden Sie den Schlagschatten-Effekt erneut mit den gleichen Einstellungen an.
7. So erstellen Sie eine Schattierung auf den Babyblöcken
7.
Schritt 1
Konzentrieren Sie sich auf den lila Babyblock und wählen Sie mit dem Direktauswahlwerkzeug (A) nur die linke Seite aus. Kopieren und an Ort und Stelle einfügen (Umschalt-Strg-V), um eine Kopie davon vor allem zu erstellen (1). Gehen Sie zu Objekt> Zusammengesetzter Pfad> Freigeben und behalten Sie nur das größere Quadrat (2).
Ändern Sie die Füllfarbe dieses Quadrats in Schwarz; Stellen Sie dann den Mischmodus auf Überlagerung und reduzieren Sie die Deckkraft auf 30%. Dadurch entsteht auf der linken Seite des Babyblocks (3) eine Schattierung.
Schritt 2
Befolgen Sie die oben beschriebene Technik und erstellen Sie je nach Position auf einer Seite jedes Blocks eine Schattierung. Wenden Sie die gleichen Einstellungen an.
8. So erstellen Sie Highlights auf den Babyblöcken
8.
Schritt 1
Verwenden Sie das Direktauswahlwerkzeug (A), um nur die obere Form des violetten Babyblocks auszuwählen, und dann Kopieren und Einfügen (Umschalt-Strg-V). Gehen Sie zu Objekt> Zusammengesetzter Pfad> Freigeben und behalten Sie nur das größere Quadrat (2). Ändern Sie die Füllfarbe in Weiß; Stellen Sie dann den Mischmodus auf Überlagerung und reduzieren Sie die Deckkraft auf 50% (3).
Schritt 2
Erstellen Sie wie im vorherigen Schritt oben auf den anderen Babyblöcken ein Highlight. Wenden Sie die gleichen Einstellungen an, aber je nach Farbe jedes Blocks müssen Sie die Deckkraft möglicherweise auf 40 % oder 30 % reduzieren.
Schritt 3
Zeichne mit dem Stiftwerkzeug (P) drei gerade Pfade zwischen den Eckpunkten des lila Babyblocks. Geben Sie ihnen einen Strich von 1,5 pt in Blassrosa und wählen Sie das Breitenprofil 4 im Strichbedienfeld aus. Stellen Sie sicher, dass die Spitze des Pinselprofils nach außen zeigt; Drücken Sie andernfalls die Option Entlang spiegeln. Dadurch werden Highlights entlang der Kanten des Blocks erstellt.
Schritt 4
Machen Sie dasselbe für den Rest der Babyblöcke, um weitere Highlights hinzuzufügen. Wenden Sie jedes Mal einen 1,5 pt Strich mit dem Breitenprofil 4 an, aber passen Sie die Strichfarben an jeden von ihnen an.
9. Wie man Schatten unter den Buchstabenblöcken erstellt
9.
Schritt 1
Wählen Sie das Markierungsquadrat über dem violetten Babyblock und dann Kopieren und Einfügen vorne (Strg-F) (1). Verschieben Sie die resultierende Kopie nach unten und richten Sie sie an den unteren Eckpunkten des Blocks aus. Senden Sie diese Kopie hinter alles, indem Sie auf Objekt> Anordnen> Nach hinten senden (Shift-Control-[) (2) gehen.
Stellen Sie sicher, dass die quadratische Kopie noch ausgewählt ist, und jetzt werden wir drei Strichattribute darauf anwenden. Wählen Sie zunächst einen schwarzen Strich mit 1 pt aus und klicken Sie dann auf das Symbol „Neuen Strich hinzufügen“ unten im Erscheinungsbild-Bedienfeld, um einen zweiten Strich unter dem ersten hinzuzufügen. Wenden Sie einen 2 pt Strich mit Schwarz an und reduzieren Sie die Deckkraft auf 50 %, jedoch nur für dieses Strichattribut.
Drücken Sie erneut auf das Symbol Neuen Strich hinzufügen, um einen dritten Strich unter den beiden vorherigen hinzuzufügen. Wenden Sie einen 3 pt Strich mit Schwarz an und reduzieren Sie die Deckkraft für dieses Strichattribut auf 20 %. Stellen Sie für alle drei angewendeten Striche sicher, dass die Optionen Round Cap und Round Join im Strichbedienfeld ausgewählt sind.
Reduzieren Sie schließlich die Deckkraft des Quadrats auf 60 % oder weniger, je nach gewählter Hintergrundfarbe (3).
Schritt 2
Wenden Sie die im vorherigen Schritt erläuterte Technik an und erstellen Sie einen Schatten unter den anderen Babyblöcken.
Schritt 3
So sollten die finalen Baby-Blockbuchstaben aussehen:
Erweitern Sie Ihre Schriftartensammlung
Die 3D-Blockschriftart spielt eine wichtige Rolle für das endgültige Aussehen dieses Texteffekts, daher haben wir eine Auswahl anderer Blockschriftarten getroffen, die Sie in diesem Design erfolgreich verwenden können, um es zu personalisieren.
BoldenVan - Chubby Children Font
Dies ist eine kühne Schriftart mit abgerundeten Ecken und molligen Looks, die Spaß in Ihr Design bringen. Funktioniert perfekt für Cartoon-Illustrationen, Spiele, Texteffekte, Poster und vieles mehr.
SPOT - Einzigartiges Display
Spot ist eine einzigartige und moderne Großbuchstabenschrift, die sich perfekt für Überschriften, großen Text, Logos und die Verwendung von Displays eignet und die Aufmerksamkeit Ihrer Zuschauer auf sich ziehen wird.
Böse Maus
Eine verspielte Displayschrift in Großbuchstaben, die Ihr inneres Kind entfesseln wird. Verwenden Sie es für eine Vielzahl von Babydesigns, Cartoon-Illustrationen, Kinderbüchern oder ein lustiges Logo.
Longway -Serifenschrift
Verleihen Sie Ihrem Design mit Longway, einer Serifenschrift in Großbuchstaben, die für Poster, Überschriften, Abzeichen, Verpackungen usw.
ELMODER Fett
Integrieren Sie diese klare und elegante Schriftart in Ihr nächstes kreatives Projekt, wie Texteffekte, Schlagzeilen, Bücher, Zeitschriften, Branding und vieles mehr. Habe Spaß!
Glückwünsche! Sie sind fertig
Der von Babybuchstabenblöcken inspirierte Texteffekt ist fertig. Jetzt haben Sie das Wissen, den 3D-Effekt in Illustrator zu verwenden und andere kreative Texteffekte zu erstellen.
Verbessern Sie Ihre Fähigkeiten zum Gestalten von Texteffekten!
Zeichnen und lernen Sie weiter mit diesen empfohlenen Tutorials, die viele andere nützliche Techniken erklären.
Texteffekte
So erstellen Sie einen farbenfrohen 3D-Texteffekt in Adobe Illustrator
Andrei Marius
Texteffekte
So erstellen Sie einen 3D-Text-Art-Effekt in Adobe Illustrator
Andrei Marius
Texteffekte
So erstellen Sie einen von Spanien inspirierten Texteffekt in Adobe Illustrator
Andrei Marius
Texteffekte
So erstellen Sie einen spanischen 3D-Texteffekt in Adobe Illustrator
Andrei Marius
Texteffekte
So erstellen Sie einen mehrschichtigen Texteffekt in Adobe Illustrator
Andrei Marius
Texteffekte
So erstellen Sie einen Texteffekt im Grafikstil eines Spiels in Adobe Illustrator
Vishnu Gupta
Aussehen-Panel
So erstellen Sie einen fetten, cartoonartigen Texteffekt in Adobe Illustrator
Andrei Marius
Texteffekte
Erstellen Sie einen Baseball-inspirierten Texteffekt in Adobe Illustrator
Diana Toma
Texteffekte
So erstellen Sie einen isometrischen Texteffekt in Adobe Illustrator
Andrei Marius
Texteffekte
Erstellen Sie 3D-Buchstaben ohne die Verwendung von 3D-Werkzeugen in Adobe Illustrator
Diana Toma
Your comment