Jak wykonać niekompletne obrys koła dla wykresu pierścieniowego?

11

Próbuję emulować ten typ obrysu:

przykłady wykresów

Do tej pory byłem w stanie tylko nadpisać kreskę i spróbować ją zlikwidować (chociaż jestem debiutantem i nadal nie rozumiem całkowicie całego narzędzia szukania ścieżek), ale jest to uciążliwe i nie jestem świetna na to.

Propozycje?

adobe-illustrator stroke chart yoaquim
źródło
Nakładaj jedno koło na drugie, nadaj im różne kolory i po prostu usuń węzeł z górnego koła
SaturnsEye
Cześć! Trochę tu nowicjusza, kiedy mówisz węzeł ... co dokładnie masz na myśli? Utworzyć ścieżkę kształtu, który chcę odciąć?
yoaquim
Punkt kontrolny. użyj białego kursora, aby wybrać tylko jeden punkt kontrolny, a nie cały kształt. Tworzyłem krok po kroku, ale nie mam teraz czasu.
SaturnsEye

Odpowiedzi:

15

Powiązane, jeśli nie duplikaty: Różne pociągnięcia kolorami w programie Illustrator (robaki gummi)

Najłatwiej jest dla mnie po prostu z gradientem na obrysie ... ustawić środkowe ograniczniki w tym samym miejscu.

wprowadź opis zdjęcia tutaj

Zaletą tej metody jest zmiana gradientu w celu przesunięcia sekcji. Jeśli potrzebujesz segmentów o różnych rozmiarach, nie musisz ponownie konfigurować pędzla ani wycinać nowych kształtów.

wprowadź opis zdjęcia tutaj

Łatwo jest także używać wielu kolorów ....

wprowadź opis zdjęcia tutaj

Scott
źródło
to miłe, potem niełatwe do przecięcia, ale pomysł jest bardzo prosty i interesujący.
Ilan
Dlaczego miałbyś to wyciąć? Chodzi o to, że nie ma potrzeby rozszerzania i obsługi wielu obiektów. To wszystko jedno, łatwe do opanowania i zmienione.
Scott
1
powiedzmy, że chcemy osobnych segmentów ... shutterstock.com/pic-156346322/
Ilan
To nie było pytanie @Ilan :) Jeśli trzeba oddzielić segmenty, skorzystam z co najmniej 5 innych metod :) Niektóre z nich są tutaj odpowiedziami.
Scott
+1 wydaje się najszybszym i najprostszym rozwiązaniem tego, co PO chce osiągnąć.
Brian S
13

Jeśli potrzebujesz wielu segmentów, może być najłatwiejsze w użyciu narzędzie do tworzenia wykresów programu Illustrator . Zasadniczo jest to wydrążony wykres kołowy, dzięki czemu można umieścić elipsę nad wykresem, aby utworzyć grafikę.

Wykres kołowy programu Illustrator

Okrąg nad wykresem kołowym w programie Illustrator

JohnB
źródło
1
To najbardziej eleganckie rozwiązanie. umożliwia cofanie się i dostosowanie rozmiaru przy najmniejszym nakładzie pracy. jeśli zajdzie taka potrzeba, możesz rozgrupować wykres (co utraci możliwość cofnięcia się i edycji proporcji), a następnie użyj narzędzia Shape Builder lub panelu Pathfinder, aby utworzyć kształty złożone.
Evan Oswald
1
Ilekroć w Photoshopie bardzo tęsknię za ilustratorem .. Chciałbym, aby Photoshop miał niesamowite narzędzia wektorowe ilustratora
Muhammad Umer
@MuhammadUmer Czy nie wprowadziłoby to dalszego wzdęcia oprogramowania? Jeśli oprogramowanie zawiera zbyt wiele tego, co wykonuje oprogramowanie rodzeństwa, pojawia się pytanie, dlaczego oba muszą istnieć. PhotoShop od dłuższego czasu jest oskarżany o wzdęcie oprogramowania. Wygoda jest cudowna, ale należy ją starannie rozważyć.
herbatniki
tak, Photoshop ma mnóstwo funkcji (wideo, 3d itp.), ale smutne jest, że w przypadku oprogramowania, które jest standardem przemysłowym w zakresie projektowania graficznego, nie obsługuje ono wektorów.
Muhammad Umer,
6

Bardzo prostym sposobem na to jest umieszczenie segmentów jako prostych pasków, a następnie utworzenie pędzla artystycznego z tego:

Przykład pędzla artystycznego

Stosunki pozostaną takie same. Tak więc, aby utworzyć obrys 25px dla naszego koła z podziałem 25% / 75%, użyłem prostokątów 25px x 25px i 25px x 75px dla pędzla artystycznego.

Oto jak utworzyć pędzel artystyczny, pożyczony ze strony Adobe :

Utwórz pędzel

  1. W przypadku pędzli rozproszonych i pędzli artystycznych wybierz kompozycję, której chcesz użyć. W przypadku pędzli wzorka możesz wybrać kompozycję dla kafelka bocznego, ale nie jest to konieczne. Aby uzyskać szczegółowe wytyczne dotyczące tworzenia pędzli wzorka, zobacz Wytyczne dotyczące tworzenia kafelków wzorców. Aby dowiedzieć się więcej o opcjach pędzla wzorka, zobacz Opcje pędzla wzorka.
  2. Kliknij przycisk Nowy pędzel Nowa ikona przycisku pędzlaw panelu Pędzle. Możesz też przeciągnąć wybraną kompozycję do panelu Pędzle.
  3. Wybierz typ pędzla, który chcesz utworzyć, i kliknij OK.
  4. W oknie dialogowym Opcje pędzla wprowadź nazwę pędzla, ustaw opcje pędzla i kliknij przycisk OK.
JohnB
źródło
+1 to świetna opcja, jeśli chcesz być kreatywny w jakikolwiek sposób. Tylko upewnij się, że jest dokładny i że żadne ozdoby nie przeszkadzają w informacji (tworzenie prostokątów za pomocą „paska stosu” narzędzia graficznego, a następnie rozgrupowanie jest dobrym pomysłem)
user56reinstatemonica8
0

Jeden (z wielu) sposobów, aby to zrobić:

  • Narysuj okrąg
  • Obiekt | Ścieżka | Zarys obrysu
  • Przeciągnij parę prowadnic z linijek, które dzielą okrąg
  • Narysuj prostokąt, który jest większy niż okrąg, ustaw go na żądany kolor dla większego obszaru
  • Narysuj prostokąt, zaczynając od środka koła i wychodząc poza niego.
  • Ustaw drugi kolor
  • Przeciągnij węzły, które nie znajdują się w centrum, dopóki nie opisają żądanego obszaru
  • Pogrupuj dwa kolorowe kształty i wyślij je do tyłu
  • Kliknij kółko z wciśniętym klawiszem Shift
  • Obiekt | Maska przycinająca | Wykonaj (lub naciśnij klawisz 7)
WillAdams
źródło
Nie rozumiem tego dokładnie! Przepraszam, jestem nowy w tym: czy mógłbyś podać bardziej szczegółowe wyjaśnienie?
yoaquim
0

Zaprojektowany przez Travisa Kochela FF Chartwell to fantastyczny krój pisma do tworzenia prostych wykresów. Korzystając z funkcji OpenType, proste ciągi liczb są automatycznie przekształcane w wykresy. Wizualizowane dane pozostają edytowalne, co pozwala na bezproblemowe aktualizacje i stylizację. I tak, robi to również wykresy w stylu pączków.

wprowadź opis zdjęcia tutaj

Lucian
źródło