Vektor dan Raster GRAFIKA KOMPUTER 9 Raster Image

  • Slides: 22
Download presentation
Vektor dan Raster GRAFIKA KOMPUTER 9

Vektor dan Raster GRAFIKA KOMPUTER 9

Raster Image Menggunakan pixel atau blok warna individual untuk membentuk sebuah image. �. jpg

Raster Image Menggunakan pixel atau blok warna individual untuk membentuk sebuah image. �. jpg (JPEG raster format), . gif (GIF transparent file), . png (Portable Network Graphic Transparent file), . tiff /. tif (Tag Interleave Format) � Hampir semua foto di web merupakan raster image � Saat di-resize akan tampak pixelated. � Semakin tinggi resolusi semakin detail, ukuran file semakin besar. �

Vector Image Dibuat dengan menggunakan rumus matematika bukan dari susunan pixel. � Lebih fleksibel

Vector Image Dibuat dengan menggunakan rumus matematika bukan dari susunan pixel. � Lebih fleksibel khususnya grafis yang sering di -resize. � drw (vector file), pif (vector image format), pct (Macintosh bitmap graphics format), ps (Adobe Post. Script), eps (Encapsulated Post. Script), svf (Simple Vector Format), svg (Scalable Vector Graphic) � Umumnya dipakai untuk logo. �

Resolusi Pixel density � DPI / PPI � Web = 72 dpi (low density)

Resolusi Pixel density � DPI / PPI � Web = 72 dpi (low density) tapi tampak bagus dan jelas di web. � Print al 300 dpi. � Contoh : logo 5 x 7. 5 cm 72 dpi akan tampak pixelated bila dicetak 300 dpi meskipun pada layar monitor terlihat bagus. �

Software Adobe Photoshop, GIMP, Krita, Corel Photopaint, Pixelmator = raster (sebagian memiliki beberapa tool

Software Adobe Photoshop, GIMP, Krita, Corel Photopaint, Pixelmator = raster (sebagian memiliki beberapa tool untuk membuat grafis vector) � Adobe Illustrator, Inkscape, Sketch, Affinity Designer, Corel Draw = vector (sebagian memiliki tool untuk membuat efek raster) �

Filetype � JPG �Untuk foto di web �Optimizable (Photoshop) untuk memperoleh balance antara ukuran

Filetype � JPG �Untuk foto di web �Optimizable (Photoshop) untuk memperoleh balance antara ukuran dan kualitas �No transparency �Untuk foto atau gambar di web dengan BG kotak.

� PNG �Raster, File size lebih besar dari JPG �Higher quality �Transparency, sehingga dapat

� PNG �Raster, File size lebih besar dari JPG �Higher quality �Transparency, sehingga dapat diletakkan di atas BG berwarna. �Logo, ikon, atau gambar lain dengan BG transparan � GIF �Raster �Max 256 �Semakin sedikit warna semakin kecil file size. �Tidak cocok untuk image dengan gradient. �Untuk grafis web sederhana : tombol, ikon, chart

� TIF �Raster, Large �No Loss quality (compression) �Untuk Printing �Cocok untuk gambar atau

� TIF �Raster, Large �No Loss quality (compression) �Untuk Printing �Cocok untuk gambar atau foto untuk dicetak dengan kualitas tinggi (no web) � EPS �Vector �Graphic, text, illustration �Resizable w/o quality loss �Logo dan grafis untuk print

� AI �Vector �Proprietary of Adobe �Hanya dapat dibuat dan diedit dg Illustrator �Logo,

� AI �Vector �Proprietary of Adobe �Hanya dapat dibuat dan diedit dg Illustrator �Logo, grafis, ilustrasi � PDF �Vector dan Raster �Contoh….

Saving in “Outlines” � Trik untuk mencetak file vector berisi teks.

Saving in “Outlines” � Trik untuk mencetak file vector berisi teks.

Rasterization Adalah sebuah proses mengubah grafis vector menjadi raster. � Algoritma rendering untuk menampilkan

Rasterization Adalah sebuah proses mengubah grafis vector menjadi raster. � Algoritma rendering untuk menampilkan bentuk 3 D dalam komputer. � Teknik paling banyak dipakai dalam menghasilkan image 3 D real time. � Paling cepat dibandingkan teknik rendering lain seperti ray tracing. � Rasterization = Ortographic - Perspective �

Vectorization (Image Tracing) Adalah sebuah proses mengubah grafis raster menjadi vector. � Raster –

Vectorization (Image Tracing) Adalah sebuah proses mengubah grafis raster menjadi vector. � Raster – scanned – vectorize – written. � OCR � Ada banyak metode vectorization. � Rave. Grid, Auto. Trace (Delineate), Trace Bitmap (Inkscape, Adobe Flash), Scan 2 CAD, Vector. Magic, dsb. �

JPG 25 KB

JPG 25 KB

Rave. Grid 1. 64 MB

Rave. Grid 1. 64 MB

Auto. Trace 677 KB

Auto. Trace 677 KB

Trace. Bitmap 1. 05 MB

Trace. Bitmap 1. 05 MB

Scan 2 CAD 340 KB

Scan 2 CAD 340 KB

Vector. Magic 12 Color 369 KB

Vector. Magic 12 Color 369 KB

Vector. Magic All Color 744 KB

Vector. Magic All Color 744 KB