Comment faire un coup de cercle incomplet pour un graphique en anneau?

11

J'essaie d'imiter ce type de coup:

exemples de graphiques

Jusqu'à présent, je n'ai pu que survoler le trait et essayer de le désactiver (même si je suis une recrue et que je ne comprends toujours pas complètement l'outil Pathfinder), mais c'est fastidieux et je ne suis pas génial à elle.

Suggestions?

adobe-illustrator stroke chart

— yoaquim
source

Superposez un cercle sur un autre, donnez-leur des couleurs différentes et supprimez simplement un nœud du cercle supérieur

— SaturnsEye

Salut! Sorta une recrue ici, quand vous dites nœud ... que voulez-vous dire exactement? Créer un tracé de la forme que je veux couper?

— yoaquim

Un point d'ancrage. utilisez le curseur blanc pour sélectionner uniquement un point d'ancrage et non la forme entière. Je créerais une étape par étape mais je n'ai pas le temps pour le moment.

— SaturnsEye

15

Associés, sinon en double: différents traits de couleur dans Illustrator (les vers gummi)

Le moyen le plus simple pour moi est simplement avec un dégradé sur le trait ... réglez les arrêts du milieu pour qu'ils soient au même endroit.

entrez la description de l'image ici

Les avantages de cette méthode sont que vous modifiez simplement le dégradé pour déplacer les sections. Il n'est pas nécessaire de reconfigurer un pinceau ou de découper de nouvelles formes si vous avez besoin de segments de tailles différentes.

entrez la description de l'image ici

Il est également facile d'utiliser plusieurs couleurs ....

entrez la description de l'image ici

— Scott
source

c'est bien, pas facile à couper après ça, mais l'idée est très simple et intéressante.

— Ilan

Pourquoi auriez-vous besoin de le couper? L'intérêt de cette méthode est qu'il n'est pas nécessaire de développer et de traiter plusieurs objets. C'est une seule chose, facilement contenue et modifiée.

— Scott

1

disons que l'on veut des segments séparés ... shutterstock.com/pic-156346322/…

— Ilan

Ce n'était pas la question @Ilan :) Si l'on a besoin de séparer les segments, il y a au moins 5 autres méthodes que j'utiliserais :) Certaines sont des réponses ici.

— Scott

+1, semble la solution la plus rapide et la plus simple pour ce que le PO souhaite accomplir.

— Brian S

13

Si vous avez besoin de nombreux segments, il peut être plus simple d'utiliser l'outil graphique d'Illustrator . Il s'agit essentiellement d'un graphique circulaire évidé, vous pouvez donc placer une élipse sur un graphique pour créer votre graphique.

Graphique à secteurs illustrateur

Entourez le graphique à secteurs dans Illustrator

— JohnB
source

1

C'est la solution la plus élégante. il vous permet de revenir en arrière et d'ajuster la taille avec le moins de travail. si vous en avez besoin, vous pouvez dissocier votre graphique (auquel vous perdriez la possibilité de revenir en arrière et modifier les proportions), puis utiliser l'outil Shape Builder ou le panneau Pathfinder pour créer des formes composées.

— Evan Oswald

1

Chaque fois que dans Photoshop, je manque chèrement l'illustrateur .. Je souhaite que Photoshop ait des outils vectoriels impressionnants d'illustrateur

— Muhammad Umer

@MuhammadUmer Cela n'introduirait-il pas de nouveaux ballonnements logiciels? Si un logiciel intègre trop ce que fait un logiciel frère, cela soulève la question de savoir pourquoi ils doivent tous deux exister. PhotoShop est accusé de ballonnement logiciel depuis un certain temps maintenant. La commodité est merveilleuse mais doit être considérée avec soin.

— biscuitstack

oui photoshop a des tonnes de fonctionnalités (vidéo, 3d, etc.) mais pour les logiciels standard de la conception graphique, il est triste de constater qu'il ne prend pas correctement en charge les vecteurs.

— Muhammad Umer

6

Une façon assez simple de le faire est de placer les segments sous forme de barres droites, puis de créer un pinceau artistique à partir de cela:

Exemple de pinceau artistique

Les ratios resteront les mêmes. Donc, pour créer un trait de 25 pixels pour notre cercle avec une répartition de 25% / 75%, j'ai utilisé des rectangles de 25 pixels x 25 pixels et 25 pixels x 75 pixels pour le pinceau artistique.

Voici comment créer un pinceau artistique, emprunté au site Web d' Adobe :

Créer un pinceau

Pour les pinceaux Scatter et Art, sélectionnez l'illustration que vous souhaitez utiliser. Pour les pinceaux à motifs, vous pouvez sélectionner l'illustration pour la tuile latérale, mais ce n'est pas nécessaire. Pour obtenir des instructions détaillées sur la création de brosses à motifs, consultez la section Lignes directrices pour la construction de tuiles à motifs. Pour en savoir plus sur les options de pinceau de motif, voir Options de pinceau de motif.

Cliquez sur le bouton Nouveau pinceau dans le panneau Pinceaux. Vous pouvez également faire glisser l'illustration sélectionnée vers le panneau Pinceaux.

Sélectionnez le type de pinceau que vous souhaitez créer, puis cliquez sur OK.

Dans la boîte de dialogue Options de pinceau, entrez un nom pour le pinceau, définissez les options de pinceau et cliquez sur OK.

— JohnB
source

+1, c'est une excellente option si vous voulez faire preuve de créativité de quelque manière que ce soit. Assurez-vous simplement qu'elle est exacte et que tout embellissement ne gêne pas les informations (la création des rectangles avec la barre empilée de l'outil graphique, puis la dissociation est une bonne idée)

— user56reinstatemonica8

0

Une (parmi de nombreuses) façons de procéder:

Dessinez le cercle
Objet | Chemin | Coup de contour
Faites glisser une paire de guides des règles qui coupent le cercle
Dessinez un rectangle qui est plus grand que le cercle, réglez-le sur la couleur que vous souhaitez pour la plus grande zone
Tracez un rectangle en commençant au centre du cercle et en le dépassant.
Réglez-le sur la deuxième couleur
Faites glisser les nœuds qui ne sont pas au centre jusqu'à ce qu'ils décrivent la zone souhaitée
Regroupez les deux formes colorées et envoyez-les à l'arrière
Maj clic sur le cercle
Objet | Masque d'écrêtage | Faire (ou appuyer sur la commande 7)

— WillAdams
source

Ne l'obtenez pas exactement! Désolé, je suis nouveau sur ce point: pourriez-vous donner une explication plus détaillée?

— yoaquim

0

Conçu par Travis Kochel, FF Chartwell est une police de caractères fantastique pour créer des graphiques simples. En utilisant les fonctionnalités d'OpenType, de simples chaînes de nombres sont automatiquement transformées en graphiques. Les données visualisées restent modifiables, permettant des mises à jour et un style sans tracas. Et oui, il fait également des graphiques de style beignet.

— Lucian
source