Download - Pertemuan 3
![Page 1: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/1.jpg)
1
![Page 2: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/2.jpg)
• TUJUAN
Agar mahasiswa dapat memahami tentang
struktur data dan format citra digital
2
STRUKTUR DATA UNTUK CITRA DIGITAL
![Page 3: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/3.jpg)
Sumber Grafik/Citra Digital
• Kertas foto, majalah, koran dll scanned
• Gambar dari kamera digital
• Web sites
• Dibuat oleh program komputer dari suatu data
![Page 4: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/4.jpg)
• Pixel: elemen gambar (picture element) pada
citra digital (titik-titik berwarna)
• Image resolution: jumlah piksel dalam sebuah
citra digital
• Bit-map: sebuah representasi data grafis/citra
dengan cara yang sama seperti yang
disimpan dalam memori video
Struktur Data Grafik/Citra
![Page 5: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/5.jpg)
Resolusi
• Resolusi adalah pengukuran kemampuan suatu alat mengaproksimasi citra kontinu menggunakan piksel yang terbatas
– Scanner, printer dpi (dots per inch)
– Video pixel dimension
– Bitmap ppi (pixels per inch)
![Page 6: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/6.jpg)
Bitmap vs Vector graphics
![Page 7: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/7.jpg)
• Vector-based: lebih cocok untuk ilustrasi yang membutuhkan pengukuran yang tepat.
• Bitmap-based: lebih cocok untuk citra photorealistic yang membutuhkan variasi warna yang kompleks
![Page 8: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/8.jpg)
• Vector Graphics
• Citra disimpan sebagai bentuk matematis
• Object-oriented graphics
• Bitmapped Graphic
• Citra dimodelkan dalam suatu senarai dari nilai piksel
• Raster graphics
![Page 9: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/9.jpg)
Editing Program
• Bitmap
• Painting Programs
• Contoh: Photoshop, Paint
• Textures and continuous tones
• Vector
• Drawing Programs
• Contoh: Flash, Freehand, Illustrator
• Bentuk sederhana dengan warna flat atau
gradasi
![Page 10: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/10.jpg)
Ukuran image
• Vector Graphic
• Dipengaruhi isi image
• Menyimpan deskripsi obyek
• Makin kompleks, makin banyak deskripsi
yang dibutuhkan
• Bitmapped Graphic
– Untuk tiap luasan menyimpan jumlah data
yang sama, tidak peduli seberapa kompleks
isinya.
– Jumlah data dipengaruhi juga oleh tingkat
kedalaman warna
![Page 11: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/11.jpg)
• Bitmapped
• Vector
![Page 12: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/12.jpg)
• Bitmapped
• Menerapkan efek semacam blur sangat mudah
• Gambar akan kabur jika diskala (resized)
• Sukar untuk memilih obyek individual
• Vector
• Untuk menerapkan efek, harus diubah menjadi
bitmap terlebih dahulu
• Image tetap sama pada saat di-scaled/resized
• Mudah untuk memilih obyek secara individu
![Page 13: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/13.jpg)
File Format - Bitmapped Graphics
• GIF - Graphics Interchange Format
• 256 warna
• Lossless Compression
• Transparency
• JPEG
• Joint Photographic Experts Group
• Lossy Compression
• PNG
• > 256 warna
• Alpha channel transparencies
![Page 14: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/14.jpg)
• TIFF
• Tagged Image File Format
• Extensible format
• Dukungan bervariasi
• BMP
• Windows Bit Map format
• Uncompressed
![Page 15: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/15.jpg)
File Format Vector Graphics
• EPS
• Encapsulated PostScript
• Bounding box attribute
• SVG
• XML based language for graphic description
• SWF
• Flash
• CDR, AI
![Page 16: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/16.jpg)
Pengubahan Bitmap dan Vector
• Mudah, Vector bitmap
• Proses rasterizing
• Agak susah mengubah bitmap ke vektor
• Proses vectorizing
![Page 17: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/17.jpg)
Bitmaps
• Citra Bitmap diperoleh melalui pemindai, kamera digital dan alat lain, dan merupakan format “alami” untuk layar dan printer
• Citra Bitmap dibangun dari grid warna
• Pada layar, citra adalah grid yang terdiri atas pixel, pada printer adalah grid yang terdiri atas titik-titik
• Bergantung pada kemampuan alat, pixel/dot dapat bervariasi dari dua hingga jutaan warna
![Page 18: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/18.jpg)
![Page 19: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/19.jpg)
Mengedit Citra Bitmap
• Citra bitmap mudah diedit menggunakan program
interaktif atau batch
• Dapat diterapkan filter, memodifikasi warna,
mengedit bagian-bagian kecil
• Diperlukan adanya layer untuk mempermudah
pengeditan
• Operasi yang umum dilakukan:
– Blur and Sharpen.
– Colour correction.
– Brightness/Contrast adjustment.
– Touch up.
![Page 20: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/20.jpg)
Image manipulation
![Page 21: Pertemuan 3](https://reader031.vdokumen.com/reader031/viewer/2022032623/55cf9a97550346d033a27c81/html5/thumbnails/21.jpg)
Pros & Cons of Bitmap Formats
• Keuntungan
– Mudah direpresentasi sebagai kumpulan byte
– Diproduksi oleh banyak alat masukan
– Mudah diedit
– Dapat disajikan dengan baik pada grid alat keluaran seperti CRT dan printer.
• Kekurangan
– Ukuran besar
– Tidak dapat diskalakan dengan baik
– Asli diperkecil diperbesar informasi hilang