Panduan lengkap cara membuat efek bayangan di Figma dengan mudah. Simak tutorialnya berikut ini.
Figma adalah alat desain grafis yang populer digunakan untuk membuat antarmuka pengguna (UI) untuk aplikasi dan situs website.
Salah fitur yang disediakan oleh Figma adalah kemampuan untuk menambahkan efek bayangan pada elemen desain.
Efek bayangan dapat membantu memperjelas hierarki elemen desain dan memberikan dimensi dan kedalaman pada desain.
Cara membuat efek bayangan di Figma – Freepik
Cara membuat efek bayangan di Figma
Kamu bisa menambahkan efek baru di Figma dengan pergi ke bagian “Effects” yang pada panel sebelah kanan.
Lantaran tidak mungkin mengatur ulang efek, kami sarankan untuk menambahkan efek sesuai dengan urutan yang diinginkan.
Kamu dapat menerapkan efek bayangan pada frame, grup, komponen, atau lapisan individu.
1. Pilih lapisan atau objek dari kanvas atau tab “Layers” di panel kiri
2. Klik bagian “Effects” di panel kanan dan pilih “Drop Shadow”
3. Lalu, gunakan dropdown untuk beralih ke “Inner Shadow”
4. Klik ikon “Effect Setting” untuk menyesuaikan pengaturan bayangan.
X: Geser bayangan turun ke sumbu x (horizontal). Gunakan dengan offset Y untuk menetapkan arah sumber cahaya.
Y: Geser bayangan turun ke sumbu y (vertikal). Gunakan dengan offset
X untuk menetapkan arah sumber cahaya.
Fill: Terapkan warna menggunakan picker warna dan setel opacity untuk bayangan.
Blur: Sesuaikan blur atau feathering bayangan. Tingkatkan blur untuk memperhalus bayangan dan mencampurnya dengan latar belakang. Kurangi blur untuk membuat kontras yang lebih tajam.
Spread: Sesuaikan ukuran bayangan untuk merepresentasikan jarak antara objek depan dan belakang.
Cara membuat efek bayangan di Figma – Freepik
Tips membuat bayangan di Figma
Kamu dapat menyalin pengaturan efek lapisan untuk ditempel pada lapisan atau objek lain dari bagian “Effects” di panel kanan.
1. Klik ikon “Effect Setting” , kemudian tekan Esc untuk menghapus seleksi bidang.
2. Gunakan pintasan keyboard untuk menyalin pengaturan:
Mac: ⌘ Command – C
Windows: Ctrl + C
3. Pilih lapisan atau objek yang ingin kamu terapkan efek, dan tempel menggunakan pintasan keyboard:
Mac: ⌘ Command – V
Windows: Ctrl + V
Kamu juga dapat menggandakan efek menggunakan pintasan keyboard:
Mac: ⌘ Command – D
Windows: Ctrl + D
Nah, tadi adalah panduan lengkap cara membuat bayangan di Figma lengkap dengan tips-nya. Semoga membantu.
Comments