Cara menggambar roda warna di ilustrator?

10

Cara menggambar roda warna di ilustrator? Saya berpikir untuk membuat banyak busur kecil dengan gradien dan semua warna rona. Ada ide?

masukkan deskripsi gambar di sini

dcRay
sumber

Jawaban:

15

Salah satu caranya adalah dengan menerapkan gradien linier pada goresan. Buat lingkaran, dan usap dengan pola gradien. Pastikan gradien memiliki berhenti seperti pada tabel dan gambar di bawah ini. Gradien mungkin tidak terlihat mulus dalam transisi, tetapi hanya itu yang terlintas dalam pikiran.

+------------+---------------+----------+
| Color Stop |      RGB      | Location |
|------------+---------------+----------|
|      1     | (255, 0, 255) |    0.00% |
|      2     | (0, 0, 255)   |   16.67% |
|      3     | (0, 255, 255) |   33.33% |
|      4     | (0, 255, 0)   |   50.00% |
|      5     | (255, 255, 0) |   66.65% |
|      6     | (255, 0, 0)   |   83.33% |
|      7     | (255, 0, 255) |  100.00% |
+---------------------------------------+

Lingkaran Dibelai Gradien

Opsi Gradien & Berhenti Warna

Hasil akhir

Raffi
sumber
Solusi bagus Raffi! Anda juga bisa melewatkan memasukkan nilai tabel dengan pergi ke Swatch> ikon kontrol> Buka Perpustakaan Swatch> Gradien> Spectrum> dan memilih 'Spectrum' dari set yang memuat.
saskiel
-1

Saya tidak memiliki Illustrator, tetapi ini adalah teknik umum yang dapat saya lakukan di GIMP. Teknik yang sama harus berlaku untuk Illustrator:

  1. Mulai dengan latar belakang hitam
  2. Di editor gradien, buat gradien khusus yang terdiri dari tiga segmen berukuran sama. Yang ketiga adalah warna foreground solid, yang ketiga adalah gradien linier dari foreground ke warna latar belakang, dan sepertiga yang terakhir adalah warna latar belakang yang solid (lihat Lampiran di bawah untuk apa yang seharusnya terlihat).
  3. Pilih Alat Gradient
  4. Pilih gradien Conical (Symmetric)
  5. Pilih mode Campuran tambahan
  6. Gambar tiga gradien, dalam tiga arah (0deg, 120deg, 240deg), dengan tiga warna foreground yang berbeda (misalnya # ff0000, # 00ff00, # 0000ff) hingga warna latar belakang hitam.

Hasil

masukkan deskripsi gambar di sini

Atau, ketika Anda membalikkan semua warna dan gradien, dan kemudian menggunakan mode blending Multiply, Anda akan mendapatkan hasil yang sama persis dengan apa yang akan Anda dapatkan dengan Penambahan:

  1. Mulai dengan latar belakang putih
  2. Buat gradien sama seperti dalam mode Penambahan, tetapi menukar warna foreground dan latar belakang. Buat gradien khusus yang terdiri dari tiga segmen berukuran sama. Yang ketiga adalah warna latar belakang yang solid, yang ketiga adalah gradien linier dari latar belakang ke warna latar depan, dan sepertiga yang terakhir adalah warna latar belakang yang solid (lihat Lampiran 2 di bawah untuk apa yang seharusnya terlihat).
  3. Pilih Alat Gradient
  4. Pilih gradien Conical (Symmetric)
  5. Pilih Multiply blending mode
  6. Gambar tiga gradien, dalam tiga arah (0deg, 120deg, 240deg), dengan tiga warna latar depan terbalik yang berbeda (mis. # 00ffff, # ff00ff, # ffff00) hingga warna latar putih.

Hasil

masukkan deskripsi gambar di sini

Mengapa ini bekerja?

Jika Anda menggunakan color picker di sekitar roda warna, satu hal yang akan Anda perhatikan adalah bagaimana perubahan warna RGB saat Anda memindahkan picker Anda di sekitar roda warna. Pertama Anda mulai dengan merah murni (# ff0000), kemudian saat Anda memutar, Anda akan melihat bagaimana hijau meningkat secara linear sampai Anda mendapatkan kuning (# ffff00), kemudian Anda memutar lebih jauh dan merah menurun secara linear sampai Anda mendapatkan hijau murni (# 00ff00) . Dari sini hal yang sama terjadi dengan hijau dan biru, biru naik secara linear hingga cyan (# 00ffff), diikuti oleh hijau menurun secara linear sampai Anda dibiarkan dengan biru murni (# 0000ff). Dan sekali lagi dengan biru dan merah, merah naik secara linier hingga magenta (# ff00ff), diikuti oleh biru menurun secara linear sampai kita membungkus kembali di sekitar merah murni (# ff0000).

Pada dasarnya, apa yang kita buat dengan gradien berbentuk kerucut kita adalah menambahkan warna primer (Merah, Hijau, Biru) ke latar belakang hitam (# 000000):

masukkan deskripsi gambar di sini

Mode blending "penambahan" secara matematis menambahkan warna ke lapisan di bawahnya (atau dalam kasus alat gradien, ke gambar yang ada). Ini berarti bahwa jika lapisan di bawahnya memiliki warna # 112233 dan warna yang ingin Anda "Tambahkan" adalah # 010203, warna baru adalah # 112233 + # 010203 = # 122436.

Menambahkan tiga gradien kerucut menjadi latar belakang hitam, kita mendapatkan roda warna yang kita harapkan.

Sedangkan teknik Addition bekerja dengan menambahkan warna ke kanvas hitam (# 000000), seperti membuat patung tanah liat. Teknik Multiply bekerja dengan dasarnya mengukir warna yang tidak diinginkan (warna terbalik) dari putih (#ffffff), seperti pematung. Keduanya menghasilkan hasil yang sama persis melalui cara yang sangat berbeda.

Lampiran

Beginilah seharusnya editor gradien terlihat dalam teknik Penambahan:

masukkan deskripsi gambar di sini

Lampiran 2

Beginilah seharusnya editor gradien terlihat dalam teknik Inverse dan Multiply:

masukkan deskripsi gambar di sini

Lie Ryan
sumber
(a) Pertanyaannya adalah tentang Illustrator, yang merupakan program yang sangat berbeda dari GIMP. Dan (b) ... apa? Mengapa Anda tidak mau memilih gradien "spektrum saturasi penuh" yang telah ditentukan sebelumnya dan menggunakan gradien berbentuk kerucut di sana?
wchargin
1
@wchargin: karena saya ingin menjelaskan cara kerja roda warna. Ya, saya bisa melakukannya dengan menggunakan spektrum saturasi penuh untuk mendapatkan roda warna biasa di GIMP, tetapi jika Anda ingin mereplikasi efek menggunakan warna dasar non-standar, maka menggunakan "spektrum saturasi penuh" yang telah ditentukan sebelumnya tidak akan membantu Anda melakukannya bahwa. Dalam hal apapun, saya tidak tahu apakah ada setara dengan "spektrum warna penuh" gradien standar di Illustrator. Teknik yang saya jelaskan dapat bekerja pada hampir semua program pengeditan gambar non-dasar.
Lie Ryan
2
Tapi ada masalah Anda — Illustrator bukan program pengeditan gambar.
wchargin
1
@wchargin: Illustrator memiliki mode gradien, lapisan, dan lapisan campuran. Itu sudah cukup untuk menerapkan gagasan umum di sini.
Lie Ryan