ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Grafik Komputer : Konsep Dasar 1/14
Grafik Komputer dan Pengolahan Citra
Grafik Komputer :
KONSEP DASAR
Universitas Gunadarma
2006
Grafik Komputer : Konsep Dasar 2/14
Grafik Komputer dan Pengolahan Citra
Kegiatan yang Terkait dengan
Grafik Komputer
• Pemodelan geometris: menciptakan
model matematika dari objek-objek 2D
dan 3D.
• Rendering: memproduksi citra yang
lebih solid dari model yang telah
dibentuk.
• Animasi: Menetapkan/menampilkan
kembali tingkah laku/behavior objek
bergantung waktu .
Grafik Komputer : Konsep Dasar 3/14
Grafik Komputer dan Pengolahan Citra
Kerangka Grafik Komputer
Interaktif
Application
model
Application
program
Graphics
Library
(GL)
Graphics
System
• Graphics library/package (contoh: OpenGL) adalah
perantara aplikasi dan display hardware (Graphics
System)
• Application program memetakan objek aplikasi ke
tampilan/citra dengan memanggil graphics library
• Hasil dari interaksi user menghasilkan/modifikasi citra
• Citra merupakan hasil akhir dari sintesa, disain,
manufaktur, visualisasi dll.
Grafik Komputer : Konsep Dasar 4/14
Grafik Komputer dan Pengolahan Citra
Pemodelan Geometris
• Transformasi dari suatu konsep (atau suatu
benda nyata) ke suatu model geometris yang bisa
ditampilkan pada suatu komputer :
– Shape/bentuk
– Posisi
– Orientasi (cara pandang)
– Surface Properties / Ciri-ciri Permukaan (warna,
tekstur)
– Volumetric Properties / Ciri-ciri volumetric
(ketebalan/pejal, penyebaran cahaya)
– Lights/cahaya (tingkat terang, jenis warna)
– Dan lain-lain …
• Pemodelan Geometris yang lebih rumit :
– Jala-Jala segi banyak: suatu koleksi yang besar dari
segi bersudut banyak, dihubungkan satu sama lain.
– Bentuk permukaan bebas: menggunakan fungsi
polynomial tingkat rendah.
– CSG: membangun suatu bentuk dengan menerapkan
operasi boolean pada bentuk yang primitif.
Grafik Komputer : Konsep Dasar 5/14
Grafik Komputer dan Pengolahan Citra
Elemen-elemen Pembentuk Grafik:
GEOMETRI
Titik
Garis
Polygon Kurva Lingkaran
2D
3D
Grafik Komputer : Konsep Dasar 6/14
Grafik Komputer dan Pengolahan Citra
Pemrosesan Citra untuk
Ditampilkan di Layar
Vector Display Raster Display
2D/3D Citra/
Model Data
Grafik
Komputer
2D Tampilan
Citra
Grafik Komputer : Konsep Dasar 7/14
Grafik Komputer dan Pengolahan Citra
Hardware Display Grafik : Vektor
• Vetor (calligraphic, stroke, random-scan)
• Arsitektur Vektor
Grafik Komputer : Konsep Dasar 8/14
Grafik Komputer dan Pengolahan Citra
Hardware Display Grafik : Raster
• Raster (TV, bitmap, pixmap), digunakan dalam
layar dan laser printer
• Arsitektur Raster
Grafik Komputer : Konsep Dasar 9/14
Grafik Komputer dan Pengolahan Citra
Elemen-elemen Pembentuk Grafik:
WARNA (1/4)
• Sistem Visual Manusia
Pembentukan Citra oleh Sensor Mata
• Intensitas cahaya ditangkap oleh diagram iris dan
diteruskan ke bagian retina mata.
• Bayangan obyek pada retina mata dibentuk dengan
mengikuti konsep sistem optik dimana fokus lensa
terletak antara retina dan lensa mata.
• Mata dan syaraf otak dapat menginterpretasi
bayangan yang merupakan obyek pada posisi terbalik.
Grafik Komputer : Konsep Dasar 10/14
Grafik Komputer dan Pengolahan Citra
Elemen-elemen Pembentuk Grafik:
WARNA (2/4)
Sistem Visual Manusia….(lanjutan)
• Fovea di bagian retina terdiri dari dua jenis receptor:
– Sejumlah cone receptor, sensitif terhadap warna, visi cone disebut
photocopic vision atau bright light vision
– Sejumlah rod receptor, memberikan gambar keseluruhan pandangan
dan sensitif terhadap iluminasi tingkat rendah, visi rod disebut scotopic
vision atau dim-light vision
• Blind Spot
– adalah bagian retina yang tidak mengandung receptor sehingga tidak
dapat menerima dan menginterpretasi informasi
• Subjective brightness
– Merupakan tingkat kecemerlangan yang dapat
ditangkap sistem visual manusia;
– Merupakan fungsi logaritmik dari intensitas
cahaya yang masuk ke mata manusia;
– Mempunyai daerah intensitas yang bergerak dari
ambang scotopic (redup) ke photocopic (terang).
• Brightness adaption
– Merupakan fenomena penyesuaian mata manusia
– dalam membedakan gradasi tingkat kecemerlangan;
– Batas daerah tingkat kecemerlangan yang mampu
dibedakan secara sekaligus oleh mata manusia lebih kecil
dibandingkan dengan daerah tingkat kecemerlangan sebenarnya.
Black
Gray
White
255
128
0
Brightness Spacing
Proses Kwantisasi
Brightness Resolution
Grafik Komputer : Konsep Dasar 11/14
Grafik Komputer dan Pengolahan Citra
Elemen-elemen Pembentuk Grafik:
WARNA (3/4)
• Kubus Warna RGB
• Model Warna CMY
-Sistem Koordinat
dengan R,G, B sebagai
axes.
Y
C
M Magenta Blue
Black
Cyan
Green
Red
Yellow
-Sistem Koordinat dengan C, M, Y sebagai
axes; banyak digunakan untuk
menggambarkan warna pada perangkat
output hard-copy
- Grayscale axis runs from (0,0,0) to (1,1,1).
- Color : proses substractive.
Grafik Komputer : Konsep Dasar 12/14
Grafik Komputer dan Pengolahan Citra
Elemen-elemen Pembentuk Grafik:
WARNA (4/4)
• True Color
• Indexed Color
• High Color
True Color
Indexed Color
High Color
Grafik Komputer : Konsep Dasar 13/14
Grafik Komputer dan Pengolahan Citra
Koordinat Sistem
• Koordinat sistem Jendela /
Layar Monitor
• Koordinat sistem
Framebuffer OpenGL
Contoh :
x
y
(0,0)
y
x
(0,0)
1
1
2
2
3
3
1. (0, 0)
1. (0, 0)
2. (5, 7)
2. (5, 7)
3. (8, 3)
3. (8, 3)
Grafik Komputer : Konsep Dasar 14/14
Grafik Komputer dan Pengolahan Citra
Dasar Matematika yang Diperlukan
dalam Grafik Komputer
– Geometry (2D, 3D)
– Trigonometry
– Vector spaces
• Points, vectors, dan koordinat
– Dot dan cross products

More Related Content

What's hot (9)

Chap 4_Model Citra
Chap 4_Model CitraChap 4_Model Citra
Chap 4_Model Citra
Dhanar Intan Surya Saputra
Ìý
Materi 3 rendering graphic dan game
Materi 3   rendering graphic dan gameMateri 3   rendering graphic dan game
Materi 3 rendering graphic dan game
Fahuda E
Ìý
ppt Aplikasi pengolahan citra digital pada modalitas digital radiography (DR)
ppt Aplikasi pengolahan citra digital pada modalitas digital radiography (DR)ppt Aplikasi pengolahan citra digital pada modalitas digital radiography (DR)
ppt Aplikasi pengolahan citra digital pada modalitas digital radiography (DR)
Nona Zesifa
Ìý
Bab 6 grafik
Bab 6 grafikBab 6 grafik
Bab 6 grafik
Nur Az
Ìý
ppt Pengolahan citra digital pada modalitas MRI
ppt Pengolahan citra digital pada modalitas MRIppt Pengolahan citra digital pada modalitas MRI
ppt Pengolahan citra digital pada modalitas MRI
Nona Zesifa
Ìý
ppt Aplikasi pengolahan citra digital pada modalitas ct-scan
ppt Aplikasi pengolahan citra digital pada modalitas ct-scanppt Aplikasi pengolahan citra digital pada modalitas ct-scan
ppt Aplikasi pengolahan citra digital pada modalitas ct-scan
Nona Zesifa
Ìý
Laporan Praktikum PCD (Pengolahan Citra Digital) menggunakan software ENVI
Laporan Praktikum PCD (Pengolahan Citra Digital) menggunakan software ENVILaporan Praktikum PCD (Pengolahan Citra Digital) menggunakan software ENVI
Laporan Praktikum PCD (Pengolahan Citra Digital) menggunakan software ENVI
Ahmad Dani
Ìý
ºÝºÝߣ minggu 6 (citra digital)
ºÝºÝߣ minggu 6 (citra digital)ºÝºÝߣ minggu 6 (citra digital)
ºÝºÝߣ minggu 6 (citra digital)
Setia Juli Irzal Ismail
Ìý
Pengolahan citra digital1
Pengolahan citra digital1Pengolahan citra digital1
Pengolahan citra digital1
wiktasari
Ìý
Materi 3 rendering graphic dan game
Materi 3   rendering graphic dan gameMateri 3   rendering graphic dan game
Materi 3 rendering graphic dan game
Fahuda E
Ìý
ppt Aplikasi pengolahan citra digital pada modalitas digital radiography (DR)
ppt Aplikasi pengolahan citra digital pada modalitas digital radiography (DR)ppt Aplikasi pengolahan citra digital pada modalitas digital radiography (DR)
ppt Aplikasi pengolahan citra digital pada modalitas digital radiography (DR)
Nona Zesifa
Ìý
Bab 6 grafik
Bab 6 grafikBab 6 grafik
Bab 6 grafik
Nur Az
Ìý
ppt Pengolahan citra digital pada modalitas MRI
ppt Pengolahan citra digital pada modalitas MRIppt Pengolahan citra digital pada modalitas MRI
ppt Pengolahan citra digital pada modalitas MRI
Nona Zesifa
Ìý
ppt Aplikasi pengolahan citra digital pada modalitas ct-scan
ppt Aplikasi pengolahan citra digital pada modalitas ct-scanppt Aplikasi pengolahan citra digital pada modalitas ct-scan
ppt Aplikasi pengolahan citra digital pada modalitas ct-scan
Nona Zesifa
Ìý
Laporan Praktikum PCD (Pengolahan Citra Digital) menggunakan software ENVI
Laporan Praktikum PCD (Pengolahan Citra Digital) menggunakan software ENVILaporan Praktikum PCD (Pengolahan Citra Digital) menggunakan software ENVI
Laporan Praktikum PCD (Pengolahan Citra Digital) menggunakan software ENVI
Ahmad Dani
Ìý
ºÝºÝߣ minggu 6 (citra digital)
ºÝºÝߣ minggu 6 (citra digital)ºÝºÝߣ minggu 6 (citra digital)
ºÝºÝߣ minggu 6 (citra digital)
Setia Juli Irzal Ismail
Ìý
Pengolahan citra digital1
Pengolahan citra digital1Pengolahan citra digital1
Pengolahan citra digital1
wiktasari
Ìý

Similar to 3 grafik komp konsep dasar (20)

229334287 laporan-praktikum-dhani
229334287 laporan-praktikum-dhani229334287 laporan-praktikum-dhani
229334287 laporan-praktikum-dhani
Dex Dun
Ìý
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
HendroGunawan8
Ìý
introduction computer vision image clasifikasifikasi
introduction computer vision  image clasifikasifikasiintroduction computer vision  image clasifikasifikasi
introduction computer vision image clasifikasifikasi
RioKharismawan
Ìý
Pertemuan 2 Ruang Lingkup Pengolahan Citra.pptx
Pertemuan 2 Ruang Lingkup Pengolahan Citra.pptxPertemuan 2 Ruang Lingkup Pengolahan Citra.pptx
Pertemuan 2 Ruang Lingkup Pengolahan Citra.pptx
ssuser910c71
Ìý
Materi 4. Pengenalan-Grafika-Komputer.pptx
Materi 4. Pengenalan-Grafika-Komputer.pptxMateri 4. Pengenalan-Grafika-Komputer.pptx
Materi 4. Pengenalan-Grafika-Komputer.pptx
Anwar Polosse
Ìý
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
HendroGunawan8
Ìý
Pengantar grafika1
Pengantar grafika1Pengantar grafika1
Pengantar grafika1
Hanz Skyblue
Ìý
Pembuatan model 3 dimensi dan basis data spasial gedung teknik geomatika its ...
Pembuatan model 3 dimensi dan basis data spasial gedung teknik geomatika its ...Pembuatan model 3 dimensi dan basis data spasial gedung teknik geomatika its ...
Pembuatan model 3 dimensi dan basis data spasial gedung teknik geomatika its ...
Anindya N. Rafitricia
Ìý
Pengantar_Grafika_3D_Transformasi_3D.ppt
Pengantar_Grafika_3D_Transformasi_3D.pptPengantar_Grafika_3D_Transformasi_3D.ppt
Pengantar_Grafika_3D_Transformasi_3D.ppt
MimiMariyami
Ìý
Chap 3 - Dasar Pengolahan Citra
Chap 3 - Dasar Pengolahan CitraChap 3 - Dasar Pengolahan Citra
Chap 3 - Dasar Pengolahan Citra
Dhanar Intan Surya Saputra
Ìý
Content based image retrieval tugas softskill kelompok 1 2 ia15
Content based image retrieval tugas softskill kelompok 1 2 ia15Content based image retrieval tugas softskill kelompok 1 2 ia15
Content based image retrieval tugas softskill kelompok 1 2 ia15
Fazar Hidayat
Ìý
Desain Pemodelan Grafik - Bab 4 Tugas 4
Desain Pemodelan Grafik - Bab 4 Tugas 4Desain Pemodelan Grafik - Bab 4 Tugas 4
Desain Pemodelan Grafik - Bab 4 Tugas 4
Bayu Radityo
Ìý
1-pengantar-pengolahan-citra.pptx
1-pengantar-pengolahan-citra.pptx1-pengantar-pengolahan-citra.pptx
1-pengantar-pengolahan-citra.pptx
HarveiHutahaean1
Ìý
PENGANTAR GRAFIK KOMPUTER KELAS XI BAGI K
PENGANTAR GRAFIK KOMPUTER KELAS XI BAGI KPENGANTAR GRAFIK KOMPUTER KELAS XI BAGI K
PENGANTAR GRAFIK KOMPUTER KELAS XI BAGI K
rubikan78
Ìý
2 pengolahan_citra
 2 pengolahan_citra 2 pengolahan_citra
2 pengolahan_citra
Roziq Bahtiar
Ìý
Grafika 130631100018 ainun_najib_modul1
Grafika 130631100018 ainun_najib_modul1Grafika 130631100018 ainun_najib_modul1
Grafika 130631100018 ainun_najib_modul1
Ainun Najib
Ìý
Program aplikasi grafis berbasis bitmap
Program aplikasi grafis berbasis bitmapProgram aplikasi grafis berbasis bitmap
Program aplikasi grafis berbasis bitmap
rizkyrr
Ìý
interaksi manusia dan komputer pertemuan dua
interaksi manusia dan komputer pertemuan duainteraksi manusia dan komputer pertemuan dua
interaksi manusia dan komputer pertemuan dua
NurisDwiSetyawan1
Ìý
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indoMenggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indo
kopishare
Ìý
materi tik power point kelas 12 semester 1
materi  tik power point kelas 12 semester 1 materi  tik power point kelas 12 semester 1
materi tik power point kelas 12 semester 1
Angelita S
Ìý
229334287 laporan-praktikum-dhani
229334287 laporan-praktikum-dhani229334287 laporan-praktikum-dhani
229334287 laporan-praktikum-dhani
Dex Dun
Ìý
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
HendroGunawan8
Ìý
introduction computer vision image clasifikasifikasi
introduction computer vision  image clasifikasifikasiintroduction computer vision  image clasifikasifikasi
introduction computer vision image clasifikasifikasi
RioKharismawan
Ìý
Pertemuan 2 Ruang Lingkup Pengolahan Citra.pptx
Pertemuan 2 Ruang Lingkup Pengolahan Citra.pptxPertemuan 2 Ruang Lingkup Pengolahan Citra.pptx
Pertemuan 2 Ruang Lingkup Pengolahan Citra.pptx
ssuser910c71
Ìý
Materi 4. Pengenalan-Grafika-Komputer.pptx
Materi 4. Pengenalan-Grafika-Komputer.pptxMateri 4. Pengenalan-Grafika-Komputer.pptx
Materi 4. Pengenalan-Grafika-Komputer.pptx
Anwar Polosse
Ìý
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
Pengolahan citra digital adalah teknologi visual yang digunakan untuk mengama...
HendroGunawan8
Ìý
Pengantar grafika1
Pengantar grafika1Pengantar grafika1
Pengantar grafika1
Hanz Skyblue
Ìý
Pembuatan model 3 dimensi dan basis data spasial gedung teknik geomatika its ...
Pembuatan model 3 dimensi dan basis data spasial gedung teknik geomatika its ...Pembuatan model 3 dimensi dan basis data spasial gedung teknik geomatika its ...
Pembuatan model 3 dimensi dan basis data spasial gedung teknik geomatika its ...
Anindya N. Rafitricia
Ìý
Pengantar_Grafika_3D_Transformasi_3D.ppt
Pengantar_Grafika_3D_Transformasi_3D.pptPengantar_Grafika_3D_Transformasi_3D.ppt
Pengantar_Grafika_3D_Transformasi_3D.ppt
MimiMariyami
Ìý
Content based image retrieval tugas softskill kelompok 1 2 ia15
Content based image retrieval tugas softskill kelompok 1 2 ia15Content based image retrieval tugas softskill kelompok 1 2 ia15
Content based image retrieval tugas softskill kelompok 1 2 ia15
Fazar Hidayat
Ìý
Desain Pemodelan Grafik - Bab 4 Tugas 4
Desain Pemodelan Grafik - Bab 4 Tugas 4Desain Pemodelan Grafik - Bab 4 Tugas 4
Desain Pemodelan Grafik - Bab 4 Tugas 4
Bayu Radityo
Ìý
1-pengantar-pengolahan-citra.pptx
1-pengantar-pengolahan-citra.pptx1-pengantar-pengolahan-citra.pptx
1-pengantar-pengolahan-citra.pptx
HarveiHutahaean1
Ìý
PENGANTAR GRAFIK KOMPUTER KELAS XI BAGI K
PENGANTAR GRAFIK KOMPUTER KELAS XI BAGI KPENGANTAR GRAFIK KOMPUTER KELAS XI BAGI K
PENGANTAR GRAFIK KOMPUTER KELAS XI BAGI K
rubikan78
Ìý
2 pengolahan_citra
 2 pengolahan_citra 2 pengolahan_citra
2 pengolahan_citra
Roziq Bahtiar
Ìý
Grafika 130631100018 ainun_najib_modul1
Grafika 130631100018 ainun_najib_modul1Grafika 130631100018 ainun_najib_modul1
Grafika 130631100018 ainun_najib_modul1
Ainun Najib
Ìý
Program aplikasi grafis berbasis bitmap
Program aplikasi grafis berbasis bitmapProgram aplikasi grafis berbasis bitmap
Program aplikasi grafis berbasis bitmap
rizkyrr
Ìý
interaksi manusia dan komputer pertemuan dua
interaksi manusia dan komputer pertemuan duainteraksi manusia dan komputer pertemuan dua
interaksi manusia dan komputer pertemuan dua
NurisDwiSetyawan1
Ìý
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indoMenggabungkan gambar 2 d kedalam sajian multimedia 1 indo
Menggabungkan gambar 2 d kedalam sajian multimedia 1 indo
kopishare
Ìý
materi tik power point kelas 12 semester 1
materi  tik power point kelas 12 semester 1 materi  tik power point kelas 12 semester 1
materi tik power point kelas 12 semester 1
Angelita S
Ìý

3 grafik komp konsep dasar

  • 1. Grafik Komputer : Konsep Dasar 1/14 Grafik Komputer dan Pengolahan Citra Grafik Komputer : KONSEP DASAR Universitas Gunadarma 2006
  • 2. Grafik Komputer : Konsep Dasar 2/14 Grafik Komputer dan Pengolahan Citra Kegiatan yang Terkait dengan Grafik Komputer • Pemodelan geometris: menciptakan model matematika dari objek-objek 2D dan 3D. • Rendering: memproduksi citra yang lebih solid dari model yang telah dibentuk. • Animasi: Menetapkan/menampilkan kembali tingkah laku/behavior objek bergantung waktu .
  • 3. Grafik Komputer : Konsep Dasar 3/14 Grafik Komputer dan Pengolahan Citra Kerangka Grafik Komputer Interaktif Application model Application program Graphics Library (GL) Graphics System • Graphics library/package (contoh: OpenGL) adalah perantara aplikasi dan display hardware (Graphics System) • Application program memetakan objek aplikasi ke tampilan/citra dengan memanggil graphics library • Hasil dari interaksi user menghasilkan/modifikasi citra • Citra merupakan hasil akhir dari sintesa, disain, manufaktur, visualisasi dll.
  • 4. Grafik Komputer : Konsep Dasar 4/14 Grafik Komputer dan Pengolahan Citra Pemodelan Geometris • Transformasi dari suatu konsep (atau suatu benda nyata) ke suatu model geometris yang bisa ditampilkan pada suatu komputer : – Shape/bentuk – Posisi – Orientasi (cara pandang) – Surface Properties / Ciri-ciri Permukaan (warna, tekstur) – Volumetric Properties / Ciri-ciri volumetric (ketebalan/pejal, penyebaran cahaya) – Lights/cahaya (tingkat terang, jenis warna) – Dan lain-lain … • Pemodelan Geometris yang lebih rumit : – Jala-Jala segi banyak: suatu koleksi yang besar dari segi bersudut banyak, dihubungkan satu sama lain. – Bentuk permukaan bebas: menggunakan fungsi polynomial tingkat rendah. – CSG: membangun suatu bentuk dengan menerapkan operasi boolean pada bentuk yang primitif.
  • 5. Grafik Komputer : Konsep Dasar 5/14 Grafik Komputer dan Pengolahan Citra Elemen-elemen Pembentuk Grafik: GEOMETRI Titik Garis Polygon Kurva Lingkaran 2D 3D
  • 6. Grafik Komputer : Konsep Dasar 6/14 Grafik Komputer dan Pengolahan Citra Pemrosesan Citra untuk Ditampilkan di Layar Vector Display Raster Display 2D/3D Citra/ Model Data Grafik Komputer 2D Tampilan Citra
  • 7. Grafik Komputer : Konsep Dasar 7/14 Grafik Komputer dan Pengolahan Citra Hardware Display Grafik : Vektor • Vetor (calligraphic, stroke, random-scan) • Arsitektur Vektor
  • 8. Grafik Komputer : Konsep Dasar 8/14 Grafik Komputer dan Pengolahan Citra Hardware Display Grafik : Raster • Raster (TV, bitmap, pixmap), digunakan dalam layar dan laser printer • Arsitektur Raster
  • 9. Grafik Komputer : Konsep Dasar 9/14 Grafik Komputer dan Pengolahan Citra Elemen-elemen Pembentuk Grafik: WARNA (1/4) • Sistem Visual Manusia Pembentukan Citra oleh Sensor Mata • Intensitas cahaya ditangkap oleh diagram iris dan diteruskan ke bagian retina mata. • Bayangan obyek pada retina mata dibentuk dengan mengikuti konsep sistem optik dimana fokus lensa terletak antara retina dan lensa mata. • Mata dan syaraf otak dapat menginterpretasi bayangan yang merupakan obyek pada posisi terbalik.
  • 10. Grafik Komputer : Konsep Dasar 10/14 Grafik Komputer dan Pengolahan Citra Elemen-elemen Pembentuk Grafik: WARNA (2/4) Sistem Visual Manusia….(lanjutan) • Fovea di bagian retina terdiri dari dua jenis receptor: – Sejumlah cone receptor, sensitif terhadap warna, visi cone disebut photocopic vision atau bright light vision – Sejumlah rod receptor, memberikan gambar keseluruhan pandangan dan sensitif terhadap iluminasi tingkat rendah, visi rod disebut scotopic vision atau dim-light vision • Blind Spot – adalah bagian retina yang tidak mengandung receptor sehingga tidak dapat menerima dan menginterpretasi informasi • Subjective brightness – Merupakan tingkat kecemerlangan yang dapat ditangkap sistem visual manusia; – Merupakan fungsi logaritmik dari intensitas cahaya yang masuk ke mata manusia; – Mempunyai daerah intensitas yang bergerak dari ambang scotopic (redup) ke photocopic (terang). • Brightness adaption – Merupakan fenomena penyesuaian mata manusia – dalam membedakan gradasi tingkat kecemerlangan; – Batas daerah tingkat kecemerlangan yang mampu dibedakan secara sekaligus oleh mata manusia lebih kecil dibandingkan dengan daerah tingkat kecemerlangan sebenarnya. Black Gray White 255 128 0 Brightness Spacing Proses Kwantisasi Brightness Resolution
  • 11. Grafik Komputer : Konsep Dasar 11/14 Grafik Komputer dan Pengolahan Citra Elemen-elemen Pembentuk Grafik: WARNA (3/4) • Kubus Warna RGB • Model Warna CMY -Sistem Koordinat dengan R,G, B sebagai axes. Y C M Magenta Blue Black Cyan Green Red Yellow -Sistem Koordinat dengan C, M, Y sebagai axes; banyak digunakan untuk menggambarkan warna pada perangkat output hard-copy - Grayscale axis runs from (0,0,0) to (1,1,1). - Color : proses substractive.
  • 12. Grafik Komputer : Konsep Dasar 12/14 Grafik Komputer dan Pengolahan Citra Elemen-elemen Pembentuk Grafik: WARNA (4/4) • True Color • Indexed Color • High Color True Color Indexed Color High Color
  • 13. Grafik Komputer : Konsep Dasar 13/14 Grafik Komputer dan Pengolahan Citra Koordinat Sistem • Koordinat sistem Jendela / Layar Monitor • Koordinat sistem Framebuffer OpenGL Contoh : x y (0,0) y x (0,0) 1 1 2 2 3 3 1. (0, 0) 1. (0, 0) 2. (5, 7) 2. (5, 7) 3. (8, 3) 3. (8, 3)
  • 14. Grafik Komputer : Konsep Dasar 14/14 Grafik Komputer dan Pengolahan Citra Dasar Matematika yang Diperlukan dalam Grafik Komputer – Geometry (2D, 3D) – Trigonometry – Vector spaces • Points, vectors, dan koordinat – Dot dan cross products