Entfernen Sie zusätzlichen Hintergrund hinter dem iPhone-Rahmen in Sketch

Ich habe 2 Ebenen in Sketch, den iPhone-Rahmen und das Bild im Hintergrund.

Geben Sie hier die Bildbeschreibung ein

Das ist es, was es produziert

Geben Sie hier die Bildbeschreibung ein

Gibt es eine Möglichkeit, diesen zusätzlichen Bereich mit Sketch auszublenden oder zu löschen?

Antworten (1)

Ich würde versuchen, das Bild mit einer Form zu maskieren .

Erstellen Sie ein Rechteck mit abgerundeten Ecken in der Mitte dieses Telefonrahmens und maskieren Sie damit das Bild.


Ich habe dies mit einer alten Version von Sketch gemacht, daher kann es einige Unterschiede geben.

  1. Ich habe ein Rechteck erstellt, bei dem die Grenze irgendwo innerhalb der Telefongrenze liegt. Da der Telefonrahmen mehr als ein paar Pixel dick ist, müssen Sie dies nicht sehr genau machen. Stellen Sie nur sicher, dass es darin bleibt.

    • Ich bin mir bei der neuesten Version von Sketch nicht sicher, aber in meiner muss die Füllung der Formebene deaktiviert werden, da sonst der leere Bereich innerhalb der maskierenden Rechteckform die Füllfarbe hat. Sie können dies jedoch ändern, nachdem Sie es maskiert haben.
  2. Dann habe ich die Formebene + die Bildebene ausgewählt und verwendetLayer › Mask › Mask with Selected Shape

  3. Und schließlich arrangierte ich es hinter dem Telefon.

    • Ich habe der Bildebene danach auch etwas Schatten hinzugefügt, da sowohl die Maskierungsformebene als auch das Bild nach der Maskierung separat bearbeitet werden können.