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 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.
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.
 Berikut contoh gambar bitmap:
 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.
Extensi Format File Bitmap
 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)
Extensi Format File Bitmap
 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

besarkan, maka dia tidak akan pecah.
 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.
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
2. Kelebihan dan kekurangan grafis vektor
dan bitmap
 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
Perbedaan Grafis Vektor dan Grafis
Bitmap
Vektor Bitmap

1. Gambar tetap jelas ketika di 1. Gambar kurang jelas ketika di

perbesar perbesar
2. Tersusun oleh garis dan kurva 2. Tersusun atas titik-titik/dot

3. Ukuran File yang dihasilkan 3. Ukuran File yang dihasilkan

kecil besar
4. Kualitas grafis tidak bergantung 4. Kualitas grafis bergantung dari
dari banyaknya pixel banyaknya pixel
Kelebihan dan kekurangan grafis vektor
dan bitmap
Kelebihan
Vektor Bitmap
Ruang penyimpanan untuk objek Dapat ditambahkan efek khusus
gambar lebih efisien tertentu sehingga dapat membuat
objek tampil sesuai keinginan.
Objek gambar vektor dapat diubah Dapat menghasilkan objek gambar
ukuran dan bentuknya tanpa bitmap dari objek gambar vektor
menurunkan mutu tampilannya 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 Objek gambar tersebut memiliki
gambar vektor yang prima ketika permasalahan ketika diubah
melakukan konversi objek gambar ukurannya, khususnya ketika objek
tersebut dari format bitmap 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 tertentu.
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."