Schizzo – Forma ad arco?

È possibile produrre una forma ad arco con un dato inizio e angolo di apertura? (Utilizzando Sketch 3.0 di bohemian.coding)

un arco di 180 gradi

Risposta

Potresti simulare usando Livello> Vettore> Ruota copie. Scegli semplicemente una forma rettangolare e quindi crea un numero qualsiasi di copie. Più copie crei, più liscio sarà larco.

Puoi anche creare due cerchi, sottrarli e quindi sottrarre un rettangolo a metà: Forma arco nello schizzo

Infine, potresti disegnarlo con lo strumento penna (anche se perderai un po di precisione nel processo.

Sfortunatamente, non sarai in grado di regolare langolo o lo sweep. Ma se manipoli le forme sopra le forme e utilizzi gli strumenti Pathfinder o Trasforma, dovresti essere in grado di ottenere leffetto desiderato.

Commenti

  • Per quanto io comprenda questo metodo e labbia utilizzato, è estremamente escogitato per qualsiasi angolo che non sia 90, 180 o 270.

Risposta

Grazie per la risposta; la tua soluzione è una considerevole alternativa a quella che ho scoperto. (sottrazione> forbici> ruota)

inserisci qui la descrizione dellimmagine

inserisci la descrizione dellimmagine qui

inserisci qui la descrizione dellimmagine

(Nota: coprendo per metà il cerchio con il rettangolo puoi anche creare un cerchio di 180 gradi).

Commenti

  • Per chiunque sia confuso su come iniziare con questo, come lo ero io: Disegna un cerchio. Disegna un rettangolo che si sovrappone al cerchio come mostrato nello screenshot di CodeMound '. Seleziona entrambe le forme. Fare clic su Sottrai. ' otterrai un cerchio con un " twist " al suo interno. Ora vai allo strumento Forbici e fai clic sulle linee rette che compongono la " twist " per rimuoverle.
  • Non ' non capisco. Ottengo un cerchio con un quadrato mancante nel quadrante in alto a destra. dropbox.com/s/pv0u8lmg6z94ubh/…
  • @chovy Ho avuto lo stesso problema . Dopo aver sottratto il quadrato, prendi le forbici e rimuovi gli angoli rimanenti del quadrato sottratto, quindi aggiungi il bordo alla forma risultante e il risultato sarà la risposta sopra.

Risposta

Appena aggiornato: nuovissimo plug-in Segmented Circle 2.0 Sketch .

Crea automaticamente grafici circolari segmentati precisi per diagrammi, strumentazione e analisi. Un enorme aggiornamento aggiunge stili di grafici a torta multivalore, cerchi con segni di graduazione e archi perfettamente tratteggiati.

Anteprima immagine

Risposta

Ora esiste un ottimo plug-in per gli schizzi per questo:

“Crea cerchi come aree o linee con un numero personalizzato di punti / segmenti “ https://github.com/design4use/gb-sketch-segmentcircle

Risposta

Cè anche una soluzione migliore 🙂 Per prima cosa disegna il cerchio, quindi seleziona il percorso e fai clic su Apri percorso nellinspector.

in alto a destra Apri percorso inserisci qui la descrizione dellimmagine

Commenti

  • It ' non è molto migliore delle altre risposte e ' non funziona bene per angoli diversi da 90 º / 180 / 270 º
  • Puoi aggirare 180, 270 e così via aggiungendo un nuovo punto nel percorso e quindi eliminando il fuori uno. Finché utilizzi la posizione centrale per il contorno, le cose funzionano abbastanza bene.

Rispondi

Un altro modo è disegnare un cerchio, fare doppio clic su di esso per modificarlo (ci saranno 4 puntini equamente distribuiti sul cerchio) e fare clic nel punto in cui si desidera terminare la forma in modo da avere un altro piccolo punto che appare lì. Usa le forbici per rimuovere qualsiasi parte indesiderata, la parte da rimuovere cambierà forma quando ci passi sopra con il mouse. Puoi terminare la tua forma ad arco con estremità diverse come arrotondate, questo viene fatto nella sezione del bordo, fai clic sul relativo COG per mostrare questa sezione.

Risposta

Sebbene sia possibile simulare un arco in Sketch, non sembra essere possibile creare un “arco” effettivo come descritto dagli standard svg: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Arcs

Questo perché lo strumento vettoriale esegue esclusivamente curve di Bézier ( https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Bezier_Curves ) o linee rette da entrambi i lati di un vettore.

Se mai senti il bisogno di essere in grado di creare un arco per davvero, potrebbe essere meglio scrivere il tuo codice svg a mano. Ho dovuto farlo più di un paio di volte.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *