Gubuku –

Pernah nggak sih, lagi asyik-asyiknya bikin desain banner atau poster yang estetik, pas diteliti lagi… lah, kok gradient-nya patah-patah? Bukannya kelihatan smooth dan dreamy, malah muncul garis-garis aneh kaya tangga.

Tenang, kamu nggak sendirian! Masalah ini namanya Banded Gradient (alias color banding). Masalah “sepele” tapi sukses bikin desain kelihatan kurang profesional.

Yuk, kita bedah tuntas kenapa ini bisa terjadi dan gimana cara mengatasinya cuma pakai trik simpel: Dither & Noise!

Apa Sih Banded Gradient Itu?

Sederhananya, Banded Gradient adalah kondisi saat perpindahan warna di desain kamu nggak mulus, melainkan membentuk garis-garis terpisah.

Bayangkan ini: Kamu mau bikin gradasi dari warna Biru Tua ke Biru Muda. Harusnya kan perpindahannya smooth banget kaya jalan tol. Tapi karena layar atau software kamu kehabisan “stok” variasi warna di antara dua warna itu, dia maksa membagi warna jadi beberapa blok kasar. Hasilnya? Muncul garis-garis patah!

Kenapa Ini Bisa Kejadian?

1. Bit Depth Terbatas: Desain digital standar biasanya pakai mode 8-bit. Mode ini “cuma” punya 256 tingkatan warna per saluran. Kalau jarak gradasinya terlalu jauh atau terlalu dekat di area yang luas, warna perantaranya bakal abis!

2. Kompresi Gambar: Pas kamu export ke JPG atau diposting ke media sosial, algoritma kompresi bakal “mangkas” detail warna biar ukuran file kecil.

3. Layar / Monitor: Kadang di laptop kamu kelihatan aman, tapi pas dibuka di HP temen malah kelihatan garis-garisnya karena panel layarnya beda.

Solusi Paling Ampuh: Dither & Noise!

Gimana cara ngakalinnya? Rahasianya cuma satu: “Merusak” kerapian warna secara halus.

Kedengarannya aneh, ya? Tapi dengan menambahkan sedikit tekstur acak, mata manusia bakal “tertipu” dan melihat perpindahan warna jadi jauh lebih halus. Teknik ini disebut Dithering atau penambahan Noise.

1. Pakai Fitur Dither bawaan (Cara Tercepat!)

Kalau kamu pakai software desain populer seperti Adobe Photoshop atau Illustrator, sebenarnya mereka sudah punya tombol “ajaib” ini.

Caranya di Photoshop:

• Pas kamu lagi bikin gradasi pakai Gradient Tool (G), tengok ke Options Bar di bagian atas layar.

• Centang kotak Dither.

• Selesai! Photoshop otomatis menyebarkan piksel secara acak supaya gradasinya nggak patah-patah.

2. Tambahkan Textur Noise (Cara Paling Aesthetic!)

Kalau fitur Dither bawaan dirasa kurang mantap, atau kamu pakai software lain seperti Figma / Canva, trik paling juara adalah nambahin sedikit Noise. Plusnya, trik ini bikin desain kamu punya vibes retro/grainy yang lagi hits banget di kalangan Gen Z!

Cara di Photoshop:

1. Buat Layer Baru di atas layer gradient kamu.

2. Isikan warna abu-abu (50% Gray) pada layer baru tersebut, lalu ubah Blending Mode-nya jadi Overlay atau Soft Light.

3. Masuk ke menu Filter > Noise > Add Noise.

4. Set nilai Amount sangat tipis aja (sekitar 1% – 3%).

5. Centang opsi Gaussian dan Monochromatic biar warnanya nggak berubah jadi warna-warni aneh.

Cara di Figma:

1. Pilih layer yang ada gradient-nya.

2. Tambahkan Fill baru di atas warna gradient.

3. Ubah tipe Fill tersebut jadi Image, lalu upload gambar tekstur Noise/Grain (bisa dicari gratisan di Unsplash/Freepik).

4. Turunkan Opacity gambar noise tersebut jadi sekitar 3% – 5%, lalu ubah Blend Mode-nya jadi Overlay.

Rangkuman Trik Biar Gradasi Selalu Mulus

Metode	Kelebihan	Kapan Dipakai?
Centang Dither	Cepat, file tetap bersih tanpa tekstur	Desain UI/UX, Web, App
Add Noise (1-3%)	Memberi efek grainy estetik & ampuh menutup banding	Poster, Feeds IG, Digital Art
Ubah ke 16-bit	Kualitas warna super maksimal	Kebutuhan cetak / Print profesional

Penulis kiki dari smkn 9 bungo