Як зробити неповний обведення кола для діаграми пончиків?

11

Я намагаюся імітувати такий тип обведення:

приклади діаграми

Поки що мені вдалося лише переступити над інсультом і спробувати відключити його (хоча я новачок і досі не розумію цілого інструменту дорожнього руху), але це нудно, і я не такий вже й чудовий на нього.

Пропозиції?

adobe-illustrator stroke chart

— йоакім
джерело

Накладіть один круг над іншим, надайте їм різні кольори та просто видаліть вузол із верхнього кола

— SaturnsEye

Привіт! Сортайте новобранцем тут, коли говорите вузол ... що саме ви маєте на увазі? Створіть контур форми, яку я хочу вирізати?

— йоакім

Точка прив’язки. за допомогою білого курсору виберіть лише одну точку прив’язки, а не всю форму. Я б створив крок за кроком, але зараз не маю часу.

— SaturnsEye

15

Пов’язані, якщо не дублікати: Різні кольорові штрихи в Illustrator (глисти гумми)

Найпростіший спосіб для мене - це лише градієнт по ходу ... встановити середні упори, щоб вони знаходилися в одному місці.

введіть тут опис зображення

Переваги цього методу полягає в тому, що ви просто змінюєте градієнт для переміщення секцій. Не потрібно перенастроювати пензлик або вирізати нові фігури, якщо вам потрібні сегменти різного розміру.

введіть тут опис зображення

Також легко використовувати кілька кольорів ....

введіть тут опис зображення

— Скотт
джерело

це приємно, не просто вирізати після цього, але ідея дуже проста і цікава.

— Ілан

Навіщо тобі потрібно різати? Вся суть цього методу в тому, що немає необхідності розширювати та мати справу з декількома об'єктами. Це все одне, легко міститься і змінюється.

— Скотт

1

скажімо, хочеться окремих сегментів ... shutterstock.com/pic-156346322/…

— Ілан

Це не питання @Ilan :) Якщо потрібно розділити сегменти, я б застосував принаймні 5 інших методів :) Деякі з яких є відповідями тут.

— Скотт

+1, здається найшвидшим і найпростішим рішенням того, що ОП хоче досягти.

— Брайан S

13

Якщо вам потрібно багато сегментів, вам може бути найпростіше використовувати графічний інструмент Illustrator . Це, по суті, лише заглиблена кругова діаграма, тому ви можете розмістити еліпс над діаграмою, щоб створити свою графіку.

Кругова діаграма ілюстратора

Обведіть кругову діаграму в Illustrator

— JohnB
джерело

1

Це найелегантніше рішення. це дозволяє вам повертатися назад і регулювати розмір з найменшим обсягом роботи. якщо вам потрібно, ви можете розгрупувати свою діаграму (через що ви втратите можливість повертатися назад і редагувати пропорції), а потім скористатися інструментом "Форма будівельника" або панеллю Pathfinder для створення складних фігур.

— Еван Освальд

1

Щоразу в фотошопі я дуже сумую за ілюстратором. Я б хотів, щоб у фотошопі були чудові векторні інструменти ілюстратора

— Мухаммед Умер

@MuhammadUmer Хіба це не призведе до подальшого процвітання програмного забезпечення? Якщо частина програмного забезпечення включає в себе занадто багато того, що виконує програмне забезпечення для братів і сестер, то виникає питання, чому вони повинні існувати. PhotoShop вже деякий час звинувачується у розриві програмного забезпечення. Зручність чудове, але його потрібно ретельно продумати.

— бісквіт,

так, фотошоп має багато функцій (відео, 3d тощо), але для програмного забезпечення, що є галузевим стандартом для графічного дизайну, сумно, що він не має належної векторної підтримки.

— Мухаммед Умер

6

Досить простий спосіб зробити це - розмістити сегменти як прямі смуги, а потім створити художню кисть з цього:

Приклад Art Brush

Коефіцієнти залишаться колишніми Отже, для створення обведення 25 пікселів для нашого кола з розділенням 25% / 75%, я використав прямокутники 25px x 25px та 25px x 75px для художньої кисті.

Ось як створити Art Brush, запозичений на веб-сайті Adobe :

Створіть пензлик

Для пензлів та кистей для малювання виберіть художні твори, які ви хочете використовувати. Для пензлів з малюнком ви можете образити зображення для бічної плитки, але це не обов’язково. Детальні вказівки щодо створення кистей для малювання див. Щоб дізнатися більше про параметри кисті для малюнка, див.

Натисніть кнопку «Нова кисть» на панелі «Щітки». Крім того, перетягніть вибрану ілюстрацію на панель «Щітки».

Виберіть тип пензля, який ви хочете створити, і натисніть кнопку ОК.

У діалоговому вікні «Параметри кисті» введіть назву пензля, встановіть параметри пензля та натисніть «ОК».

— JohnB
джерело

+1 - це чудовий варіант, якщо ви хочете будь-яким способом займатися творчістю. Просто переконайтесь, що це точно і що будь-які прикраси не перешкоджають інформації (створення прямокутників за допомогою графіка інструментом "Складений брусок", потім розгрупування - це гарна ідея)

— user56reinstatemonica8

0

Один (із багатьох) способів зробити це:

Намалюйте коло
Об'єкт | Шлях | Контурне обведення
Перетягніть пару напрямних від лінійок, які розбивають коло
Намалюйте прямокутник, більший за коло, встановіть його на потрібний колір для більшої площі
Намалюйте прямокутник, починаючи з центру кола і простягаючись повз нього.
Встановіть його на другий колір
Перетягніть вузли, які не знаходяться в центрі навколо, поки вони не описують потрібну область
Згрупуйте дві кольорові фігури і відправте їх назад
Клацніть натисканням на коло
Об'єкт | Відсічна маска | Зробіть (або натисніть команду 7)

— WillAdams
джерело

Не точно зрозумійте! Вибачте, я новачок у цьому: ви могли б дати більш детальне пояснення?

— йоакім

0

Розроблений Тревісом Кохелем, Ф. Ф. Шартвелл - це фантастичний шрифт для створення простих графіків. За допомогою функцій OpenType прості рядки чисел автоматично перетворюються на графіки. Візуалізовані дані залишаються доступними для редагування, забезпечуючи безпроблемні оновлення та стилізацію. І так, це також робить графіки в стилі пончики.

— Лучан
джерело