Bagaimana Untuk Mencipta Kecerunan dalam Figma

41

Apabila anda tidak boleh memutuskan satu warna, kecerunan adalah pilihan yang sangat baik. Dalam Figma, anda boleh membuat pelbagai latar belakang kecerunan, meletakkan kecerunan pada bentuk dan teks, mencipta kecerunan strok dan banyak lagi. Anda juga boleh mencipta kecerunan mesh dengan kesan kabur atau dengan pemalam kecerunan mesh komuniti Figma.

Bagaimana Untuk Mencipta Kecerunan dalam Figma

Memandangkan Figma mempunyai begitu banyak cara berbeza untuk mencipta kecerunan, pengguna baharu mungkin bergelut untuk memahami semuanya dari awal. Sudah tentu, percubaan adalah sebahagian daripada proses pembelajaran, tetapi lebih mudah untuk mempunyai semua arahan di satu tempat. Dan artikel ini memberikannya dengan tepat.

Cara Mencipta Gaya Kecerunan Berbeza dalam Figma

Figma menawarkan pelbagai gaya kecerunan yang boleh anda gunakan untuk mengisi latar belakang atau objek pada kanvas dengan pelbagai warna.

  • Linear: Kecerunan linear mempunyai dua warna yang digabungkan bersama dalam garis lurus.

  • Jejari: Dengan kecerunan jejari, warna pertama bermula dari satu titik dan bercantum dengan yang lain dalam semua arah.

  • Sudut: Dalam kecerunan sudut, anda boleh menentukan arah kecerunan bergerak dengan menambah sudut. Ia adalah pilihan terbaik untuk mencipta imej 3D.

  • Berlian: Seperti namanya, kecerunan berlian bermula dari satu titik dan tersebar dalam bentuk berlian.

Langkah-langkah untuk membuat mana-mana gaya kecerunan ini adalah sama. Satu-satunya perbezaan adalah dalam gaya yang anda pilih. Begini cara membuat reka bentuk kecerunan dalam Figma:

  1. Buka fail Figma kosong.
  2. Ketik “Alat Segi Empat” dari bar alat kiri.
  3. Menggunakan alat, lukis segi empat tepat pada kanvas untuk digunakan sebagai rujukan kecerunan.
  4. Pilih segi empat tepat yang dibuat.
  5. Klik pada warna semasa di bawah “Isi” pada panel kanan untuk membuka pemilih warna.
  6. Tekan menu lungsur turun dan tukar “Pepejal” lalai kepada mana-mana gaya kecerunan yang anda mahukan. Dua hentian warna atau kotak akan muncul.
  7. Pilih setiap hentian warna dan pilih warna yang anda mahu tambah pada kecerunan.
  8. Ketik empat titik di sebelah “Isi” untuk menyimpan kecerunan sebagai gaya.

Selepas itu, anda boleh melaraskan nilai ketelusan, letakkan hentian warna di tempat yang anda mahukan satu warna berakhir dan yang kedua untuk bermula, tambah hentian warna lain, gerakkannya di atas kanvas atau tukar sudut kecerunan. Apabila anda selesai melaraskan, simpan kecerunan sekali lagi (Langkah 8).

Nota: Untuk memadamkan hentian warna yang anda tambahkan, pilih hentian dan tekan “Padam” atau “Ruang Belakang” pada papan kekunci anda.

Kini, anda boleh menggunakan gaya kecerunan pada mana-mana objek yang anda mahukan.

Cara Membuat Kecerunan Mesh dalam Figma

Kecerunan mesh popular di kalangan syarikat dan jenama besar. Jika anda pengguna Instagram yang kerap, anda melihatnya setiap hari logo aplikasinya. Oleh itu, mengetahui cara menciptanya boleh berguna dalam situasi apabila anda perlu menambah minat pada projek anda.

Seperti yang dinyatakan, kecerunan mesh boleh dibuat dengan a pasangkan disediakan oleh komuniti Figma. Tetapi terdapat cara yang lebih mudah untuk menambah berbilang warna di mana-mana yang anda mahu pada kanvas anda tanpa memerlukan alat luaran.

Inilah cara untuk mencipta kecerunan mesh dalam Figma:

  1. Masukkan fail Figma baharu.
  2. Buat bingkai.
  3. Tandakan kotak “Klip kandungan” di panel kanan supaya apa sahaja yang keluar dari bingkai akan dipotong.
  4. Mula menambah pelbagai bentuk atau cipta objek anda sendiri dengan alat “Pen” di dalam bingkai.
  5. Tukar “Isi” setiap borang baharu supaya ia berbeza daripada yang lain.
  6. Pilih semua bentuk.
  7. Di bawah “Kesan”, tekan menu lungsur dan pilih “Lapisan kabur.”
  8. Buka tetapan “Lapisan kabur” dan tingkatkan nilai sehingga anda tidak lagi melihat sempadan yang jelas antara bentuk.
  9. Simpan gaya seperti di atas dan gunakannya pada objek lain.

Satu lagi cara untuk mencipta kecerunan mesh adalah dengan menggunakan gaya sudut. Ia memberikan hasil yang sedikit berbeza tetapi menarik sama seperti tutorial pertama.

Inilah yang perlu anda lakukan:

  1. Buka kanvas kosong.
  2. Gunakan bentuk yang anda mahu dan tambahkannya pada kanvas.
  3. Di bawah “Isi”, tukar “Pepejal” kepada “Sudut.”
  4. Pilih warna untuk kecerunan.
  5. Laraskan sudut dan aspek kecerunan yang lain.
  6. Tambah bentuk lain, sebaik-baiknya “Eclipse,” iaitu bulatan.
  7. Letakkannya di atas bentuk lain pada kanvas.
  8. Tambah kecerunan linear dan tukar warna kepada warna yang sepadan dengan yang lain dengan baik.
  9. Di bawah “Kesan”, gunakan kesan “Kabur lapisan” dan kaburkan garisan bentuk baharu untuk menggabungkannya dengan yang pertama.

Bagaimana untuk Kecerunan Imej dalam Figma

Selain daripada mencipta kecerunan, anda juga boleh menindih imej sedia ada dengan kecerunan untuk menambah beberapa dimensi. Ia memberikan kesan “pudar” atau ilusi sumber cahaya yang tidak kelihatan yang bersinar pada imej dari luar.

Begini cara menambah kecerunan pada imej dalam Figma:

  1. Buka fail baharu dalam Figma.
  2. Seret dan lepaskan imej yang anda ingin tambahkan kecerunan pada kanvas.
  3. Tambah bentuk yang sepadan dengan saiz imej di atas.
  4. Pilih gaya kecerunan di bawah bahagian “Isi”.
  5. Pilih warna kecerunan daripada pemilih warna.
  6. Laraskan kelegapan, sudut, dsb.

Anda juga boleh menggunakan alat “Pen” dan melukis bentuk di kawasan yang anda mahukan kecerunan itu.

Cara Mencerunan Teks dalam Figma

Mencipta kecerunan pada teks dalam Figma hampir sama dengan cara anda mencipta kecerunan untuk sebarang bentuk lain. Berikut adalah langkah-langkahnya:

  1. Buka kanvas baharu dalam Figma.
  2. Tekan alat “Teks” dari bar alat di sebelah kiri.
  3. Klik di mana-mana pada kanvas dan mula menulis.
  4. Pilih teks dan pergi ke “Isi.”
  5. Pilih gaya kecerunan.
  6. Tekan setiap kotak warna dan cari warna yang anda mahu tambah pada kecerunan.

Soalan Lazim

Berapa banyak warna yang boleh saya tambahkan pada kecerunan dalam Figma?

Anda boleh menambah seberapa banyak warna yang anda mahu dalam kedua-dua gaya kecerunan Figma standard dan mesh. Tetapi cuba untuk tidak melampaui batas. Memandangkan kecerunan mempunyai berbilang warna peralihan, lebih daripada lima mungkin terlalu banyak, walaupun untuk kecerunan mesh.

Bolehkah saya mengimport kecerunan ke dalam Figma?

Anda boleh mengimport sebarang kecerunan yang anda mahu ke dalam Figma. Sebagai contoh, anda boleh menampal kod daripada CSS (Cascading Style Sheets) dengan membuka panel “Kod” dan menampal kod tersebut. Anda juga boleh mengimport kecerunan daripada Adobe Illustrator.

Di manakah saya boleh mencari kecerunan Figma percuma?

Anda boleh mendapatkan kecerunan Figma percuma dan berbayar dalam Komuniti Figma. Ia menampilkan banyak reka bentuk yang cantik dan unik yang dicipta oleh pengguna Figma. Anda boleh menapis mengikut pemalam, fail dan widget. Cuma taip “kecerunan” dalam bar carian di bahagian atas dan cari yang anda suka.

Dapatkan Funky Dengan Kecerunan Berwarna-warni

Kecerunan ialah cara terbaik untuk menjadikan reka bentuk berbeza dan diperibadikan. Dan Figma membolehkan anda membuat peralihan yang lancar antara mana-mana dua atau lebih warna yang anda pilih. Namun, jangan berlebihan. Campurkan warna yang sesuai dan cuba kekal dalam palet warna yang sama.

Adakah anda sudah mencuba membuat kecerunan dalam Figma? Beritahu kami dalam ulasan di bawah gaya kecerunan yang anda gunakan dan untuk perkara yang anda gunakan.