Wie mache ich einen unvollständigen Kreisstrich für ein Donut-Diagramm?

11

Ich versuche, diese Art von Schlaganfall zu emulieren:

Diagrammbeispiele

Bisher konnte ich nur über den Strich schreiben und versuchen, ihn zu minimieren (obwohl ich ein Anfänger bin und immer noch nicht das gesamte Pathfinder-Tool vollständig verstehe), aber es ist langweilig und ich bin nicht so toll daran.

Vorschläge?

adobe-illustrator stroke chart yoaquim
quelle
Überlagere einen Kreis mit einem anderen, gib ihnen verschiedene Farben und lösche einfach einen Knoten aus dem oberen Kreis
SaturnsEye
Hallo! Sorta ein Anfänger hier, wenn Sie Knoten sagen ... was genau meinen Sie? Einen Pfad der Form erstellen, die ich abschneiden möchte?
Yoaquim
Ein Ankerpunkt. Verwenden Sie den weißen Cursor, um nur den einen Ankerpunkt und nicht die gesamte Form auszuwählen. Ich würde Schritt für Schritt erstellen, aber ich habe momentan keine Zeit.
SaturnsEye

Antworten:

15

Verwandte, wenn nicht duplizieren: Verschiedene Farbstriche in Illustrator (die Gummiwürmer)

Der einfachste Weg für mich ist nur mit einem Gefälle am Strich ... stellen Sie die mittleren Anschläge so ein, dass sie sich an derselben Stelle befinden.

Geben Sie hier die Bildbeschreibung ein

Der Vorteil dieser Methode besteht darin, dass Sie einfach den Verlauf ändern, um die Abschnitte zu verschieben. Sie müssen keinen Pinsel neu konfigurieren oder neue Formen ausschneiden, wenn Sie Segmente unterschiedlicher Größe benötigen.

Geben Sie hier die Bildbeschreibung ein

Es ist auch einfach, mehrere Farben zu verwenden ....

Geben Sie hier die Bildbeschreibung ein

Scott
quelle
das ist schön, danach nicht leicht zu schneiden, aber die idee ist sehr einfach und interessant.
Ilan
Warum sollten Sie es schneiden müssen? Der springende Punkt dieser Methode ist, dass es nicht erforderlich ist, mehrere Objekte zu erweitern und zu bearbeiten. Es ist alles eine Sache, leicht einzudämmen und zu ändern.
Scott
1
sagen wir mal eine separate Segmente ... will shutterstock.com/pic-156346322/...
Ilan
Das war nicht die Frage @Ilan :) Wenn man die Segmente trennen muss, gibt es mindestens 5 andere Methoden, die ich verwenden würde :) Einige davon sind hier Antworten.
Scott
+1 scheint die schnellste und einfachste Lösung für das zu sein, was das OP erreichen will.
Brian S
13

Wenn Sie viele Segmente benötigen, ist es möglicherweise am einfachsten, das Grafikwerkzeug von Illustrator zu verwenden . Dies ist im Wesentlichen nur ein ausgehöhltes Kreisdiagramm, sodass Sie eine Elipse über einem Diagramm platzieren können, um Ihre Grafik zu erstellen.

Illustrator Kreisdiagramm

Kreis über Kreisdiagramm in Illustrator

JohnB
quelle
1
Dies ist die eleganteste Lösung. Sie können damit mit geringstem Arbeitsaufwand die Größe anpassen. Bei Bedarf können Sie die Gruppierung Ihres Diagramms aufheben (wodurch Sie nicht mehr in der Lage sind, die Proportionen zu bearbeiten) und dann mit dem Shape Builder-Werkzeug oder dem Pathfinder-Bedienfeld zusammengesetzte Formen erstellen.
Evan Oswald
1
Wann immer in Photoshop vermisse ich Illustrator sehr. Ich wünschte, Photoshop hätte tolle Vektor-Tools des Illustrators
Muhammad Umer
@ MuhammadUmer Würde dies nicht zu weiterem Aufblähen der Software führen? Wenn eine Software zu viel von der Leistung einer Geschwistersoftware enthält, stellt sich die Frage, warum beide existieren müssen. PhotoShop wird seit einiger Zeit beschuldigt, Software aufgebläht zu haben. Bequemlichkeit ist wunderbar, muss aber sorgfältig abgewogen werden.
biscuitstack
Ja, Photoshop bietet unzählige Funktionen (Video, 3D usw.), aber für Software, die dem Industriestandard für Grafikdesign entspricht, ist es traurig, dass die Vektorunterstützung nicht ordnungsgemäß ist.
Muhammad Umer
6

Eine ziemlich einfache Möglichkeit, dies zu tun, besteht darin, die Segmente als gerade Balken zu platzieren und daraus einen Kunstpinsel zu erstellen:

Art Brush Beispiel

Die Verhältnisse bleiben gleich. Um einen 25-Pixel-Strich für unseren Kreis mit einer Aufteilung von 25% / 75% zu erstellen, habe ich für den Kunstpinsel Rechtecke mit 25 x 25 x 25 und 75 x 75 Pixel verwendet.

So erstellen Sie einen Art Brush, der von der Adobe-Website ausgeliehen wurde :

Erstellen Sie einen Pinsel

  1. Wählen Sie für Streu- und Kunstpinsel das Bildmaterial aus, das Sie verwenden möchten. Bei Musterpinseln können Sie das Bildmaterial für die Seitenkachel auswählen, dies ist jedoch nicht erforderlich. Ausführliche Richtlinien zum Erstellen von Musterpinseln finden Sie unter Richtlinien zum Erstellen von Musterkacheln. Weitere Informationen zu den Optionen für Musterpinsel finden Sie unter Optionen für Musterpinsel.
  2. Klicken Sie im Pinselbedienfeld auf die Schaltfläche Neuer Neues PinselknopfsymbolPinsel. Alternativ können Sie das ausgewählte Bildmaterial in das Pinselbedienfeld ziehen.
  3. Wählen Sie den Pinsel-Typ aus, den Sie erstellen möchten, und klicken Sie auf OK.
  4. Geben Sie im Dialogfeld Pinseloptionen einen Namen für den Pinsel ein, legen Sie die Pinseloptionen fest und klicken Sie auf OK.
JohnB
quelle
+1 Dies ist eine großartige Option, wenn Sie in irgendeiner Weise kreativ werden möchten. Stellen Sie einfach sicher, dass es korrekt ist und dass Verzierungen die Informationen nicht beeinträchtigen (das Erstellen der Rechtecke mit der 'Stapelleiste' des Diagrammwerkzeugs und das Aufheben der Gruppierung ist eine gute Idee)
user56reinstatemonica8
0

Eine (von vielen) Möglichkeiten, dies zu tun:

  • Zeichne den Kreis
  • Objekt | Pfad | Konturstrich
  • Ziehen Sie ein Paar Hilfslinien aus den Linealen, die den Kreis halbieren
  • Zeichnen Sie ein Rechteck, das größer als der Kreis ist, und stellen Sie die gewünschte Farbe für den größeren Bereich ein
  • Zeichnen Sie ein Rechteck, das in der Mitte des Kreises beginnt und an ihm vorbei reicht.
  • Stellen Sie die zweite Farbe ein
  • Ziehen Sie die Knoten, die sich nicht in der Mitte befinden, bis sie den gewünschten Bereich beschreiben
  • Gruppieren Sie die beiden farbigen Formen und senden Sie sie nach hinten
  • Klicken Sie bei gedrückter Umschalttaste auf den Kreis
  • Objekt | Schnittmaske | Machen Sie (oder drücken Sie Befehl 7)
WillAdams
quelle
Versteh es nicht genau! Entschuldigung, ich bin neu in diesem Bereich: Können Sie eine detailliertere Erklärung geben?
Yoaquim
0

FF Chartwell wurde von Travis Kochel entworfen und ist eine fantastische Schriftart zum Erstellen einfacher Grafiken. Mithilfe von OpenType-Funktionen werden einfache Zahlenfolgen automatisch in Diagramme umgewandelt. Die visualisierten Daten bleiben bearbeitbar und ermöglichen problemlose Updates und das Styling. Und ja, es gibt auch Diagramme im Donut-Stil.

Geben Sie hier die Bildbeschreibung ein

Lucian
quelle