Desainer, pelajar, dan siapa pun yang membuat latar belakang layar dapat menggunakan kontrol untuk membentuk gradien sebelum mengekspornya. Gambar dibuat secara lokal di browser, sehingga Anda dapat membuat file tanpa mengunggah pilihan warna ke tempat lain.
Cara menggunakan Generator Latar Belakang Gradien
- Pilih Isi latar belakang: solid, linear, atau radial. Atur Warna utama, lalu tambahkan atau hapus titik gradien untuk membentuk perpaduan yang diinginkan.
- Untuk gradien linear, sesuaikan Sudut gradien (derajat). Gunakan Benih acak dan Preset gradien (Laut atau Senja), lalu pilih Buat dari benih untuk membuat variasi berbasis benih. Titik gradien di posisi yang sama sengaja membentuk tepi tajam.
- Pilih preset Resolusi keluaran, seperti 1920x1080, 1080x1080, atau 1080x1920. Pilih Kustom untuk memasukkan sendiri Lebar keluaran (piksel) dan Tinggi keluaran (piksel).
- Pilih PNG, JPG, atau WEBP pada Format gambar. Pratinjau berukuran kecil; pilih Unduh gambar untuk membuat dan mengunduh file berukuran penuh.
- Pilih Salin CSS gradien dasar jika Anda memerlukan CSS untuk gradien dasar. Gunakan Layar penuh untuk memperluas tampilan, Sembunyikan kontrol untuk menghilangkan kontrol dari tampilan, atau Atur ulang untuk memulai kembali. Tekan F untuk layar penuh, R untuk mengatur ulang, dan Escape untuk keluar dari layar penuh.
Kapan menggunakannya
- Membuat wallpaper desktop: pilih resolusi layar lebar seperti 1920x1080 atau 3840x2160 agar sesuai dengan bentuk layar yang umum.
- Membuat latar belakang ponsel: pilih opsi potret 1080x1920 untuk komposisi vertikal.
- Menyiapkan latar belakang grafis persegi: pilih 1080x1080 untuk kanvas persegi.
- Mencoba kombinasi warna: sesuaikan Warna utama dan titik gradien sebelum mengunduh, alih-alih berulang kali mengedit file yang sudah diekspor.
- Membuat latar belakang dengan batas warna tajam: tempatkan titik gradien di posisi yang sama untuk menghasilkan tepi tajam yang disengaja.
- Menggunakan titik awal yang familier: pilih Laut atau Senja sebagai Preset gradien, lalu buat variasi dari sebuah benih.
- Menambahkan gradien ke desain web: salin CSS gradien dasar sebagai titik awal untuk gaya latar belakang.
Tips untuk latar belakang gradien yang lebih baik
Pilih bentuk keluaran sebelum menyempurnakan warna: gradien yang tampak seimbang dalam pratinjau lebar mungkin terlihat berbeda pada gambar potret atau persegi. Jika Anda sudah menentukan ukuran kanvas, gunakan Kustom lalu masukkan lebar dan tingginya.
| Pilihan | Pengaruhnya |
|---|---|
| Sudut gradien (derajat) | Mengatur arah gradien linear. |
| Titik gradien | Memberi Anda kendali atas warna dan transisi dalam perpaduan; titik di posisi yang sama menghasilkan tepi tajam. |
| Format gambar | PNG, JPG, dan WEBP tersedia. JPG dan WEBP dapat mengubah nilai piksel. |
| Resolusi keluaran | Mengatur dimensi gambar yang diunduh. Dukungan 8K bergantung pada perangkat. |
Pratinjau hanya merupakan representasi berukuran kecil: gambar lengkap dibuat saat Anda memilih Unduh gambar. Untuk implementasi CSS, ingat bahwa Salin CSS gradien dasar hanya menjelaskan gradien dasar, bukan pola, teks, atau bentuk tambahan.
Batasan yang perlu diingat
Generator Latar Belakang Gradien membuat gambar yang dapat diunduh, tetapi tidak menjamin hasilnya akan terlihat sama di setiap layar atau browser. Perenderan kanvas dan CSS dapat berbeda pada bagian tepi, terutama di sekitar titik gradien yang tajam. JPG dan WEBP juga dapat mengubah nilai piksel, jadi pilih PNG jika mempertahankan nilai piksel secara tepat itu penting.
Ukuran keluaran maksimum adalah 33.177.600 piksel, dan ekspor berukuran sangat besar dapat bergantung pada perangkat Anda; 8K tidak dijamin berfungsi di semua perangkat. Jika unduhan besar berjalan lambat atau gagal, pilih resolusi yang lebih kecil atau masukkan dimensi kustom yang lebih kecil. Untuk pekerjaan yang membutuhkan warna akurat, periksa gambar hasil ekspor di perangkat lunak yang akan digunakan dan pada layar sasaran.
