Cara Menyesuaikan Satu Gradien Bersama pada Beberapa Objek Vektor di Illustrator

Untuk keperluan ini, “bersama” berarti transisi visual yang berkesinambungan pada karya yang dipilih. Warna yang cocok saja tidak menghasilkan kesinambungan tersebut: gradien juga perlu memiliki posisi, arah, dan rentang yang konsisten.

Bayangkan tiga bentuk dekoratif terpisah yang disusun secara horizontal di samping karakter. Hasil yang Anda inginkan adalah pirus di kiri, perpaduan warna di tengah, dan ungu di kanan. Jika setiap bentuk menampilkan transisi pirus-ke-ungu secara utuh, berarti Anda menggunakan gradien berulang. Dengan perlakuan berkesinambungan, setiap bentuk mendapat bagian transisi yang sesuai dengan posisinya.

Perbedaan ini juga tampak dalam model gradien SVG. Spesifikasi SVG membedakan koordinat yang relatif terhadap kotak pembatas setiap objek dari koordinat dalam sistem koordinat pengguna elemen yang merujuk. Ini menjelaskan mengapa penggunaan ulang definisi gradien saja tidak otomatis menghasilkan transisi spasial yang berkesinambungan. SVG 2: Server Cat—Gradien dan Pola

Mulailah dengan gradien linear untuk transisi yang melintasi bagian dekoratif terpisah pada karakter. Jenis ini memberi Anda titik awal, titik akhir, dan arah yang jelas. Gradien radial cocok untuk transisi yang menyebar dari suatu titik pusat. Alur kerja Adobe untuk beberapa objek mencakup kedua jenis tersebut. Jenis gradien di Illustrator dan Terapkan gradien pada beberapa objek

Pilih sesuai kebutuhan visual:

Tampilan yang diinginkan	Pilihan awal	Keputusan penempatan
Warna melintasi beberapa bagian	Linear	Di mana transisi sebaiknya dimulai dan berakhir?
Warna menyebar ke luar pada beberapa bagian	Radial	Di mana titik pusat sebaiknya berada?
Beberapa area warna yang posisinya diatur secara terpisah dalam satu bentuk	Bentuk bebas	Di mana pengaruh setiap warna sebaiknya menjangkau bentuk?

Gradien bentuk bebas menggunakan titik warna yang ditempatkan di dalam suatu bentuk dan tidak memakai Anotator Gradien linear atau radial. Karena itu, petunjuk di bawah ini menggunakan isian linear. Jenis gradien di Illustrator

Gunakan bentuk-bentuk vektor yang seharusnya ikut dalam transisi. Untuk percobaan awal, gunakan beberapa bentuk sederhana dengan isian dan biarkan detail karakter lainnya di luar pilihan. Dengan begitu, hasilnya lebih mudah dinilai.

1. Pilih satu objek yang akan disertakan, lalu terapkan Gradien Linear.
2. Beralih ke alat Seleksi, lalu Shift-klik objek lainnya.
3. Aktifkan Isian di panel Gradien, lalu terapkan gradien yang sama pada pilihan tersebut.
4. Pilih alat Gradien.
5. Seret dari posisi awal yang diinginkan ke titik akhir yang diinginkan melintasi karya, tanpa menahan Alt atau Option.

Alur kerja yang didokumentasikan Adobe menggunakan seretan ini untuk membuat satu Anotator Gradien. Menyeret sambil menahan Alt di Windows atau Option di macOS akan membuat anotator untuk setiap objek yang dipilih; Adobe membatasi perilaku beberapa anotator ini pada jalur sederhana. Terapkan gradien pada beberapa objek

Sebelum menyempurnakan palet, periksa hasil umumnya. Apakah bagian paling kiri menampilkan warna awal? Apakah bagian tengah menunjukkan transisi? Apakah bagian paling kanan mendekati warna akhir? Gunakan tiga pengamatan ini untuk menentukan apakah gradien mencakup area yang diinginkan.

Biarkan bentuk-bentuk yang disertakan tetap dipilih saat menyempurnakan tampilan keseluruhan. Anotator Gradien mengontrol sudut, lokasi, dan sebaran gradien linear. Pegangan awal berbentuk lingkaran mengubah titik asal; pegangan akhir mengubah rentang, sedangkan kontrol rotasi di titik akhir mengubah sudut. Jenis gradien di Illustrator

Lakukan penyesuaian spasial sebelum penyempurnaan warna. Pertama, tetapkan arahnya. Lalu tentukan seberapa luas karya karakter yang akan memuat transisi tersebut. Terakhir, sempurnakan paletnya. Urutan ini membuat setiap perubahan memiliki tujuan yang jelas dan mengurangi penyesuaian berulang.

Untuk mengedit warna, klik dua kali titik warnanya pada penggeser Gradien, lalu pilih pengganti. Anda dapat menambahkan titik warna lain di bawah penggeser, menyesuaikan opasitas titik, atau memindahkan titik tengah berbentuk wajik untuk mengubah perpaduan di antara titik-titik yang berdekatan. Tambahkan gradien kaya warna pada karya datar

Gunakan kontrol sesuai masalah yang terlihat:

• Arah transisinya salah: sesuaikan sudut gradien.
• Warna berubah di bagian karya yang salah: pertimbangkan kembali posisi awal dan akhirnya.
• Keseimbangan perpaduannya perlu diubah: sesuaikan titik tengah.
• Anda memerlukan warna perantara tertentu: tambahkan titik warna.
• Paletnya sendiri tidak tepat: edit titik warna yang sudah ada.

Gunakan perhitungan posisi sederhana agar penempatan gradien terencana. Angka berikut hanya contoh nilai tata letak, bukan pengukuran dari aset karakter yang telah diuji.

Misalkan bentuk-bentuk dekoratif yang dipilih membentang secara horizontal dari x = 100 hingga x = 500. Tempatkan awal gradien di x = 100 dan akhirnya di x = 500, dengan seretan horizontal. Panjang yang direncanakan adalah 400 unit. Titik di x = 300 berada di tengah rentang tersebut: (300 − 100) ÷ (500 − 100) = 0,5.

Perhitungan ini menunjukkan posisi di sepanjang gradien; hasilnya tidak meramalkan warna yang akan tampil secara persis. Untuk desain awal dengan dua titik warna, gunakan posisi tengah itu sebagai patokan visual. Jika komposisinya memerlukan bagian tengah yang lebih bernuansa pirus, sesuaikan perpaduannya setelah menetapkan rentang keseluruhan.

Anda dapat menerapkan metode perencanaan yang sama secara vertikal. Pilih posisi atas dan bawah yang penting bagi desain karakter, lalu nilai bagian-bagian perantara berdasarkan rentang yang sama. Pertanyaan yang berguna adalah di mana posisi setiap bagian dalam transisi komposisi tersebut.

Periksa satu masalah yang terlihat dalam satu waktu. Mengubah pilihan, geometri, dan warna secara bersamaan akan menyulitkan Anda mengetahui penyesuaian mana yang membantu.

Jika perpaduan tampak dimulai ulang pada setiap bentuk, pilih kembali semua objek yang dimaksud, lalu ulangi satu seretan melintasi seluruh rentang. Jika salah satu bagian tetap tidak berubah, periksa apakah bagian itu benar-benar dipilih dan apakah Anda sedang mengedit isiannya. Jika kontrol yang terlihat berlaku untuk objek-objek terpisah, tinjau apakah Anda menggunakan tombol Alt atau Option.

Jika anotatornya tidak terlihat, pilih Tampilan > Tampilkan Anotator Gradien. Adobe mendokumentasikan kontrol ini untuk menampilkan penggeser gradien pada karya. Jenis gradien di Illustrator

Jika hasilnya sulit dinilai, sederhanakan sementara palet menjadi dua warna yang berbeda jelas. Tetapkan arah dan penempatan yang berkesinambungan terlebih dahulu, lalu masukkan kembali titik warna perantara. Anggap ini sebagai metode pengeditan diagnostik, bukan persyaratan untuk karya akhir.

Tinjau gradien sekali dengan kontrol terlihat, lalu sekali lagi saat karya tidak tertutup. Periksa bagian awal, area transisi, dan titik akhir secara terpisah. Kemudian lihat karakter pada ukuran tampil yang dituju dan tentukan apakah aliran warnanya masih terbaca jelas.

Setelah menyusun ulang bagian-bagian yang disertakan, ulangi pemeriksaan tersebut sebelum mengubah palet lebih lanjut. Uji akhir yang berguna adalah menjelaskan transisi yang diinginkan dalam satu kalimat—misalnya, “pirus dimulai pada hiasan kiri dan menjadi ungu pada hiasan kanan”—lalu membandingkan karya dengan kalimat itu.

Pertahankan urutan pengeditan akhir yang konsisten: pilih bentuk-bentuk yang akan disertakan, tetapkan rentang bersama, sempurnakan titik warna, lalu periksa karakter secara utuh. Urutan ini memberi Anda cara praktis untuk menyesuaikan gradien berkesinambungan sambil tetap memperhatikan desain keseluruhan.

• Pusat Bantuan Adobe: Terapkan gradien pada beberapa objek
• Pusat Bantuan Adobe: Jenis gradien di Illustrator
• Adobe Learn: Tambahkan gradien kaya warna pada karya datar
• World Wide Web Consortium: SVG 2—Server Cat: Gradien dan Pola