Illustrator: bagaimana cara membuat spirograph?


13

Saya mencoba membuat spirograph di Illustrator, sesuai lampiran. Bagaimana saya melakukan ini? Di mana saya memulai?

spirograph

Jawaban:


16

Ok, jadi spirograph hanyalah fungsi dan saya telah membuat skrip menggambar fungsi yang disebut jooGraphFunction . Dengan alat ini, kita bisa pergi dan merencanakan

cos(2*t)*(10*cos(12*t)) -sin(2*t)*(26*sin(12*t)) 
sin(2*t)*(10* cos(12*t)) +cos(2*t)*(26*sin(12*t)) 

selama rentang 0untuk PIdengan melangkah PI/24dan Anda mendapatkan. Di mana 12 adalah jumlah lobus.

masukkan deskripsi gambar di sini

Gambar 2 : Screenshot dari jooGraphFunction GUI dan beberapa versi alternatif dengan jumlah lobus yang berbeda.

masukkan deskripsi gambar di sini

Gambar 2 : Dan menggambar dengan jumlah lobus yang sama seperti milik Anda (36) dibuat dengan teknik yang sama.

Anda juga dapat membedah skrip sebagai titik awal untuk pembelajaran Anda sendiri.


Saya tidak tahu opsi untuk jooGraphFunction tetapi alternatif opensource adalah LaTeX + TikZ. Anda dapat menulis skrip, mengekspornya sebagai pdf dan mengimpornya sebagai grafik vektor di Illustrator. Matlab / Octave juga dapat mengekspor grafik vektor yang bagus.
Crowley

Ini luar biasa, persis apa yang saya cari. Saya perlu menjalankan persamaan parametrik lainnya juga dan ini membuatnya sangat mudah. Terima kasih atas waktu yang dihabiskan untuk ini.
sabithpocker

@Rowley ya baik itu cukup mudah dilakukan di berbagai alat. Skrip dilisensikan di bawah MIT, tidak ada yang menghentikan siapa pun dari memancarkan postscript, atau svg darinya. Tetapi skrip ini dimodifikasi agar sesuai dengan ilustrasi karena skrip ini mencoba menyesuaikan Béziers di atasnya. Dan tidak membuatnya keluar dari segmen seperti kebanyakan alat grafik lakukan.
joojaa

@joojaa hasil TikZ dan Matlab akan tergantung pada pengambilan sampel kurva dan keduanya dapat membuat grafik vektor. Jika diarsir, Matlab hanya mengekspor bitmap, namun ... Saya berharap saya dapat meningkatkan jawaban Anda untuk solusi dan definisi fungsi.
Crowley

@Crowley Matlab dapat mengekspor vektor. Tapi ya saya tahu cara kerja tikz dan matlab.
joojaa

8

Saya tahu OP meminta Illustrator, tetapi jika Anda tidak keberatan menghabiskan nol € / $ pada perangkat lunak, ini adalah fitur asli di Inkscape .

masukkan deskripsi gambar di sini


Itu menarik. Saya belum pernah mencoba inkscape. Saya akan coba ini.
sabithpocker

7

Spirograph yang sebenarnya tidak mudah dicapai, karena merupakan garis yang berkelanjutan, tidak seperti contoh Anda. Anda dapat mencoba skrip Illustrator untuk mencapai itu, atau melihat jawaban Luciano.

Untuk efek yang sangat mirip, Anda akan mengambil bentuk seperti elips atau elips dan memutar dan menyalinnya beberapa kali. Sudut rotasi harus sejumlah derajat sehingga 360 ° habis dibagi.

Cara khas untuk membuat contoh Anda adalah:

  • Gambar elips Anda menggunakan Ellipsealat (pintas L);
  • Pastikan elips mengalami stroke dan tidak mengisi;
  • Dengan elips masih dipilih, beralihlah ke Rotatealat ( R);
  • Dengan Left Altmenekan Anda , klik pusat elips - tanda pendaftaran seharusnya sudah terlihat di sana. Kursor Anda harus berupa salib presisi dengan tiga titik di samping;
  • Dalam dialog yang muncul, pilih sudut (θ) yang, ketika dikalikan dengan bilangan bulat (n), menghasilkan 360 °;
  • Klik Copy ;
  • Pilih Object > Transform > Transform Againatau tekan Cmd / Ctrl+ Duntuk beberapa kali (n-2) sampai gambar Anda selesai.

Atau, Anda dapat menggunakan efek Transform dinamis untuk ini dan menjaga bentuk dan jumlah salinan yang dapat diedit:

  • Gambarkan elips tidak-isi seperti di atas;
  • Dengan bentuk yang dipilih, pilih Effect > Distort & Transform > Transform... ;
  • Pilih sudut Anda θ di bawah tajuk 'Putar'. Jangan menyentuh pengaturan 'Skala' atau 'Pindahkan' (belum);
  • Masukkan sejumlah salinan n-1 di bagian bawah dialog;
  • Tekan OK.

Efek ini diterapkan secara dinamis ke bentuk dasar, Anda dapat mengedit bentuk dan efeknya akan mengikuti. Anda juga bisa double clickpada efek di Appearancepalet untuk mengeditnya. Dengan cara ini, Anda dapat membuat berbagai bentuk dalam sekejap.

Anda dapat bereksperimen dengan semua pengaturan lain untuk membuat karya seni paling menakjubkan dengan cara ini. Mencentang Previewkotak memungkinkan Anda untuk mengintip apa yang Anda capai.

Untuk menambah kesenangan & cekikikan, Anda bisa melakukan trik ini dengan bentuk yang diisi yang memiliki mode campuran non-'normal' dan / atau opacity lebih rendah dari 100%.

pencampuran spirograph


1
Luar biasa, Biarkan saya mencobanya. Tapi sepertinya ini adalah perkiraan untuk spirograph yang merupakan garis tunggal kontinu dan elips tidak berulang.
sabithpocker

1
Anda masih dapat melakukan garis kontinu tanpa skrip, periksa jawaban saya. Meskipun mungkin akan jauh lebih mudah dengan scripting.
Luciano

@Lucian Output yang Anda tunjukkan hanya WOW. Saya sendiri seorang Pemrogram Javascript dan telah melakukan kode spirograph , tetapi tidak pernah mencoba AI Scripting. Saya akan mencobanya juga.
sabithpocker

4

Ada tutorial video yang luar biasa ini yang terlalu panjang untuk dijelaskan di sini, tetapi ada berbagai cara untuk membuat spirograph garis kontinu di Illustrator.

TL / DR; buat elips, putar-duplikat mereka dan bersihkan poin ekstra.

Pastikan Anda telah mengaktifkan panduan pintar (Lihat> Panduan Cerdas)

  1. buat elips yang lebih tinggi dari yang lebih luas (hanya goresan, tanpa isi)
  2. dengan ralat Putar ,option + klik pada jangkar atas dan ketik sudut yang ketika dikalikan dengan angka bulat (n), menghasilkan 360 °. KlikCopy
  3. Sekarang lakukan option klik + pada elips yang baru dibuat, pada titik yang berlawanan.
  4. terus menduplikasi bentuk sampai Anda memiliki (n) bentuk.
  5. Menggunakan a alat ini untuk memilih semua titik di tengah spirograph Anda, dan hapus mereka.
  6. Bergabung dengan path ( cmd+j )
  7. Shift+ seret di sekitar titik yang terakhir dibuat dalam bentuk duplikat terakhir untuk membatalkan pilihan
  8. Konversi anchor point yang dipilih untuk mengklik halus pada tombol di menu Anchor Point
  9. pilih poin un-smooth yang tersisa dan cmd+ shift+ option+ juntuk bergabung dengan poin, pilih "Smooth"

Itu terdengar seperti metode yang sangat bagus. Harus mencoba sendiri!
Vincent

0

Perhatikan bahwa saya menggunakan Illustrator CS 6 Perbedaan dalam pintasan atau tampilan alat yang disorot dalam versi lain dapat terjadi :-)

Pertama buat lingkaran (Tekan L atau gunakan alat gerhana) masukkan deskripsi gambar di sini

Kemudian gunakan lingkaran untuk membuat bentuk kelopak (Tekan E atau gunakan alat transformasi Gratis) seret hanya sisi kanan atau kiri sambil menekan alt untuk membentuk ulang yang sama. masukkan deskripsi gambar di sini

Kemudian buat ujung kelopak yang lebih rendah (Tekan Shift + C atau Gunakan Convert Anchorpoint Tool) masukkan deskripsi gambar di sini

Pilih dua titik di kiri dan kanan lalu sesuaikan ke atas untuk mendapatkan bentuk yang diinginkan (Tekan A atau Direct Selection Tool dan tombol Adjust by up) masukkan deskripsi gambar di sini

Ubah Lokasi Jangkar (Tekan R + Alt + Lokasi-lihat referensi untuk lokasi saya) masukkan deskripsi gambar di sini

Putar Petal sebanyak 5 Ulangi berdasarkan karya seni yang Anda inginkan (360/5 = 72) (Tekan R atau Gunakan Alat Putar + ketik sudut lalu Tekan COPY ) Ulangi Menyalin (Lakukan 3 Kali) dengan Menekan Ctrl D ketika salinannya disorot.

masukkan deskripsi gambar di sini

Sesuaikan bentuk Kelopak Pertama Anda jika Anda membutuhkan bintang yang sempurna di dalamnya.

masukkan deskripsi gambar di sini

Agar garis terlihat, pilih semua path / layer petal dan buat opacity menjadi multiply. masukkan deskripsi gambar di sini


0

Gambar 1 elips ....

Memilih Effect > Distort & Transform > Transform...

Sesuaikan pengaturan ....

masukkan deskripsi gambar di sini


Yah ya itu bukan spirograph :) Sepertinya hanya satu tapi tidak. Juga ini adalah jawaban Vincent. Tapi menurut saya 2 pertanyaan yang tidak persis sama digabungkan
joojaa
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.