Skizze - Bogenform?

14

Ist es möglich, eine Bogenform mit vorgegebenem Start- und Schwenkwinkel zu erzeugen? (Verwenden von Sketch 3.0 von bohemian.coding)

einige 180-Grad-Bogen

shapes sketch-app pr8x
quelle

Antworten:

4

Sie können es mit Ebenen> Vektor> Kopien drehen vortäuschen. Wählen Sie einfach eine Rechteckform und erstellen Sie dann eine beliebige Anzahl von Kopien. Je mehr Kopien Sie erstellen, desto weicher wird der Bogen.

Sie können auch zwei Kreise erstellen, diese subtrahieren und dann ein Rechteck in zwei Hälften subtrahieren: Bogenform in der Skizze

Schließlich können Sie es mit dem Stiftwerkzeug zeichnen (obwohl Sie dabei an Genauigkeit verlieren würden).

Leider können Sie den Winkel oder den Schwenk nicht einstellen. Wenn Sie jedoch Formen über Formen manipulieren und die Pathfinder- oder Transformationswerkzeuge verwenden, sollten Sie in der Lage sein, den gewünschten Effekt zu erzielen.

Ashraf Ali
quelle
1
So viel wie ich diese Methode verstehen und es verwendet habe, ist es extrem für irgendwelche Winkel ersonnen , die nicht 90 sind, 180 oder 270.
carignan.boy
10

Vielen Dank für Ihre Antwort; Ihre Lösung ist eine beträchtliche Alternative zu der, die ich herausgefunden habe. (subtrahieren> schere> drehen)

Bildbeschreibung hier eingeben

Bildbeschreibung hier eingeben

Bildbeschreibung hier eingeben

(Hinweis: Durch halbes Abdecken des Kreises mit dem Rechteck können Sie auch einen 180-Grad-Kreis erstellen.)

pr8x
quelle
5
Für alle, die sich nicht sicher sind, wie ich es war: Zeichnen Sie einen Kreis. Zeichnen Sie ein Rechteck, das den Kreis überlappt, wie im Screenshot von CodeMound gezeigt. Wählen Sie beide Formen aus. Klicken Sie auf Subtrahieren. Sie erhalten einen Kreis mit einem "Twist". Gehen Sie nun zum Werkzeug "Schere" und klicken Sie auf die geraden Linien, aus denen die "Drehung" besteht, um sie zu entfernen.
Stein
Ich verstehe nicht Ich erhalte einen Kreis, in dessen rechtem oberen Quadranten ein Quadrat fehlt. dropbox.com/s/pv0u8lmg6z94ubh/…
chovy
@chovy Ich hatte das gleiche Problem. Wenn Sie das Quadrat subtrahiert haben, nehmen Sie die Schere und entfernen Sie die verbleibenden Ecken des subtrahierten Quadrats. Fügen Sie dann der resultierenden Form einen Rand hinzu. Das Ergebnis ist die Antwort oben.
Lucas Lazaro
6

Soeben aktualisiert: brandneues Segmented Circle 2.0 Sketch-Plugin .

Erstellen Sie automatisch präzise segmentierte Kreisgrafiken für Diagramme, Instrumente und Analysen. Ein umfangreiches Update fügt mehrwertige Kreisdiagrammstile, Teilstrichkreise und perfekt gestrichelte Bögen hinzu.

Vorschaubild

Deutscher Bauer
quelle
1

Es gibt noch eine bessere Lösung :-) Zeichnen Sie zuerst den Kreis, wählen Sie dann den Pfad aus und klicken Sie im Inspektor auf Pfad öffnen.

Oben rechts den Pfad öffnen Bildbeschreibung hier eingeben

Jim Bamboo
quelle
Es ist nicht viel besser als die anderen Antworten, und es funktioniert nicht gut für andere Winkel als 90º / 180º / 270º
Luciano
Sie können die 180, 270 usw. umgehen, indem Sie einen neuen Punkt in den Pfad einfügen und dann den äußeren löschen. Solange Sie die Mittelposition für die Gliederung verwenden, funktionieren die Dinge ziemlich gut.
Andrew Zimmer
1

Eine andere Möglichkeit besteht darin, einen Kreis zu zeichnen, darauf zu doppelklicken, um ihn zu bearbeiten (4 kleine Punkte sind gleichmäßig über den Kreis verteilt), und dort zu klicken, wo Sie die Form beenden möchten, damit ein weiterer kleiner Punkt dort angezeigt wird. Entfernen Sie unerwünschte Teile mit der Schere. Wenn Sie mit der Maus darüber fahren, ändert sich die Form des zu entfernenden Teils. Sie können Ihre Bogenform mit einem anderen Ende beenden, z. B. abgerundet. Dies erfolgt im Randbereich. Klicken Sie auf den entsprechenden COG, um diesen Bereich anzuzeigen.

C77Python
quelle
0

Während Sie einen Bogen in Sketch fälschen können, scheint es nicht möglich zu sein, einen tatsächlichen "Bogen" gemäß den SVG-Standards zu erstellen: https://developer.mozilla.org/en-US/docs/Web/SVG/ Tutorial / Pfade # Bögen

Dies liegt daran, dass das Vektorwerkzeug ausschließlich Bezier-Kurven ( https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Bezier_Curves ) oder gerade Linien von beiden Seiten eines Vektors erstellt.

Wenn Sie jemals das Bedürfnis haben, einen Bogen für echt zu machen, ist es möglicherweise am besten, Ihren SVG-Code einfach von Hand zu schreiben. Ich musste es mehr als ein paar Mal machen.

Seph Reed
quelle