Ескіз - форма дуги?

14

Чи можна створити форму дуги із заданим кутом початку та повороту? (Використання Sketch 3.0 від bohemian.coding)

якась дуга 180 градусів

shapes sketch-app

— pr8x
джерело

4

Ви можете підробити це за допомогою шару> вектор> обертання копій. Просто виберіть форму прямокутника, а потім створіть будь-яку кількість копій. Чим більше копій ви створите, тим гладшою буде дуга.

Ви також можете створити два кола, відняти їх, а потім відняти прямокутник навпіл: Форма дуги в ескізі

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

На жаль, ви не зможете відрегулювати кут чи розміщення. Але якщо ви маніпулюєте фігурами поверх фігур і використовуєте інструменти Pathfinder або Transform, ви повинні мати можливість досягти бажаного ефекту.

— Ашраф Алі
джерело

1

Наскільки я розумію цей метод і використовував його, він надзвичайно налаштований на будь-які кути, яких немає 90, 180 або 270.

— carignan.boy

10

Дякую за Вашу відповідь; ваше рішення є значною альтернативою тому, що я з'ясував. (відняти> ножиці> обертати)

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

(Примітка. Половину покриття кола прямою стрічкою ви також можете створити коло на 180 градусів.)

— pr8x
джерело

5

Для тих, хто плутається, як почати з цього, як я: Намалюй коло. Намалюйте прямокутник, який перекриває коло, як показано на скріншоті CodeMound. Виберіть обидві фігури. Клацніть Віднімання. У вас вийде коло з «скруткою» в ньому. Тепер перейдіть до інструменту «Ножиці» та натисніть прямі лінії, що складають «скрутку», щоб їх зняти.

— камінь

Я не розумію. У мене виходить коло з відсутньою квадратом у правому верхньому квадранті. dropbox.com/s/pv0u8lmg6z94ubh/…

— chovy

@chovy У мене була така ж проблема. Після того як ви віднімете квадрат, дістаньте ножиці і видаліть кути віднятого квадрата, а потім додайте межу до отриманої форми, і результат буде відповідати вище.

— Лукас Лазаро

6

Щойно оновив це: абсолютно новий плагін Segmented Circle 2.0 Sketch .

Автоматично створюйте точну сегментовану кругову графіку для діаграм, приладів та аналітики. Величезне оновлення додає багатозначні стилі кругової діаграми, кружечки з відміткою та ідеально пунктирні дуги.

— Німецький Бауер
джерело

1

Зараз для цього є чудовий плагін для ескізів:

"Створіть кола як області або рядки з власною кількістю точок / сегментів" https://github.com/design4use/gb-sketch-segmentcircle

— schellmax
джерело

1

Є навіть краще рішення :-) Спочатку намалюйте коло, потім виберіть шлях та натисніть відкритий шлях у інспектора.

— Джим Бамбу
джерело

Це не так вже й краще, ніж інші відповіді, і це не дуже добре підходить для кутів, окрім 90º / 180º / 270º

— Luciano

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

— Андрій Циммер

1

Інший спосіб - намалювати коло, двічі клацніть по ньому, щоб відредагувати його (буде 4 маленькі точки, однаково розподілені по колу), і натисніть там, де ви хочете закінчити форму, щоб у вас з’явилася ще одна маленька крапка. Використовуйте ножиці, щоб видалити будь-яку небажану деталь, частина, яку виймаєте, змінить свою форму, коли ви кладете на неї мишкою. Ви можете закінчити форму дуги з різним закінченням, наприклад, закругленим, це робиться в розділі кордону, натисніть на відповідний COG, щоб показати цей розділ.

— C77Python
джерело

0

Хоча ви можете підробити дугу в Sketch, здається, неможливо зробити фактичну "дугу", як описано стандартами svg: https://developer.mozilla.org/en-US/docs/Web/SVG/ Підручник / Шляхи # Дуги

Це тому, що векторний інструмент робить виключно криві Безьє ( https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Bezier_Curves ) або прямі лінії з обох сторін вектора.

Якщо ви коли-небудь відчуваєте необхідність у змозі зробити дугу по-справжньому, можливо, найкраще просто написати свій код svg вручну. Мені довелося це робити більше ніж кілька разів.

— Сеф Рід
джерело