Share
Was Sie erstellen werdenIn den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen grünen, schleimigen Texteffekt erstellen.
Zunächst lernen Sie, wie Sie ein einfaches Raster einrichten und einen einfachen Hintergrund erstellen. Sie können den Appearance-Bereich in vollem Umfang nutzen und eine ordentliche Schrift verwenden. Sie lernen, wie Sie einen vollständig bearbeitbaren, schleimigen Texteffekt erstellen.
Im weiteren Verlauf erfahren Sie, wie Sie subtile Highlights hinzufügen und schnell eine Reihe von Formen mit ähnlichen Attributen auswählen. Schließlich lernen Sie, wie Sie einen Pinsel speichern und verwenden, und wie Sie ein lustiges außerirdisches Auge mit grundlegenden Misch- und Vektorformungstechniken erstellen.
Weitere Informationen zum Anpassen oder Verbessern des endgültigen Schleimtexteffekts finden Sie auf Envato Market.
Schlagen Control-N ein neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 800 in der Breite und 600 in der Höhe, und klicken Sie auf die Erweitert Taste. Wählen RGB, Bildschirm (72ppi) und stellen Sie sicher, dass die Neue Objekte am Pixelraster ausrichten Das Kontrollkästchen ist deaktiviert, bevor Sie auf klicken OK.
Aktivieren Sie die Gitter (Ansicht> Raster anzeigen) und das 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, und eintreten 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 Tutorial von Andrei Stefan: Grundlegendes zum Rastersystem von Illustrator erfahren Sie mehr über das Rastersystem von 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> Allgemein. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.
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 setzen Sie die Farbe auf R = 214 G = 150 B = 229.
Gehen Sie zu Ihrer Zeichenfläche und erstellen Sie einfach eine 820 x 620 px Rechteck, das Ihre Zeichenfläche vollständig überdeckt, wie unten dargestellt Am Raster ausrichten Feature sollte dies erleichtern.
Stellen Sie sicher, dass Ihr Rechteck noch ausgewählt ist, und öffnen Sie das Aussehen Panel (Fenster> 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 ersetzen Sie die vorhandene Farbe durch den unten gezeigten radialen Verlauf. Denken Sie daran, dass die gelbe Null von der Gradient Bild steht für Opazität Prozentsatz und verwenden Sie die Verlaufswerkzeug (G) um den Farbverlauf grob zu strecken, wie im folgenden Bild gezeigt.
Wenn Sie fertig sind, kehren Sie zum Aussehen und klicken Sie auf "Opazität"Textstück, das für Ihre neue Füllung steht, um die Transparenz Fly-Out-Panel. Stellen Sie das ein Mischmodus zu Überlagerung und behalte das Opazität beim 100%.
Öffne das Charakter Panel (Fenster> Typ> Zeichen) und das auswählen Schreibwerkzeug (T). Klicken Sie einfach auf Ihre Zeichenfläche und konzentrieren Sie sich auf die Charakter Panel. Wählen Sie die Schriftart für verschüttete Tinte aus, und legen Sie die Größe auf fest 150 px, und füge dann dein "GRÜN"Textstück.
Stellen Sie sicher, dass Ihr Text ausgewählt bleibt, und entfernen Sie die vorhandene Füllfarbe. Dadurch wird Ihr Text unsichtbar. Konzentriere dich auf den Aussehen und fügen Sie eine neue Füllung hinzu Neue Füllung hinzufügen Taste. Wählen Sie es aus und stellen Sie die Farbe auf R = 115 G = 191 B = 69. Kopieren Sie nun diesen Text (Control-C> Control-V), ersetzen Sie "GRÜN"mit"WELT"und platzieren Sie es ungefähr wie im zweiten Bild.
Wähle Deine "GRÜN"Textstück, konzentrieren sich auf die Aussehen und fügen Sie eine zweite Füllung hinzu Neue Füllung hinzufügen Taste.
Wählen Sie diese neue Füllung aus, ziehen Sie sie unter die grüne und setzen Sie ihre Farbe auf R = 115 G = 191 B = 69, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 10 px Versatz, stellen Sie das ein Schließt sich an zu Runden, und klicken Sie dann auf OK Taste. Am Ende sollten die Dinge wie das folgende Bild aussehen.
Stellen Sie sicher, dass Ihr "GRÜN"Textstück ist immer noch ausgewählt und konzentriert sich auf das Aussehen Panel. Wählen Sie die untere Füllung aus und duplizieren Sie sie mit Ausgewähltes Element duplizieren Taste.
Wählen Sie die neu hinzugefügte Füllung aus und ersetzen Sie die vorhandene Farbe durch den unten gezeigten linearen Verlauf. Denken Sie daran, dass die gelbe Null von der Gradient Bild steht für Opazität Prozentsatz. Gehe zurück zum Aussehen Stellen Sie sicher, dass die in diesem Schritt hinzugefügte Füllung noch ausgewählt ist, und öffnen Sie das Fenster Transparenz Fly-Out-Panel. Senken Sie die Opazität zu 30% und ändern Sie die Mischmodus zu Sanftes Licht.
Stellen Sie sicher, dass Ihr "GRÜN"Textstück ist immer noch ausgewählt und konzentriert sich auf das Aussehen Panel.
Wählen Sie die obere Füllung aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im linken Fenster angezeigten Attribute (im folgenden Bild) ein und klicken Sie auf OK und fügen Sie dann die beiden anderen hinzu Schlagschatten Effekte unten gezeigt.
Stellen Sie sicher, dass Ihr "GRÜN"Textstück ist immer noch ausgewählt und konzentriert sich auf das Aussehen Panel.
Fügen Sie eine neue Füllung hinzu und ziehen Sie sie über die vorhandenen. Stellen Sie sicher, dass es ausgewählt bleibt, und stellen Sie die Farbe auf R = 115 G = 191 B = 69, und dann zu Effekt> Stilisieren> Inner Glow. Geben Sie die im linken Fenster angezeigten Attribute (im folgenden Bild) ein und klicken Sie auf OK und dann erneut zu Effekt> Stilisieren> Inner Glow. Geben Sie diesmal die im rechten Fenster angezeigten Attribute ein, klicken Sie auf OK und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten gezeigten Eigenschaften ein und klicken Sie darauf OK Taste.
Stellen Sie sicher, dass Ihr "GRÜN"Textstück ist immer noch ausgewählt und konzentriert sich auf das Aussehen Panel.
Fügen Sie eine neue Füllung hinzu und ziehen Sie sie über die vorhandenen. Füllen Sie es mit dem unten gezeigten linearen Farbverlauf und senken Sie es Opazität zu 10%, ändere das Mischmodus zu Überlagerung, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -3 px Versatz und klicken Sie darauf OK Taste.
Stellen Sie sicher, dass Ihr "GRÜN"Textstück ist immer noch ausgewählt und konzentriert sich auf das Aussehen Panel.
Fügen Sie eine neue Füllung hinzu und ziehen Sie sie über die vorhandenen. Machen Sie es weiß, senken Sie es Opazität zu 20%, ändere das Mischmodus zu Überlagerung, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -15 px Versatz, drücke den OK und dann zu Effekt> Unschärfe> Gaußsche Unschärfe. Stellen Sie das ein Radius zu 5 px und klicken Sie auf OK.
Stellen Sie sicher, dass Ihr "GRÜN"Textstück ist immer noch ausgewählt und konzentriert sich auf das Aussehen Panel.
Fügen Sie eine neue Füllung hinzu und ziehen Sie sie über die vorhandenen. Füllen Sie es mit dem unten gezeigten linearen Farbverlauf und senken Sie es Opazität zu 10%, ändere das Mischmodus zu Überlagerung, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -10 px Versatz und klicken Sie darauf OK Taste.
Stellen Sie sicher, dass Ihr "GRÜN"Textstück ist immer noch ausgewählt und konzentriert sich auf das Aussehen Panel.
Fügen Sie eine neue Füllung hinzu und ziehen Sie sie über die vorhandenen. Machen Sie es weiß, senken Sie es Opazität zu 5%, ändere das Mischmodus zu Überlagerung, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -20 px Versatz und dann auf das klicken OK Taste.
Stellen Sie sicher, dass Ihr "GRÜN"Textstück ist immer noch ausgewählt und konzentriert sich auf das Aussehen Panel.
Fügen Sie eine neue Füllung hinzu und ziehen Sie sie an den unteren Rand der Leiste unterhalb der restlichen Füllung. Mach es schwarz, niedriger sein Opazität zu fünfzehn%, und dann zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 10 px, drücke den OK und dann zu Effekt> Unschärfe> Gaußsche Unschärfe. Stellen Sie das ein Radius zu 20 px und dann auf das klicken OK Taste.
Stellen Sie sicher, dass Ihr "GRÜN"Textstück ist immer noch ausgewählt und konzentriert sich auf das Aussehen Panel.
Fügen Sie eine letzte Füllung hinzu und ziehen Sie sie an den unteren Rand des Bereichs. Machen Sie es schwarz, senken Sie es Opazität zu fünfzehn%, und dann zu Effekt> Verzerren und Transformieren> Transformieren. Ziehen Sie diesmal die Vertikal verschieben Schieberegler auf 30 px, drücke den OK und dann zu Effekt> Unschärfe> Gaußsche Unschärfe. Stellen Sie das ein Radius zu 15 px und dann auf das klicken OK Taste.
Nun müssen Sie die Eigenschaften kopieren, die für Ihre "GRÜN"Textstück und fügen Sie sie in das andere Textstück ein.
Gehe zum Schichten Panel (Fenster> Ebenen), konzentrieren Sie sich auf die rechte Seite und Sie werden feststellen, dass jede Form mit einem kleinen grauen Kreis, einem Zielsymbol, versehen ist. Halte das Alt klicken Sie auf das Zielsymbol, das für Ihre "GRÜN"Textstück und ziehen Sie auf den Kreis, der für Sie steht"WELT"Textstück.
Am Ende sollten die Dinge wie das folgende Bild aussehen.
Für die nächsten Schritte benötigen Sie jeweils ein Raster 1 px, also gehe zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und eintreten 1 in dem Rasterlinie alle Box.
Verwendung der Ellipsenwerkzeug (L), Erstellen Sie eine Menge 1 px, 2 px, und 3 px Kreise, füllen Sie sie alle mit Weiß und verteilen Sie sie in der oberen Hälfte Ihres Textes, ungefähr wie im ersten Bild.
Wenn Sie fertig sind, wählen Sie einen dieser Kreise aus und verwenden Sie die Wählen Sie> Gleich> Füllfarbe Befehl, um alle Ihre weißen Kreise schnell auszuwählen. Bewegen Sie sich zum Aussehen Panel, senken Sie die Opazität zu fünfzehn%, und ändern Sie die Mischmodus zu Überlagerung.
Verwenden Sie erneut die Ellipsenwerkzeug (L) einen neuen Satz von erstellen 1 px, 2 px, und 3 px Kreise. Füllen Sie diese Formen diesmal mit Schwarz und verteilen Sie sie in der unteren Hälfte Ihres Texts, ungefähr wie im ersten Bild.
Wenn Sie fertig sind, wählen Sie alle Ihre schwarzen Kreise mit dem gleichen Element aus Wählen Sie> Gleich> Füllfarbe Befehl. Bewegen Sie sich zum Aussehen Panel, senken Sie die Opazität zu fünfzehn%, und ändern Sie die Mischmodus zu Überlagerung.
Verwendung der Rechteckwerkzeug (M), ein ... kreieren 6 x 50 px formen und mit füllen R = 0 G = 146 B = 69.
Konzentrieren Sie sich auf die Oberseite dieses neuen Rechtecks und wählen Sie das Symbol aus Direktauswahl-Tool (A). Wählen Sie den linken Ankerpunkt aus und ziehen Sie ihn 2 px nach rechts und wählen Sie dann den rechten Ankerpunkt aus und ziehen Sie ihn 2 px nach links.
Konzentrieren Sie sich weiterhin auf Ihre frische grüne Form, stellen Sie sicher, dass sie ausgewählt ist, und gehen Sie zu Effekt> Warp> Bogen. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK und dann zu Effekt> Warp> Flag. Geben Sie erneut die unten gezeigten Eigenschaften ein und klicken Sie auf OK und dann zu Objekt> Darstellung erweitern.
Deaktivieren Sie die Ausrichtungsfunktion (Shift-Control- ") und dann zu Bearbeiten> Voreinstellungen> Allgemein und stellen Sie sicher, dass die Keyboard-Inkrement ist eingestellt auf 1 px.
Stellen Sie sicher, dass Ihre grüne Form ausgewählt ist, und machen Sie zwei Kopien vorne (Steuerung-C> Steuerung-F> Steuerung-F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 1 px mit der linken Pfeiltaste nach links. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und öffnen Sie die Pfadfinder Panel (Fenster> Pfadfinder) und klicken Sie auf die Minus Front Taste.
Füllen Sie die neu erstellte Form mit dem unten gezeigten linearen Farbverlauf und senken Sie sie Opazität zu 30%, und ändern Sie die Mischmodus zu Sanftes Licht.
Wählen Sie Ihre grüne Form erneut aus und erstellen Sie zwei neue Kopien (Steuerung-C> Steuerung-F> Steuerung-F). Wählen Sie erneut die oberste Kopie aus und verschieben Sie sie dieses Mal 1 px mit der rechten Pfeiltaste auf der Tastatur nach rechts. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie darauf Minus Front Taste aus der Pfadfinder Panel.
Füllen Sie die neu erstellte Form mit dem unten gezeigten linearen Farbverlauf und senken Sie sie Opazität zu 40%, und ändern Sie die Mischmodus zu Überlagerung. Beachten Sie, dass die blaue Zahl aus der Gradient Bild steht für Ort Sie können ganz einfach neue Verlaufsregler hinzufügen, indem Sie einfach auf die Verlaufsleiste klicken.
Wählen Sie Ihre grüne Form erneut aus und konzentrieren Sie sich auf die Aussehen und ersetzen Sie die vorhandene Farbe durch den unten gezeigten linearen Farbverlauf.
Konzentriere dich weiter auf die Aussehen Fügen Sie eine zweite weiße Füllung hinzu, platzieren Sie sie über der anderen Füllung und stellen Sie sicher, dass sie ausgewählt bleibt. Senken Sie es Opazität zu fünfzehn%, ändere das Mischmodus zu Überlagerung, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -2 px Versatz und klicken Sie darauf OK Taste.
Aktivieren Sie den Snap to Grid (Steuerung-"). Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 24 px Kreis ein, platzieren Sie es wie im ersten Bild und füllen Sie ihn mit dem linearen Farbverlauf aus dem folgenden Bild.
Stellen Sie sicher, dass die Ellipsenwerkzeug (L) bleibt aktiv, erstellen Sie ein 22 px Kreis, füllen Sie es mit R = 115 G = 191 B = 69, und platzieren Sie es wie im zweiten Bild gezeigt.
Als nächstes erstellen Sie eine 21 px Kreis, füllen Sie es mit R = 86 G = 177 B = 58, und platzieren Sie es wie im dritten Bild gezeigt.
Schließlich erstellen Sie eine 20 px Kreis, füllen Sie es mit einem zufälligen Gelb und platzieren Sie es wie im endgültigen Bild gezeigt. Versuchen Sie nicht, eine Farbe zu erhalten, die der unten gezeigten ähnelt.
Wähle deinen gelben Kreis aus und mache eine Kopie vor (Control-C> Control-F). Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 19 px Kreisen und platzieren Sie es wie in der folgenden Abbildung gezeigt. Wählen Sie diese neue Form zusammen mit der vor wenigen Augenblicken erstellten Kopie aus und klicken Sie auf Minus Front Taste aus der Pfadfinder Panel.
Füllen Sie die neu erstellte Form mit R = 41 G = 171 B = 226 und niedriger sein Opazität zu fünfzehn%.
Wählen Sie Ihren gelben Kreis aus und erstellen Sie eine neue Kopie (Control-C> Control-F). Verwendung der Ellipsenwerkzeug (L), Erstelle ein 18 px Kreisen und platzieren Sie es wie in der folgenden Abbildung gezeigt. Wählen Sie diese neue Form zusammen mit der vor wenigen Augenblicken erstellten Kopie aus und klicken Sie erneut auf dieselbe Minus Front Taste aus der Pfadfinder Panel.
Füllen Sie die neu erstellte Form mit R = 41 G = 171 B = 226 und niedriger sein Opazität zu fünfzehn%.
Wählen Sie Ihre gelben Kreise erneut aus und ersetzen Sie die vorhandene Farbe durch den unten gezeigten radialen Verlauf. Vergessen Sie nicht, dass Sie das benutzen können Verlaufswerkzeug (G) um die Steigung einfach anzupassen.
Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 10 px Kreisen und mit füllen R = 41 G = 171 B = 226, und erstelle dann ein 4 px umkreisen und schwarz machen. Platzieren Sie diese beiden Formen wie im ersten Bild gezeigt, und stellen Sie sicher, dass die Ellipse-Werkzeug bleibt aktiv.
Füge hinzu ein 2 px Kreis und a 4 px Kreisen und platzieren Sie sie wie im dritten Bild gezeigt. Füllen Sie beide Formen mit Weiß und senken Sie sie Opazität zu 70%.
Wählen Sie die drei Hauptformen aus, die Ihr Auge ausmachen (im ersten Bild hervorgehoben), und duplizieren Sie sie (Control-C> Control-F). Wählen Sie nur die Kopien aus und klicken Sie auf Minus Front Taste aus der Pfadfinder Panel. Füllen Sie die resultierende Form mit Schwarz.
Konzentrieren Sie sich weiterhin auf die im vorherigen Schritt erstellte schwarze Form. Gehe zum Schichten Panel (Fenster> Ebenen), öffnen Sie die vorhandene Ebene und ziehen Sie Ihre schwarze Form unter die übrigen Formen, aus denen das Auge besteht.
Stellen Sie sicher, dass Ihre schwarze Form ausgewählt ist, und wechseln Sie zu Effekt> Verzerrung und Transformation> Freie Verzerrung. Ziehen Sie die oberen Punkte ungefähr wie unten gezeigt, klicken Sie darauf OK und dann zu Objekt> Darstellung erweitern.
Stellen Sie sicher, dass Ihre schwarze Form ausgewählt ist, und konzentrieren Sie sich auf die Aussehen Panel. Wählen Sie zuerst die vorhandene Füllung aus und verringern Sie sie Opazität zu 10%, und gehe zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie ein 5 px Radius, drücke den OK und kehren Sie zum zurück Aussehen Panel.
Fügen Sie eine zweite Füllung hinzu und vergewissern Sie sich, dass sie über der vorhandenen liegt. Wählen Sie es aus, senken Sie die Opazität zu 10%, und ersetzen Sie die vorhandene Farbe durch den unten gezeigten linearen Farbverlauf.
Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 10 x 2 px formen und mit schwarz füllen.
Wählen Sie diese Form aus, öffnen Sie die Bürsten Panel (Fenster> Pinsel) und klicken Sie auf Neuer Pinsel Taste. Überprüf den Kunstpinsel und klicken Sie auf die Schaltfläche OK Taste zum Öffnen der Kunstpinsel-Optionen Fenster. Wählen Sie einen Namen für Ihren Pinsel aus und geben Sie alle unten gezeigten Attribute ein (stellen Sie sicher, dass Sie die Option auswählen Einfärbungsmethode zu Farbtöne) und dann das anklicken OK Klicken Sie auf die Schaltfläche, um Ihren neuen Pinsel in die Bürsten Panel.
Deaktivieren Sie die Ausrichtungsfunktion (Steuerung-") und das auswählen Pinselwerkzeug (B).
Wählen Sie Ihren Pinsel aus Bürsten Panel und Fokus auf das Auge. Zeichnen Sie einfach einen gekrümmten Pfad entlang der Augenbasis, wie unten gezeigt, und setzen Sie die Farbe auf R = 217 G = 224 B = 33.
Wählen Sie alle Formen aus, aus denen sich Ihr Auge zusammensetzt Gruppe sie mit der Steuerung-G Tastaturbefehl. Das Gruppieren von Formen macht es Ihnen viel einfacher, eine Reihe von Formen mit einem einfachen Klick auszuwählen.
Machen Sie schließlich ungefähr drei Kopien Ihrer Augengruppe und platzieren Sie sie ungefähr wie in der folgenden Abbildung dargestellt. Sie können beliebig viele Kopien hinzufügen oder die Größe einiger Gruppen ändern.
So sollte es aussehen. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden.
Fühlen Sie sich frei, um das endgültige Design anzupassen und machen Sie es zu Ihrem eigenen. Auf dem Envato-Markt finden Sie möglicherweise eine große Inspirationsquelle mit interessanten Lösungen zur Verbesserung Ihres Designs.
Accentsconagua