Vektor dan Raster Grafika Komputer 9

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 khususnya grafis yang sering di-resize. drw (vector file), pif (vector image format), pct (Macintosh bitmap graphics format), ps (Adobe PostScript), eps (Encapsulated PostScript), svf (Simple Vector Format), svg (Scalable Vector Graphic) Umumnya dipakai untuk logo.

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 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 dan kualitas No transparency Untuk foto atau gambar di web dengan BG kotak.

PNG GIF 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 EPS 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 PDF 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.

Rasterization Adalah sebuah proses mengubah grafis vector menjadi raster. Algoritma rendering untuk menampilkan bentuk 3D dalam komputer. Teknik paling banyak dipakai dalam menghasilkan image 3D 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 – scanned – vectorize – written. OCR Ada banyak metode vectorization. RaveGrid, AutoTrace (Delineate), Trace Bitmap (Inkscape, Adobe Flash), Scan2CAD, VectorMagic, dsb.

JPG 25KB

RaveGrid 1.64 MB

AutoTrace 677 KB

TraceBitmap 1.05 MB

Scan2CAD 340 KB

VectorMagic 12 Color 369 KB

VectorMagic All Color 744 KB