Ausschnitt-Texteffkete in Adobe Illustrator – Ein Kurs der Reihe Graphic Design for Lunch™

1. Grafikdesign für den Lunch ausgeschnittenen Texteffekt: Hallo, ich bin Helen Bradley. Willkommen zu dieser Episode von Grafikdesign for Lunch, erstellen Sie Ausschnitt-Texteffekte in Adobe Illustrator. Graphic Design for Lunch ist eine Reihe von Klassen , die eine Reihe von Tipps und Techniken zum Erstellen von Designs und Arbeiten in Anwendungen wie Illustrator, Procreate und Photoshop lehrt Erstellen von Designs und Arbeiten in Anwendungen . Heute betrachten wir ausgeschnittene Texteffekte. Zunächst schneiden wir Texte aus einem Bitmap-Foto so aus, dass der Text selbst vollständig editierbar bleibt. Dann erstellen wir einen zweiten Effekt, der Text aus einer Form an den Stellen ausschneidet , an denen sich die Form und der Text überlappen. Wir werden dies auch in einer Weise tun, die sicherstellt, dass der Text vollständig editierbar ist. Wir werden uns ein paar Möglichkeiten ansehen, wie Sie diesen Effekt in Ihren eigenen Designs verwenden können. Wenn Sie diese Videos bearbeiten, sehen Sie möglicherweise eine Eingabeaufforderung, mit der Sie diese Klasse anderen empfehlen können. Bitte, wenn Sie diesen Kurs genießen, geben Sie ihm einen Daumen hoch. Empfehlungen wie diese helfen mir, meine Klassen vor mehr Menschen zu bringen, Menschen wie Sie, die mehr über Illustrator erfahren möchten. Wenn Sie einen Kommentar hinterlassen möchten, tun Sie dies bitte. Ich habe alle Ihre Kommentare gelesen und ich schaue mir all Ihre Klassenprojekte an. Wenn Sie bereit sind, beginnen wir jetzt mit den Ausschnitttexteffekten in Illustrator. 2. Cutout – Teil 1: Es ist möglich, Text aus einem Foto in Illustrator auszuschneiden, und wir werden das jetzt tun. Ich werde mit einem neuen Dokument beginnen, indem ich „Datei“ und dann „Neu“ wähle. Das Dokument wird 1.000 x 750 Pixel und sein RGB-Farbmodus sein. Ich klicke auf „Okay“. Das Bild, das ich verwenden werde, ist von unsplash.com. Hier ist es. Unsplash.com ist eine Website, auf der Sie Bilder finden können, die Sie für kommerzielle und persönliche Zwecke verwenden können. Ich ging zu unsplash.com und suchte nach dem Schlüsselwort London und fand dieses Bild. Ich mag den Kontrast darin, also sind wir das, was wir verwenden werden. auf unsplash.com, wenn Sie ein Bild sehen, das Sie mögen, Klicken Sieauf unsplash.com, wenn Sie ein Bild sehen, das Sie mögen,darauf und es wird in einem neuen Browserfenster geöffnet und Sie können klicken, um es herunterzuladen. Ich habe das schon gemacht, also gehen wir und holen uns das Bild. Im Illustrator wähle ich „Datei“ und dann „Platzieren“. Hier ist das Bild hier. Ich klicke darauf. Ich möchte sicherstellen, dass dieser Link deaktiviert ist, da ich dieses Bild in mein Dokument einbetten möchte und auf „Platzieren“ klicke. Jetzt muss ich einfach einen Bereich für das Bild herausziehen. Ich ziehe nur eine Stelle in meinem Dokument heraus und klicke dann weg. Als nächstes habe ich meinen Text erstellt, also werde ich hier auf das Textwerkzeug klicken und ich werde Text eingeben. Ich werde das Wort „Arbeit“ eingeben. Ich wähle es aus, klicke hier in das Schriftgrößenfeld und drücke Umschalttaste nach oben, um die Größe meines Typs zu vergrößern. Ich werde es in eine Position über meinem Bild bewegen und nur testen, um zu sehen, wie es aussieht. Es ist wenig schwer zu sagen, also werde ich es nur eine völlig andere Farbe färben; Orange wird in Ordnung sein. Ich denke, ich könnte eine bessere Schrift wählen; eine dickere Schrift würde hier besser funktionieren. Myriad Pro hat eine Reihe von verschiedenen Sorten mit sich. Einer von denen könnte mir helfen. Ich habe die Schriftliste hier geöffnet, also werde ich auf Myriad Pro klicken und dann einfach nach unten gehen und sich die Optionen ansehen, die ich zur Verfügung habe. Die dickste, die ich habe, ist mutig halb ausgedehnt. Ich wähle das aus. Ich kann sagen, es ist eine schöne dicke Schrift, vielleicht ein bisschen zu groß für unsere Projekte. Ich werde nur seine Schriftgröße verringern. Ich kann die Buchstaben auch näher zusammen bewegen, indem ich hier auf das Zeichenfenster klicke und zu dieser Tracking-Option gehe. Ich werde tatsächlich den Abstand zwischen den Zeichen verringern , damit ich ein bisschen mehr von meinem Foto in die Texte bekommen kann, die ich habe hier. Die Methode, die wir verwenden, um diesen Text mit dem Bild zu füllen , besteht darin, eine Clipping-Maske zu erstellen. Ich wähle das Auswahlwerkzeug aus, um über den Typ und das Foto auszuwählen. Ich werde mit der rechten Maustaste klicken und Ausschneidemaske erstellen wählen. Jetzt haben wir [unhörbar], dass es mit unserem Foto gefüllt ist. Werfen wir einen Blick auf das letzte Panel und sehen, was wir haben. Wir haben Schicht Eins. Darin befindet sich eine Clipping-Gruppe und innerhalb der Clipping-Gruppe ist unser Text und unser Foto, die alle noch editierbar sind. Wenn ich auf meinen Text klicke und zum Textwerkzeug gehe, kann ich einfach auf diesen Text klicken und ich kann etwas ganz anderes eingeben. Wenn ich wegklicke, wird der Text immer noch mit dem Bild gefüllt. Es ist nur so, dass sich der Text selbst geändert hat. Es ist auch möglich, das Bild in der Schnittmaske auszuwählen und dann zu verschieben. Wenn wir das Bild verschieben, erscheint ein anderer Teil davon in unserem Text. Ich mag die Böden der Stühle dort. Vielleicht wähle ich das aus und klicke weg. Wenn Sie Effekt eingeben möchten, aber Sie möchten ein wenig einen Schlag auf diese Buchstaben, die auch getan werden können. Wir gehen zurück zur letzten Palette. Dieses Mal werden wir auf die Clipping-Maske selbst klicken, also müssen wir die Clipping-Maske auswählen. Hier drüben ist es Schlaganfall und das ist die Front, also können wir einfach gehen und wählen, zum Beispiel, einen schwarzen Strich. Das hat dem Bild einen sehr feinen schwarzen Strich gegeben. Wenn Sie möchten, dass es dünner ist, gehen Sie immer noch zu Fenster und streichen Sie dann. Im Moment haben wir ein Gewicht von einem Punkt, aber wir könnten das hineingeben, um einen halben Punkt zu sagen, und dann bekommen wir nur eine sehr feine Linie um unseren Text. Es gibt eine einfache Möglichkeit, Text aus einem Foto in Illustrator auszuschneiden. Natürlich bleibt dieses Foto ein Bitmap-Bild. Wenn wir es auf eine wirklich große Größe skalieren, werden wir unter einer gewissen Pixelisierung im Bild selbst leiden. 3. Cutout – Teil 2: Um einen umgekehrten Texteffekt in Illustrator zu erstellen, wählen Sie Datei und Neu und erstellen Sie einfach ein brandneues Dokument. Ich verwende 1.000 mal 750 Pixel in der Größe, RGB-Farbmodus. Ich klicke auf „OK“. Ich beginne damit, dass ich kreise bin, also gehe ich zum Ellipse Tool. Ich klicke darauf und halte die Umschalttaste gedrückt, während ich einen Kreis herausziehe. Ich werde es grob in die Mitte meines Bildes bewegen. Ich möchte meinen Kreis mit einer einfarbigen Farbe füllen. Ich gehe nur zu meiner Farbfeldpalette, und ich wähle eine Farbe aus, die verwendet werden soll. Ich werde diese orangefarbene Farbe wählen. Ich werde die Strich- und Füllfarben umkehren und den Strich vollständig entfernen. Jetzt werde ich etwas Text hinzufügen. Ich werde hier auf das Textwerkzeug klicken und im Interesse, den Text über der orangefarbenen Form sichtbar zu machen, klicke ich weg von der Form und wähle dann schwarz als meine Füllfarbe aus. Ich werde wieder auf das Textwerkzeug klicken und ich werde die Wörter magischen Kreis eingeben. Jetzt tippe ich zwei Textzeilen ein. Ich werde nur über sie auswählen. Klicken Sie in das Feld Schriftgröße, drücken Sie die Umschalttaste nach oben, um sie auf eine große Größe zu vergrößern. Ich werde sie über dem Kreis positionieren und sicherstellen, dass die Linien zentral ausgerichtet sind. Ich klicke auf die mittlere Option und ich werde sie wieder zurück verschieben. Ich habe eine Schriftart gefunden, die ich mag und sie nennt sich Mono-Alphabet. Ich gehe einfach und wähle es aus. Hier ist es, mono-alphabet regelmäßig. Es ist eine ziemlich interessante kleine Schrift und ich werde Ihnen den Download-Link dafür geben. Es ist von dafont.com erhältlich und es ist eine kostenlose Schriftart und es ist kostenlos für kommerzielle und private Zwecke. Jetzt, da wir diese beiden Elemente, die ich eingegeben habe, und einen Kreis haben, werden wir unseren ausgeschnittenen Texteffekt erzeugen. Ich gehe zum Auswahlwerkzeug. Ich werde sowohl den Text als auch die Kreise auswählen. Gehen Sie zur Pathfinder-Palette und was ich tun möchte, ist das Äquivalent einer Option Ausschließen. Die Option Ausschließen schließt überlappende Formbereiche aus. Es wird die Bereiche loswerden, in denen sich der Text und der Kreis überlappen, was uns einen Ausschnitteffekt verleiht. Aber wenn ich hier einfach auf die Option Ausschließen klicke, passiert nichts. Der Grund, warum nichts passiert, ist, dass mein Typ immer noch getippt wird. Jetzt habe ich zwei Möglichkeiten. Eine gute und eine nicht so gut. Lass uns über das nicht so gute reden. Das nicht so gut ist, dass wir gehen und diesen Typ in Umrisse konvertieren und dann diesen Effekt anwenden und es würde funktionieren. Aber es wird uns später in Bezug auf die Flexibilität, die wir bei der Arbeit mit diesen Objekten haben würden, einschränken . Die bessere Option ist, zurück zu dieser Option Ausschließen zu gehen, die wie wir auf sie klicken wird nicht funktionieren und fügen Sie die Alt- oder Wahltaste hinzu. Zu diesem Zeitpunkt halte ich Alt oder Option gedrückt, ich klicke auf Ausschließen und lass sehen, was passiert. Nun, etwas Magisches ist gerade passiert. Wir konnten den Text aus der zugrundeliegenden Form ausschneiden. Wir haben die Farbe der Form verloren. Es wurde in die Farbe des Textes verwandelt, aber wir haben den Effekt, den wir gesucht haben. Als Bonus haben wir auch editierbar. Gehen Sie hier runter zur letzten Palette, klicken Sie einfach, um die letzte Palette zu öffnen, und Sie werden sagen, dass wir hier eine zusammengesetzte Form haben und innerhalb dieser zusammengesetzten Form ist unser magischer Kreistext und unser Pfad, die beide editierbar sind. Wenn ich auf den magischen Kreistext klicke, kann ich den Text bewegen und wenn ich es tue, wird er immer noch diesen Ausschnitt-Texteffekt bedienen, aber die Ausschnitt-Position wird sich ändern, je nachdem, wo der Text platziert wird. Nun ist der Text auch editierbar. Ich könnte hier reinkommen und einen Brief entfernen. Mit diesem Effekt bleibt der Text vollständig editierbar. Wenn wir nun zu einer anderen Farbe als schwarz für unsere Form zurückkehren wollten, können wir einfach zurückgehen und auf den zusammengesetzten Pfad klicken und Sie können sehen, dass es hier schwarz gibt, was anzeigt, dass der zusammengesetzte Pfad, Füllfarbe schwarz ist. Wenn wir nun zum Text gehen, werden Sie auch sehen, dass das schwarz ist, aber das Ändern der tatsächlichen Textfarbe hat keine Auswirkungen auf dieses Objekt. Wir müssen zum zusammengesetzten Pfad gehen, jedes auswählen, und jetzt können wir eine Farbe auswählen. Es spielt keine Rolle, welche Farbe wir wählen, der Effekt wird darauf angewendet. Sie können es auch mit einem Muster füllen und ich habe ein paar Muster hier im Musterfeld sitzen. Einige von ihnen werden besser funktionieren als andere. Mit diesem speziellen Muster könnte es besser aussehen, wenn das Muster ein wenig nach unten verkleinert wurde. Mal sehen, wie wir das machen. das Shape noch ausgewählt ist, wechseln wir zur Objekttransformation und skalieren dann. Ich werde die Vorschau einschalten. Ich werde Transformationsobjekte deaktivieren, da ich nicht möchte, dass sich die Größe dieses Objekts ändert. Ich möchte nur, dass sich die Mustergröße ändert. Ich werde hier einklicken, Pfeil nach unten verschieben, um das Muster ein wenig kleiner zu machen. Das macht den Text ein wenig leichter zu lesen, und ich klicke auf OK. Es ist auch möglich, um das Objekt einen dünnen Strich hinzuzufügen. Jetzt wird es sowohl um den Text als auch um den Kreis herum erscheinen. Wir stellen sicher, dass wir alles auswählen, gehen Sie zurück in die letzte Palette, stellen Sie sicher, dass diese zusammengesetzte Form ausgewählt ist. Wir wechseln hier zur Strichfarbe, und dann kann ich hier oben klicken und einen Farbstrich finden. Ich werde ein Blau verwenden, etwas ähnlich dem Blau, das im Muster selbst ist. Wenn ich in den Schlaganfall Dialog mit Windows Strich gehe, müssen wir zum Beispiel das Weiß des Strichs erhöhen . Jetzt können Sie sagen, dass sich der Streik hier überlappt. Es ist ein Effekt, den Sie möglicherweise verwenden möchten oder nicht. Natürlich kann es leicht entfernt werden, indem Sie sicherstellen, dass Sie das Objekt ausgewählt haben und einfach den Strich ausschalten. Es gibt eine Möglichkeit, Text aus einer Form auszuschneiden und im nächsten Video sehen wir eine praktische Anwendung dafür. 4. Cutout Teil 3: Um zu sehen, wie wir den Ausschnitt-Texteffekt in einer praktischeren Situation verwenden könnten, habe ich auf eine Seite namens Vecteezy gegangen , wo Sie kostenlos zum Download Vektorobjekte finden können. Ich schaute auf und fand diese Kaffee und Teekanne Silhouetten. Ich werde Ihnen den Link geben, um sie zu finden und herunterzuladen. Wenn Sie sie herunterladen, kommen sie als ZIP-Datei herunter, und in dieser ZIP-Datei befindet sich eine AI-Datei, in der alle diese Bilder enthalten sind. Ich werde zuerst die AI-Datei in Illustrator öffnen. Jetzt habe ich diese Datei kürzlich geöffnet, damit sie in meiner Liste der zuletzt verwendeten Dateien angezeigt wird. Es ist hier. Ich öffne es nur. Lassen Sie uns zum letzten Panel gehen, und Sie werden sehen, dass jede dieser Kaffeekannen ein zusammengesetzter Pfad ist , also müssen wir nur diejenige finden, die wir an der Verwendung interessiert sind. Ich möchte dieses hier verwenden, also wähle ich es einfach aus und wähle Bearbeiten, Kopieren. Lassen Sie uns in die Windows oder die Mac-Zwischenablage kopieren. Ich kann das einfach schließen. Ich werde Datei und dann Neu wählen, und ich werde ein Dokument erstellen, das quadratisch ist. Ich mache es 750 Pixel hoch und breit, RGB-Farbmodus, und klicke auf „OK“ und ich wähle einfach Bearbeiten, Einfügen, um meine Kaffeekanne einzufügen. Ich halte die Umschalttaste gedrückt, um sie in dieser Abbildung zu vergrößern. Als nächstes werde ich einen Typ hinzufügen, also werde ich 2 eingeben. Ich werde nur hier unten klicken und ich werde Tee für zwei eingeben. Ich werde den Typ auswählen und ihn ziemlich viel vergrößern. Ich werde es in Position über meiner Teekanne und ich werde eine andere Schriftart wählen. Nun, die Schrift, die ich benutze, heißt Wildblumen und Flügel. Auch hier ist es eine kostenlose Schriftart, die von Daft Font erhältlich ist und ich werde Ihnen den Download-Link dafür geben. Ich werde es nur eingeben, weil das einfacher wird, Wildblumen und Flügel. Das ist nur eine süße kleine Schrift. Lassen Sie es uns einfach in Position bringen und wir wollen es wahrscheinlich vergrößern. Aber zuerst, lasst uns die Farbe ändern, damit wir sie tatsächlich sehen können. Mit dem Typ 2 werde ich nur den Typ auswählen und ihn noch etwas vergrößern. Jetzt gehe ich zur letzten Palette, weil ich eine zweite Kopie dieses Textes wegnehmen möchte . Ich wähle es aus und ziehe es auf das Symbol „Neue Ebene“ und das gibt mir zwei Textebenen. Ich werde es unter meine Teekanne schieben und ich werde es ausschalten und vorerst sperren. Das nächste, was ich tun werde, ist, meinen Ausschnitt Texteffekt zu erstellen. Ich werde diese beiden Ebenen auswählen, die Ebene mit der Teekanne und die Ebene, die den Text enthält. Wir gehen zurück zum Pathfinder, halten Alt oder Option gedrückt, während wir hier auf die Option „Ausschließen“ klicken und das wird uns den Ausschnitt-Effekt geben. Ich möchte, dass meine Teekanne eine rote Teekanne ist, also gehen wir zu dieser Schicht. Lassen Sie uns auf den „Compound Path“ klicken und machen es ein tiefes Rot. Für eine Illustration wie diese wäre es schön, ein Muster hinter der Teekanne zu haben, also werde ich das Rechteck-Werkzeug auswählen und ich werde klicken, um ein Rechteck zu erstellen , das die Größe der Zeichenfläche ist. Im Moment ist es oben auf allem, also gehen wir zur letzten Palette und ziehen Sie sie einfach unter alle anderen Objekte auf dieser Ebene nach unten, einschließlich der bloßen Geschwindigkeit des Typs, die wir haben. Jetzt sehen wir, dass alles rot ist, weil unsere zusammengesetzte Form auch rot ist, also sehen wir nur Rot auf Rot. Ich möchte das mit einem Muster füllen. Es gibt eine Reihe von Mustern, die mit Illustrator geliefert werden. Einige von denen werden wirklich gut für diese besondere Illustration funktionieren. Ich gehe zur Farbfeldpalette. Ich klicke hier auf dieses „Fly Out“ -Menü und gehe zu Open Swatch Library und dann Patterns, und ich möchte in die Natur gehen und ich möchte zu Nature_Foliage gehen. Dadurch wird eine Palette geöffnet. Jetzt habe ich diese Palette bereits zu größeren Symbolen neu angeordnet , indem ich zum Menü Ausfliegen gehe und Große Listenansicht wähle. Es hilft uns nur, die Muster ein wenig leichter zu sehen. Die Muster, die ich suche, sind diese Schwarz-Weiß-Muster weil Schwarz und Weiß und Rot einfach wirklich gut zusammen aussehen. Die Optionen umfassen Blossom, es gibt auch Daisy. Natürlich, wenn es unser Muster zu groß ist, wissen wir, wie man es verkleinert. Es gibt volle Blätter. Floral Reben ist wirklich hübsch. Es gibt eine Menge von Schwarz-Weiß-Mustern hier, die Sie verwenden könnten. Blätter Grafik und dann gibt es Lotus Squares, Morning Glories und ein paar andere. Ich gehe zurück zu Floral Vines. Ich werde das Muster ein wenig kleiner machen, indem ich zu Objekt, Transformieren, Skalieren gehe. Ich möchte das Objekt nicht transformieren, also werde ich diese Option aufheben, die Vorschau aktivieren und dann einfach eine schöne Größe für mein Muster auswählen. Ich denke, dass ungefähr 60 Prozent gut sind und ich klicke auf „Okay“. Nun, dieses Bild ist wirklich ziemlich schön, aber es gibt noch eine andere Sache, die wir hier tun können und das beinhaltet die zweite Kopie des Typs, den wir beiseite gehalten haben. Ich gehe hierher zurück und schalte diese Ebene ein. Was wir haben, ist ein Typ, der dort erscheint, wo der Ausschnitt-Texteffekt stattgefunden hat. Aber dieser Typ muss nicht grün bleiben. Ich werde nur das Schloss-Symbol ausschalten, damit wir jetzt mit diesem Typ arbeiten können. Ich werde auf die Typebene klicken und ich kann eine Farbe wie Schwarz dafür wählen. Ich bekomme einen interessanten Effekt, der hier auftritt. Nun, da ich hier zwei Typ-Layer habe und beide zu diesem Effekt beitragen, wenn ich diesen Effekt mag, dann muss ich sicherstellen, dass ich beide Typen bewegen möchte, wenn ich meinen Typ verschieben möchte. Ich komme hierher zur Compound Shape, öffne sie. Ich werde auf der Art Schicht auswählen, Tee für zwei, und jetzt werde ich hier nach unten kommen und Shift-Klick auf diese Version von Tee für zwei. Ich habe eine Typ-Layer in einer zusammengesetzten Form ausgewählt und eine Typebene, die ganz von sich selbst ist. Wenn ich nun zum Verschieben-Werkzeug gehe, kann ich den Typ einfach verschieben. In beiden Schritten des Typs bewegen sich der Typ, der Teil der ausgeschnittenen zusammengesetzten Form ist, und auch der Typ, der diesen schwarzen Hintergrund bereitstellt, zusammen. Ich möchte nur vorsichtig sein, wenn Sie einen Effekt wie diesen verwenden, dass Sie sich die beste Chance auf Erfolg geben, indem sicherstellen, dass Sie beide Ebenen auswählen, wenn Sie gehen, um sie zu verschieben. Es gibt ein praktischeres Beispiel, etwas, das Sie für eine Visitenkarte oder ein Logo oder so etwas verwenden können , das mit diesem Ausschnitt-Texteffekt erstellt wurde. Ihr Projekt für diese Klasse besteht darin, einen oder beide Effekte aus diesen Videos zu erstellen. Entweder schneiden Sie Text aus einem Foto aus oder erstellen Sie einen der beiden anderen Ausschnitttexteffekte aus dem Video. Sie können die gleichen Bilder wie ich und die gleichen Schriftarten verwenden, oder Sie können Schriftarten und Bilder Ihrer Wahl verwenden. Ich hoffe, dass Ihnen dieser Kurs gefallen hat und Sie viel über Ausschnitttexteffekte in Illustrator gelernt haben . Wenn Sie diesen Kurs genossen haben und wenn Sie eine Aufforderung sehen, diese Klasse anderen zu empfehlen, geben Sie ihm bitte einen Daumen hoch. Diese Empfehlungen helfen mir, meine Kurse vor mehr Menschen wie Sie zu bringen, Menschen, die mehr über Illustrator erfahren möchten. Wenn Sie einen Kommentar hinterlassen möchten, tun Sie dies bitte. Ich habe alle Ihre Kommentare gelesen und ich schaue mir all Ihre Klassenprojekte an. Mein Name ist Helen Bradley. Vielen Dank für die Teilnahme an dieser Episode von Graphic Design for Lunch, und ich freue mich darauf, Sie bald in einer kommenden Episode zu sehen.