3 grafik komp-konsep dasar-1
TRANSCRIPT
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
1/14
Grafik Komputer : Konsep Dasar 1/14
Grafik Komputer dan Pengolahan Citra
Grafik Komputer :KONSEP DASAR
Universitas Gunadarma2006
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
2/14
Grafik Komputer : Konsep Dasar 2/14
Grafik Komputer dan Pengolahan Citra
Kegiatan yang Terkait denganGrafik Komputer
Pemodelan geometris : menciptakanmodel matematika dari objek-objek 2D
dan 3D.
Rendering: memproduksi citra yanglebih solid dari model yang telahdibentuk.
Animasi : Menetapkan/menampilkankembali tingkah laku/behavior objekbergantung waktu .
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
3/14
Grafik Komputer : Konsep Dasar 3/14
Grafik Komputer dan Pengolahan Citra
Kerangka Grafik KomputerInteraktif
Applicationmodel
Applicationprogram
GraphicsLibrary
(GL)GraphicsSystem
Graphics library/package (contoh: OpenGL) adalahperantara aplikasi dan display hardware (GraphicsSystem)
Application program memetakan objek aplikasi ketampilan/citra dengan memanggil graphics library
Hasil dari interaksi user menghasilkan/modifikasi citra
Citra merupakan hasil akhir dari sintesa, disain,manufaktur, visualisasi dll.
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
4/14
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
5/14
Grafik Komputer : Konsep Dasar 5/14
Grafik Komputer dan Pengolahan Citra
Elemen-elemen Pembentuk Grafik:
GEOMETRITitik
Garis
Polygon Kurva Lingkaran
2D
3D
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
6/14
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
GrafikKomputer
2D TampilanCitra
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
7/14
Grafik Komputer : Konsep Dasar 7/14
Grafik Komputer dan Pengolahan Citra
Hardware Display Grafik : Vektor
Vetor (calligraphic, stroke, random-scan)
Arsitektur Vektor
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
8/14
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
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
9/14
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 danditeruskan ke bagian retina mata.
Bayangan obyek pada retina mata dibentuk denganmengikuti konsep sistem optik dimana fokus lensaterletak antara retina dan lensa mata.
Mata dan syaraf otak dapat menginterpretasibayangan yang merupakan obyek pada posisi terbalik.
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
10/14
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 pandangandan sensitif terhadap iluminasi tingkat rendah, visi rod disebut scotopicvision 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 kecildibandingkan dengan daerah tingkat kecemerlangan sebenarnya.
Black
Gray
White
255
128
0
Brightness SpacingProses Kwantisasi
Brightness Resolution
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
11/14
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 Koordinatdengan R,G, B sebagaiaxes.
Y
M Magenta Blue
Black
Cyan
Green
Red
Yellow
-Sistem Koordinat dengan C, M, Y sebagaiaxes; banyak digunakan untukmenggambarkan warna pada perangkatoutput hard-copy
- Grayscale axis runs from (0,0,0) to (1,1,1).
- Color : proses substractive.
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
12/14
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
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
13/14
Grafik Komputer : Konsep Dasar 13/14
Grafik Komputer dan Pengolahan Citra
Koordinat Sistem
Koordinat sistem Jendela / Layar Monitor
Koordinat sistemFramebuffer OpenGL
Contoh :
y
(0,0)
y
x(0,0)
11
22
33
1. (0, 0)1. (0, 0)2. (5, 7)2. (5, 7)3. (8, 3)3. (8, 3)
-
8/6/2019 3 Grafik Komp-Konsep Dasar-1
14/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