MODUL 3

Dasar Desain Grafis

Mode Warna Desain

Tim Kelas Desain

Memahami perbedaan teknis antara spektrum cahaya (digital) dan pigmen tinta (cetak) sangat krusial untuk menjaga akurasi visual di berbagai media.

Teori Warna

Dasar Teori Warna

Definisi

Ilmu yang mempelajari kombinasi warna menggunakan Lingkaran Warna (Color Wheel). Dalam desain, teori warna digunakan agar karya terlihat harmonis, komunikatif, dan efektif menyampaikan pesan.

Color Wheel

• Warna Primer (Primary Colors): Warna dasar yang tidak dapat dibuat dari pencampuran warna lain: Merah, Kuning, Biru.

• Warna Sekunder (Secondary Colors): Warna hasil pencampuran dua warna primer: Merah + Kuning = Jingga, Kuning + Biru = Hijau, Biru + Merah = Ungu.

• Warna Tersier (Tertiary Colors): Campuran satu warna primer dan satu warna sekunder, misalnya: Kuning-hijau, Merah-jingga, Biru-ungu. Warna ini memberi variasi dan kedalaman dalam desain.

Karakteristik Warna

Setiap warna memiliki tiga sifat utama:

• Hue: Nama warna murni (merah, biru, hijau, dst.). Menentukan identitas dasar warna.

• Saturation (Intensitas): Tingkat kemurnian warna. Warna dengan saturasi tinggi terlihat cerah dan kuat, saturasi rendah terlihat pudar atau kusam.

• Value (Terang–Gelap) Tingkat kecerahan warna. Penambahan putih → lebih terang. Penambahan hitam → lebih gelap.

RGB Mode

Mode RGB

Definisi

RGB (Red, Green, Bulue) merupakan mode warna aditif yang membentuk warna melalui pancaran cahaya. Warna dihasilkan dari kombinasi intensitas merah, hijau, dan biru. Semakin besar intensitas cahaya, warna akan semakin terang; jika ketiganya digabungkan maksimal, hasilnya putih.

Sistem Nilai Warna RGB

Warna RGB direpresentasikan dalam nilai angka 0–255 untuk setiap warna. Contoh:

• Merah murni → RGB (255, 0, 0).

• Biru murni → RGB (0, 0, 255).

• Putih → RGB (255, 255, 255).

Pengaplikasian

• Media Digital: Mode RGB digunakan pada semua perangkat berbasis layar, seperti: monitor komputer, smartphone, tablet, televisi.

• Desain Grafis Digital: Digunakan untuk perangkat lunak desain, banner digital, konten media sosial, desain web, desain UI/UX.

CMYK Mode

Mode CMYK

Definisi

CMYK (Cyan, Magenta, Yellow, Key/Black) adalah mode warna subtraktif yang bekerja dengan cara menyerap cahaya. Warna terbentuk dari proses pencampuran tinta di atas media cetak (kertas, kain, plastik, dan sejenisnya). Semakin banyak tinta yang dicampur, warna akan semakin gelap. Jika semua warna dicampur penuh, hasilnya mendekati hitam.

Sistem Nilai Warna CMYK

Warna CMYK dinyatakan dalam persentase tinta. Rentang nilai: 0% – 100%. Contoh:

• Merah → C:0% M:100% Y:100% K:0%.

• Hitam pekat → C:0% M:0% Y:0% K:100%.

• Abu-abu → kombinasi C, M, Y rendah + K.

Pengaplikasian

• Media Cetak: Digunakan pada seluruh produk cetak: Poster, Brosur, Flyer, Majalah, Buku, Kartu nama.

• Industri Percetakan: CMYK menjadi standar pada: Percetakan offset, Digital printing, Sablon, Packaging (kemasan), serta media cetak lainnya.

COLOR MIXING

Pencampuran Warna

Memahami hasil pertemuan warna primer untuk prediksi output desain yang akurat.

RGB Additive

YELLOW

MAGENTA

CYAN

WHITE

CMYK Subtractive

BLUE

GREEN

RED

BLACK

Grayscale

Definisi

Grayscale (skala abu-abu) adalah sebuah mode warna yang hanya menggunakan berbagai tingkat intensitas warna hitam dan putih. Dalam dunia digital, gambar grayscale tidak memiliki informasi warna (seperti merah, hijau, atau biru), melainkan hanya membawa informasi mengenai luminans (kecerahan).

Karakteristik

• Kedalaman Data: Umumnya menggunakan format 8-bit, yang berarti mampu menampilkan 256 variasi warna abu-abu.

• Ukuran File Lebih Kecil: Karena hanya menyimpan satu saluran (channel) informasi kecerahan (berbeda dengan RGB yang menyimpan tiga saluran), ukuran filenya jauh lebih ringan.

• Fokus pada Kontras: Tanpa gangguan warna, mata manusia akan lebih fokus pada bentuk, tekstur, pencahayaan, dan komposisi.

Pengaplikasian

Mode Grayscale bukan sekadar "foto lama", ia memiliki kegunaan krusial di berbagai bidang: Industri Percetakan (Printing), Fotografi Artistik, Pengolahan Citra Digital (Computer Vision).

Bitmap

Definisi

Mode Warna Bitmap adalah mode citra yang hanya menggunakan salah satu dari dua nilai warna untuk merepresentasikan setiap piksel: Hitam atau Putih. Dalam sistem biner, mode ini hanya memiliki kedalaman bit sebesar 1-bit. Artinya, setiap piksel hanya membawa informasi "nyala" (1) atau "mati" (0). Karena keterbatasan ini, mode Bitmap tidak dapat menampilkan gradasi warna abu-abu (grayscale) maupun warna-warni lainnya secara langsung.

Karakteristik Utama

• Ukuran File Sangat Kecil: Karena hanya menyimpan 1 bit per piksel.

• Tidak Mendukung Layer: Biasanya, saat masuk ke mode ini di perangkat lunak pengolah gambar fitur layer akan terkunci.

Pengaplikasian

• Industri Percetakan (Sablon & Offset): Digunakan untuk membuat film atau plat cetak. Karena mesin cetak seringkali hanya bisa mengeluarkan tinta atau tidak sama sekali, gambar harus diubah ke titik-titik hitam putih (halftone).

• Stempel dan Grafir Laser: Mesin laser grafir bekerja dengan prinsip membakar (hitam) atau tidak membakar (putih) permukaan material.

• Faks dan Printer Thermal: Printer struk belanja atau mesin faks lama menggunakan mode ini untuk efisiensi data dan keterbatasan teknologi cetak panas.

Indexed Color

Definisi

Mode warna yang hanya menggunakan maksimal 256 warna. Sistem ini bekerja dengan Indeks (Tabel Warna); piksel tidak menyimpan data warna rumit, melainkan hanya "nomor urut" warna yang ada di tabel tersebut.

Palet Warna)

• Exact: Menggunakan warna asli jika jumlahnya kurang dari 256.

• Adaptive: Memilih 256 warna yang paling dominan dari gambar asli (paling akurat).

• Web/System: Menggunakan standar warna baku sistem komputer atau browser lama.

• Perceptual: Memprioritaskan warna yang lebih tajam di mata manusia.

Pengaplikasian

• Format GIF & PNG-8: Standar utama untuk gambar web agar ukuran file sangat kecil (ringan).

• Grafis Digital: Sangat efektif untuk Logo, Ikon, dan Elemen UI yang warnanya solid/sedikit.

• Game Retro: Digunakan pada konsol jadul (NES/Game Boy) karena keterbatasan memori mesin.

Lab Color

Definisi

Mode warna paling akurat karena dirancang menyerupai cara mata manusia melihat warna. Berbeda dengan RGB (cahaya) atau CMYK (tinta), LAB memisahkan data cahaya dari data warna.

• L (Lightness): Kecerahan (0-100).

• A: Sumbu warna Hijau (-) ke Merah (+).

• B: Sumbu warna Biru (-) ke Kuning (+).

Karakteristik

• Device Independent: Warnanya tetap sama di layar monitor maupun hasil cetak.

• Wide Gamut: Memiliki cakupan warna paling luas, bahkan melebihi RGB dan CMYK.

• Luminance Separation: Memisahkan detail gambar (L) dari informasi warna (A & B), memudahkan koreksi tanpa merusak detail.

Pengaplikasian

• Standar Konversi: Digunakan sebagai "bahasa perantara" saat mengubah RGB ke CMYK agar warna tidak berubah drastis.

• Koreksi Warna Profesional: Mengubah warna objek secara ekstrem (misal: baju merah jadi hijau) tanpa merusak tekstur/pencahayaan.

• Penajaman Gambar (Sharpening): Memberikan efek Unsharp Mask hanya pada kanal L agar tidak muncul noise warna.

• Industri Tekstil & Plastik: Digunakan untuk mengukur akurasi warna produk fisik secara digital.

HSB Mode

Definisi

Mode warna yang mendefinisikan warna berdasarkan tiga komponen utama yang mudah dipahami logika manusia, bukan berdasarkan campuran cahaya (RGB) atau tinta (CMYK).

• H (Hue): Jenis warna (Merah, Biru, Hijau). Diukur dalam derajat lingkaran (0° - 360°).

• S (Saturation): Kepekatan atau kemurnian warna (0% abu-abu ke 100% warna penuh).

• B (Brightness): Terang atau gelapnya warna (0% hitam ke 100% putih).

Sumbu

• Hue (Warna Utama): Menentukan posisi warna di roda warna.

• Saturation (Intensitas): Menentukan seberapa "pudar" atau "menyala" warna tersebut.

• Brightness (Value): Menentukan seberapa banyak "cahaya" yang dipantulkan warna.

Pengaplikasian

• Color Picker (UI/UX): Standar utama di hampir semua software desain (Photoshop, Figma, Canva) karena paling intuitif bagi desainer saat memilih warna.

• Koreksi Warna (Color Grading): Memudahkan pengubahan warna spesifik (misal: mengubah Hue daun dari hijau ke kuning) tanpa merusak kontras.

• Digital Painting: Membantu seniman mengatur bayangan (Brightness) dan kepekatan warna (Saturation) secara terpisah agar lukisan lebih hidup.

• Computer Vision: Digunakan dalam pemrograman deteksi objek karena lebih stabil terhadap perubahan cahaya dibandingkan mode RGB.

Kesimpulan

Setelah mempelajari teori dan mode warna, dapat disimpulkan bahwa pemahaman terhadap spektrum warna bukan sekadar aspek estetika, melainkan instrumen komunikasi visual yang bersifat teknis dan strategis. Warna memiliki kemampuan untuk merepresentasikan identitas, memicu respons psikologis, serta memperkuat hierarki informasi dalam sebuah karya desain.