Grafik Komputer dan Pengolahan Citra

Grafik Komputer :

KONSEP DASAR

Universitas Gunadarma
2006

Grafik Komputer : Konsep Dasar

1/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

2/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

3/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

4/14

Grafik Komputer dan Pengolahan Citra

Elemen-elemen Pembentuk Grafik:

GEOMETRI
Titik

2D

Garis

Polygon

Kurva

Lingkaran

3D

Grafik Komputer : Konsep Dasar

5/14

Grafik Komputer dan Pengolahan Citra

Pemrosesan Citra untuk

Ditampilkan di Layar

Vector Display

2D/3D Citra/
Model Data

Grafik
Komputer

Raster Display

2D Tampilan
Citra

Grafik Komputer : Konsep Dasar

6/14

Grafik Komputer dan Pengolahan Citra

Hardware Display Grafik : Vektor

Vetor (calligraphic, stroke, random-scan)

Arsitektur Vektor

Grafik Komputer : Konsep Dasar

7/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

8/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

9/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
255

Black

Subjective brightness

Merupakan tingkat kecemerlangan yang dapat

ditangkap sistem visual manusia;
Gray
Merupakan fungsi logaritmik dari intensitas
cahaya yang masuk ke mata manusia;
Mempunyai daerah intensitas yang bergerak dari
ambang scotopic (redup) ke photocopic (terang).

128

White

Brightness adaption

Brightness Spacing
Merupakan fenomena penyesuaian mata manusia
dalam membedakan gradasi tingkat kecemerlangan; Proses Kwantisasi
Batas daerah tingkat kecemerlangan yang mampu Brightness Resolution
dibedakan secara sekaligus oleh mata manusia lebih kecil
dibandingkan dengan daerah tingkat kecemerlangan sebenarnya.

Grafik Komputer : Konsep Dasar

10/14

Grafik Komputer dan Pengolahan Citra

Elemen-elemen Pembentuk Grafik:

WARNA (3/4)
Kubus Warna RGB
-Sistem Koordinat
dengan R,G, B sebagai
axes.

Model Warna CMY

-Sistem Koordinat dengan C, M, Y sebagai
axes; banyak digunakan untuk
Red
menggambarkan warna pada perangkat
output hard-copy

M Magenta

Blue
Black
Cyan

- Grayscale axis runs from (0,0,0) to (1,1,1).

- Color : proses substractive.

C
Yellow

Grafik Komputer : Konsep Dasar

Green

11/14

Grafik Komputer dan Pengolahan Citra

Elemen-elemen Pembentuk Grafik:

WARNA (4/4)

True Color

Indexed Color

High Color

High Color

True Color

Indexed Color

Grafik Komputer : Konsep Dasar

12/14

Grafik Komputer dan Pengolahan Citra

Koordinat Sistem

Koordinat sistem Jendela /

Layar Monitor

(0,0)

Koordinat sistem
Framebuffer OpenGL
(0,0)

Contoh :

3
1

Grafik Komputer : Konsep Dasar

1. (0, 0)
2. (5, 7)
3. (8, 3)

13/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

Grafik Komputer : Konsep Dasar

14/14