Penjelasan Design Grafis, Gambar Vector dan Bitmap

Contoh Vector : Definisi Design Grafis

Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam desain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. Desain grafis diterapkan dalam desain komunikasi dan fine art. Seperti jenis desain lainnya, desain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (desain).

Gambar bitmap

Bitmap atau Raster merupakan gambar yang tersusun dari titik-titik elemen gambar yang disebut piksel. Masing-masing piksel memiliki informasi warna. Jumlah kemungkinan warna yang dapat ditampilkan oleh suatu piksel tergantung pada satuan bit yang dimiliki gambar bitmap tersebut. Gambar bitmap 8 bit berarti piksel-piksel yang menyusun dapat menampilkan kemungkinan warna sebanyak 2 pangkat 8, atau 256 warna. Gambar bitmap dengan resolusi (jumlah piksel setiap satuan ukur) besar, akan terlihat lebih halus dibandingkan yang memiliki resolusi rendah. Resolusi gambar bitmap dinyatakan dalam satuan dot per inch(dpi) atau pixel per inch(ppi).

Foto digital dan gambar hasil pemindaian (scanning) adalah gambar bitmap.
Kadangkala, kita memindai foto dengan resolusi lumayan tinggi, misalnya 300 dpi yang sesuai untuk cetakan seukuran majalah. Ketika dilihat dimonitor komputer, tampak lebih besar karena standar display monitor komputer adalah 72 dpi atau 96 dpi. Maka dari itu, resolusi gambar bitmap yang sesuai untuk keperluan display, misal web adalah 72 dpi.

Lain halnya jika akan kita pergunakan untuk keperluan cetak. Printer memerlukan resolusi yang cukup untuk menampilkan cetakan gambar yang baik, tergantung pada ukuran media cetak dan jarak pandang idealnya. Cetak foto seukuran 10R akan lebih baik jika menggunakan resolusi 300dpi atau lebih. Lain halnya untuk baliho. Jarak pandang yang jauh, tidak akan menampakkan piksel yang ukurannya besar - besar karena menggunakan resolusi rendah, misalnya 50dpi.

Gambar bitmap bersifat resolution dependent. Artinya ketika kita mengubah ukurannya(resample), sulit untuk mengendalikan kualitasnya. Jika kita mengecilkan ukurannya, berarti membuang sebagian pikselnya. Sebaliknya ketika diperbesar ukurannya(bukan zooming) akan terjadi terjadi penambahan piksel diantara ruang piksel yang teregang. Piksel - piksel tambahan akan dikalkulasi agar mirip warnanya dengan piksel disekitarnya. Mekanisme ini disebut interpolasi.

Pembesaran gambar melebihi kemampuan pikselnya akan mengekibatkan efek garis bergerigi(jagged) pada pinggiran objek.

Beberapa contoh format gambar bitmap adalah : BMP, GIF, PNG, TIFF, JPEG, Targa, PICT(MacOS), PCX, serta PSD.

Format PNG, GIF, TIFF, PSD, dan PICT mampu merekam informasi transparansi. Namun GIF hanya mampu menyimpan informasi transparansi 1 bit : transparan atau tidak sama sekali. Jadi transparansi pada format GIF tidak bersifat persial atau gradual. GIF juga hanya bisa menyimpan informasi 256 warna. Untuk mengatasi keterbatasan itulah, format PNG hadir. Namun, beberapa browser internet gaek belum mendukung format PNG, sehingga saat ini lebih banyak digunakan untuk keperluan cetak.

Gambar Vektor

Gambar Vektor tersusun atas objek garis, kurva, bentukan(shape) dan memiliki atribut seperti : isian warna, isian tekstur, garis tepi. Atribut objek elemen gambar vektor dapat diubah ukurannya, bentuknya, warnanya, secara individual tanpa menurunkan kualitas gambar. Masing - masing objek tersebut terwujud dari hasil pemetaan koordinat dan persamaan matematis. Maka, gambar vektor tidak akan “pecah” dan berkurang kualitasnya jika diubah ukurannya secara keseluruhan.

Contoh gambar vektor adalah ilustrasi, kartun, dan text. Dari uraian itu, gambar vektor bersifat resolution independent.

Contoh : Jika anda menggunakan Browser Mozilla Firefox coba tekan CTRL + berkali-kali untuk memperbesar ukuran, maka akan terlihat bahwa Text tidak mengalami penurunan kualitas Warna, sedangkan objek gambar akan terlihat kotak-kotak bergerigi bahkan buram.

Warna pada gambar vektor memang lebih banyak bersifat solid. Gradasi warna(chrome) dan nada(tone) tidaklah sekaya jika dibandingkan dengan gambar bitmap yang bersifat photo realistic. Beberapa perangkat lunak pengelola gambar vektor seperti corelDraw kini telah dapat menyimulasikan transparansi dan peleburan (blending) antar lapiran elemen gambar(layer).

Beberapa contoh format gambar vektor adalah : CDR(CorelDraw), AI(Adobe Illustrator), CMX(Corel Exchange), CMG(Computer Graphic Metafile), DXF(AutoCAD), dan WMF(Windows Media File).

Metafile adalah format gambar vektor yang dapat menyimpan elemen bitmap, misalnya isian tekstur bitmap. Sampai saat ini web masih didominasi format gambar bitmap. Beberapa format vektor yang mulai banyak didukung dunia web, misalnya SWF(Adobe Shockware Flash) dan SVG(Scalable Vektor Graphic) yang berbasis bahasa pemograman XML(eXtensible Markup Language). Kedua format ini mendukung gambar statis maupun animasi 2 dimensi.

Pengubahan gambar bitmap ke gambar vektor(tracing) saat ini telah mampu dilakukan perangkat lunak pengolah gambar vektor seperti CorelDraw, Corel Trace, Adobe Flash, dan lain-lain. Jika ingin mengkonversi vektor ke bitmap(rasterisasi), sebaiknya tetap menyimpan format vektornya untuk mempertahankan kulitas gambar.

Sumber :

http://en.wikipedia.org/wiki/Vector_graphics

http://en.wikipedia.org/wiki/Raster_graphics

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 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 Vektor dan Grafis Berbasis Bitmap

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 sebgai 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 semakin besar.

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 banyaknya titik dalam satu inci. Untuk lebih memahami grafis jenis bitmap .

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 kelengkapan fiturnya.

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 Illustrator dan Micrografx Designer.



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

Sumber : Buku TIK Kelas XII karangan Rudi Hidayat dkk, Penerbit Arilangga

PENGERTIAN GRAFIS VEKTOR DAN BITMAP

Artikel di bawah ini bersumber dari : http://primasoft.wordpress.com/2008/04/07/grafis-vektor-dan-bitmap/ hal ini saya posting sebagai referensi saya dalam pelajaran TIK di sekolah..
mari kita sama-sama membaca dan mempelajarinnya.

1. Pengertian Grafis Vektor dan Bitmap

Pengertian Grafis Vektor

Grafis vektor adalah objek gambar yang dibentuk melalui kombinasi titik-titik dan garis dengan menggunakan rumusan matematika tertentu.

Pengertian Grafis Bitmap

Grafis Bitmap adalah objek gambar yang dibentuk berdasarkan titik-titik dan kombinasi warna.

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

Kelebihan Grafis Bitmap

� Dapat ditambahkan efek khusus tertentu sehingga dapat membuat objek tampil sesuai keinginan.

� Dapat menghasilkan objek gambar bitmap darionjek gambar vektor dengan cara mudah dan cepat, mutu hasilnya pun dapat ditentukan

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

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.

Perbedaan Grafis Berbasis Vektor dan Bitmap

Gambar Vektor
Gambar vektor merupakan gambar yang terbentuk bukan dari kumpulan titik melainkan terbentuk dari sejumlah garis dan kurva. Karena gambar jenis vektor ini bukan terdiri dari titik, maka apabila tampilan gambar ini diperbesar tetap tidak akan kehilangan detailnya sehingga kualitas gambarnya tetap baik. Contoh gambar ini adalah teks dan logo. Perangkat lunak yang sering digunakan untuk mengolah gambar jenis
vektor ini adalah CorelDRAW, Freehand.
Monitor biasanya akan menampilkan gambar dalam bentuk piksel, maka semua gambar baik jenis vector maupun bitmap akan ditampilkan dalam bentuk piksel. Gambar ini mengandung unsur matematis seperti arah, ukuran sudut, ketebalan, warna, dan lain sebagainya.

Gambar Bitmap
Tampilan bitmap sering disebut dengan gambar raster yaitu tampilan gambar yang terdiri dari titik-titik atau piksel. Masing-masing piksel ini mempunyai lokasi serta warna tersendiri yang secara keseluruhan membentuk sebuah tampilan gambar pada saat gambar diperbesar. Kehalusan tampilan gambar ini sangat tergantung kepada resolusi serta titik atau piksel yang membentuk gambar tersebut.
Apabila gambar ini diperbesar maka ini kelihatan kotak-kotak, semakin besar tampilan gambar maka semakin besar pula kotak-kotak tersebut, yang sebetulnya merupakan tampilan piksel yang diperbesar. Contoh gambar bitmap antara lain photo, gambar-gambar hasil scanner serta gambar yang dihasilkan dari software grafis seperti Adobe Photoshop, Corel PHOTO-PAINT.
Kelemahan dari gambar jenis bitmap adalah gambar akan menjadi pecah dan terlihat “kotak-kotak” (jagged) apabila gambar tersebut diperbesar atau dicetak menggunakan resolusi yang lebih kecil daripada nilai resolusi aslinya. Format bitmap ini memerlukan ruang penyimpanan data yang lebih besar dibandingkan dengan format vektor.

Perbandingan Gambar-Gambar Berbasis Vektor dan Bitmap

Vektor   

1.    Tetap utuh pada saat diperbesar

2.    Tersusun dari kurva (path). Path terdiri dari garis (line segment) dan beberapa titik (node) atau disebut dengan anchor point.

3.    Gradasi warna harus dianalisis dulu oleh para desainer grafis.

4.    Tidak mengenal resolusi. Kualitas gambar tergantung pada point pembentuk path.

5.    Menyimpan gambar sesuai dengan software yang kita gunakan misalnya CorelDRAW dalam format berekstensi AI dan Macromedia Freehand

6.    Nyaman dipakai untuk melayout halaman (teknik publishing), membuat font, dan ilustrasi.

Bitmap

    1.    Pecah saat diperbesar

2.    Tersusun oleh selebaran bintik-bintik (piksel), beragam warna, piksel tersebar dalam pola grid.

3.    Gradasi warna lebih luwes dan nyata

4.    Semakin besar resolusi, semakin tinggi kualitas foto

5.    Mampu menyimpan gambar antar-format, yaitu JPEG, BMP, GIF, TIFF dan PNG

6.    Nyaman dipakai untuk gambar-gambar dengan efek bayangan (shading) yang halus

Artikel Terkait :

Grafis

• Software Open Sources GIMP 2.6 yang mirip dengan Photoshop
• Pewarnaan Objek pada CorelDraw
• Transformasi Objek pada CorelDraw
• Teknik Manipulasi Bentuk Objek Corel Draw
• Mengunakan Interactive Tool
• Memilih Dan Mengatur Objek Gambar
• Mengatur Area Gambar CorelDraw 11
• Menggambar Bentuk Dasar Objek
• Mengenal CorelDraw11
• Cara Instalasi CorelDraw 11