Croquis - Forme d'arc?

14

Est-il possible de produire une forme d'arc avec un angle de départ et de balayage donné? (Utilisation de Sketch 3.0 par bohemian.coding)

un arc de 180 degrés

shapes sketch-app pr8x
la source

Réponses:

4

Vous pouvez le simuler en utilisant Calque> Vecteur> Faire pivoter les copies. Choisissez simplement une forme de rectangle, puis créez un nombre illimité de copies. Plus vous créez de copies, plus l'arc est fluide.

Vous pouvez également créer deux cercles, les soustraire, puis soustraire un rectangle en deux: Forme d'arc dans l'esquisse

Enfin, vous pouvez le dessiner avec l'outil plume (bien que vous perdriez une certaine précision dans le processus.

Malheureusement, vous ne pourrez pas régler l'angle ou le balayage. Mais si vous manipulez des formes par-dessus des formes et utilisez les outils Pathfinder ou Transform, vous devriez être en mesure d'obtenir l'effet souhaité.

Ashraf Ali
la source
1
Autant que je comprends cette méthode et que je l'ai utilisée, elle est extrêmement artificielle pour tous les angles qui ne sont pas 90, 180 ou 270.
carignan.boy
10

Merci pour votre réponse; votre solution est une alternative considérable à celle que j'ai imaginée. (soustraire> ciseaux> tourner)

entrez la description de l'image ici

entrez la description de l'image ici

entrez la description de l'image ici

(Remarque: en couvrant à moitié le cercle par le rect, vous pouvez également créer un cercle à 180 degrés.)

pr8x
la source
5
Pour tous ceux qui ne savent pas comment commencer, comme moi: dessinez un cercle. Dessinez un rectangle qui chevauche le cercle comme indiqué dans la capture d'écran de CodeMound. Sélectionnez les deux formes. Cliquez sur Soustraire. Vous obtiendrez un cercle avec une "torsion". Maintenant, allez à l'outil Ciseaux et cliquez sur les lignes droites qui composent le "twist" pour les supprimer.
stone
Je ne comprends pas. Je reçois un cercle avec un carré manquant dans le quadrant supérieur droit. dropbox.com/s/pv0u8lmg6z94ubh/…
chovy
@chovy J'ai eu le même problème. Une fois que vous avez soustrait le carré, prenez les ciseaux et supprimez les coins restants du carré soustrait, puis ajoutez une bordure à la forme résultée et le résultat sera de la réponse ci-dessus.
Lucas Lazaro
6

Je viens de mettre à jour ceci: le tout nouveau plugin Segmented Circle 2.0 Sketch .

Créez automatiquement des graphiques circulaires segmentés précis pour les diagrammes, l'instrumentation et l'analyse. Une énorme mise à jour ajoute des styles de graphique à secteurs à valeurs multiples, des cercles de graduation et des arcs parfaitement pointillés.

Aperçu de l'image

Bauer allemand
la source
1

Il y a même une meilleure solution :-) Tracez d'abord le cercle puis sélectionnez le chemin et cliquez sur Ouvrir le chemin dans l'inspecteur.

en haut à droite Open Path entrez la description de l'image ici

Jim Bamboo
la source
Ce n'est pas beaucoup mieux que les autres réponses, et cela ne fonctionne pas bien pour des angles autres que 90º / 180º / 270º
Luciano
Vous pouvez contourner les 180, 270, etc. en ajoutant un nouveau point dans le chemin, puis en supprimant l'extérieur. Tant que vous utilisez la position centrale pour le contour, les choses fonctionnent assez bien.
Andrew Zimmer du
1

Une autre façon consiste à dessiner un cercle, double-cliquez dessus pour le modifier (il y aura 4 petits points également répartis sur le cercle), et cliquez à l'endroit où vous souhaitez terminer la forme pour avoir un autre petit point qui apparaît. Utilisez les ciseaux pour supprimer toute partie indésirable, la partie à supprimer changera de forme lorsque vous la survolerez avec la souris. Vous pouvez terminer votre forme d'arc avec une fin différente telle que arrondie, cela se fait dans la section de bordure, cliquez sur le COG correspondant pour afficher cette section.

C77Python
la source
0

Bien que vous puissiez simuler un arc dans Sketch, il ne semble pas possible de créer un véritable "arc" comme décrit par les normes svg: https://developer.mozilla.org/en-US/docs/Web/SVG/ Tutoriel / Chemins # Arcs

En effet, l'outil vectoriel effectue exclusivement des courbes de Bézier ( https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Bezier_Curves ) ou des lignes droites des deux côtés d'un vecteur.

Si jamais vous ressentez le besoin de pouvoir créer un arc pour de vrai, il peut être préférable d'écrire simplement votre code svg à la main. J'ai dû le faire plusieurs fois.

Seph Reed
la source