Berdasarkan fungsinya aplikasi warna di layar komputer dibedakan menjadi dua yaitu

Preview:

TRANSCRIPT

Teori Warna Hal.: 1 Isikan Judul Halaman Grafik Komputer 2 Apa itu Warna? Warna adalah elemen terpenting dalam desain grafis. Warna menjadi indikator pembeda antara satu objek dengan yang lain. Dari sudut pandang ilmu fisika, warna dihasilkan dari representasi sinar putih yang dihasilkan oleh matahari atau bola lampu pada spektrum prisma. Hal.: 2 Isikan Judul Halaman Grafik Komputer 2 Teori WarnaWarna di Komputer Di dunia komputer ada banyak sistem warna, antara lain RGB (Red-Green-Blue), CMYK (Cyan-Magenta-YellowBlack), LAB Color (lightness A (Green-red axis) B(blueyellow axis)), HLS (Hue-Lightness-Saturation). Banyaknya sistem warna karena ada perbedaan dalam aplikasi saat cetak. Hal.: 3 Isikan Judul Halaman Grafik Komputer 2 Teori WarnaBerdasarkan fungsinya, aplikasi warna di layar komputer dibedakan menjadi dua, yaitu : 1. warna additive Warna additive digunakan untuk desain tampilan di layar monitor, tidak untuk kebutuhan cetak. Di antara sistem warna additive adalah RGB, LAB Color dan HLS. Desain yang menggunakan model warna additive, misalnya game, wallpaper, web dan video.2. warna subtractive. Warna ini merupakan perpaduan beberapa warna primer. Warna subtractive digunakan untuk kebutuhan cetak. Sistem warna yang digunakan adalah CMYK. Sistem warna ini berasal dari tiga warna primer dan perpaduan ketiganya menghasilkan warna hitam.Hal.: 4 Isikan Judul HalamanGrafik Komputer 2 Spektrum warna Cahaya matahari yang dilewatkan pada prisma menghasilkan spetrum warna. warna objek yang diterima oleh penglihatan manusia ditentukan oleh cahaya dipantulkan oleh objek tersebut. Hal.: 5 Isikan Judul Halaman Grafik Komputer 2 Akromatik vs Kromatik Cahaya akromatik: tidak berwarna, hanya menggunakan intensitas yang diukur dengan tingkat keabuan. Contoh: TV hitam-putih, citra monokrom yang kita gunakan Cahaya kromatik: panjang gelombang 400~700 nm. Tiga satuan yang digunakan untuk mendeskripsikan kualitas dari sumber cahaya akromatik: Radiance Luminance BrightnessHal.: 6 Isikan Judul HalamanGrafik Komputer 2 Cahaya Kromatik Radiansi: jumlah energi yang memancar dari sumber cahaya (dalam satuan watt) Luminasi: jumlah energi yang diterima oleh observer dari sumber cahaya (dalam satuan lumens, lm). contoh: sinar inframerah memiliki radiansi yang besar tapi nyaris tidak dapat dilihat oleh observer Brightness: Deskriptor yang subjektif, mirip dengan pengertian intensitas pada akromatik, walah satu faktor penentu dalam menggambarkan sensasi warna Hal.: 7 Isikan Judul Halaman Grafik Komputer 2 Gelombang warna Hal.: 8 Isikan Judul Halaman Grafik Komputer 2 Pemrosesan Informasi oleh Observer Manusia Persepsi visual Berhubungan dg bagaimana persepsi thd citra oleh observer manusia Pemrosesan awal oleh mata Pemrosesan lebih jauh oleh otak Penting utk mengembangkan image fidelity measure Diperlukan utk perencanaan & evaluasi algoritma & sistem DIP/DIV Trichromatic color theory (Thomas Young): color vision adalah hasil dari tiga photoreceptors berbedaHal.: 9 Isikan Judul HalamanGrafik Komputer 2 Anatomi Mata Hal.: 10 Isikan Judul Halaman Grafik Komputer 2 Mata vs Kamera Hal.: 11 Isikan Judul Halaman Grafik Komputer 2 Persepsi Warna Manusia Retina berisi photo receptors Cones: day vision dp melihat (persepsi) color tone (Hue) Tiga tipe cones (Red, green & blue cones) overlapping passband dg puncak sekitar merah (560 nm), hijau (530 nm) dan biru (440 nm) Teori Tri-receptors color vision [Young 1802] Rods: night vision, persepsi hanya brightness Sensasi color dikarakteristikkan oleh Luminance (brightness) Chrominance Hue (color tone) Saturation (color purity) Respon dari suatu cone bergantung pd panjang gelombang dan intensitasnya Interaksi diantara paling sedikit 2 tipe cone diperlukan utk mendpka kemmampuan mempersepsi warna Diperkirakan masing2 dari tipe cone HVS dp membedakan 100 gradasi berbeda, otak mengkombinasikan variasi ini shg manusi dp membedakan sekita 1 juta warna berbedaHal.: 12 Isikan Judul HalamanGrafik Komputer 2 Trichromatic Color Mixing Dari struktur mata manusia, semua warna dipandang sebagai kombinasi variabel dari primary color: red (R), green (G) dan blue (B) Utk standarisasi CIE (Commission Internationale de lEclairage the International Commission on Illumination): Blue = 435,8 nm Green = 546,1 Red = 700 nm Nilai R, G, dan B yg diperlukan utk membentuk sembarang color disebut nilai tristimulus: X, Y, Z Suatu color dispesifikasikan oleh trichromatic coefficient:x = Z/(X+Y+Z) y = Y/(X+Y+Z) z = Z/(X+Y+Z) x + y + z =1 Hal.: 13 Isikan Judul Halaman Grafik Komputer 2 Bagaimana Warna Dinyatakan Warna dinyatakan dalam komponen RGB (red, green, blue), CMYK (cyan, magenta, yellow, black), HSV, HLS atau YIQ.Mengubah RGB ke CMYK: C = 1 - R M = 1 - G Y = 1 - B K = min(C,M,Y) C = C - K M = M - K Y = Y - K RGB color cube Hal.: 14 Isikan Judul Halaman Grafik Komputer 2 CIE Colorspace CIE (Commision Internationale dEclairage) mendefinisikan spektrum warna seperti gambar berikut: Hal.: 15 Isikan Judul Halaman Grafik Komputer 2 CIE Chromacity Diagram Lebih mudah melihat warna CIE dalam diagram berikut Hal.: 16 Isikan Judul Halaman Grafik Komputer 2 Color Gamut Beberapa device hanya bisa menampilkan spektrum warna yang terbatas10 Hal.: 17 Isikan Judul Halaman Grafik Komputer 2 Dithering Classical halftone pada suratkabar Dithering dilakukan untuk mensimulasikan warna yang lebih banyak daripada yang bisa dihasilkan suatu device Dibutuhkan saat kapan?11 Hal.: 18 Isikan Judul Halaman Grafik Komputer 2 Dither Pattern Pada komputer, dithering merupakan trade-off antara spatial resolution dan warna.Hal.: 19 Isikan Judul HalamanGrafik Komputer 2 Membuat Dither Pattern Pattern ukuran berapapun dapat dibuat dengan rule di atas. Lihat contoh pattern 8x8 di atas!Hal.: 20 Isikan Judul HalamanGrafik Komputer 2 Warna primer vs warna sekunder (pada cahaya) Warna primer: red (R), green (G), blue (B) perhatikan bahwa komponen RGB saja tidak bisa menghasilkan semua spektrum warna, kecuali jika panjang gelombangnya juga dapat bervariasi Warna sekunder: Magenta (R+B), cyan (G+B), yellow(R+G) Campuran 3 warna primer: putih Hal.: 21 Isikan Judul Halaman Grafik Komputer 2 Warna primer vs warna sekunder pada pigmen Warna primer: magenta, cyan, yellow Definisi: menyerap warna primer cahaya dan merefleksikan/mentransmisikan dua warna lainnya Warna sekunder: R,G,B Campuran ketiga warna: hitam Hal.: 22 Isikan Judul Halaman Grafik Komputer 2 Hal.: 23 Isikan Judul Halaman Grafik Komputer 2 Brightness, hue, saturation Tiga karakteristik yang digunakan untuk membedakan satu warna dengan lainnya Brightness: intensitas kromatik Hue: panjang gelombang dominan dalam campuran gelombang cahaya (warna dominan yang diterima oleh observer). Kita menyebut suatu benda merah atau biru -> berarti kita menyebutkan hue-nya Saturasi: kemurnian relatif (pada spektrum warna murni: merah, oranye, kuning, hijau, biru, dan violet tersaturasi penuh, sedangkan pink saturasinya lebih rendah Hue + saturasi kromatisitas Hal.: 24 Isikan Judul Halaman Grafik Komputer 2 Model Warna Memfasilitasi spesifikasi warna, model warna digunakan untuk menspesifikasikan sebuah sistem koordinat 3D untuk representasi warna Model warna berorientasi hardware: model RGB untuk monitor warna dan kamera video, model CMY untuk printer warna, model YIQ untuk siaran TV warna Hal.: 25 Isikan Judul Halaman Grafik Komputer 2 Model RGB- unit cube Hal.: 26 Isikan Judul Halaman Grafik Komputer 2 Model RGB: kubus warna Hal.: 27 Isikan Judul Halaman Grafik Komputer 2 Hal.: 28 Isikan Judul Halaman Grafik Komputer 2 Safe RGB Colors Banyak sistem terbatas pada 256 warna walaupun 24-bit citra RGB tersedia Dibentuklah kumpulan warna RGB aman (dapat digunakan pada semua sistem: all-systems-safe) Dari 256 warna tersebut, 40 warna diproses dengan cara yang berbeda oleh bermacam OS, sisanya tinggal 216 warna yang berlaku umum bagi semua sistem.Hal.: 29 Isikan Judul HalamanGrafik Komputer 2 Safe RGB Colors 216 warna ini telah menjadi standar de facto untuk safe colors, terutama untuk aplikasi internet. Setiap 216 warna ini terdiri dari 3 komponen RGB, tapi masing-masing hanya boleh bernilai 0,51,102, 153, 204, 255 (lihat tabel di bawah) Warna merah murni: FF0000, biru murni: 0000FF, hitam: 000000, putih: FFFFFF Hal.: 30 Isikan Judul Halaman Grafik Komputer 2 216 safe colors Hal.: 31 Isikan Judul Halaman Grafik Komputer 2 Model CMY Asumsikan semua nilai warna dinormalisasi menjadi [0,1] Model CMY digunakan untuk membuat output hardcopy CMYK K adalah warna keempat: hitam; karena CMY yang dicampur tidak dapat menghasilkan warna hitam pekat, sedangkan seringkali kita harus mencetak dengan warna hitam pekat. Rumusan: C=1R M=1G Hal.: 32 Y = 1 B Isikan Judul HalamanGrafik Komputer 2 Model HSI RGB dan CMY tidak cocok untuk mendeskripsikan colors berdasarkan interpretasi manusia Hue (H), Saturation (S), Intensitas (I) Hue: mendeskripsikan warna murni Saturasi: derajat banyaknya warna murni dilunakkan dengan warna putih In

RGB dan CMYK

Berdasarkan fungsinya aplikasi warna di layar komputer dibedakan menjadi dua yaitu
CMYK

Perbedaan Warna CMYK dan RGB

CMYK

RGB