Di tengah tren desain datar, masih ada ruang untuk bayangan yang ditempatkan dengan baik, yang menambah kedalaman tanpa mengubah desain menjadi karnaval. Adobe Illustrator Lebih sederhana daripada yang terlihat: Anda dapat menciptakan bayangan yang bersih dan terkendali yang konsisten dengan komposisi Anda.
Selama bertahun-tahun, garis pemisah antara vektor dan bitmap telah jelas, tetapi batasan tersebut kini telah kabur. Kini, Illustrator bekerja dengan sangat baik dengan efek blur dan mode blending, memungkinkan kita menambahkan bayangan dengan cepat dan fleksibel. Di artikel ini, Anda akan mempelajari cara melakukannya. tiga cara berbeda untuk menghasilkan bayangan, kapan masing-masingnya tepat dan bagaimana menyesuaikannya secara rinci untuk mencapai hasil yang baik.
Jika Anda menggunakan warna abu-abu, Anda mungkin ingat masa-masa ketika, untuk mendapatkan bayangan jatuh di lingkungan vektor, Anda harus membuat TIFF di Photoshop dan memindahkannya ke Illustrator seperti potongan puzzle. Alur kerja itu terdiri dari hasilkan bitmap di Photoshop, ekspor itu dengan keburaman yang diperlukan, lalu tempatkan dan sejajarkan dalam tata letak vektor.
Meskipun berhasil, itu adalah metode yang ceroboh dan tidak dihargai. Itu membutuhkan banyak visualisasi spasialProsesnya lambat, dan setiap perubahan memerlukan pembuatan ulang TIFF dan impor ulang. Jika Anda pernah harus mengoreksi sedikit variasi ukuran atau orientasi, Anda pasti tahu betapa frustrasinya hal itu.
Untungnya, masa-masa itu sudah lama berlalu. Illustrator menawarkan alternatif asli, non-destruktif, dan lebih fleksibel. Metode "retro" ini disebutkan untuk konteks historis, tetapi dalam praktiknya, disarankan untuk membuangnya sepenuhnya.
Metode 1: Sekolah lama
Jika Anda menggunakan warna abu-abu, Anda mungkin ingat masa-masa ketika, untuk mendapatkan bayangan jatuh di lingkungan vektor, Anda harus membuat TIFF di Photoshop dan memindahkannya ke Illustrator seperti potongan puzzle. Alur kerja itu terdiri dari hasilkan bitmap di Photoshop, ekspor itu dengan keburaman yang diperlukan, lalu tempatkan dan sejajarkan dalam tata letak vektor.
Meskipun berhasil, itu adalah metode yang ceroboh dan tidak dihargai. Itu membutuhkan banyak visualisasi spasialProsesnya lambat, dan setiap perubahan memerlukan pembuatan ulang TIFF dan impor ulang. Jika Anda pernah harus mengoreksi sedikit variasi ukuran atau orientasi, Anda pasti tahu betapa frustrasinya hal itu.
Untungnya, masa-masa itu sudah lama berlalu. Illustrator menawarkan alternatif asli, non-destruktif, dan lebih fleksibel. Metode "retro" ini disebutkan untuk konteks historis, tetapi dalam praktiknya, disarankan untuk membuangnya sepenuhnya.
Metode 2: Efek Bayangan Jatuh
Pilihan cepat dan mudah adalah bayangan jatuh. Illustrator menyediakan koleksi efek yang dapat diterapkan dengan dua klik dan diedit kapan pun Anda mau. Untuk mengaksesnya, pilih objek Anda dan buka Efek > Gaya > Bayangan JatuhSebuah kotak dengan parameter utama akan terbuka.
Ini adalah pilihan yang dapat Anda sesuaikan mengontrol penampilan dari bayangan:
- Modo: Menentukan mode pencampuran. Untuk bayangan, Multiply adalah yang paling logis, karena menggelapkan tanpa menghilangkan warna dasar.
- Opacity: mengontrol intensitas bayangan; pada 0% tidak terlihat, pada 100% mungkin terlalu keras.
- Perpindahan X: memindahkan bayangan secara horizontal (kiri/kanan).
- Perpindahan Y: memindahkan bayangan secara vertikal (atas/bawah).
- Mengaburkan: menentukan kelembutan tepian; makin tinggi nilainya, makin lembut bayangannya.
- Warna: Pilih warna bayangan; hitam atau coklat tua biasanya cocok. abu-abu sangat gelap.
Berikut adalah beberapa rekomendasi praktis: pilih Kalikan sebagai mode dasar, dimulai dengan opasitas sedang (20–40%) dan sesuaikan tingkat keburaman berdasarkan ukuran dan jarak objek yang ingin Anda sarankan. Bermainlah dengan warna jika pemandangan memiliki warna dominan (misalnya, bayangan yang sedikit hangat pada permukaan terang).
Keuntungan penting adalah efek ini tidak merusak: Anda akan melihatnya di panel Tampilan dan dapat membukanya untuk mengubah parameter kapan pun Anda mau. Jika Anda membuat kesalahan, cukup edit bayangan dari Penampilan atau menduplikasi objek untuk menguji variasi tanpa rasa takut.
Sekarang, bayangan paralel memiliki batasannya: orientasinya "ortodoks", sejajar dengan kontur objek, tanpa distorsi. Jika Anda membutuhkan bayangan dengan perspektif atau cacat, lebih baik beralih ke metode berikutnya.
Metode 3: Bayangan dengan Gaussian Blur
Pendekatan ini lebih manual, tetapi memberi Anda kebebasan berkreasi yang sangat besar. Pendekatan ini melibatkan "menggambar" siluet bayangan sebagai vektor independen dan menerapkan Gaussian blur padanya. Hasilnya lebih alami dan, yang terpenting, jauh lebih serbaguna daripada bayangan jatuh ketika Anda mencari tetesan panjang, perspektif, atau bentuk tidak beraturan.
Mulailah dengan membangun bentuk bayangan menggunakan Pena atau alat gambar. Pikirkan garis luarnya: tentukan di mana bayangan menempel pada objek dan di mana bayangan memanjang. Sebagai isian, gunakan hitam atau abu-abu sangat gelap; tanpa goresan. Letakkan bentuk ini di belakang objek jika perlu untuk membaurkannya.
Dengan bayangan yang dipilih, terapkan Efek > Buram > Gaussian blurAnda akan melihat kontrol untuk menambah atau mengurangi tingkat keburaman; aktifkan pratinjau untuk melihat bagaimana tepinya melunak. Sesuaikan hingga transisi terasa nyata dalam konteks desain Anda.
Kemudian turunkan Opacity dan atur blending mode menjadi Berkembang biak dari panel Transparansi. Jika ditempatkan di atas bentuk atau gambar lain, bayangan akan menyatu, menggelapkan semua yang ada di bawahnya, seperti halnya dengan cahaya asli.
Jika Anda menginginkan hasil akhir yang lebih halus, bereksperimenlah dengan isian gradien pada bayangan itu sendiri. Misalnya, gradien linier dengan warna hitam yang lebih buram di samping objek dan transparansi pada tingkat ekstrem sebaliknya membantu mensimulasikan jatuhnya cahaya secara sangat alami.
Keunggulan lain dari metode ini adalah kemampuannya untuk beradaptasi dengan perspektif. Anda dapat mendistorsi bentuk bayangan, mengubah skalanya, atau memiringkannya, lalu menyesuaikan kembali keburamannya. Metode ini ideal untuk ilustrasi di mana bayangan "hilang" dalam ruang dan objek. dengan geometri yang kompleks.
Selain itu, Anda dapat menggabungkan bayangan kontak pendek (kecil, dengan sedikit blur dan opasitas tinggi) dan bayangan yang lebih panjang dan menyebar untuk mendapatkan efek falloff secara keseluruhan. Pelapisan dua bagian ini, keduanya dengan Gaussian blur, menciptakan jauh lebih nyata daripada bayangan tunggal yang seragam.
Tips praktis untuk membuat naungan berfungsi
Pertama, tentukan arah cahaya dan pastikan konsisten. Semua bayangan dalam komposisi harus mengarah ke arah yang sama, dengan intensitas dan kelembutan yang serupa. Mempertahankan konsistensi pencahayaan ini akan menghasilkan efek yang lebih baik. jauh lebih kredibel dan nyaman untuk dibaca.
Kedua, hindari warna hitam pekat (#000000) pada tingkat opasitas tinggi; warna ini seringkali terlihat terlalu keras. Abu-abu yang sangat gelap dengan Multiply 20–40% biasanya memberikan hasil terbaik. Pengaturan halus ini memungkinkan bayangan untuk "bernapas" dan pertahankan warnanya Latar Belakang.
Jika Anda menskalakan desain, ingatlah untuk memeriksa nilai blur. Blur yang terlihat bagus saat kecil mungkin tidak terlihat bagus saat besar, begitu pula sebaliknya. Aktifkan preferensi "Skala Goresan dan Efek" saat mentransformasi objek agar kaburnya beradaptasi secara otomatis sesuai ukuran.
Pada bagian yang kompleks dengan banyak bayangan lembut, kinerjanya mungkin menurun. Untuk pengiriman akhir, pertimbangkan untuk memperluas tampilan atau melakukan rasterisasi bayangan secara selektif (pada resolusi yang sesuai) untuk mencerahkan berkas. Dengan cara ini, Anda menghindari kejutan selama ekspor dan mempertahankan aliran fluida pekerjaan.
Kapan harus memilih setiap metode
Jika Anda membutuhkan sesuatu yang instan dan berulang, bayangan jatuh adalah sekutu Anda. Pada tombol, ikon, atau elemen UI dengan geometri yang bersih, bayangan jatuh bekerja dengan sangat baik dan menyesuaikan dalam hitungan detik. Manfaatkan ini ketika orientasi "paralel" sesuai dengan logika visual rancangan.
Untuk adegan dengan kedalaman, produk simulasi 3D, atau ilustrasi dengan bayangan yang terdeformasi, gaya Gaussian adalah kuncinya. Menggambar bentuk dengan tangan memungkinkan Anda untuk menghargai perspektif dan memisahkan bayangan kontak dari bayangan cor, sesuatu yang sulit dengan paralel.
Jika Anda mewarisi berkas lama dengan bayangan raster, pertimbangkan untuk membuatnya ulang menggunakan metode asli. Anda akan mendapatkan peningkatan dalam hal pengeditan, konsistensi, dan kualitas ekspor. Ini adalah upaya kecil yang jika dijumlahkan akan menghasilkan kontrol masa depan yang hebat.
Parameter Utama Bayangan Jatuh (dan Mengapa Itu Penting)
Mode Multiply: Ini standar untuk bayangan karena memadukan warna dengan apa yang ada di bawahnya. Mode lain mungkin berfungsi dalam kasus tertentu, tetapi Multiply dapat diprediksi dan mudah dikendalikan.
Offset X dan Y: Ini meniru arah cahaya. Nilai kecil menunjukkan fokus yang dekat; offset yang lebih besar menunjukkan lebih banyak cahaya lateral. Pastikan semua objek dalam pemandangan memiliki offset yang sama. mirip satu sama lain.
Buram: Tidak ada resep universal. Umumnya, objek yang jauh dari bidang pendukung memiliki bayangan yang lebih lembut; objek yang sangat dekat menghasilkan bayangan yang lebih tajam. Lakukan beberapa uji coba cepat dengan pratinjau aktif sampai Anda menemukan intinya.
Warna: Bayangan tidak selalu sepenuhnya hitam. Di lingkungan yang hangat, cobalah warna abu-abu dengan sentuhan merah/kuning; di lingkungan yang dingin, condong ke biru. Ini adalah nuansa halus yang, dengan opasitas rendah, tambahkan realisme tanpa mengganggu.
Penyesuaian yang menentukan dalam metode Gaussian
Menggambar siluet: Luangkan waktu ekstra untuk menguraikan dasar bayangan di area kontak dengan tepat. Tepi ini, meskipun nantinya akan memudar, akan membuat objek "berdiri" dengan meyakinkan. Bentuk yang sedikit melengkung lebih disukai. disederhanakan tapi solid ke kompleks yang kurang terdefinisi.
Gradien dan Transparansi: Gunakan gradien linier atau radial pada isian bayangan untuk transisi yang lebih alami. Membuat objek lebih buram dan memudar ke arah luar. Teknik ini, dikombinasikan dengan Gaussian, menambahkan lapisan kedua realisme.
Pasca-edit: Karena semuanya vektor dan efek, Anda dapat mengonfigurasi ulang garis luar, menyesuaikan blur, atau mengubah opasitas kapan saja. Ini memungkinkan Anda menyesuaikan bayangan dengan perubahan komposisi tanpa perlu ulangi prosesnya.
Kesalahan umum dan cara menghindarinya
Bayangan yang terlalu gelap: mengurangi keterbacaan dan menutupi warna dasar. Selalu mulai dari yang rendah dan tingkatkan jika perlu. Seringkali, bayangan yang terlalu gelap opasitas 25–35% sudah menyediakan volume yang Anda butuhkan.
Keburaman yang berlebihan: Keburaman yang sangat besar menciptakan lingkaran cahaya yang tampak seperti kabut. Sesuaikan radius secara proporsional dengan ukuran objek dan "lingkungan cahaya" yang ingin Anda simulasikan. Praktik yang baik adalah membandingkan dengan referensi nyata atau dengan elemen-elemen desain itu sendiri yang ada di dekatnya.
Arah yang tidak konsisten: Jika setiap objek menghasilkan bayangan ke arah yang berbeda, keseluruhan gambar akan kehilangan kredibilitas. Lihatlah X dan Y secara paralel, atau pada orientasi siluet dengan Gaussian, dan pertahankan garis sinar umum.
Pencampuran metode yang tidak kritis: Menggabungkan paralel dan Gaussian memang bagus, tetapi lakukan dengan sengaja. Misalnya, gunakan paralel untuk detail mikro UI dan Gaussian untuk elemen utama. Dengan cara ini, Anda tidak akan menghasilkan kebisingan visual.
Pertanyaan umum
Bisakah saya menggunakan kedua metode tersebut secara bersamaan? Ya. Teknik yang efektif adalah menambahkan bayangan kontak Gaussian (yang melekat pada objek) dan bayangan jatuh yang sangat halus untuk memberikan sentuhan keseluruhan. Bersama-sama, keduanya memberikan kedalaman dan kebersihan.
Bagaimana dengan performanya? Beberapa bayangan Gaussian bisa jadi merepotkan. Gunakan tampilan kontur bila perlu dan pertimbangkan untuk merasterisasi bayangan di akhir. Untuk dicetak, ekspor ke PDF/X dengan transparansi yang terkelola dengan baik. hindari kejutan.
Perlukah Anda memperluas tampilan? Hanya di bagian akhir, jika berkas akan dipindahkan dan Anda tidak ingin bergantung pada efek langsung. Saat Anda berada dalam tahap desain, mempertahankan efek yang dapat diedit akan memberi Anda banyak fleksibilitas.
Jika Anda sudah sampai sejauh ini, Anda telah menguasai tiga cara efektif untuk menciptakan bayangan di Illustrator. Anda tahu kapan harus memilih masing-masing, dan cara menyesuaikannya agar memberikan nilai tambah, alih-alih mengganggu. Dengan sedikit latihan dan perhatian pada arah cahaya, opasitas, dan blur, komposisi Anda akan mendapatkan volume dengan cara yang halus dan elegan. hasil yang konsisten dan profesional.