3rd Week - Image (Multimedia Elements)

20
Information Technology, Engineering Faculty UNIM Image – Multimedia Elements Academic Year: 2014-2015 UNIM (3 rd Week)

description

Multimedia Programming, Information Technology, UNIM Mojokerto

Transcript of 3rd Week - Image (Multimedia Elements)

Page 1: 3rd Week - Image (Multimedia Elements)

Information Technology, Engineering Faculty

UNIM

Image – Multimedia Elements

Academic Year: 2014-2015

UNIM

(3rd Week)

Page 2: 3rd Week - Image (Multimedia Elements)

Definisi Image/Gambar

Apa yang dimaksud dengan image/gambar?

Image atau gambar adalah sesuatu yang dituangkan/direpr

esentasikan dalam bentuk visual.

kombinasi antara titik, garis, bidang, dan warna untuk menci

ptakan suatu imitasi dari suatu obyek–biasanya obyek fisik at

au manusia.

Page 3: 3rd Week - Image (Multimedia Elements)

Jenis Image/Gambar … (1)

Terdapat 2 jenis image/gambar:

1. Vektor

Gambar vektor terbentuk dari titik-titik dan garis denga

n menggunakan rumus matematika tertentu.

Gambar vector tidak disimpan dalam sebuah gambar,

tetapi tersimpan sebagai serangkaian instruksi yang dig

unakan untuk membuat suatu gambar yang dinamaka

n algoritma, yang menentukan bentuk kurva, garis, dan

berbagai bangun dengan gambar (picture).

Page 4: 3rd Week - Image (Multimedia Elements)

Jenis Image/Gambar … (2)

2. Bitmap/Raster

Gambar bitmap merupakan gambar yang terbentuk d

ari titik-titik dan kombinasi warna.

Gambar bitmap merupakan rekonstruksi dari gambar a

sli, yang tersimpan sebagai rangkaian titik-titik(pixel) yan

g memenuhi bidang pixel tersebut di layar komputer.

Page 5: 3rd Week - Image (Multimedia Elements)

Vektor … (1)

Karateristik

Gambar vektor biasanya memiliki bobot file yang cukup ke

cil karena hanya berisi data mengenai bezier curves yang

membentuk sebuah gambar.

Dimensi gambar dapat diubah tanpa mengurangi kualitas

gambarnya sendiri.

Gambar hanya dapat diubah skalanya hingga 20 persen le

bih besar atau lebih kecil

Page 6: 3rd Week - Image (Multimedia Elements)

Vektor … (2)

Garis-garis tipis dapat menghilang jika gambar vektor diper

kecil terlalu banyak

Kesalahan-kesalahan kecil pada sebuah gambar dapat ter

lihat jelas ketika gambar diperbesar terlalu besar

Tidak dipengaruhi resolusi gambar

Cocok untuk membuat logo

File type: CDR, EPS, PDF, PICT, dll.

Page 7: 3rd Week - Image (Multimedia Elements)

Bitmap

Karakteristik

Menghasilkan bobot file yang besar.

Perbesaran gambar akan mempengaruhi gambar sehingg

a tampak tidak natural atau pecah.

Perkecilan gambar mempengaruhi ketajaman gambar.

Dipengaruhi resolusi gambar.

Untuk gambar kompleks, berupa ragam warna dan bentuk

yang beraneka, seperti foto dari hasil bidikan kamera

File type: BMP, TIFF. JPEG, GIF, dll.

Page 8: 3rd Week - Image (Multimedia Elements)

Image Vektor dan Bitmap

Page 9: 3rd Week - Image (Multimedia Elements)

Software Pendukung

Adapun software pendukung untuk membuat gambar seba

gai berikut:

1. Vektor

CorelDraw, Adobe Ilustrator, Macromedia Freehand, Met

acreations Expression, Micrografx designer,dll.

2. Bitmap

Adobe Photoshop, GIMP, Microsoft Photo Editor, Corel Ph

oto Paint, Metacreation painter, Macromedia Xres,QFX, Pi

xelmator, Paint di Windows dll

Page 10: 3rd Week - Image (Multimedia Elements)

Kelebihan dan Kekurangan

Image … (1)1. Vektor

Kelebihan

Jika diperbesar, gambar vektor akan tetap halus, tidak pecah

Gambar vektor dapat dibuat dengan resolusi rendah namun dapat

di transfer dengan resolusi yang tinggi.

Ukuran relatif lebih kecil dari gambar bitmap

Gambar vektor dapat diubah menjadi bentu 3D.

Kekurangan

Kurang dalam perubahan warna(gradasi)

Tidak dapat menghasilkan objek gambar vektor yang prima ketika m

elakukan konversi objek gambar tersebut dari format bitmap.

Page 11: 3rd Week - Image (Multimedia Elements)

Kelebihan dan Kekurangan

Image … (2)2. Bitmap

Kelebihan

Pengolahannya cukup minimal dan mudah untuk ditampilkan,hal ini

dikarenakan gambar bitmap dapat langsung ditransfer ke layar moni

tor

Dapat dihasilkan dari manipulasi gambar vektor serta dapat menentu

kan kualitasnya

Dapat ditambahkan efek khusus yang menarik sesuai keinginan..

Kekurangan

Ketika diperbesar gambar bitmap akan pecah.

Jika dicetak dengan resolusi yang lebih rendah,gambar bitmap akan

pecah.

Page 12: 3rd Week - Image (Multimedia Elements)

File Extension … (1)

1. JPEG (Joint Photographic Experts Assemble)

Keunggulan

Ukuran gambar kecil

Dapat dilihat dari internet

Menggunakan jutaan warna

Sempurna untuk kebanyakan gambar

Kelemahan

Kehilangan kualitas ketika dikompresi level tinggi

Page 13: 3rd Week - Image (Multimedia Elements)

File Extension … (2)

2. GIF (Graphics Interchange Format)

Keunggulan

Didukung oleh semua browser web

Ukuran file yang sangat kecil

Berguna untuk Transparansi, Animasi untuk Gambar Maps

Kelemahan

Membuat gambar yang kompleks terlihat mengerikan

Tidak cocok untuk memiliki banyak warna, seperti pemandangan.

Page 14: 3rd Week - Image (Multimedia Elements)

File Extension … (3)

3. BMP (Bitmap)

Keunggulan

Kualitas gambar yang tinggi

Mudah untuk mengedit dan perubahan

Kelemahan

Tidak biasanya ditampilkan di internet

Ukuran file besar

Page 15: 3rd Week - Image (Multimedia Elements)

File Extension … (4)

4. TIFF (Tagged Image Format File)

Keunggulan

Merupakan gambar yang sempurna

Gambar akan terlihat seperti nyata

Kelemahan

Ukuran file besar (dilarang mentransfer file)

Tidak dapat dilihat di internet

Hanya sofware khusus dapat melihatnya

Page 16: 3rd Week - Image (Multimedia Elements)

File Extension … (5)

5. PNG (Portable Network Graphics)

Keunggulan

Sangat baik untuk grafis internet.

Mampu untuk gradiasi warna

Bisa mereproduksi gambar desktop dari tiap piksel ke piksel secara

detil.

Bisa mengkompresi gambar dari proses fotografi tanpa banyak m

engurangi kualitas gambarnya

Kelemahan

Ukuran file besar.

belum populer sehingga sebagian browser tidak mendukungnya.

Page 17: 3rd Week - Image (Multimedia Elements)

File Extension … (6)

6. EPS (Encapsuled Postcript)

Keunggulan

Menggunakan bahasa postscript sehingga format file ini dikenali ol

eh hampir semua program persiapan cetak.

Mamu menyimpan gambar dengan mode warna RGB, CMYK, Lab

Duotone, Indexed Color, Grayscale dan Bitmap

Mampu menyimpan clipping path

Kelemahan

Tidak mampu menyimpan alpha channela.

Page 18: 3rd Week - Image (Multimedia Elements)

File Extension … (7)

7. EPS (Encapsuled Postcript)

Keunggulan

Menggunakan bahasa postscript sehingga format file ini dikenali ol

eh hampir semua program persiapan cetak.

Mamu menyimpan gambar dengan mode warna RGB, CMYK, Lab

Duotone, Indexed Color, Grayscale dan Bitmap

Mampu menyimpan clipping path

Kelemahan

Tidak mampu menyimpan alpha channel.

Page 19: 3rd Week - Image (Multimedia Elements)

Contoh Gambar Logo

Page 20: 3rd Week - Image (Multimedia Elements)

Finish…!