Cara Membuat Efek Bayangan di Figma, Ini Panduan Lengkapnya

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.

Baca Juga 7 Rekomendasi Plugin Figma untuk Warna yang Bisa Bantu Desainer UI UX dalam Hasilkan Karya Keren

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.

Baca Juga 10 Plugin Figma Terbaik buat Desainer UX/UI

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

Baca Juga Daftar Tren Web Design 2023, Lebih Interaktif dan Keren

Nah, tadi adalah panduan lengkap cara membuat bayangan di Figma lengkap dengan tips-nya. Semoga membantu.

#bestdropshadowsettingsfigma #CaramembuatefekbayangandiFigma #desaingrafis #figmadropshadowspread #uiux #gradientblurfigma #figmadropshadowsettings #figma #figmabackgroundblurnotworking