Home-theater-designers
Mit einem Knockout-Effekt können Sie eine durchgehende Farbschicht über einem Foto oder Bild platzieren und dann einen Teil dieser durchgehenden Schicht ausstanzen, um das Bild dahinter freizulegen. Sie können dies mit Text oder Formen sowohl in Photoshop als auch in Illustrator tun, aber der Vorgang ist für jedes Programm etwas anders.
In diesem Artikel erklären wir, wie man einen Knockout-Effekt in . erzeugt Adobe Photoshop und Illustrator mit einer Schritt-für-Schritt-Anleitung.
So erstellen Sie einen Knockout-Effekt in Photoshop
Um in Photoshop einen Knockout-Effekt zu erzielen, müssen Sie zunächst Ihr Bild öffnen. In diesem Beispiel verwenden wir eine rechteckige Form über dem Bild und klopfen Text aus dieser Form heraus.
Schritt 1: Zeichnen Sie die Form
Zeichnen Sie bei geöffnetem Hintergrundbild ein Rechteck mit der Form Werkzeug. Sie können entweder das Formwerkzeug aus dem Werkzeugmenü auswählen oder die Tastenkombination verwenden U . Wählen Sie auch eine Farbe.
Wenn Sie Ihr Rechteck zeichnen, können Sie entweder eine freie Form wählen und das Rechteck über den Bildschirm ziehen, um die gewünschte Form zu erstellen, oder Sie können irgendwo auf das Bild klicken, um die Abmessungen Ihres Rechtecks in Pixeln einzugeben.
Schritt 2: Geben Sie den Text ein
Als nächstes müssen Sie Ihren Text auf einer separaten Ebene in Photoshop eingeben. Packe die Text Werkzeug ( T ), klicken Sie auf eine beliebige Stelle auf Ihrer Leinwand und beginnen Sie mit der Eingabe. Dann nutze die Bewegung Werkzeug ( V ), um den Text über Ihrer Form zu positionieren.
Wenn Sie es vorziehen, eine Form oder ein Symbol für Ihren Knockout zu verwenden, können Sie diese Form dort platzieren, wo Sie den Text platziert hätten.
Schritt 3: Legen Sie die Mischoptionen fest
Doppelklicken Sie auf die Textebene, um die Ebenenstil Fenster und wählen Sie Fülloptionen von der linken Tafel.
Unter dem Abschnitt Advanced Blending finden Sie die Schlagen Dropdown-Menü. Sie können wählen zwischen a Seicht oder Tief Wirkung hier. Flach wendet den Knockout-Effekt auf eine einzelne Ebene an; Deep wendet es auf eine Gruppe von Ebenen an.
In unserem Beispiel brauchen wir nur Seicht .
Stellen Sie schließlich sicher, dass die Vorschau Schaltfläche aktiviert ist, ziehen Sie dann die Deckkraft füllen Schieberegler nach links, in Richtung Null.
Hier haben Sie die vollständige Kontrolle darüber, wie viel von diesem Originaltext sichtbar ist. Die Farbe Ihres Textes macht hier einen Unterschied, es sei denn, Sie wählen eine Deckkraft von null Prozent.
Wenn Sie jedoch ein besonders vielbeschäftigtes Foto haben, möchten Sie wahrscheinlich keine sehr niedrige Deckkraft wählen, um den Text lesbar zu halten.
Schritt 4: Letzter Schliff
Klicken OK um Ihre Änderungen zu bestätigen. Sie können nun den letzten Schliff hinzufügen. Da sich alle Elemente auf einer eigenen Ebene befinden, können Sie alle Einstellungen separat vornehmen.
Sie können das Hintergrundbild, die Form oder den Text bearbeiten. Um den Knockout-Effekt anzupassen, doppelklicken Sie einfach auf die Textebene, um das Einstellungsfeld erneut zu öffnen.
So erstellen Sie einen Knockout-Effekt in Illustrator
Der Prozess zum Erstellen eines Knockout-Effekts in Illustrator ähnelt dem von Photoshop, ist jedoch etwas praktischer.
Beginnen Sie, indem Sie Ihr Hintergrundbild auf Ihrer Leinwand öffnen. Gehe zu Datei > Ort , und klicken Sie dann auf , um das Bild zu platzieren. Verwenden Sie die Auswahl Werkzeug ( V ), um die Größe anzupassen.
Schritt 1: Form und Text hinzufügen
Zeichnen Sie nun Ihre Form mit dem Rechteck Werkzeug ( m ). Sie können andere Formen verwenden, wenn Sie möchten, oder Ihre eigenen mit dem zeichnen Stift Werkzeug. Wählen Sie eine Füll- und Strichfarbe aus – Sie können diese später ändern, wenn Sie möchten – und ziehen Sie sie ungefähr an die gewünschte Position.
Als nächstes müssen Sie den Text hinzufügen (oder Sie können andere Formen für den Knockout-Effekt verwenden – es muss nicht immer Text sein). Wähle aus Text Werkzeug ( T ) und klicken Sie auf die Leinwand. Legen Sie eine Farbe und Größe fest und beginnen Sie mit der Eingabe.
Wählen Sie das Auswahl Werkzeug und klicken Sie weg, wenn Sie fertig sind. Sie können alle Objekte mit dem Auge in Position verschieben oder die Umschalttaste gedrückt halten und Text, Form und Hintergrundbild auswählen und sie richtig mit dem Horizontal und Vertikale Ausrichtung Werkzeuge.
Schritt 2: Konturen erstellen
Wählen Sie Ihre Textebene erneut aus und gehen Sie zu Typ > Umrisse erzeugen , oder verwenden Sie die Tastenkombination Umschalt + Cmd/Strg + O . Dadurch wird Ihr Text in Formen und nicht in bearbeitbaren Text umgewandelt, also überprüfen Sie zuerst auf Tippfehler!
Stellen Sie sicher, dass sich Ihr Text über der Form befindet und nicht dahinter.
Wenn Sie die Deckkraft wie in Photoshop möglich steuern möchten, kopieren Sie Ihre Textebene mit der Tastenkombination in die Zwischenablage Cmd/Strg + C. Sie müssen erst später damit etwas anfangen.
Schritt 3: Wenden Sie den Knockout-Effekt an
Wählen Sie sowohl Ihre Form als auch Ihren Text aus und gehen Sie zu Ihrem Pfadfinder Werkzeugtafel. Wenn es noch nicht geöffnet ist, können Sie es öffnen, indem Sie auf gehen Fenster > Pathfinder oder mit der Illustrator-Verknüpfung, Umschalt + Cmd/Strg + F9.
Klicken Sie hier für mehr Tastenkombinationen für Adobe Illustrator .
Wählen Sie im Pfadfinder-Tool das Minus Front Option in Formmodi . Dadurch wird der Text aus Ihrer Form entfernt.
Um die Deckkraft Ihres Knockout-Effekts zu steuern, müssen Sie die Textebene kopieren, wie oben erwähnt. Jetzt zuschlagen Umschalt + Cmd/Strg + V um Ihren Text wieder genau an der Stelle einzufügen, von der Sie ihn kopiert haben. (Stellen Sie sicher, dass Sie dies tun, bevor Sie eine Ihrer Ebenen verschieben.)
Sie können dann die Deckkraft dieser Ebene anpassen, indem Sie zu gehen Transparenz Panel, das Sie öffnen können, indem Sie auf gehen Fenster > Transparenz. Passen Sie den Deckkraft-Schieberegler an, bis Sie genau den gewünschten Farbton haben.
Mit einer Deckkraft von rund 20 Prozent sieht das Endprodukt so aus:
Weitere Photoshop-Texteffekte zum Ausprobieren
In Illustrator und Photoshop ist es ganz einfach, einen Knockout-Effekt zu erstellen. Wenn Sie Zugriff auf beide Programme haben, empfehlen wir zuerst Photoshop, da der Text jederzeit bearbeitbar bleibt. Aber für detailliertere Designs ist Illustrator der richtige Weg.
So ändern Sie den Hintergrund eines Bildes
Ein Knockout-Effekt ist nicht die einzige kreative Möglichkeit, Text in Ihren Designs zu verwenden. Werfen Sie einen Blick auf unsere detaillierten Anleitungen wie man Text in Photoshop umreißt und So fügen Sie Text in Photoshop Texturen hinzu für etwas Inspiration.
Teilen Teilen Tweet Email Ein Leitfaden für Anfänger zum Animieren von SpracheAnimierende Rede kann eine Herausforderung sein. Wenn Sie bereit sind, Ihrem Projekt Dialog hinzuzufügen, werden wir den Prozess für Sie aufschlüsseln.
Weiter lesen Verwandte Themen- Kreativ
- Adobe Photoshop
- Adobe Illustrator
- Photoshop-Tutorial
Andy ist ein ehemaliger Printjournalist und Zeitschriftenredakteur, der seit 15 Jahren über Technologie schreibt. In dieser Zeit hat er an unzähligen Publikationen mitgewirkt und Texterarbeiten für große Technologieunternehmen erstellt. Er hat auch Expertenkommentare für die Medien bereitgestellt und Podiumsdiskussionen bei Branchenveranstaltungen moderiert.
Mehr von Andy BettsAbonniere unseren Newsletter
Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!
Klicken Sie hier, um zu abonnieren