Di tengah-tengah kegilaan reka bentuk rata, masih ada ruang untuk bayang-bayang yang diletakkan dengan baik, yang menambah kedalaman tanpa mengubah reka bentuk menjadi karnival. Adobe Illustrator Ia lebih mudah daripada yang kelihatan: anda boleh mencipta bayang-bayang yang bersih dan terkawal yang konsisten dengan komposisi anda.
Selama bertahun-tahun, garis jelas telah dilukis antara vektor dan peta bit, tetapi halangan itu telah kabur. Hari ini, Illustrator berfungsi dengan hebat dengan kesan kabur dan mod pengadunan, membolehkan kami menambah bayang-bayang dengan cepat dan fleksibel. Dalam artikel ini, anda akan belajar cara melakukannya. tiga cara berbeza untuk menghasilkan bayang-bayang, apabila setiap satu sesuai dan cara menyesuaikannya secara terperinci untuk mencapai hasil yang baik.
Jika anda menjadi kelabu, anda mungkin masih ingat hari-hari apabila, untuk mendapatkan bayang-bayang jatuh dalam persekitaran vektor, anda perlu mencipta TIFF dalam Photoshop dan membawanya ke dalam Illustrator seperti kepingan teka-teki. Aliran kerja itu terdiri daripada hasilkan peta bit dalam Photoshop, eksportnya dengan kabur yang diperlukan dan kemudian letak dan selaraskannya dalam susun atur vektor.
Walaupun ia berkesan, ia adalah kaedah yang kekok dan tidak berterima kasih. Ia memerlukan banyak visualisasi spatialIa perlahan, dan sebarang perubahan memerlukan membuat semula TIFF dan mengimportnya semula. Jika anda pernah terpaksa membetulkan sedikit variasi dalam saiz atau orientasi, anda akan tahu betapa mengecewakannya.
Nasib baik, hari-hari itu sudah lama berlalu. Illustrator menawarkan alternatif asli, tidak merosakkan dan lebih serba boleh. Kaedah "retro" ini disebut untuk konteks sejarah, tetapi dalam praktiknya, adalah dinasihatkan untuk membuangnya sepenuhnya.
Kaedah 1: Sekolah lama
Jika anda menjadi kelabu, anda mungkin masih ingat hari-hari apabila, untuk mendapatkan bayang-bayang jatuh dalam persekitaran vektor, anda perlu mencipta TIFF dalam Photoshop dan membawanya ke dalam Illustrator seperti kepingan teka-teki. Aliran kerja itu terdiri daripada hasilkan peta bit dalam Photoshop, eksportnya dengan kabur yang diperlukan dan kemudian letak dan selaraskannya dalam susun atur vektor.
Walaupun ia berkesan, ia adalah kaedah yang kekok dan tidak berterima kasih. Ia memerlukan banyak visualisasi spatialIa perlahan, dan sebarang perubahan memerlukan membuat semula TIFF dan mengimportnya semula. Jika anda pernah terpaksa membetulkan sedikit variasi dalam saiz atau orientasi, anda akan tahu betapa mengecewakannya.
Nasib baik, hari-hari itu sudah lama berlalu. Illustrator menawarkan alternatif asli, tidak merosakkan dan lebih serba boleh. Kaedah "retro" ini disebut untuk konteks sejarah, tetapi dalam praktiknya, adalah dinasihatkan untuk membuangnya sepenuhnya.
Kaedah 2: Kesan Drop Shadow
Pilihan yang cepat dan mudah ialah drop shadow. Illustrator termasuk koleksi kesan yang boleh digunakan dengan dua klik dan diedit pada bila-bila masa anda mahu. Untuk mengaksesnya, pilih objek anda dan pergi ke Effect > Stylize > Drop ShadowKotak akan dibuka dengan parameter utama.
Ini adalah pilihan yang boleh anda laraskan mengawal penampilan dari bayang-bayang:
- Cara: Mentakrifkan mod adunan. Untuk bayang-bayang, Multiply adalah yang paling logik, kerana ia menjadi gelap tanpa membasuh warna asas.
- Kelegapan: mengawal keamatan bayang-bayang; pada 0% ia tidak kelihatan, pada 100% ia mungkin terlalu keras.
- Anjakan X: menggerakkan bayang secara mendatar (kiri/kanan).
- Anjakan Y: menggerakkan bayang secara menegak (atas/bawah).
- Kabur: menentukan kelembutan tepi; semakin tinggi nilai, semakin lembut bayang-bayang itu.
- warna: Pilih naungan bayang-bayang; hitam atau coklat gelap biasanya berfungsi. kelabu yang sangat gelap.
Berikut ialah beberapa cadangan praktikal: pilih Darab sebagai mod asas, bermula dengan kelegapan sederhana (20–40%) dan laraskan kabur berdasarkan saiz objek dan jarak yang anda ingin cadangkan. Main dengan warna jika pemandangan mempunyai warna yang dominan (cth., bayang-bayang hangat sedikit pada permukaan yang terang).
Kelebihan penting ialah kesan ini tidak merosakkan: anda akan melihatnya dalam panel Rupa dan boleh membukanya untuk mengubah suai parameter bila-bila masa anda mahu. Jika anda membuat kesilapan, hanya edit bayang daripada Rupa atau menduplikasi objek untuk menguji variasi tanpa rasa takut.
Sekarang, bayang selari mempunyai hadnya: orientasinya adalah "ortodoks," selari dengan kontur objek, tanpa herotan. Jika anda memerlukan bayang-bayang dengan perspektif atau cacat, adalah lebih baik untuk beralih kepada kaedah seterusnya.
Kaedah 3: Bayang dengan Gaussian Blur
Pendekatan ini lebih manual, tetapi ia memberi anda kebebasan kreatif yang besar. Ia melibatkan "melukis" bayang bayang sebagai vektor bebas dan menggunakan kabur Gaussian padanya. Hasilnya lebih semula jadi dan, di atas semua, jauh lebih serba boleh daripada bayang jatuh apabila anda mencari titisan panjang, perspektif atau bentuk tidak sekata.
Mulakan dengan membina bentuk bayang-bayang menggunakan Pen atau alat lukisan. Fikirkan tentang garis besarnya: tentukan tempat ia melekat pada objek dan tempat ia memanjang. Sebagai isian, gunakan hitam atau kelabu yang sangat gelap; tiada strok. Letakkan bentuk ini di belakang objek jika perlu untuk menggabungkannya.
Dengan bayang-bayang dipilih, gunakan Effect > Blur > kabur GaussianAnda akan melihat kawalan untuk menambah atau mengurangkan jumlah kabur; aktifkan pratonton untuk melihat cara tepi menjadi lembut. Laraskan sehingga peralihan berasa boleh dipercayai dalam konteks reka bentuk anda.
Kemudian turunkan Opacity dan tetapkan mod adunan kepada Banyakkan daripada panel Ketelusan. Diletakkan di atas bentuk atau imej lain, bayang-bayang akan bercantum, menggelapkan segala-galanya di bawahnya, sama seperti dengan cahaya sebenar.
Jika anda sedang mencari kemasan yang lebih halus, percubaan dengan isian kecerunan pada bayang itu sendiri. Contohnya, kecerunan linear dengan warna hitam yang lebih legap di sebelah objek dan ketelusan secara melampau bertentangan membantu mensimulasikan kejatuhan cahaya secara semula jadi.
Satu lagi kelebihan kaedah ini ialah keupayaannya untuk menyesuaikan diri dengan perspektif. Anda boleh memutarbelitkan bentuk bayang-bayang, menukar skalanya atau condongkannya, dan kemudian melaraskan semula kabur. Ia sesuai untuk ilustrasi di mana bayang-bayang "hilang" di angkasa dan untuk objek. dengan geometri kompleks.
Selain itu, anda boleh menggabungkan bayang sentuhan pendek (kecil, dengan sedikit kabur dan kelegapan tinggi) dan bayang resap yang lebih panjang untuk keseluruhan kejatuhan. Lapisan dua keping ini, kedua-duanya dengan kabur Gaussian, mencipta a jauh lebih nyata daripada satu bayang seragam.
Petua praktikal untuk membuat teduhan berfungsi
Pertama, tentukan arah cahaya dan konsisten. Semua bayang-bayang dalam komposisi harus menghala ke arah yang sama, dengan keamatan yang sama dan kelembutan yang serasi antara satu sama lain. Mengekalkan konsistensi pencahayaan ini mencapai keseluruhan jauh lebih boleh dipercayai dan selesa dibaca.
Kedua, elakkan hitam tulen (#000000) pada kelegapan tinggi; ia sering kelihatan terlalu keras. Kelabu yang sangat gelap dengan Multiply pada 20–40% biasanya berfungsi dengan baik. Tetapan halus ini membolehkan bayang "bernafas" dan simpan warna latar belakang.
Jika anda menskalakan reka bentuk anda, ingat untuk menyemak nilai kabur. Kabur yang kelihatan baik kecil mungkin tidak sebagus besar, dan begitu juga sebaliknya. Hidupkan pilihan "Skala Strok dan Kesan" apabila menukar objek supaya kabur menyesuaikan diri secara automatik kepada saiz.
Dalam kepingan kompleks dengan banyak bayang lembut, prestasi mungkin menurun. Untuk penghantaran akhir, pertimbangkan untuk mengembangkan penampilan atau secara selektif rasterizing bayang-bayang (pada resolusi yang sesuai) untuk mencerahkan fail. Dengan cara ini, anda mengelakkan kejutan semasa eksport dan penyelenggaraan aliran bendalir kerja.
Bila hendak memilih setiap kaedah
Jika anda memerlukan sesuatu yang segera dan boleh diulang, bayangan jatuh adalah sekutu anda. Pada butang, ikon atau elemen UI dengan geometri bersih, ia berfungsi hebat dan melaraskan dalam beberapa saat. Ambil kesempatan daripadanya apabila orientasi "selari" sesuai dengannya logik visual reka bentuk.
Untuk adegan dengan kedalaman, produk 3D yang disimulasikan atau ilustrasi yang bayang-bayangnya cacat, gaya Gaussian adalah kuncinya. Melukis bentuk dengan tangan membolehkan anda menghormati perspektif dan memisahkan bayang kenalan daripada bayang tuang, sesuatu sukar dengan selari.
Jika anda pernah mewarisi fail lama dengan bayang-bayang rasterisasi, pertimbangkan untuk membuat semula fail tersebut menggunakan kaedah asli. Anda akan mendapat keuntungan dalam pengeditan, konsistensi dan kualiti eksport. Ia adalah satu usaha kecil yang menambah sehingga kawalan masa depan yang hebat.
Parameter Utama Drop Shadows (dan Mengapa Ia Penting)
Mod darab: Ini ialah standard untuk bayang-bayang kerana ia menggabungkan warna dengan apa yang ada di bawahnya. Mod lain mungkin berfungsi dalam kes tertentu, tetapi Multiply boleh diramal dan mudah dikawal.
X dan Y mengimbangi: Ini meniru arah cahaya. Nilai kecil mencadangkan tumpuan yang rapat; offset yang lebih besar membayangkan lebih banyak cahaya sisi. Pastikan semua objek dalam adegan berkongsi offset yang sama. serupa antara satu sama lain.
Kabur: Tiada resipi universal. Secara umum, objek yang lebih jauh dari satah sokongan mempunyai bayang-bayang yang lebih lembut; objek yang sangat dekat memberikan bayang-bayang yang lebih tajam. Lakukan beberapa ujian pantas dengan pratonton aktif sehingga anda dapati maksudnya.
Warna: Bayang tidak selalunya hitam sepenuhnya. Dalam persekitaran yang hangat, cuba kelabu dengan sentuhan merah/kuning; dalam persekitaran yang sejuk, condong ke arah biru. Ini adalah nuansa halus yang, dengan kelegapan rendah, tambahkan realisme tanpa mengganggu.
Pelarasan tegas dalam kaedah Gaussian
Lukisan siluet: Luangkan satu minit tambahan dengan betul menggariskan dasar bayang-bayang di kawasan sentuhan. Tepi ini, walaupun ia pudar kemudian, adalah yang membuatkan objek "berdiri" dengan meyakinkan. Bentuk sedikit melengkung adalah lebih baik. ringkas tetapi padat kepada kompleks yang kurang jelas.
Kecerunan dan Ketelusan: Gunakan kecerunan linear atau jejari dalam isi bayang-bayang untuk peralihan yang lebih semula jadi. Menjadikan objek lebih legap dan pudar ke luar. Teknik ini, digabungkan dengan Gaussian, menambah a lapisan kedua realisme.
Selepas penyuntingan: Memandangkan semuanya adalah vektor dan kesan, anda boleh mengkonfigurasi semula garis besar, melaraskan kabur atau menukar kelegapan pada bila-bila masa. Ini membolehkan anda menyesuaikan bayang kepada perubahan komposisi tanpa perlu buat semula proses.
Kesilapan biasa dan cara mengelakkannya
Bayang-bayang yang terlalu gelap: ia mengurangkan keterbacaan dan mengatasi warna asas. Sentiasa bermula rendah dan naik lebih tinggi jika perlu. Selalunya, bayang yang terlalu gelap 25–35% kelegapan sudah menyediakan volum yang anda perlukan.
Kabur yang dibesar-besarkan: Kabur gergasi menghasilkan lingkaran cahaya yang kelihatan seperti kabus. Laraskan jejari mengikut perkadaran dengan saiz objek dan "persekitaran cahaya" yang ingin anda simulasikan. Amalan yang baik adalah untuk membandingkan dengan rujukan sebenar atau dengan elemen reka bentuk yang berdekatan.
Arah tidak konsisten: Jika setiap objek melemparkan bayangnya ke arah yang berbeza, keseluruhan gambar kehilangan kredibiliti. Lihat X dan Y secara selari, atau pada orientasi bayang dengan Gaussian, dan kekalkan a garis pancaran biasa.
Percampuran kaedah yang tidak kritikal: Menggabungkan selari dan Gaussian adalah bagus, tetapi lakukan dengan niat. Contohnya, gunakan selari untuk butiran mikro UI dan Gaussian untuk elemen utama. Dengan cara ini anda tidak menjana bunyi visual.
Soalan biasa
Bolehkah saya menggunakan kedua-dua kaedah pada masa yang sama? ya. Teknik yang berkesan ialah menambah bayang sentuhan Gaussian (dilekatkan pada objek) dan bayang jatuh yang sangat halus untuk memberikan sentuhan keseluruhan. Bersama-sama, mereka menyediakan kedalaman dan kebersihan.
Bagaimana pula dengan prestasi? Berbilang bayang Gaussian boleh menjadi seretan. Bekerja dengan pandangan kontur apabila perlu dan pertimbangkan untuk meraster bayang-bayang pada penghujungnya. Dalam cetakan, eksport ke PDF/X dengan ketelusan yang diurus dengan baik. mengelakkan kejutan.
Sekiranya anda mengembangkan penampilan? Hanya pada penghujungnya, jika fail itu akan bergerak dan anda tidak mahu bergantung pada kesan langsung. Semasa anda dalam fasa reka bentuk, mengekalkan kesan boleh diedit memberi anda banyak fleksibiliti.
Jika anda telah berjaya sejauh ini, anda telah menguasai tiga cara berkesan untuk mencipta bayang-bayang dalam Illustrator, anda tahu bila untuk memilih setiap satu dan cara melaraskannya supaya ia menambah nilai dan bukannya menonjol. Dengan sedikit latihan dan perhatian kepada arah cahaya, kelegapan dan kabur, gubahan anda akan mendapat volum dengan cara yang halus dan elegan. hasil yang konsisten dan profesional.