Subtrahieren Sie die überlaufende Gruppe von Formen von der Form in Sketch

vor ungefähr einem Monat bin ich für das Webdesign zu Sketch gewechselt und bin seitdem ein sehr glücklicher Camper. Ich liebe das Programm wirklich und für mich ist es eine große Verbesserung gegenüber dem Webdesign mit Photoshop/Illustrator, insbesondere auf Workflow-Ebene.

Es gibt jedoch eine Sache, bei der Sketch mir immer wieder Kopfschmerzen bereitet: das Kombinieren von Formen auf eine Weise, die über die einmalige Subtraktion/Vereinigung/etc. von zwei Füllungen hinausgeht. Zu Beginn dieses Themas konnte ich die folgende Aufgabe nicht beenden, aber während des Schreibens habe ich es geschafft. Trotzdem möchte ich dies posten, da die von mir gefundenen Lösungen ziemlich umständlich sind, wenn man bedenkt, dass diese Aufgabe in Illustrator relativ einfach zu erledigen wäre.

Hier ist also die Herausforderung: Ich habe eine Form, dh ein Rechteck, und von diesem Rechteck möchte ich ein Logo subtrahieren, das eine Gruppe einfacher Formen ist:

  • ein Oval, keine Füllung, 9 Pixel Strich
  • zwei Rechtecke, keine Füllung, 9 Pixel Strich
  • ein Rechteck, gefüllt mit einer Volltonfarbe
  • Die Gruppe wird gedreht.

Hier ist das Beispiel:das Logo, das ich subtrahieren möchte, maskiert durch die Rechteckform

Beginnen wir mit dem wahrscheinlichsten Weg: subtrahieren Sie die ganze Gruppe. Das funktioniert nicht, aber Illustrator mag diese Art von Aktionen auch nicht, also keine unangenehmen Gefühle. Hier ist ein Screenshot des Ergebnisses:

nach Abzug der ganzen Gruppe

Subtrahieren wir also Form für Form. Beginnen wir mit dem Kreis. Nur den strichlierten Kreis vom Rechteck zu subtrahieren funktioniert nicht, was schade, aber dennoch irgendwie verzeihlich ist, da er nicht umrandet ist. Aber nach dem Umreißen des Kreises und dem Subtrahieren sieht das Ergebnis nicht in Ordnung aus.

Hier sollte Sketch meiner Meinung nach besser abschneiden. Ich habe jedoch eine Problemumgehung gefunden, die Sie in der Antwort unter diesem Beitrag finden.

So weit, ist es gut. Aber jetzt die drei Rechtecke. Wenn Sie die gestrichenen Rechtecke subtrahieren, ist das Ergebnis ungerade. Siehe meine Antwort für die Problemumgehung.

Nach ein paar umständlichen Workarounds hat es also funktioniert, was natürlich gut ist. Mein Fazit ist, dass Sketch es schwer hat:

  1. komplette Gruppen subtrahieren (meiner Erfahrung nach auch Illustrator)
  2. Strichkreise subtrahieren. Auch nach dem Umreißen.
  3. Subtrahieren von gestrichenen Rechtecken. Auch wenn sie nicht gedreht und umrandet sind.
  4. Subtrahieren einer Form, die sich in einer Gruppe befindet. Holen Sie es zuerst aus der Gruppe, oder es wird leicht auf eine andere Position gebracht.

Ich hoffe, ich habe die Probleme aufgedeckt, die ich mit Sketch habe. Ich hoffe auch, dass diese Probleme überwunden werden können, außer mit den Problemumgehungen. Ich frage mich, ob Sie die gleichen Probleme haben und ob es echte Lösungen gibt. Es sollte genauso gut funktionieren wie das Pathfinder-Tool in Illustrator imo. Normalerweise würde ich mir nicht die Mühe machen, einen so großen Beitrag zu schreiben, besonders nicht, nachdem ich das Problem selbst gelöst habe, aber weil ich finde, dass Sketch eine so gute App ist, habe ich mir die Mühe gemacht, meine Probleme hier zu schildern.

Leider kann ich die anderen Bilder nicht anhängen, da ich nicht genug Wiederholungspunkte habe. Ich werde den Beitrag aktualisieren, wenn ich genug Punkte habe.
Ich habe gerade diesen Artikel gefunden, der einen guten Einblick in die „Denkweise“ von Sketch gibt (siehe auch die Fragen und Antworten), aber ich denke, er beantwortet meine Probleme nicht ... medium.com/sketch-app/…
Hallo Galaxy Surfer, es wäre einfacher zu verstehen, wenn Sie die Antwort getrennt von der Frage schreiben würden. Wenn Sie mehr über die Website erfahren möchten, besuchen Sie bitte das Hilfezentrum . Tragen Sie weiter bei und genießen Sie die Seite!

Antworten (1)

Die Subtraktion des inneren Kreises kann zurückgesetzt werden, was zu diesem Ergebnis führt:

Geben Sie hier die Bildbeschreibung ein

(Übrigens funktioniert dies nur, nachdem der Kreis aus der Gruppe entfernt wurde, oder Sketch subtrahiert einfach zwei Kreise an einer anderen Stelle vom Rechteck.) Wie Sie sehen können, funktioniert es irgendwie, aber es gibt einen ganzen Teil des Inneren des Kreises das fließt wieder außerhalb der Grenzen des Rechtecks. Ärgerlich, aber der Workaround dafür ist, es mit dem Rechteck zu maskieren:

Geben Sie hier die Bildbeschreibung ein

Die Lösung für die gestrichenen Rechtecke: Holen Sie sie zuerst aus der Gruppe und umranden Sie sie. Das Problem ist, dass das innere Rechteck danach zusätzliche Ankerpunkte erhält, wie in einem späteren Screenshot unten zu sehen ist. Drehen Sie die Formen so, dass die Linien vertikal und horizontal sind, damit die zusätzlichen Ankerpunkte gereinigt werden können. Die Drehung kann nach der Subtraktion erneut durchgeführt werden (da die Subtraktion nicht destruktiv ist, was eine schöne Eigenschaft ist). Sie sollten auch nicht gruppiert werden, sonst ändern sich die Koordinaten der Formen nach der Subtraktion.

Das gefüllte Rechteck funktioniert einwandfrei. Nach dem Subtrahieren der gestrichenen Rechtecke treten jedoch Probleme auf. Nach dem Umreißen des Strichs ist das innere Rechteck mit zusätzlichen Ankerpunkten seltsam geworden. Dies kann gereinigt werden, was fast das erhaltene Ergebnis liefert. Jetzt können Sie die gesamte kombinierte Gruppe drehen. Nach dem Drehen können Sie das große blaue Rechteck so erweitern, dass es die Maske sauber ausfüllt, et voilà ...

Etwas spät, aber danke für die Bewertung @Pierre.Vriens