Dokumen ini menjelaskan tentang pengertian desain grafis, karakteristik grafis berbasis bitmap dan vektor, serta aplikasi yang digunakan untuk membuat keduanya. Selain itu, dibahas juga kelebihan dan kekurangan masing-masing jenis grafis, serta atribut citra grafis komputer seperti warna dan resolusi. Terakhir, penjelasan tentang website sebagai kumpulan halaman informasi yang dapat diakses di internet juga disertakan.

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

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

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

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

5. 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:

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

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

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

9.  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
Extensi Format File Bitmap

10. 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
Gambar vektor apabila di zoom atau di
besarkan, maka dia tidak akan pecah.
besarkan, maka dia tidak akan pecah.

11.  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.

12.  Program aplikasi grafis yang berbasis vektor
antara lain : CorelDraw , Macromedia Free hand,
Adobe Illustrator dan Micrografx Designer.

13.  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.

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

15.  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

16.  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

17.  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

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

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

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

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

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

23. 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."