Wie kann ein Effekt in Photoshop als Transparenz fungieren?

Ich weiß, dass ich eine Ebenenmaske erstellen kann, aber diese Methode akzeptiert meines Wissens nur eine Bitmap-Maske, da das Ergebnis nicht perfekt ist. Ich habe es mit dieser Methode versucht: https://www.youtube.com/watch?v=xGBNHY5rAxg

Was ich versuche zu erreichen ist:

Ebene 1 - Normales Bitmap-Bild (Rastertyp) (es wäre noch besser, wenn es eine vektormaskierte Ebene sein könnte, aber es ist in Ordnung, wenn dies nicht möglich ist).

Ebene 2 - Eine vektormaskierte Ebene (mit einer Füllung von 0 %) mit einem Strich oder einem äußeren Schein, was auch immer. Der Effekt dieser Ebene muss die Pixel von Ebene 2 ausblenden (transparent machen), ABER OHNE DIE NOTWENDIGKEIT EINES „RASTERTYPS“.

Ideenbeispiel:Ideenbeispiel 1

Wenn ich dann die Hintergrundfarbe ändere...Ideenbeispiel 2

Was ich wirklich versuche, ist ein PNG-Symbol, das ich mit Formen (vektormaskierten Ebenen) eines Umschlags erstellt habe, bei dem die Linien mit Strichen erstellt werden. Der Strich kann also die darunter liegende Ebene transparent machen. Ich möchte die Bitmap-Maske nicht verwenden, weil ich den Vektornutzen verliere (ich kann die Größe nicht ändern, ohne den gesamten Vorgang erneut durchzuführen) und ich an Qualität verliere (weil das Endergebnis nicht dasselbe ist. Die durch die Bitmap erstellte Transparenz Maske entspricht nicht vollkommen dem verwendeten Bild).

Vielleicht gibt das eine Idee:Letztes Symbol

Wie Sie sehen können, ist das Symbol wirklich winzig, und ich dachte Pixel für Pixel, deshalb ist mir die perfekte Äquivalenz der Transparenz so wichtig (in diesem Symbol habe ich weiße Striche verwendet, um die Hülllinien zu zeichnen. Ich möchte das Weiß transparent werden, wenn ich als .png exportiere, aber wie gesagt, ich möchte keine Bitmap-Maske verwenden (erstelle eine Ebenenmaske, rastere mein Bild ein und verwende es dann als Maske des Bildes selbst), weil es mir zu wichtig ist über Qualität).

Danke im Voraus! (für bisher gelesen hahaa)

Deine Frage ergibt keinen Sinn!
Sicher tut es das! Wenn nicht, haben wir keine zwei Stimmen mehr ...
Bitte @Komental, achte auf meinen Kommentar im letzten Bild (ich habe ihn gerade bearbeitet). Ich würde mich freuen, wenn Sie mir helfen könnten...
Ihren Screenshots zufolge verwenden Sie eine ältere Version von Photoshop. Ich glaube nicht, dass Sie in Ihrer Version leider Ebeneneffekte zu Gruppen hinzufügen können. Die besten Antworten unten beruhen darauf.
@daviestar - Ja, ich verwende Cs5.5, aber es macht es nur SCHWIERIGER, weil ich Effekte nicht direkt anwenden kann, also MUSS ich ein Smart Object erstellen, damit die akzeptierte Antwort funktioniert. Ich habe so viel nachgedacht, um die wirklich beste Antwort zu wählen, dass ich dachte, was der beste Weg für wen CS6+ wäre. Selbst wenn ich viele Smart Objects verwende, um das gleiche Ergebnis zu erzielen, dachte ich: "Wenn ich CS6 hätte, wäre dies viel einfacher als alle anderen ...". Die akzeptierte beste Antwort ist nicht die einfachere für mich, aber die beste für alle anderen hier (die eine aktuelle Software haben).

Antworten (3)

Ich bin vor einiger Zeit auf genau dasselbe Problem gestoßen, auch beim Zeichnen einer Reihe kleiner Symbole. Es stellt sich heraus, dass Sie mit dem Schieberegler „Mischen, wenn … diese Ebene“ im Bedienfeld „Ebenenstil“ einige ziemlich nette Sachen machen können:

Geben Sie hier die Bildbeschreibung ein

Wenn Sie den rechten Schieberegler ganz nach links ziehen, wird Photoshop im Grunde gesagt: "Alles, was ich zeichne, schwarz undurchsichtig halten und alles weiß transparent machen".

Der wichtige Teil ist das Halten der Alt/Opt-Taste, wenn Sie auf den Schieberegler klicken, um ihn in zwei Werte aufzuteilen. Dadurch entsteht ein weicher Übergang für alle dazwischen liegenden Grautöne.

Sie fügen also die Formebenen Ihres Symbols in eine Gruppe ein, wenden diese Mischoptionen auf die Gruppe an und wickeln sie dann in eine andere Gruppe ein, um alle benötigten Farbüberlagerungen, Schlagschatten usw. hinzuzufügen.

Ich habe ein paar Beispiele und eine detailliertere Anleitung auf Dribbble gepostet.

So sieht es für Ihre Testdatei aus ( PSD-Download ):

Geben Sie hier die Bildbeschreibung ein

Ich mag diesen Ansatz sehr. Wenn nichts anderes, würde es bedeuten, dass Sie die Technik für viele Symbole verwenden und die Gruppe verwenden können, um sie alle einzufärben.
Ich habe es geliebt, Mann! Das macht genau das, was ich will! Leider verwende ich Cs5.5 und kann keine Effekte auf Gruppen anwenden, aber stattdessen habe ich Smart Objects für Gruppen verwendet. Zuerst habe ich alle meine Formen mit Effekten (Strichen) in einem SmartObject gruppiert, Ihren Trick in diesem Objekt angewendet, und Pixel erhalten ihre Deckkraft perfekt gleichwertig, ABER die Farbe an den Übergängen (zwischen dem weißen Strich und der schwarzen Form) wird GRAU (aber mit richtige Deckkraft) und das Ding sieht komisch aus. Dann habe ich eine leere Ebene erstellt, beide in einem neuen SmartObject gruppiert und eine Farbüberlagerung angewendet. BAMM! ES FUNKTIONIERT WIE EIN ZAUN!
Für jeden, der Stile in Gruppen (CS6 oder höher) anwenden kann, ist dieser Ansatz verdammt einfach und sauber! Einfach perfekt! Vielen Dank!
Sehr schlau. Hier etwas Neues über PS lernen :)
Oh ja, ich habe erst damit angefangen, als Ebenenstile für Gruppen möglich wurden. Ich fand das Doppel-Smart-Objekt immer etwas zu kompliziert, aber ich bin froh, dass es für Sie funktioniert!

Da es sich um Photoshop handelt, gibt es wahrscheinlich einige Ansätze für dieses Problem, aber mir fällt nur einer ein, der die vollständige Vektorbearbeitung und -skalierung beibehält.

Maskenfederung

Hier ist einiges los.

  1. Quadrat ist nur eine Formebene für das Quadrat. Da ist nichts knifflig.

  2. Die Gruppe Blurry Circle hat einen Kreis als Vektormaske. Die Vektormaske ist auf Subtraktion eingestellt und hat auch einen Maskenverlauf von 6 Pixeln.

  3. Kreis ist nur eine Formebene für den gefüllten Teil des Kreises.

  4. Die Icon-Gruppe ist nur dazu da, die Dinge aufzuräumen.

Geben Sie hier die Bildbeschreibung ein

Ein Farbüberlagerungs-Ebenenstil kann auf die Symbolgruppe angewendet werden, um das gesamte Symbol einzufärben.

Geben Sie hier die Bildbeschreibung ein

Änderungen der Hintergrundfarbe werden durch das Symbol angezeigt.

Ein Wort der Warnung: Dieses gesamte Dokument ist aus Vektorformen aufgebaut (yay!). Es verwendet auch Maskenfedern (yay!). Das Auslaufen der Maske wird beim Dokument nicht skaliert (buh!). Es gibt jedoch Skripte , die Maskenfedern skalieren können (yay!).

Wenn Sie sich die von mir erstellte PSD ansehen möchten, ist sie hier verfügbar: https://www.dropbox.com/s/4stmws0piigh1g8/mask-feathering.psd

Ihr Ansatz hat mir sehr gut gefallen, aber Mask Feathering ist eine knifflige Angelegenheit. Es ist ein wenig eingeschränkt, und ich muss mich immer noch darum kümmern, die Formen zu duplizieren, die ich "innerhalb" des transparenten Teils zeigen möchte. Ich suche die Einfachheit der Verwendung von Effekten, und das gibt mir Ihre Herangehensweise nicht. Aber es erzielt immer noch großartige Ergebnisse in anderen Situationen, und deshalb habe ich es positiv bewertet! Vielen Dank

Zuerst beantworte ich die Frage zum Umschlag, da ich denke, das ist es, was Sie wirklich wissen wollen.

Ihre Logik ist hier ein wenig daneben.

Wenn Sie die Transparenz beibehalten möchten, dh. Verwenden Sie keine weißen Linien für den Umschlag, sondern erstellen Sie stattdessen ein Rechteck, ändern Sie dann auf derselben Ebene das Formwerkzeug in „Linie“, ändern Sie dann die Pfadoperationen in „Subtrahieren“ und subtrahieren Sie die 2 Linien von Ihrem Rechteck.

Sie können derselben Ebene mehrere Formen hinzufügen, indem Sie die Umschalttaste gedrückt halten, während Sie klicken und ziehen, um Ihre Form zu zeichnen. Sie fügen der Form etwas hinzu, aber in Ihrem Fall möchten Sie von der Form subtrahieren, also halten Sie die Alt-Taste gedrückt.

BEARBEITEN - eine andere Technik, um dasselbe zu erreichen:

Ich denke, Sie verwenden eine alte Version von Photoshop, also tun Sie Folgendes: Gruppieren Sie das schwarze Rechteck Ihres Umschlags und fügen Sie die 2 (oder 4) Linien zu einer neuen Ebene hinzu. Ziehen Sie dann diese Vektormaske auf die Gruppe. Dadurch wird das Gegenteil von dem erreicht, was Sie möchten. Wählen Sie also in der Gruppenmaske alle Zeilen aus und ändern Sie Pfadoperationen in Subtrahieren. Auf diese Weise könnten Sie tatsächlich alle Formen in neue Ebenen aufteilen, indem Sie jede Form auf die Maske einer verschachtelten Gruppe legen.

Nun zur Transparenz des Vektors „Glühen“.

Wenn Ihre Kreisformebene ausgewählt ist, öffnen Sie die Eigenschaftenpalette und versuchen Sie, mit Feder und Dichte herumzuspielen. Auf diese Weise können Sie die Kanten einer Form verwischen, aber ich bin mir nicht sicher, ob es möglich ist, eine harte Linie auf der Innenseite des Kreises zu halten und die Außenseite wie einen Schatten / ein Leuchten zu verwischen.

Hoffe das hilft.

Ich habe verstanden, was du meinst. Dein Weg ist der "reinste" Weg, aber nicht der leichtere oder einfachere. Eigentlich habe ich früher meine Formen mit diesem Pfad-Subtrahieren-Pfad-Ding erstellt, aber das ist sehr begrenzt, wirklich mühsam, und wenn Sie viele Pfade haben, wird das Ding zu einem Chaos.
Der Grund, warum ich sage, dass Ihre Logik ausgeschaltet ist, liegt darin, dass die einzige Möglichkeit, zwei Linien aus einem Rechteck zu entfernen und die Transparenz beizubehalten, darin besteht, diese Linien vom Rechteck zu subtrahieren. Ich persönlich finde es am einfachsten, aber falls Sie eine andere Technik für dasselbe wünschen, habe ich meine Antwort bearbeitet :)
Vielen Dank für Ihre Mühe, aber Ihre bearbeitete Antwort ist der gleiche Ansatz, den Marc Edwards bereits gesagt hat, und ich habe bereits kommentiert, warum ich sie nicht als beste Antwort im Kommentarbereich ausgewählt habe. Ich glaube, Sie sagten, meine Logik sei falsch, weil Sie nicht verstanden haben, warum ich das wirklich versuche. Meine Idee ist nicht einfach, Linien zu entfernen, sondern eine einfachere Möglichkeit zu schaffen, Linien mit glatten und gleichmäßigen Deckkraftverläufen zu entfernen. Solche Dinge, die Pfade subtrahieren, tun es nicht.