Sketsa - Bentuk Busur?

14

Apakah mungkin untuk menghasilkan bentuk busur dengan sudut start dan sapuan yang diberikan? (Menggunakan Sketsa 3.0 oleh bohemian.coding)

sekitar 180 derajat busur

shapes sketch-app

— pr8x
sumber

4

Anda bisa memalsukannya dengan menggunakan Layer> Vector> Rotate Copies. Cukup pilih bentuk persegi panjang dan kemudian buat sejumlah salinan. Semakin banyak salinan yang Anda buat, semakin halus lengkungannya.

Anda juga bisa membuat Dua Lingkaran, kurangi, lalu kurangi menjadi empat: Bentuk Busur di Sketsa

Akhirnya, Anda bisa menggambarnya dengan alat pena (meskipun Anda akan kehilangan akurasi dalam prosesnya.

Sayangnya, Anda tidak akan dapat menyesuaikan sudut atau sapuan. Tetapi jika Anda memanipulasi bentuk di atas bentuk dan menggunakan alat Pathfinder atau Transform, Anda harus dapat mencapai efek yang Anda inginkan.

— Ashraf Ali
sumber

1

Sejauh yang saya mengerti metode ini dan telah menggunakannya, itu sangat dibikin untuk setiap sudut yang tidak 90, 180 atau 270.

— carignan.boy

10

Terimakasih atas tanggapan Anda; solusi Anda adalah alternatif yang cukup untuk yang saya sudah tahu. (kurangi> gunting> putar)

masukkan deskripsi gambar di sini

(Catatan: Dengan setengah menutupi lingkaran dengan persegi Anda juga dapat membuat lingkaran 180 deg.)

— pr8x
sumber

5

Bagi siapa pun yang bingung tentang bagaimana memulainya dengan ini, seperti saya: Gambarlah sebuah lingkaran. Gambarlah sebuah persegi panjang yang tumpang tindih dengan lingkaran seperti yang ditunjukkan pada tangkapan layar CodeMound. Pilih kedua bentuk. Klik Kurangi. Anda akan mendapatkan lingkaran dengan "twist" di dalamnya. Sekarang pergi ke alat Gunting dan klik garis lurus yang membentuk "twist" untuk menghapusnya.

— batu

Saya tidak mengerti. Saya mendapatkan lingkaran dengan persegi yang hilang di kuadran kanan atas. dropbox.com/s/pv0u8lmg6z94ubh/…

— chovy

@ chovy saya punya masalah yang sama. Setelah Anda mengurangi kuadrat, dapatkan gunting dan hapus sudut-sudut yang tersisa dari kuadrat dikurangi, kemudian tambahkan perbatasan ke bentuk yang dihasilkan dan hasilnya akan menjadi jawaban di atas.

— Lucas Lazaro

6

Baru saja memperbarui ini: plugin Sketsa Segmented Circle 2.0 baru .

Secara otomatis membuat grafik sirkuler tersegmentasi yang tepat untuk diagram, instrumentasi, dan analitik. Pembaruan besar menambahkan gaya bagan pai multi-nilai, lingkaran tanda centang, dan busur putus-putus sempurna.

— Bauer Jerman
sumber

1

Sekarang ada plugin sketsa yang bagus untuk ini:

"Buat lingkaran sebagai area atau garis dengan jumlah titik / segmen khusus" https://github.com/design4use/gb-sketch-segmentcircle

— schellmax
sumber

1

Bahkan ada solusi yang lebih baik :-) Pertama menggambar lingkaran kemudian pilih jalur dan klik jalur terbuka di inspektur.

— Jim Bamboo
sumber

Itu tidak jauh lebih baik daripada jawaban yang lain, dan itu tidak bekerja dengan baik untuk sudut selain 90º / 180º / 270º

— Luciano

Anda bisa mendapatkan sekitar 180, 270, dll dengan menambahkan titik baru ke jalur dan kemudian menghapus yang di luar. Selama Anda menggunakan posisi tengah untuk garis besar, semuanya berjalan cukup baik.

— Andrew Zimmer

1

Cara lain adalah menggambar lingkaran, klik dua kali untuk mengeditnya (akan ada 4 titik kecil yang tersebar merata di atas lingkaran), dan klik di mana Anda ingin mengakhiri bentuk sehingga Anda memiliki titik kecil lain yang muncul di sana. Gunakan gunting untuk menghapus bagian yang tidak diinginkan, bagian yang akan dihapus akan berubah bentuk ketika Anda mengarahkan mouse ke atasnya. Anda dapat menyelesaikan bentuk busur Anda dengan akhir yang berbeda seperti bulat, ini dilakukan di bagian perbatasan, klik pada COG terkait untuk menampilkan bagian ini.

— C77Python
sumber

0

Meskipun Anda dapat memalsukan busur di Sketch, tampaknya tidak mungkin membuat "arc" yang sebenarnya seperti yang dijelaskan oleh standar svg: https://developer.mozilla.org/en-US/docs/Web/SVG/ Tutorial / Jalur # Arcs

Ini karena alat vektor tidak secara eksklusif kurva Bezier ( https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Bezier_Curves ) atau garis lurus dari kedua sisi vektor.

Jika Anda pernah merasa perlu untuk membuat busur nyata, mungkin yang terbaik adalah hanya menulis kode svg Anda dengan tangan. Saya harus melakukannya lebih dari beberapa kali.

— Seph Reed
sumber