You don t always need it

Transkripsi

1

2

3

4 Warna

5 You don t always need it

6

7

8

9

10

11

12

13 You don t always need it Variasi kecerahan (brightness/ shades of grey) sudah mencukupi Manusia secara sempurna dapat mengenali suatu obyek meskipun tidak berwarna Beberapa keuntungan image tanpa warna Ukuran file lebih kecil Relatif sama jika ditampilkan pada segala media keluaran Jika digunakan secara efektif, sangat berguna

14

15 Warna Warna adalah efek cahaya yang dipantulkan oleh benda ke mata kita Obyek tampak berwarna karena kemampuan mereka untuk memantulkan, menyerap atau meneruskan cahaya

16 Persepsi

17

18

19

20

21 Spectral Power Distribution Pengukuran kuantitas warna secara fisik Panjang gelombang yang hanya dapat dilihat antara 400nm dan 700 nm

22 Model Warna Agar warna dapat diproses secara elektronik/digital diperlukan model warna Model warna ditujukan agar sensasi subyektif dapat diukur dan dapat diproduksi kembali untuk menghasilkan fenomena fisik warna

23 rods cones bipolar ganglion horizontal amacrine light

24 Persepsi Warna Struktur mata Dua sel reseptor Rods (sel batang) Cones (sel kerucut) Cones memiliki 3 jenis, yang merespon panjang gelombang cahaya yang berbeda

25 Trisitimulus Theory Sembarang warna dapat dispesifikasikan hanya dengan tiga nilai, dengan memberikan bobot pada setiap komponen Sering disimpulkan (secara tidak akurat) sebagai respon tiap sel kerucut terhadap cahaya merah, hijau dan biru

26 Model Warna RGB Mana yang disebut sebagai Red, Green, Blue? Tidak ada standar yang secara universal diterima ITU-R BT.709 Tidak mungkin merepresentasikan seluruh warna di alam dengan model RGB

27 RGB RGB additive primary colours Berbeda dengan artist s primary colours Layar televisi & CRT monitor dibuat dari tiga jenis fosfor & tiga jenis electron beam Untuk produksi warna hanya memainkan intensitas electron beam

28 Model Warna RGB Secara praktis, mayoritas warna yang ada di alam berada pada RGB Gamut RGB useful, simple, efficient Ditulis dalam format : (r,g,b) Masing-masing komponen bernilai bebas

29 RGB Image

30 CMY Color Model Cyan (C), Magenta (M), Yellow (Y), Black (K) W = White C = G + B = W R M = R + B = W G Y = R + G = W B Subtractive untuk tinta dan percetakan

31 CMY

32 CMYK Color Model CMYK = Cyan, Magenta, Yellow, black transmit Cyan removes Red B G R Magenta removes Green B G R Yellow removes Blue B G R Black removes all

33 Contoh: red = magenta + yellow B G R magenta + B G R yellow = red B G R B G R R

34 CMY + Black C + M + Y = K (black) Menggunakan tiga warna untuk Black sangat mahal C+M+Y = dark brown bukan black Black bukan dari C+M+Y lebih kontras dan tajam = C M Y K C M Y

35 RGB & CMYK Additive (RGB) Subtractive (CMYK)

36

37 dari RGB ke CMY = B G R Y M C = Y M C B G R 1 1 1

38

39 Ruang/Model Warna Linear (RGB, CMYK) Artistic View (Munsell, HSV, HLS) Standard (CIE-XYZ) Perceptual (LUV, Lab) Opponent (YIQ, YUV) used in TV

40 The Artist Point of View Hue Warna yang kita lihat (red, green, purple) Saturation Seberapa jauh warna dari abu-abu. (pink kurang tersaturasi dibandingkan red) Brightness/Lightness (Luminance) Seberapa bright sebuah warna white

41 Color Wheel Dengan memutar seluruh warna 360 o didapatkan magenta Diukur dengan satuan derajat (0-360) Karena semua cahaya berkumpul di tengah maka terbentuk warna putih

42 HSV/HSB Color Space HSV = Hue Saturation Value HSB = Hue Saturation Brightness Saturation Scale Brightness Scale

43 HSV Saturation Value Hue

44 HLS Color Space HLS = Hue Lightness Saturation V green 120 yellow cyan 0.5 red 0 Blue 240 magenta 0.0 black H S

45 Lab L*a*b* (Lab) model Luminance =100 (white) Green to red component Blue to yellow component Luminance = 0 (black)

46 Color Depth Jumlah bit yang digunakan untuk mewakili satu nilai warna RGB Color biasanya ditampilkan dalam 24 bits (3 bytes atau 8 bits tiap warna) contoh (255, 255, 255) putih

47

48 Kedalaman Warna Umumnya 3 byte (24 bit) Millions of colours (16,777,216) True colour 16 bit (5,6,5) Karena mata manusia lebih sensitif terhadap cahaya hijau Thousands of colours (65,536) hi colour

49

50 3 bits, 12 KB 16 bits, 18 KB

51 Indexed Colour >< Direct colour Menggunakan lookup table CLUT (color look up table) Dithering

52

53 Palette Memetakan warna fisik ke dalam warna logik Palet yang terdiri dari 256 warna lebih disukai Web-safe palette 216 color Dapat mengkonfigurasi palet sendiri Contoh : Munsell Pantone

54 Munsell Color System Hue: R, YR, Y, GY, G, BG, B, PB, P, RP (dibagi sepersepuluh) Value: (dark... pure white) Chroma: (neutral... saturated) Example: 5YR 8/4

55 Munsell Book of Colors

56 Munsell Book of Colors

57 Isu Buta warna 1 dari 12 lelaki Akibat sel kerucut yang sedikit berbeda Gunakan warna terang terhadap warna gelap

58

59

60 Efek warna dalam desain Bentuk dulu baru warna pastikan bentuk dikenali lebih dahulu sebelum ditambahkan warna Gubahkan warna yang senada untuk membuat hubungan antara produk dengan pesan yang disampaikan Gunakan untuk hubungan antara produk dengan logo

61 Gunakan warna untuk membuat hierarki informasi Jangan gunakan drop shadows kecuali memang diperlukan (hanya menekankan produk/judul) Seimbangkan antara image dengan teks

62

63 Mendapatkan palet warna Kembali ke alam

64 Apakah warna sangat berpengaruh? Riset membuktikan bahwa seseorang membuat keputusan cepat tentang sebuah benda dalam 90 detik berdasarkan faktor penglihatan dan 62%- 90%nya berdasarkan hanya pada warna

65 Atur warna sesuai mood

66 seragamkan

67 Cool Two Color

68 Tips Batasi warna palet tidak lebih dari tiga untuk mengurangi visual clutter. Gunakan warna yang cocok sesuai tema Gunakan warna yang ditemukan di foto kunci/grafik dalam halaman untuk menambakan harmoni Jauhi harsh oversaturated colors. Desaturarsi warna untuk mengaproksimasi warna yang ada di alam dan tekstil

69 Monochromatic Memakai gradasi saturasi harmonious & peaceful. Membentuk keseragaman dan pengikatan

70 Analogous Memakai warna yang berhubungan tapi tidak sama Biru dan ungu, merah & oranye Ada sebagai dominan dan sebagai aksen

71 Contrasting Komplemen dan nyaman di mata Warna lawan Kuning dan ungu, merah dan hijau Warm <> cool Mata kesulitan memfokuskan dua warna kontras dalam satu waktu

72 Triadic Tiga warna yang berlawanan. Red, yellow, blue Tidak perlu memakai full strength

73 Emosi Warna Merah: Semangat, hangat, kekuatan, sensual, bersahabat, kegembiraan, bahaya, peringatan, kemarahan, ketidaksabaran Oranye Hangat, aman, kreativitas, lucu, menyenangkan, humor Kuning Semangat, gembira, terang, stimulasi, hangat, cerdas, optimisme, / sakit, ketakutan,kematian

74 Hijau Uang, alam, lingkungan, sihir, rahasia, lembut, damai, seimbang, ramah, aman Biru Lembut, luas,bijaksana, terpercaya, dapat diterima Violet, Purple, Indigo Dramatik, mewah, lembut

75 Warm color Red: Warna paling hebat untuk menarik perhatian. Melambangkan hasrat, api, cinta, nafsu. Telah dibuktikan dapat menaikkan tekanan darah & berkeringat. Merefleksikan energi & memotivasi individu untuk melakukan tindakan. Juga melambangkan perang, kekerasan, darah dan agresi Pink, lebih lembut dari Red, romantis, calming &feminine. Orange: bernergi, vibrant, hangat. Dihubungkan dengan musim gugur, labu & halloween. Banyak menurunkan sifat red tapi lebih halus. Dapat membangkitakan selera makan & melambangkan kesehatan Yellow: melambangkan matahari dan kehangatan. Dapat bermakna harapan, cahaya dan energi. Di sisi lain dapat mencerminkan kelemahan, kesakitan atau pengecut

76 Cool Color Green: melambangkan kesehatan, pertumbuhan (tanaman) dan kemakmuran (uang). Mewakili musim semi, pembaharuan & kesuburan. Juga berarti kecemburuan & tidak berpengalaman. Blue: warna paling menenangkan dan dihubungkan dengan langit dan laut. Dianggap sebagai warna aman, melambangkan kecerdasan, kepastian & kepercayaan. Diketahui dapat menekan selera makan & melambangkan depresi & kesedihan Purple: melambangkan kreatifitas, spiritual & misterius. Deep purple dihubungkan dengan kemewahan, kekayaan, sedang Lavender dihubungkan dengan romance & nostalgia

77 Neutral colors Black: melambangkan kekuatan, elegan, kepuasan. Juga kematian (adat barat), setan, kejahatan, kemarahan & kesedihan White: melambangkan kebersihan, kemurniah & spiritual, kehidupan & perkawinan (adat Barat) tapi juga kematian (adat timur) Grey: Warna konservatif. Melambangkan keamanan, kedewasaan, kekokohan. Namun juga kesedihan dan kelesuan. Brown: warna spesial. Dapat digunakan sebagai warna netral atau hangat. Melambangkan kredibilitas & stabil, hati, rumah dan bumi

78 Warna Foreground vs background