Vektor dan Raster Grafika Komputer 9.

Presentasi berjudul: "Vektor dan Raster Grafika Komputer 9."— Transcript presentasi:

1 Vektor dan Raster Grafika Komputer 9

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

3

4 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.

5

6 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.

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

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

9 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

10 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

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

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

13 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

14 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.

15

16 JPG 25KB

17 RaveGrid 1.64 MB

18 AutoTrace 677 KB

19 TraceBitmap 1.05 MB

20 Scan2CAD 340 KB

21 VectorMagic 12 Color 369 KB

22 VectorMagic All Color 744 KB