Schattentext- (und Formen-)Effekte in Adobe Illustrator durchschauen – Grafikdesign für Lunch™-Kurs

1. Einführung in das Erstellen eines Durchblick-Texteffekts in Adobe Illustrator: Hallo, ich bin Helen Bradley und willkommen zu diesem Kurs über die Erstellung eines Lückenfüll-Offset-Shadow-Looks für Schrift in Adobe Illustrator In diesem Kurs werden wir uns Erstellung dieses Texteffekts in Adobe Illustrator befassen tun Wie Sie anhand dieser beiden Beispiele sehen werden, gibt es mehrere Möglichkeiten, dies zu Der Text sieht zwar in beiden Fällen identisch aus, wird jedoch jeweils auf ganz unterschiedliche Weise erstellt. In diesem Beispiel ist der Effekt in den Text integriert. Der Text kann nicht bearbeitet werden, Sie können die Schriftart nicht ändern, Sie können das Wort nicht ändern, Sie können den Abstand nicht ändern Im Grunde können Sie nichts ändern, wenn Sie Änderungen wünschen, Sie müssen alles von vorne beginnen Es ist nicht so, dass dies die falsche Art ist, Dinge zu tun, es ist nur so, dass es nicht der effizienteste Weg ist. In diesem zweiten Beispiel haben wir Text, der identisch aussieht, aber sehr unterschiedlich erstellt wurde. Dieser Text ist editierbar. Sie können das Wort ändern, Sie können die Schriftart ändern, Sie können die Farbe ändern, Sie können den Abstand zwischen dem Text und den Gliederungseffekt ändern den Abstand zwischen dem Text und den Gliederungseffekt Sie können praktisch alles ändern. Insgesamt ist es eine intelligentere Methode, genau das gleiche Ergebnis zu erzielen , und es dauert ungefähr die gleiche Zeit, bis der Vorgang abgeschlossen ist. Darüber hinaus kann dieser Effekt gespeichert werden, sodass Sie ihn jederzeit in Zukunft mit einem einzigen Klick für ein anderes Textstück wiederverwenden können jederzeit in Zukunft . Ein weiterer Vorteil dieses Ansatzes besteht darin , dass er gespeichert und exportiert werden kann, sodass Sie ihn mit anderen teilen können. In diesem Kurs zeige ich Ihnen, wie Sie diese Art von Texteffekt erzeugen können, indem Sie diese durchsichtige Kante für den Text erstellen, und ich zeige Ihnen, wie Sie ihn als wiederverwendbaren Stil speichern können. Sie lernen, zwei Textstile zu erstellen, und als Bonus werden Sie sehen, wie der Text sowohl auf Formen als auch auf Text angewendet werden kann . Ihr Projekt am Ende des Kurses wird darin bestehen, den einen oder anderen dieser Texteffekte zu erstellen. Wenn es mir gelungen ist, Sie davon zu überzeugen, dass es sich lohnt, sich anzusehen, wie Sie diesen durchsichtigen Kanteneffekt erzielen können, dann krempeln Sie die Ärmel hoch, drehen Sie Illustrator an und lassen Sie uns loslegen diesen durchsichtigen Kanteneffekt erzielen können, dann krempeln Sie die Ärmel hoch, drehen Sie Illustrator und lassen Sie uns loslegen 2. Effekt Nr. 1 – Versetzter Schatten: Für den ersten unserer Texteffekte beginnen wir mit einer neuen Datei. Ich verwende ein Dokument mit einer Größe von 1920 mal zehn, 80 Pixeln. Ich klicke auf Erstellen. Ich werde auf das Textwerkzeug klicken. Ich werde mein Wort in Großbuchstaben eingeben. Ich tippe gerade das Wort Kaffee und kann es ausdehnen, indem ich einfach am Eckgriff ziehe Wenn ich das mit der Shift-Taste mache, die Schrift bleibt die Schrift in ihren korrekten Proportionen Sie können auch den Typ auswählen und einfach die gewünschte Größe eingeben. Ich gebe dafür 350 ein. Ich werde meine Schrift in eine Schrift ändern , die ich aus 1001 Schriften heruntergeladen habe , und sie heißt Grolier Ich gebe dir den Link im Projektbereich , damit du diese Schrift selbst herunterladen kannst, wenn sie dir gefällt Ich gehe hier das Zeichenfenster durch, ich werde nur den Abstand zwischen den Buchstaben vergrößern , sodass wir in diesem Wort Platz haben , damit unser Effekt tatsächlich erscheint. Und ich glaube, ich werde es auf etwa 100 erhöhen. Das wird später anpassbar sein. Wir haben also unseren Typ hier. Im Moment spielt es keine Rolle, welche Farbe es hat, da wir im Darstellungsfenster damit beginnen werden, daran zu arbeiten. Also gehe ich zum Textwerkzeug. Ich wähle über meinem Typ und gehe zum Darstellungsfenster. Ich habe es hier sichtbar, aber du kannst es finden indem du Fenster und dann Aussehen auswählst. Nun, für dieses Aussehen-Bedienfeld werden wir in diesem Zeichenbereich die Füllung ausschalten. Sie werden also sicherstellen , dass Sie überhaupt keine Füllung haben. Und dann klickst du hier auf Typ, kein Erscheinungsbild, und du solltest überhaupt nichts sehen , weil du kein Erscheinungsbild hast. Der Typ ist da, aber es gibt keine Farbe. Es gibt keine Füllung und keinen Strich. Klicken Sie hier auf Neue Füllung hinzufügen. Dadurch wird eine Füllung, aber keine Kontur hinzugefügt. Ich möchte keine Kontur machen, also lasse ich das einfach so , wie es ist. Jetzt wählen wir die Farbe, an der wir arbeiten werden. Das wird also die Farbe Ihres Typs sein. Ich werde hier diese blaue Farbe wählen. Jetzt habe ich unseren Text. Ich werde ein Duplikat davon machen, also werde ich diese Füllung hier nehmen, ich werde sie per Drag & Drop auf das Pluszeichen ziehen. Wir haben also eine Füllung oben und eine Füllung darunter. Die Füllung darunter, ich werde eine andere Farbe verwenden, damit Sie leichter sehen können , was vor sich geht. Du musst es nicht in einer anderen Farbe machen. Aber Sie können sehen, dass es blockiert ist. Wir können es nicht sehen, weil diese Füllung oben ist. Nun, für diese lila Füllung, die darunter, werden wir sie ausgleichen. Also werde ich es hier im Panel auswählen. Wir passen also nur diese Füllung an und wir werden Effekte erzeugen und dann verzerren und transformieren, und dann werden wir transformieren Und wir werden das für Pixel horizontal und vertikal verschieben für Pixel horizontal und vertikal Und das wird später unser leerer Raum sein. Wenn du willst, dass es ein bisschen größer ist, kannst du es etwas größer nehmen. Lass uns unsere sechs machen. Also das wird leer sein. Ich werde auf Okay klicken. Wir haben eine dritte Kopie gemacht, und die dritte Kopie wird der tatsächliche Umriss sein , den wir um diese Schrift herum sehen werden, diese Art von Offset-Kontur. Also nehme ich diese Füllung, die wir bereits transformiert haben, und lege sie auf das Pluszeichen. Wir haben also ein Duplikat davon, aber natürlich sind beide exakt identisch. Wir sehen also nichts anderes. Aber diesen werde ich in die Farbe umwandeln, die ich für den Umriss haben möchte. Und in meinem Fall möchte ich, dass es genau dieselbe Farbe wie die Schrift hat. Ich möchte also , dass die Schrift eine Art Offset-Schatten der genau dieselbe Farbe hat wie die Schrift selbst. Und wieder sehen wir ihn nicht, weil er sich hinter diesem hier versteckt. Wir werden also diese Datei nehmen, die ganz hinten, und wir werden sie ein bisschen weiter transformieren. Und wir haben unsere Transformation schon hier. Wir werden es einfach bearbeiten. Also werde ich darauf klicken und das öffnet es, damit wir es bearbeiten können. Also werde ich das auf zehn rausnehmen . Die ersten sechs Pixel dieser Transformation sind also hinter dem violetten versteckt, wir sagen also, dass vier Pixel den Rand wert sind. Natürlich können Sie dort Ihre eigenen Werte verwenden. Bisher haben wir den Effekt, wir quasi gestapelte Farben haben, ein Blau und dann ein Violett und dann ein Blau Wir wollen dieses Violett transparent machen. Die Art und Weise, wie wir das machen werden, ist ein kleiner Effekt, den Sie über das Darstellungsfenster erzielen können . Wir werden also zu diesem lila Bild gehen, das wir verschwinden lassen wollen, wenn du willst. Stellen Sie sicher, dass Sie es auswählen und darauf klicken, dass Sie auf seine Opazität setzen wir seine Opazität auf 0% Und das hat zur Folge, dass es vollständig transparent wird. Wir können es also effektiv nicht sehen. Also alles, was wir sehen, ist diese obere und diese untere Textebene. Aber die in der Mitte , die wir durchschauen wollen , ist nicht einmal mehr sichtbar. Das ist genau das, was es sein sollte, denn es gibt eine Funktion in Illustrator, wir einen Knockout machen können , wenn etwas eine Opazität von Null hat Es muss Null sein. Wir werden also runtergehen und natürlich darauf achten, dass unser Text ausgewählt ist, und diese Deckkraft wählen, die in den Zeichen, die ganz unten Wir werden also zweimal auf die Knockout-Gruppe klicken Wenn Sie das erste Mal darauf klicken, wird ein kleiner Balken angezeigt Wenn Sie das zweite Mal darauf klicken, wirkt es wie ein Knockout Also, es macht diese Füllung hier, diese durchsichtig Und wenn wir darunter eine gefüllte Ebene hinzufügen, werden Sie sehen, dass sie transparent ist. Also lass uns gehen und eine andere Farbe daraus machen. Und in der letzten Palette ziehen wir dieses Rechteck hierher unter unseren Text, und Sie können sehen, dass dieser Text tatsächlich transparent ist. Wir sagen hier durch diesen Bereich , dass er praktisch hohl ist. Wir bekommen also diesen wirklich schönen kleinen Schatteneffekt auf unserem Text. Die einzige Möglichkeit, dies zu tun und trotzdem die vollständige Bearbeitbarkeit unseres Textes aufrechtzuerhalten vollständige Bearbeitbarkeit unseres Textes besteht darin, diese Knockout-Gruppe zu verwenden Und Sie können sehen, dass der Text vollständig editierbar ist. Briefe raus. Du kannst Briefe reinlegen. Du könntest deine Schrift ändern, du könntest dein Wort ändern. Sie können Ihre Schriftgröße ändern. All diese Dinge können geändert werden. Und dieser Effekt ist nur in einem einzigen Typ vorhanden. Also nochmal, in unserer letzten Palette haben wir das Wort Kaffee, und es enthält all diese Erscheinungen, aber es ist nur ein Textstück, das vollständig bearbeitet werden kann, mit dieser Art von ausgeschnittenem Bereich darin Es ist wirklich ein netter kleiner Effekt, der ganz einfach zu erzielen ist, wenn man erst einmal verstanden hat, wie diese Knockouts funktionieren 3. Effekt Nr. 2 – Gepunkteter Kanteneffekt: Für unseren zweiten Effekttyp habe ich bereits schnell damit begonnen Ich habe also ein brandneues Dokument, 1920 mal 1080. Ich habe gerade das Wort Punkte eingegeben und es auf eine Größe von 500 Punkten eingestellt Ich werde meine Schrift ändern, und dann verwende ich in diesem Fall eine Schrift namens, und dann endet sie Das ist also eine Schrift in Kleinbuchstaben. Ich werde auch den Zeichenabstand ein wenig vergrößern . Stellen Sie sicher, dass genügend Platz für diesen Effekt vorhanden ist. Wir werden genau das tun, was wir zuvor getan haben. Also werde ich das Darstellungsfenster öffnen. Wir werden das Schritt für Schritt durchgehen. Wir gehen zum Charakter-Panel. Wir klicken einfach darauf und entfernen die Füllung aus unserem Text. Und dann geben wir kein Erscheinungsbild ein, klicken darauf und wir fügen unsere Erscheinungsbilder hinzu. Ich wähle die Füllfarbe , die ich für meinen Typ verwenden werde. In diesem Fall werde ich es also zu einer Art lila Typ machen . werde das duplizieren, also werde ich es hier auf das Pluszeichen ziehen. Das wird der Teil unseres Effekttyps sein , der durchsichtig sein wird. Ich werde es auf eine andere Farbe einstellen , damit wir sehen können, wo es ist. Wir wählen den Effekt, um zu sortieren und zu transformieren und dann zu transformieren Und auch dieses Mal werde ich es horizontal und vertikal um sechs Pixel verschieben und auf Okay klicken, genau wie zuvor Wir werden wieder ein Duplikat davon machen und die Farbe ändern. Ich werde dieselbe Farbe wählen, an der ich gerade mit meinem Typ arbeite. Und dieser hat bereits eine Transformation drauf, weil wir ihn von zuvor kopiert haben. Aber weil es hinter diesem steckt, sehen wir es nicht. Was ich also tun werde, ist , seine Transformation zu ändern. Also werde ich auf Transformieren klicken und es ein bisschen weiter transformieren, und es ein bisschen weiter transformieren damit wir es hinter dem Typ sehen können. Das ist alles genau so, wie wir es zuvor gemacht haben. Ich öffne hier das Füllfeld und wir gehen zur Deckkraft, und wir werden sie auf Null setzen, weil wir wissen , dass wir das tun müssen, um daraus einen Knockout zu machen Und dann werden wir hier bis zur untersten Opazität herunterkommen und alle anderen Opazitäten ignorieren, die Wir gehen einfach zu dem im Charakterbereich und klicken zweimal auf Knockout-Gruppe Das ist also ein exaktes Duplikat dessen was wir im vorherigen Video erstellt haben Aber was wir jetzt tun werden ist, dass wir statt dieser Linien Punkte daraus machen werden. Und um sie zu Punkten zu machen, müssen wir einen Strich verwenden. Also nehme ich diesen leeren Strich, der hier oben sitzt, und ich werde ihn einfach knapp über die Füllung bewegen , die diesen kleinen Effekt von außen erzeugt. Und ich nehme die Transformation von dieser Füllung her und ziehe sie per Drag-and-Drop auf meinen Strich. Also leih es dir , wenn du willst, oder es stehlen, weil es nicht wieder zurückkommt Und ich werde meine Strichfarbe hier auf dieselbe Farbe wie die Schrift einstellen hier auf dieselbe Farbe wie die sagen wir praktisch so ziemlich wie zuvor, außer dass es sich um einen Strich handelt und nicht um eine Offset-Füllung. Diese Füllung brauchen wir nicht, also könnten wir sie entweder ausschalten oder wir können sie einfach wegwerfen. Also werde ich es einfach abnehmen und auf den Mülleimer legen , damit alles schön und ordentlich bleibt Jetzt sind wir also damit konfrontiert diese Linie hier in eine Reihe von Punkten umzuwandeln Also werden wir hier auf den Strich klicken , um das Konturfenster zu öffnen . Und um Punkte zu machen, werden wir sie etwas dicker machen, also werde ich sie auf drei Punkte setzen. Ich werde diese runde Kappe verwenden, damit ich Punkte und keine scharfen Kanten habe. Ich werde auf Gestrichelte Linie klicken. Und im Moment gibt mir das eine 12-Punkt-Strichlinie. Wenn du Bindestriche willst , dann würdest du genau das tun Aber ich will Punkte. Also setze ich meine Strichlänge auf Null und dann setze ich meinen Abstand auf den Abstand, den ich zwischen meinen Punkten haben möchte. Im Moment setze ich es also auf sechs Punkte, und das sieht wirklich gut aus. Nun, es gibt hier ein paar Optionen, mit denen Sie diese beiden hier verwenden können. Und was sie tun werden, ist, diese Winkel hier drinnen entweder sehr scharf zu machen oder nicht. Sie können also sehen, dass dieser nicht gerade quadratisch ist. Aber wenn ich darauf klicke, wird es schön quadratisch Sie können also für jede Schriftart, die Sie verwenden , wählen , ob Sie damit einverstanden sind sie ein bisschen skurril aussieht, oder ob Sie möchten, dass sie geometrisch enger ist Und für diese Schrift, obwohl sie eine ziemlich skurrile Schrift ist, ist sie auch ziemlich geometrisch . Also werde ich mich für diese Option entscheiden, die mir schärfere Linien geben wird Ich werde meine Punkte etwas größer machen und den Abstand zwischen ihnen ein wenig vergrößern den Abstand zwischen ihnen ein wenig Jetzt, wie wir es zuvor getan haben, werden wir uns wahrscheinlich selbst beweisen wollen, dass dies tatsächlich ein transparenter Bereich ist und nichts Weißes. Also werde ich hier von meinem Typ wegklicken. Ich setze das auf Nasenstrich und ich stelle es auf eine Füllfarbe ein, die ich verwenden werde, und lassen Sie uns einfach ein Rechteck zeichnen. Und dann verschieben wir vom letzten Feld aus einfach das Rechteck hinter den Text. Und wie Sie sehen können, handelt es sich definitiv um einen durchsichtigen Effekt. Sobald Sie diesen Effekt tatsächlich erstellt haben, können Sie ihn tatsächlich als Grafikstil speichern. Ich werde also auf meinen Text klicken und mein Grafikstil-Panel öffnen. Sie können auch darauf zugreifen, indem Fenster und dann Grafikstil wählen, und ich füge es einfach als Grafikstil hinzu. Also die Farbe und die Punkte. Jetzt könnten wir das erneut auf Text anwenden, aber wir können es auch erneut auf eine Form anwenden Bevor wir beginnen, lassen Dinge einfach auf Null setzen, wenn Sie möchten Ich gehe zum Aussehen-Menü. Ich werde hier in dieses kleine Menü klicken und „ Klares Erscheinungsbild“ wählen. Im Moment scheint nichts darauf zu stehen. Gehen wir also und ziehen ein kleines Rechteck heraus. Wie Sie sehen können, hat es keine Füllung und keinen Strich. Aber ich kann hier auf diesen Grafikstil klicken, und dadurch wird genau derselbe Grafikstil auf diese Form angewendet wie auf den Text. Grafikstile können also, wenn Sie sie erstellen, auf Text und zwei Formen angewendet werden. Und das ist eine Möglichkeit , sich zu ersparen, diese Dinge jedes Mal neu einrichten zu müssen Sie können es einfach als Grafikstil speichern und nach Bedarf wiederverwenden