Bagaimana frame garis yang berputar-putar ini dibuat?

19

bingkai garis 1 bingkai garis 2

Saya suka dan selalu bingung dengan desain berputar seperti ini.

Setelah + 10 tahun bekerja sebagai desainer grafis, saya masih belum bisa memahami bagaimana hal itu dilakukan. Desain melengkung geometris secara umum.

Bagaimana mereka menghubungkan bagian mereka yang berbeda dengan begitu mulus? Itu tidak bisa menjadi bagian tunggal yang dibuat dengan tangan seperti dalam menempatkan setiap titik dan menyelaraskan setiap pegangan bézier, itu terlalu sempurna, terlalu geometris untuk dilakukan dengan cara itu.

Adakah di antara Anda yang mengerjakan teknik ini di Illustrator? Apa pendekatannya?

adobe-illustrator vector line-art technique MrMerrick
sumber
Mengapa Anda perlu memberi tahu kami bahwa Anda memiliki 10+ tahun sebagai desainer? Hanya ingin tahu apa manfaatnya menambah pertanyaan.
DᴀʀᴛʜVᴀᴅᴇʀ
Mereka ... ditarik seperti itu? Tidak yakin bagaimana menjawab ini. Mereka adalah segmen kurva yang disatukan. Konsep yang sama seperti menggunakan kurva prancis komputer.
DA01
@ DA01 Nah, melihat orang di bawah usia 30 mungkin tidak pernah melihat kurva Prancis atau digambar di atas kertas dengan penggaris dan kompas. Hanya mengatakan.
joojaa
1
@ joojaa eh .... ya, ya ... OK, saya mengerti maksud Anda. Tetapi akan berdebat siapa pun yang harus dimiliki oleh seorang desainer grafis. Ini seperti seorang arsitek yang tidak tahu apa itu penguasa arsitek. Ya, mereka tidak perlu menggunakannya tetapi itu datang dengan wilayah / sejarah profesi. :)
DA01
@ DA01 Anda akan menemukan bahwa sering orang mengetahui banyak hal yang mereka tidak dapat gabungkan pengetahuan ini secara keseluruhan dan menerapkannya dalam kasus-kasus tertentu. Jadi seharusnya adalah satu hal, tetapi jika seseorang tidak maka lebih penting untuk menjelaskannya. Semua yang bisa saya katakan adalah saya yakin akan jelas bahwa seorang mahasiswa master 4 tahun di bidang teknik mesin akan tahu trigonometri. Rupanya sepertiga dari mereka tidak, tidak juga. Tapi ya saya punya reaksi brengsek lutut yang sama.
joojaa

Jawaban:

24

Ada banyak cara untuk mendekati ini. Anda benar, kurva tidak harus terbuat dari satu bagian, itu bisa dibuat dari beberapa bagian. Bahkan satu kurva dapat dibangun dari beberapa kurva.

Saya telah menjawab pertanyaan serupa, tentang topi spiral , sebagian besar sama berlaku di sini. Ketika Anda lakukan adalah Anda membuat bentuk awal dan kemudian memutar dan mencerminkannya. Gambar selanjutnya adalah contoh yang bagus untuk ini. Kurva dapat dibangun menggunakan 2 busur yang berdekatan misalnya. Juga bisa berupa penggunaan kembali secara liberal atas jalur tunggal yang ditarik, offset, cermin, dan potongan oleh lingkaran dan garis.

Kedua potongan konstruksi dapat dibangun dari fungsi yang berbeda dari spiral. Meskipun memotret dengan kisi yang dibangun secara manual mencapai ketepatan garis yang sama. Lagi-lagi triknya adalah dengan mirror dan memutar bagian-bagian simetris dan segmen garis.

konstruksi loop

Gambar 1 : Konstruksi pola berulang

Melakukan pekerjaan yang akurat di Illustrator tergantung pada penguasaan alat Line , Ellipse tool , Rotate Tool , Mirror Tool , Scale Tool, dan Skew Tool . Dari semua ini yang paling sulit untuk dikuasai adalah alat garis karena penguasaannya dan alat elips tergantung pada Anda tahu cara menggunakan dialog alt klik. Dan untuk alat garis ada 2 alasan untuk melakukan ini!

panduan konstruksi khusus dengan offset

Gambar 2 : Buat panduan konstruksi khusus dan Anda dapat memotong dan melampirkannya ke isi hati Anda.

Cara membuatnya (tutorial, sesuai permintaan)

Untuk menjawab komentar tentang bagaimana itu dibuat, saya akan menjelaskan proses pembuatan Gambar 1 .

  1. Menggambar panduan utama Anda.

    • Mulailah dengan menggambar oval dan segmen garis kecil di tengah oval. Garis ada di sana sehingga saya bisa lebih mudah menjepit ke pusat rotasi (di ujung garis)

      masukkan deskripsi gambar di sini

      Gambar 3 : Ingatlah untuk menandai pusat rotasi Anda, lebih mudah dengan cara ini

    • Gunakan alat putar untuk memutar panduan, dalam hal ini 90 derajat tetapi Anda bisa menggunakan sudut lain. Kiat : Alt+ Klik akan menempatkan pivot dan membuka dialog untuk input numerik.

      Sebenarnya seseorang tidak perlu panduan ketiga dan keempat, tetapi karena pengulangan hanya keystroke pergi saya buat kemudian, itu memberi saya ide yang lebih baik dari apa ukurannya. Sesuaikan panduan sekarang agar sesuai dengan kebutuhan Anda.

      masukkan deskripsi gambar di sini

      Gambar 4 : Luangkan waktu Anda membuat panduan.

    • Anda perlu bersiap untuk memotong oval di persimpangan mereka dan setelah (atau pada) kurva mulai turun ke bawah menuju garis cermin. Untuk ini saya siapkan garis potong tegak lurus dan garis cermin.

      masukkan deskripsi gambar di sini

      Gambar 5 : Siapkan garis potong

    • Salin salah satu oval dan buat layer baru, tempel oval di depan. Kunci layer panduan.

  2. Membangun bentuk.

    • Hapus bagian bawah oval.

    • Masukkan titik di persimpangan oval pertama dan potong oval menjadi 2 di persimpangan oval ke oval.

      masukkan deskripsi gambar di sini

      Gambar 6 : Potong-potong

    • Cermin salinan segmen di atas garis cermin dan bergabung dengan kurva. Tip : jika Illustrator memasukkan rentang di antara hanya memindahkan satu titik ke rentang hapus sisi, mundur dan ulang bergabung, kurva sekarang menunjuk dengan cara yang sama dan tidak akan ada rentang tambahan.

      masukkan deskripsi gambar di sini

      Gambar 6 : Gabung ke cermin

    • Gunakan alat jangkar titik konversi untuk membuat ujung sudutnya bersinggungan. Seret garis singgung tegak lurus ke garis cermin. Tip Jika Anda bekerja dalam sudut yang canggung, Anda dapat mengukur sudut dengan alat garis dan menggunakan prefs untuk memutar kisi Anda.

      Buat garis singgung sedikit lebih pendek dari lebar celah Anda di titik terdekat (atau sama lebar). Orang dapat menyesuaikan seberapa bundar tepi dengan membuat garis singgung yang lebih panjang. Saya membuat bentuknya sedikit lebih runcing daripada pada contoh aslinya untuk menunjukkan seseorang dapat memvariasikan bentuknya dengan bebas.

      masukkan deskripsi gambar di sini

      Gambar 7 Buat garis singgung simetris dan tegak lurus terhadap garis cermin

    • Seret titik kurva kembali sepanjang garis simetri sampai Anda memiliki perilaku asimptotik yang bagus.

      masukkan deskripsi gambar di sini

      Gambar 8 Sesuaikan lingkaran.

    • Sembunyikan panduan dan mirror / rotate dan gabung.

      masukkan deskripsi gambar di sini

      Gambar 9 Gambar akhir.

Posting scriptum

Setelah semua pekerjaan itu, saya ingin mengatakan bahwa grafik fungsi: 

x=20*cos(t)-10*sin(5*t+PI/2)
Y=20*sin(t)+10*cos(5*t+PI/2)

Akan menghasilkan:

masukkan deskripsi gambar di sini

Banyak cara untuk menguliti kucing kurasa.

joojaa
sumber
Jawaban yang bagus, terima kasih! Saya masih ingin melihat sedikit wawasan yang lebih dalam dalam teknik ini, dengan reproduksi langkah demi langkah dari beberapa bentuk yang saya posting, sangat sangat ingin tahu tentang beberapa dari mereka dan seperti apa alur kerja (yang digunakan boolean, teknik alat) , dll) dibutuhkan. Tapi itu terlalu banyak bertanya. Sekali lagi terima kasih atas kiriman yang bagus. Yang tentang topi spiral juga membantu.
MrMerrick
@MrMerrick Selesai
joojaa
Terima kasih banyak telah meluangkan waktu dan upaya untuk menjawab @ joojaa. Potongan puzzle yang hilang bagi saya adalah menggunakan garis-garis simetri pembantu di mana saya dapat mengambil poin di sepanjang mereka untuk menyempurnakan bentuk. Saya sudah terbiasa bekerja dengan barang-barang cermin untuk membuat karya seni geometris, tetapi ketika datang ke kurva dan lebih banyak pekerjaan mengalir saya mengalami kesulitan membuatnya terlihat halus. Saya akan menginvestasikan waktu menjinakkan alat busur itu. Bolehkah saya mengajukan 2 pertanyaan terakhir? 1- apa yang Anda maksud dengan penguasaan alat garis? Saya hanya menggunakan alt untuk membuatnya tumbuh pada arah yang berlawanan dari asalnya atau alt + mengklik untuk mendapatkan dialog buat. Itu saja?
MrMerrick
dan 2- Pada gambar 2 Anda, bagaimana Anda membuat garis bergelombang begitu halus? Apakah itu hanya alat busur atau apakah itu benar-benar titik-demi-titik dibatasi (menahan shift sambil menempatkan dan menyeret poin) lebih baik? Ini adalah yang terjauh yang saya dapatkan dengan alat busur + campuran , yang konyol.
MrMerrick
@MrMerrick ini bezier rentang tunggal. Pokoknya jangan gunakan alat busur tidak berguna. Ketidakbergunaan yang sama berlaku untuk semua alat bentuk lain kecuali spiral, garis dan elips. Meski begitu alat elips kurang optimal. Ilustrator baru juga memiliki alat kurva baru yang lebih baik daripada beziers. B-splines dan spirocurves lebih unggul.
joojaa