Grafis Berbasis Vektor dan Berbasis Bitmap

PENGERTIAN GRAFIS

Desain Grafis adalah salah satu bentuk

seni lukis (gambar) terapan yang

memberikan kebebasan pada sang

desainer (perancang) untuk memilih,

menciptakan, atau mengatur elemen

rupa seperti ilustrasi, foto, tulisan, dan

garis di atas suatu permukaan dengan

tujuan untuk diproduksi dan

dikomunikasikan sebagai sebuah

bentuk pesan.

PENGENALAN GRAFIS BERBASIS

VEKTOR DAN BERBASIS BITMAP

1.1 Program Aplikasi Pembuat Grafis

Pada pembuatan media Informasi digital seperti halnya website, eksistensi grafis sudah menjadi

suatu kebutuhan. Bahkan, sudah menjadi hal yang konvensional, jika suatu website (situs web) hanya terdapat grafis tanpa adanya animasi, baik animasi berbasis grafis maupun berbasis suara. Tidak dapat di pungkiri lagi, grafis yang menjadi tolak ukur

kualitas suatu program aplikasi atau website. Hal tersebut menimbulkan perang urat syaraf antar produsen software, terutama perusahaan yang bergerak dalam bidang design grafis, sehingga bermunculan software-software berbasis grafis dengan fitur-fitur (fasilitas) yang canggih, mudah dalam pengoperasian, menarik, dan compatible.

A. Pengertian Grafis Berbasis Bitmap

dan Grafis Berbasis Vektor

 Grafis adalah gambar yang tersusun dari

koordinat-koordinat. Dengan demikian sumber gambar yang muncul pada layar monitor

komputer terdiri atas titik-titik yang mempunyai nilai koordinat.

 Layar Monitor berfungsi sebagai sumbu koordinat

x dan y.

 Pada desain grafis, desain dibagi menjadi 2

kelompok yakni desain bitmap dan vektor. Grafis desain bitmap dibentuk dengan

raster/pixel/dot/titik/point koordinat. Semakin

banyak jumlah titik yang membentuk suatu grafis bitmap berarti semakin tinggi tingkat

kerapatannya. Hal ini menyebabkan semakin halus citra grafis, tetapi kapasitas filenya



Ketajaman warna dan detail gambar pada

tampilan bitmap bergantung pada

banyaknya pixel warna atau resolusi yang

membentuk gambar tersebut. Hal ini

berkaitan erat dengan kemampuan

monitor dan

VGA

(

Video Graphic

Adapter

) yang digunakan. Jika gambar

tampilan bitmap berresolusi tinggi di

tampilkan pada monitor yang berresolusi

rendah akan mengakibatkan gambar

terlihat kasar , bahkan terlihat kabur

berbentuk kotak-kotak (

juggy

) jika

dilakukan pembesaran gambar.



Satuan untuk ukuran grafis jenis bitmap ini

adalah

dpi

(

dot per inch

) yang berarti

Bitmap

 Bitmap merupakan kategori grafik kaya warna dan tersusun dari pixel-pixel yang kita sebut sebagai resolusi. File gambar dengan resolusi lebih jernih maka memiliki ukuran file yang jauh lebih besar juga, Bitmap sudah mendukung 32 bits colours.



Gambar bitmap apabila di zoom atau di

besarkan, maka gambarnya akan pecah.

Bitmap sangat tergantung dengan

besaran resolusi, semakin besar resolusi

suatu gambar maka semakin baik

kualitas dan ukuran file nya.



Contoh software yang berbasis bitmap

adalah Adobe Photoshop, Paint,

CorelPhotoPaint

Extensi Format File Bitmap



BMP (Bitmap Image)

Merupakan format file grafis yang fleksibel

untuk platform Windows sehingga dibaca

oleh program grafis manapun.



JPG/JPEG

Format file ini mampu mengompres objek

dengan tingkat kualitas sesuai dengan

pilihan yang disediakan. Format ini sering

dimanfaatkan untuk menyimpan gambar

yang akan digunakanuntuk keperluan

halaman web, multimedia, dan publikasi

elektronik lainnya.



GIF (Graphic Interchange Format)

Format ini hanya mampu menyimpan

dalam 8 bit (hanya mendukung mode

warna Grayscale.



TIFF (Tagged Image Format File)

Format ini mampu menyimpan gambar

dengan kualitas hingga 32 bit. Format ini

merupakan salah satu format yang

dipilih dan sangat disukai oleh para

pengguna komputer grafis terutama

yang berorientasi pada publikasi (cetak)



PNG (Portabel Network Graphic)

Berfungsi sebagai alternatif lain dari

format GIF. Format file ini digunakan

untuk menampilkan objek dalam

halaman web.



PDF (Portabel Document Format)

Format file ini digunakan oleh Adobe Acrobat,

dan dapat digunakan oleh grafik berbasis

pixel maupun vektor

Vektor



Gambar vektor adalah gambar yang dibuat

dari unsur garis dan kurva yang disebut

vektor. Kumpulan dari beberapa garis dan

kurva ini akan membentuk suatu obyek

atau gambar.



Berikut contoh gambar vektor:



Gambar vektor apabila di zoom atau di

 Beberapa grafis bitmap dapat Anda temui di file

komputer, yakni file komputer yang

berekstensi : .bmp, .jpg, .tif, .gif, dan .pcx. Grafis ini biasa digunakan untuk kepentingan foto-foto digital.

Program aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel

Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program tersebut menawarkan kemudahan dan

 Selain grafis jenis bitmap, ada grafis jenis vektor

yang merupakan perkembangan dari sistem

grafis bitmap (digital). Grafis ini tidak tergantung pada banyaknya pixel penyusunnya dan kondisi monitor karena tampilan vektor tersusun atas

garis-garis. Tampilan akan terlihat jelas meskipun dilakukan pembesaran (zooming).

 Penggunaan titik-titik koordinat dan rumus-rumus

tertentu dapat menciptakan bermacam-macam bentuk grafis, seperti lingkaran, segitiga, bujur sangkar dan poligon. Dengan demikian ,

pemakaian grafis vektor akan lebih irit dari segi volume file, tetapi dari segi pemakaian prosessor akan memakan banyak memori.



Program aplikasi grafis yang berbasis

vektor antara lain :

CorelDraw ,

Macromedia Free hand, Adobe

2. Kelebihan dan kekurangan

grafis vektor dan bitmap



Kelebihan Grafis Vektor



Ruang penyimpanan untuk objek gambar

lebih efisien



Objek gambar vektor dapat diubah ukuran

dan bentuknya tanpa menurunkan mutu

tampilannya



Dapat dicetak pada resolusi tertinggi

printer Anda



Menggambar dan menyunting bentuk

vektor relatif lebih mudah dan

menyenangkan



Kekurangan Grafis Vektor



Tidak dapat menghasilkan objek gambar

vektor yang prima ketika melakukan

konversi objek gambar tersebut dari format

bitmap

2. Kelebihan dan kekurangan

grafis vektor dan bitmap



Kelebihan Grafis Bitmap



Dapat ditambahkan efek khusus tertentu

sehingga dapat membuat objek tampil

sesuai keinginan.



Dapat menghasilkan objek gambar

bitmap dari objek gambar vektor dengan

cara mudah dan cepat, mutu hasilnya

pun dapat ditentukan

2. Kelebihan dan kekurangan

grafis vektor dan bitmap



Kelemahan Grafis Bitmap



Objek gambar tersebut memiliki

permasalahan ketika diubah ukurannya,

khususnya ketika objek gambar diperbesar.



Efek yang diidapat dari objek berbasis

bitmap yakni akan terlihat pecah atau

berkurang detailnya saat dicetak pada

resolusi yang lebih rendah

2. Kelebihan dan kekurangan

grafis vektor dan bitmap

Perbedaan Grafis Vektor dan

Grafis Bitmap

Vektor Bitmap

1. Gambar tetap jelas ketika di

perbesar 1. Gambar kurang jelas ketika di perbesar 2. Tersusun oleh garis dan

kurva 2. Tersusun atas titik-titik/dot 3. Ukuran File yang dihasilkan

kecil 3. Ukuran File yang dihasilkan besar 4. Kualitas grafis tidak

bergantung dari banyaknya pixel

4. Kualitas grafis bergantung dari banyaknya pixel

Kelebihan dan kekurangan

grafis vektor dan bitmap

Kelebihan

Vektor

Bitmap

Ruang penyimpanan untuk objek

gambar lebih efisien Dapat ditambahkan efek khusus tertentu sehingga dapat membuat objek tampil sesuai keinginan.

Objek gambar vektor dapat diubah ukuran dan bentuknya

tanpa menurunkan mutu

tampilannya

Dapat menghasilkan objek

gambar bitmap dari objek

gambar vektor dengan cara mudah dan cepat, mutu hasilnya pun dapat ditentukan

Dapat dicetak pada resolusi tertinggi printer Anda

Menggambar dan menyunting bentuk vektor relatif lebih mudah dan menyenangkan

Kelebihan dan kekurangan

grafis vektor dan bitmap

Kekurangan

Vektor

Bitmap

Tidak dapat menghasilkan objek gambar vektor yang prima ketika melakukan konversi objek

gambar tersebut dari format bitmap

Objek gambar tersebut memiliki

permasalahan ketika diubah

ukurannya, khususnya ketika

objek gambar diperbesar

Efek yang diidapat dari objek berbasis bitmap yakni akan terlihat pecah atau berkurang detailnya saat dicetak pada resolusi yang lebih rendah

3. Mengetahui aplikasi untuk

membuat grafis vektor dan

bitmap

 Program aplikasi untuk membuat grafis vektor

dan bitmap itu banyak sekali macamnya, seperti Page Maker, Corel Photo Paint, CorelDraw, Adobe Photoshop dan masih banyak lagi yang lainnya. Tetapi yang akan dibahas disini program aplikasi CorelDraw dan Adobe Photoshop.

 CorelDraw merupakan salah satu program yang

banyak digunakan dalam pembuatan desain

grafis dan editing Bitmap yang dilengkapi dengan full color management system dan interactive

tools yang memudahkan dalam pembuatan dan editing suatu objek.

 Sedangkan Adobe Photoshop merupakan salah

satu program aplikasi yang digunakan unuk mengedit sebuah gambar (image) menjadi gambar yang lebih menarik, serta bisa

menyunting foto dan gambar-gambar yang telah di-scan ke dalam komputer.

Atribut-Atribut pada Citra Grafis

Komputer

Yang dimaksud atribut pada Citra grafis

komputer meliputi warna, resolusi, dan

tipe file.

a. Warna grafik

 suatu citra dapat memiliki warna lengkap

(color) atau hanya memiliki warna hitam

putih saja (BW=black-white atau grayscale). Ada beberapa mode pewarnaan citra, di

antarannya adalah mode RGB (red, green, blue) dan mode CMYK (cyan, magenta,

yellow, black). Mode RGB biasanya bagus digunakan umtuk visualisasi di monitor

komputer, sedangkan mode CMYK biasanya digunakan untuk percetakan dengan separasi warna.

Citra grafis komputer

b. Resolusi Grafik

 Resolusi merupakan jumlah pixel yang dimiliki

suatu citra. Pixel merupakan ciri suatu citra bitmap sehingga resolusi dapat menjelaskan kualitas suatu citra bitmap. Jika merupakan atribut asli (belum diproses). Makin tinggi

resolusi suatu citra, makin tinggi kualitasnya, yang berarti makin luas gambarnya.

Resolusi dapat dinyatakan dalam bentuk

jumlah pixel seperti misalnya 800 x 600 atau 1024 x 768. resolusi dapat juga dinyatakan

dalam satuan dpi (dot per inch) atau ppi (pixel per inch) ataupun pixel per inch.

Citra grafis komputer



Oleh karena suatu citra vector bersifat

resolution independent, atribut resolusi

tidak dimiliki oleh citra ini, Namun, jika

dilakukan konversi suatu citra vector ke

citra bitmap (istilahnya: rasterize). Citra

vector dapat di beri atribut resolusi

definisi



"WEBSITE

 merupakan kumpulan

halaman-halaman yang

berisi 

informasi

 yang disimpan di

internet yang bisa diakses atau dilihat

melalui 

jaringan internet

 pada

perangkat-perangkat yang bisa

mengakses internet itu sendiri

seperti 

komputer

, 

HP

, dsb."

Kelebihan dan kekurangan

grafis vektor dan bitmap

Kekurangan

Vektor

Bitmap

Tidak dapat menghasilkan objek gambar vektor yang prima ketika melakukan konversi objek

gambar tersebut dari format bitmap

Objek gambar tersebut memiliki permasalahan ketika diubah ukurannya, khususnya ketika objek gambar diperbesar

Efek yang diidapat dari objek berbasis bitmap yakni akan terlihat pecah atau berkurang detailnya saat dicetak pada resolusi yang lebih rendah

3. Mengetahui aplikasi untuk

membuat grafis vektor dan

bitmap

 Program aplikasi untuk membuat grafis vektor

dan bitmap itu banyak sekali macamnya, seperti Page Maker, Corel Photo Paint, CorelDraw, Adobe Photoshop dan masih banyak lagi yang lainnya. Tetapi yang akan dibahas disini program aplikasi CorelDraw dan Adobe Photoshop.

 CorelDraw merupakan salah satu program yang

banyak digunakan dalam pembuatan desain

grafis dan editing Bitmap yang dilengkapi dengan full color management system dan interactive

tools yang memudahkan dalam pembuatan dan editing suatu objek.

 Sedangkan Adobe Photoshop merupakan salah

satu program aplikasi yang digunakan unuk mengedit sebuah gambar (image) menjadi gambar yang lebih menarik, serta bisa

menyunting foto dan gambar-gambar yang telah di-scan ke dalam komputer.

Atribut-Atribut pada Citra Grafis

Komputer

Yang dimaksud atribut pada Citra grafis

komputer meliputi warna, resolusi, dan

tipe file.

a. Warna grafik

 suatu citra dapat memiliki warna lengkap

(color) atau hanya memiliki warna hitam

putih saja (BW=black-white atau grayscale). Ada beberapa mode pewarnaan citra, di

antarannya adalah mode RGB (red, green, blue) dan mode CMYK (cyan, magenta,

yellow, black). Mode RGB biasanya bagus digunakan umtuk visualisasi di monitor

komputer, sedangkan mode CMYK biasanya digunakan untuk percetakan dengan separasi warna.

Citra grafis komputer

b. Resolusi Grafik

 Resolusi merupakan jumlah pixel yang dimiliki

suatu citra. Pixel merupakan ciri suatu citra bitmap sehingga resolusi dapat menjelaskan kualitas suatu citra bitmap. Jika merupakan atribut asli (belum diproses). Makin tinggi

resolusi suatu citra, makin tinggi kualitasnya, yang berarti makin luas gambarnya.

Resolusi dapat dinyatakan dalam bentuk

jumlah pixel seperti misalnya 800 x 600 atau 1024 x 768. resolusi dapat juga dinyatakan

dalam satuan dpi (dot per inch) atau ppi (pixel per inch) ataupun pixel per inch.

Citra grafis komputer



Oleh karena suatu citra vector bersifat

resolution independent, atribut resolusi

tidak dimiliki oleh citra ini, Namun, jika

dilakukan konversi suatu citra vector ke

citra bitmap (istilahnya: rasterize). Citra

vector dapat di beri atribut resolusi

definisi



"WEBSITE

 merupakan kumpulan

halaman-halaman yang

berisi 

informasi

 yang disimpan di

internet yang bisa diakses atau dilihat

melalui 

jaringan internet

 pada

perangkat-perangkat yang bisa

mengakses internet itu sendiri

seperti 

komputer

, 

HP

, dsb."