3 grafik komp-konsep dasar-1

Upload: achmad-habibi-zaky

Post on 07-Apr-2018

227 views

Category:

Documents


0 download

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