Pengertian grafis Desain Grafis adalah salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan pada sang desainer (perancang) untuk memilih,

Presentasi berjudul: "Pengertian grafis Desain Grafis adalah salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan pada sang desainer (perancang) untuk memilih,"— Transcript presentasi:

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

9 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

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 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 2. Kelebihan dan kekurangan grafis vektor dan bitmap
Tidak dapat menghasilkan objek gambar vektor yang prima ketika melakukan konversi objek gambar tersebut dari format bitmap

16 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

17 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

18 Perbedaan Grafis Vektor dan Grafis 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."