Kuliah:
Program S1 Reguler DTE, FTUI Lecture No. 6 Slides© 2009
Representasi warna, palet dan kanvas, respons mata terhadap warna, format file citra, frekuensi, model warna (RGB, CYM, HIS), aplikasi deteksi warna dan contohnya, intensitas, t transformasi f i warna, k komplemen l warna, color slicing, color balancing, histogram equalization, segmentasi citra, segmentasi warna, noise pada model warna, kompresi warna. Video: “How can million of colors be generated from 3 colors?” ©www.goalfinder.com
1
Representasi
2
citra berwarna dalam file: palet
dan kanvas
Warna-warna
dalam palet digambar di atas kanvas Kanvas ~ matriks: setiap elemen matriks bisa diisi salah satu warna dari palet Informasi palet (hubungan antara warna dengan nomor palet) disimpan di komputer File citra dalam komputer hanya perlu menyimpan angka-angka yang merepresentasikan warna
Palet: kumpulan warna yang membentuk citra (melukis dengan cat warna – 1 palet = 1 warna) Setiap warna yang berbeda diberi nomor Contoh: citra monokrom, paletnya:
3
4
5
6
1
Jika citra disimpan dalam sebuah file (kucing.bmp), yang disimpan: angkaangka matriks kanvas
File kucing.bmp: Header 201 199 207 231 227 217 208 198 195 186 167 142 145
188 200 221 219 223 211 195 187 184 175 156 139 134
181 201 222 200 181 166 179 181 170 171 142 131 128
185 188 136 90 74 85 131 141 134 169 144 120 125
180 139 90 65 72 47 54 53 52 100 112 108 117
147 132 111 84 89 75 68 54 38 34 48 67 70
140 147 125 84 92 82 66 55 42 34 32 30 38
149 150 145 107 86 83 72 59 45 27 46 76 91
155 143 140 95 77 75 46 37 35 44 84 102 101
138 123 138 92 63 42 21 21 43 85 133 123 105
144 112 122 92 50 42 15 37 98 139 166 153 125
144 102 104 99 55 39 24 66 152 170 172 171 146
145 117 97 89 65 40 19 90 172 184 186 178 157
input
Angka Angkaangka dari matriks
=
Program pembuka citra (Paint, Photoshop, dll)
Ditampilkan di layar
Informasi palet dan format file citra
7
Windows
Bitmap Files (.bmp)
Tidak dikompresi Tidak cocok untuk dikirim via Internet Ukuran untuk Uk t k n-bit bit (2n tingkat ti k t keabuan/warna): k b / )
8
Format
Full name
Owner
File extension
AGP
ArtGem Project
RL Vision
.agp
AI
Adobe Illustrator Document
Adobe Systems
.ai
CDR
CorelDRAW Document
Corel Corporation
CPC
Cartesian Perceptual Compression
Cartesian Products, Inc.
GIF
Graphics Interchange Format
HD Photo IMA
Jika citra berukuran 200¯200, 8 bit, besarnya file
lebar × tinggi × n size ≈ 54 + 8 200 × 200 × 8 size ≈ 54 + 8 ≈ 40054 bytes
9
Full name
Owner
File extension
SVG
Scalable Vector Graphics
World Wide Web Consortium
.svg, .svgz ( compressed )
MIME type
Application
Pate nted
image/svg+xml
Scriptable vector image format; supported by some web browsers, often via plug-in.
No
TGA
Truevision Targa
Truevision Inc.
.tga, .tpic
image/tga
Used by many 3D rendering applications and 3d games.
Yes?
TIFF
Tagged Image File Format
Adobe Systems
.tiff, .tif
image/tiff
Document scanning and imaging format, also functions as a container.
No
Window s bitmap
Windows bitmap
Microsoft
.bmp
image/x-bmp
Simple, usually uncompressed format for use primarily within Microsoft Windows.
No
11
Pate nted No
application/Illustrator
Not suitable for the web. Adobe Illustrator files are editable using programs that support the format, such as Adobe Illustrator, CorelDRAW, etc.
Yes
.cdr
application/CorelDRAW
Not suitable for the web. CorelDRAW files are editable using programs that support the format, such as CorelDRAW, Adobe Illustrator, etc.
Yes
.cpc, .cpi
image/cpi
Highly compressed raster imaging format.
Yes
CompuServe, Unisys (compression algorithm)
.gif
image/gif
Supported by most popular web browsers. Supports transparency and animation.
Yes (Expi red)
HD Photo
Microsoft
.wdp/.hdp
image/vnd.ms-photo
Lightweight high-performance TIFF-like container format with HDR encoding for photographic images
Yes
.ima
.ima team
.ima
Format for photographic images with HDR encoding.
No
ILBM
InterLeaved BitMap
Electronic Arts and Commodore Amiga
.iff, .ilbm, .l bm
JPEG
Joint Photographic Experts Group
Joint Photographic Experts Group
.jpg, .jpeg (containers: .jfif, .jfi)
JPEG 2000
Joint Photographic Experts Group 2000
Joint Photographic Experts Group
.jp2, .j2c
PICT
PICT
Apple Computer
.pict, .pic, . pct
PNG
Portable Network Graphics
World Wide Web Consortium
.png
image/png
W3C endorsed replacement for GIF. Supported by most web browsers.
No
PSD
Photoshop Document
Adobe Systems
.psd, .psb, . pdd
image/psd, image/photoshop, image/x-photoshop
Used mainly for storing image manipulation & editing data, not meant for the Web
Yes
PSP
Paint Shop Pro Document
Corel Corporation
.psp
image/psp
Not suitable for the web. It can only be opened in programs that support the format, such as Paint Shop Pro, The GIMP, etc.
10?
Format
Application Preferred graphics format when working with ArtGem
MIME type
image/x-ilbm
Planar graphics format designed for Amiga graphics hardware.
No
image/jpeg
Photographic images. Supported by most popular web browsers.
Yes (disp uted)
image/jp2
Photographic images, eventual replacement for JPEG.
Yes
image/pict
Metafile for Mac OS, not meant for print publishing.
Yes
Citra Æ ambil 1 baris Æ plot (sumbu x: nomor baris, sumbu y: intensitas keabuan/warna) Columns 1-9 : 71 70 70 70 73 …………………….. Columns 307-315: 92 93 84 93 Columns 316-324: 233 74 0 11 …………………….. Columns 397 through 400 : 24 8
77 81 83 73 96 79 121 218 232 24 14 14 13 11 13 15
12
2
Review:
Frekuensi
dapat dilihat per baris dan per kolom atau per bidang
Citra: F(x,y) Æ nilai piksel pada posisi (x,y) Citra hitam putih: F(x,y) Æ nilai tunggal tingkat keabuan di titik (x,y) Citra berwarna: F(x,y) F(x y) Æ warna dalam suatu sistem warna
13
Model
warna: metoda menentukan warna dengan memperhatikan kerangka acuan
| |
Memiliki
tiga warna dasar (primer) : merah (R), hijau (G), dan biru (B) Warna-warna lainnya y diperoleh p dengan g menggabung ketiganya (aditif) Ilustrasi: kubus dimana RGB menempati 3 sudut yang berseberangan
Model aditif |
kombinasi dua atau lebih warna menghasilkan warna yang g lebih cemerlang Contoh: warna pada CRT/TV Gabungan seluruh warna menjadi putih
Model substraktif | | |
14
kombinasi dua atau lebih warna menghasilkan warna yang lebih rendah luminasinya Contoh: water color Gabungan seluruh warna menjadi hitam
Model
warna yang paling banyak digunakan: RGB, CYM dan HSI 15
16
CYM
(Cyan-Yellow-Magenta) bersifat substraktif (pengurangan) Warna sekunder RGB adalah warna primer CYM Transformasi dari RGB ke CYM: ⎡ C ⎤ ⎡ 255 − R ⎤ ⎢ Y ⎥ = ⎢ 255 − B ⎥ ⎢ ⎥ ⎢ ⎥ ⎢⎣ M ⎥⎦ ⎢⎣255 − G ⎥⎦
Digunakan 17
pada industri percetakan (dikenal dengan CYMK (Cyan-Magenta-Yellow-BlacK).
18
3
Didesain
mengikuti cara pikir para desainer dan seniman grafis:
Saturation Æ kemurnian warna Hue Æ warna itu sendiri Intensity Æ kecerahan warna
Bidang
vektor:
warna tidak ortogonal, warna diwakili
H (Hue): sudut vektor di atas segitiga dasar, mulai dari 0o (merah) S (Saturation): ukuran proporsional modul proyeksi vektor di atas segitiga dasar I (Intensity): jarak dari ujung vektor ke segitiga dasar
19
20
21
22
23
24
4
25
26
27
28
29
30
5
31
32
33
34
35
36
6
37
38
39
40
41
42
7
Bandingkan! 43
44
45
46
47
48
8
49
50
51
9
