Schizzo - Forma dell'arco?


14

È possibile produrre una forma ad arco con un determinato angolo iniziale e di apertura? (Uso di Sketch 3.0 di bohemian.coding)

circa un arco di 180 gradi

Risposte:


4

Puoi falsificarlo usando Livello> Vettore> Ruota copie. Basta scegliere una forma rettangolare e quindi creare un numero qualsiasi di copie. Più copie crei, più liscio sarà l'arco.

Puoi anche creare due cerchi, sottrarli e sottrarre un rettangolo a metà: Forma ad 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 l'angolazione o lo sweep. Ma se manipoli le forme sopra le forme e usi gli strumenti Pathfinder o Trasforma, dovresti essere in grado di ottenere l'effetto desiderato.


1
Per quanto io comprenda questo metodo e lo abbia usato, è estremamente elaborato per tutti gli angoli che non sono 90, 180 o 270.
carignan.boy

10

Grazie per la risposta; la tua soluzione è una considerevole alternativa a quella che ho capito. (Sottragga> forbici> rotate)

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine

(Nota: coprendo a metà il cerchio con il retto puoi anche creare un cerchio a 180 gradi.)


5
Per chiunque sia confuso su come iniziare con questo, come fossi io: disegna un cerchio. Disegna un rettangolo che si sovrappone al cerchio, come mostrato nello screenshot di CodeMound. Seleziona entrambe le forme. Fai clic su Sottrai. Otterrai un cerchio con una "svolta" al suo interno. Ora vai allo strumento Forbici e fai clic sulle linee rette che compongono la "torsione" per rimuoverle.
pietra,

Non capisco. Ottengo un cerchio con un quadrato mancante nel quadrante in alto a destra. dropbox.com/s/pv0u8lmg6z94ubh/…
chovy

@chovy ho avuto lo stesso problema. Una volta 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à della risposta sopra.
Lucas Lazaro,

6

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

Crea automaticamente grafici circolari segmentati precisi per diagrammi, strumentazione e analisi. L'enorme aggiornamento aggiunge stili di grafici a torta a più valori, cerchi con segni di spunta e archi perfettamente tratteggiati.

Anteprima immagine



1

Esiste anche una soluzione migliore :-) Per prima cosa disegna il cerchio, quindi seleziona il percorso e fai clic su Apri percorso nella finestra di ispezione.

in alto a destra Apri percorso inserisci qui la descrizione dell'immagine


Non è molto meglio delle altre risposte e non funziona bene per angoli diversi da 90º / 180º / 270º
Luciano,

Puoi aggirare 180, 270, ecc. Aggiungendo un nuovo punto nel percorso e quindi cancellando quello esterno. Fintanto che usi la posizione centrale per il contorno, le cose funzionano abbastanza bene.
Andrew Zimmer,

1

Un altro modo è quello di disegnare un cerchio, fare doppio clic su di esso per modificarlo (ci saranno 4 piccoli punti equamente distribuiti sul cerchio) e fare clic nel punto in cui si desidera terminare la forma in modo da far apparire un altro piccolo punto 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 finale diverso come arrotondato, questo viene fatto nella sezione del bordo, fai clic sul relativo COG per mostrare questa sezione.


0

Sebbene sia possibile falsificare un arco in Sketch, non sembra possibile creare un vero "arco" 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 Bezier ( https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Bezier_Curves ) o linee rette da entrambi i lati di un vettore.

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

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.