Schnittpunkt zwischen Ebenen für leeren und gefüllten Herzvektor in Photoshop

Ich habe einen Herz-Icon-Vektor von flaticon heruntergeladen , ich werde ihn als "Als Favorit hinzufügen"-Icon verwenden, also brauche ich zwei Zustände:

  1. Das Herz gefüllt mit schwarzem Hintergrund mit einer Deckkraft von 75 % zum Beispiel (nicht markiert)
  2. Das Herz gefüllt mit roter Farbe 100% Deckkraft (geprüft)

Frage: Ich kann nicht herausfinden, wie ich einen Vektor füllen und dabei die Randfarbe beibehalten kann, mit anderen Worten, in meinem Beispiel den schwarzen Hintergrund außerhalb des Herzens entfernen (siehe zweiter Screenshot).

Was ich versucht habe: Ich habe versucht, die Schnittmenge zwischen den Ebenen zu verwenden, wie Sie auf dem Screenshot sehen können

leerer Vektor

gefüllter Vektor

Hinweis: Ich bin kein Designer, ich bin ein iOS-Entwickler, der zum ersten Mal versucht, sein eigenes Design zu erstellen, also seien Sie einfach ;), Ich habe mehr als 1 Stunde damit verbracht, in Youtube und Google und hier zu suchen, und ich schätze nach einem Designer Es dauert 1 Minute, um zu tun, was ich will.

Hier ist die Vektor-PSD

Antworten (2)

Es gibt einige Verwirrung aufgrund der Form selbst. Es ist nicht "leer". Es ist eine dünne Form mit einem inneren Pfad und einem äußeren Pfad. Die Form ist in Ihren Screenshots weiß gefüllt. Das Zentrum des Herzens ist ein "Zähler", der durch die beiden Pfade erzeugt wird, die so eingestellt sind, dass sie ein zusammengesetztes Bild erzeugen. Es ist so konzipiert, dass es eine dünne, strichähnliche Form hat. Keine solide Herzform.


Wenn Sie die Farbe dieser dünnen zusammengesetzten Form so ändern möchten, wie sie ist ....

Doppelklicken Sie einfach auf die Ebene "Herz" und ändern Sie die Farbe. Wenn Sie möchten, dass es mit Schwarz gefüllt wird, ändern Sie die Farbe in Schwarz und reduzieren Sie dann die Deckkraft der Ebene auf 75%


Wenn Sie versuchen, das Herz von einem Rechteck zu subtrahieren ...

Schnappen Sie sich das Rechteckformwerkzeug und stellen Sie das Pfadoperationsmenü auf ein Combine Shapes. . .

Geben Sie hier die Bildbeschreibung ein

Markieren Sie die Ebene "Herz" und zeichnen Sie das Rechteck.

Gehen Sie dann zurück zum Pfadoperationsmenü und stellen Sie es auf ein Exclude Overlapping Shapes.

Geben Sie hier die Bildbeschreibung ein

Am Ende haben Sie ein Rechteck und ein herzförmiges Loch darin ....

Geben Sie hier die Bildbeschreibung ein


Wenn Sie nur den inneren Teil des Herzens füllen möchten oder wenn Sie eine solide Herzform wünschen ...

Duplizieren Sie die Ebene "Herz".

Verwenden Sie das Direktauswahl-Werkzeug (weißer Pfeil), um auf einen Ankerpunkt auf dem äußeren Pfad (oder inneren Pfad) der duplizierten Ebene zu klicken.

Geben Sie hier die Bildbeschreibung ein

Drücken Sie die DeleteTaste zweimal.

Dies hinterlässt eine Form für den inneren Teil des Herzens, dessen Farbe Sie dann ändern können.

Geben Sie hier die Bildbeschreibung ein

Wenn ich auf das kleine Rechteck unten rechts in der Ebene doppelklicke und die Farbe ändere, ändert sich nur die Randfarbe. Ich möchte den Rand weiß halten, während die Form mit Schwarz mit einer Deckkraft von 70% gefüllt ist. Bitte überprüfen Sie die PSD in meinem Kommentar mit die Frage
Nun, das erklärt ein bisschen mehr. Du warst in der Frage nicht ganz klar.
Entschuldigung für die Unklarheit, aber ich sagte: "Ich möchte den hinteren Hintergrund außerhalb des Herzens in meinem Screenshot loswerden."
Nun, der "Vektor, der leer ist" ist nicht wirklich genau. Es ist voll, also gab es einige Verwirrung. Keine Sorge, :) Ich denke, meine Antwort sollte die meisten Dinge abdecken, die Sie vielleicht tun möchten.
wow, ich mag deine Lösung des Duplizierens und drücke zweimal auf "Löschen". Danach muss ich die Größe einer der Ebenen ändern, um den weißen Rand anzuzeigen. Gibt es eine bessere Alternative, da die Größenänderung mit meinen Augen nicht pixelgenau sein kann!
Sie können der endgültigen Form (nach dem Löschen) einfach einen Strich hinzufügen , wenn Sie einen weißen Rand wünschen.
Ich konnte nur den duplizierten Vektor verwenden und einen Randeffekt aus "Optionsfusion" hinzufügen, aber der Rand hat eine Deckkraft von 70%! wie die innere farbe!
Ändern Sie die Deckkraft der Füllung , um die Deckkraft nur der Füllung zu verringern.... SIEHE HIER
Das war das Problem ;) Du warst wirklich sehr hilfreich. Ich möchte positiv abstimmen, aber ich habe nicht genug Ansehen, ich werde sicher wiederkommen
Froh, dass ich helfen konnte :)

Dazu gibt es mehrere Möglichkeiten. Die einfachste, die mir spontan einfällt, ist, mit der rechten Maustaste auf die Ebene zu klicken und zu den Mischoptionen zu gehen. Von dort aus können Sie auf den Farbüberlagerungseffekt klicken, um eine Füllfarbe hinzuzufügen. Das sollte Ihre Form mit der Farbe füllen, die Sie auswählen.

Eine andere Option wäre Strg + Klicken auf die Miniaturansicht der Herzebene, um "die Auswahl zu laden". Erstellen Sie dann eine neue Ebene für Ihre Füllung und verwenden Sie das Farbeimer-Werkzeug, um die erstellte Auswahl auszufüllen.