Modul Komputer Grafis – X DKV

Pengertian Grafis Berbasis Vector

Dan Grafis Berbasis Bitmap

Peta Konsep

Gambar non digital adalah sketsa atau guratan alat gambar ke suatu media kertas, kanvas, dan sebagainya yang berada di luar lingkungan media digital (komputer, kamera digital).

Gambar digital adalah gambar yang dihasilkan dari olah gambar di komputer, pemotretan menggunakan kamera digital, atau media lain yang disimpan dalam bentuk file

Gambar digital terbagi menjadi dua jenis yaitu gambar jenis bitmap dan gambar jenis vektor.

Secara umum program desain grafis terdiri dari 2 macam, yaitu

1. Berbasis vektor

2. Berbasis bitmap (raster)

Nama-namaperangkat lunak untuk desain grafis

No	Sofware	Keterangan	Ekstensi
1	Corel Draw	Berbasis Vektor	*.cdr
2	Macromedia Freehand,	Berbasis Vektor
3	Adobe Illustrator	Berbasis Vektor
4	Macromedia Flash,	Berbasis Vektor
5	Dia	Berbasis Vektor
6	Auto Cad	Berbasis Vektor	*.cad
7	Inkscape	Berbasis Vektor	*. odt
8	Paint	Berbasis Raster (bitmap)	.bmp / .jpg / .tif / .gif /*.png
9	Photoshop	Berbasis Raster (bitmap)	*.psd
10	Corel Photo paint	Berbasis Raster (bitmap)	*.cpt
11	Gimp	Berbasis Raster (bitmap)

Pengertian desaingrafis berbasis

Vector : Desain grafis yang berbasis besaran dan arah, atau magnitude dan direction

Bitmap : Desain grafis yang memiliki berjuta-juta titik atau pixel

Gambar bitmap merupakan duplikat atau tiruan persis dari gambar asli dalam bentuk gambar digital. Gambar jenis ini tersusun dari sejumlah titik pixel (picture element)/dot/point/titik koordinat yang ditempatkan pada lokasi-lokasi tertentu dengan nilai warna tersendiri sehingga membentuk pola tertentu di layar computer. Banyaknya titik dalam 1 inchi dikenal dengan dpi (dot per inchi).

gambar bitmap berekstensi *.bmp, *.jpg, *.tif, *.gif, *.png, *.pix, *.pcx, dll

ISTILAH-ISTILAH

Fill	Isi dari suatu objek kurva atau bidang-bidang tertentu, biasanya berupa warna.
Natural	Warna atau kesan alamiah.
Node	Titik-titik penghubung antar garis pada suatu objek.
Pixel Picture element	bagian terkecil dari gambar bitmap, berupa titik-titik penyusun gambar.
Stroke	Objek garis dari suatu gambar.

Aman Maathoba, S.Pd., M.Pd

Modul Komputer Grafis – X DKV

Perbedaan desain grafis berbasis vektor dan berbasis bitmap

Berbasis vektor	Berbasis bitmap
kurang dapat menampilkan gambar dan gradasi scara realitis atau natural.	Mampu menangkap nuansa warna dan bentuk yang natural.
Bersifat scalable, artinya kita dapat memperbesar atau memperkecil gambar tanpa mengubah kalitasnya	gambar kurang jelas jika di perbesar (menjadi kabur dan pecah)
Tersusun oleh garis dan kurva	terdiri atas titik / dot
Ukuran file yang dihasilkan kecil	ukuran file yg dihasilkan besar
Kualitas grafik tidak bergantung dari banyaknya pixel	kualitas grafis bergantung dari banyaknya pixel
Mempunyai warna-warna yang solid, cocok untuk bentuk bentuk gambar sederhana, seperti logo, kartun, dsb

Ikon : Lambang kecil yang berfungsi sebagai menu untuk menuju suatu fungsi. Menu bar : Bar yang berisi menu

Submenu : Bagian dari menu (cascading)

menu : Penuntun fasilitas yang tersedia, untuk mengarahkan user dalam memlilih proses yang akan dieksekusi.

Coreldraw x3

CorelDRAW X3 adalah aplikasi design grafis berbasis vektor untuk membuat beberapa design seperti kartu nama, logo, kalender, poster, dan lain-lain. Dibuat oleh Corel, sebuah perusahaan yang bermarkas di Ottawa, Kanada. Versi terakhirnya versi 14 yang dinamai X4 dirilis pada tahun 2008.

Layout coreldraw

Bagian	Keterangan
Menu bar	Area berisi pilihan dalam bentuk pull-down menu
Property bar	Adalah menu bar yang memiliki perintah yang berhubungan dengan obyek atau tool yang sedang aktif. Sebagai contoh, ketika text tool sedang aktif, maka text property bar menampilkan perintah untuk membuat dan mengedit teks.
Toolbar	Adalah menu bar yang berisi shortcut menuju menu dan perintah lainnya.
Title bar	Adalah area yang menampilkan nama dokumen yang sedang dibuka.
Ruler	Batas horisontal and vertikal yang digunakan untuk menentukan ukuran dan posisi obyek dalam gambar
Toolbox	Berisi tool yang berguna untuk membuat dan memodifikasi obyek dalam gambar
Drawing window	Adalah area di luar area kerja yang dibatasi dengan scroll bars.
Drawing page	Area berbentuk persegi di dalam drawing window yang merupakan area kerja yang tercetak.
Docker window	Adalah window yang menyediakan perintah dan
Color palette	Palette berisi warna-warna yang dapat Anda gunakan untuk mewarnai objek.
Status bar	digunakan untuk melihat status dokumen yang sedang Anda buat. Pada Status bar tercantum informasi-informasi seperti warna objek dan posisi objek

Aman Maathoba, S.Pd., M.Pd

Modul Komputer Grafis – X DKV

• Toolbar dari Coreldraw dapat Anda tampilkan maupun Anda sembunyikan melalui menu Windows - Toolbar

• Color Palette dari Coreldraw dapat Anda tampilkan maupun Anda sembunyikan melalui menu Windows - Color Palette

• Dockers dari Coreldraw dapat Anda tampilkan maupun Anda sembunyikan melalui menu Windows - Dockers

Saat membuka pertama kali coreldraw akan muncul tampilan sebagai berikut

a. New: digunakan untuk membuka ruang kerja baru.

b. Recently Used : untuk mengaktifkan file yang

sebelumnya teleh dibuat atau dibuka.

c. Open: untuk mengaktifkan file yang teleh tersimpan

pada memory/ disk

d. New From Template : untuk mengaktifkan desain

template yang telah tersedia/ disediakan di dalam

program CorelDraw

e. Corel Tutor : untuk mengaktifkan tutorial interaktif

yang ada/ terinstal dalam program CorelDraw.

f. What’s New? : untuk mengetahui fasilitas terbaru apa

saja yang ditawarkan oleh CorelDraw Versi terbaru ini

dibandingkan dengan versi sebelumnya.

g. Show this welcome sreen at startup : Perintah ini

digunakan untuk memilih apakah menu welcome screen

ini akan ditampilkan saat membuka program atau tidak.

Toolbox dan fungsinya

1. Pick Tool Untuk menyeleksi, mengubah ukuran, dan juga memutar arah objek gambar. 2. Shape Edit

a. Shape : Menyunting bentuk objek gambar.

b. Smudge Brush : Mengubah / mendistorsi keseluruhan gambar dengan menarik garis tepinya.

c. Roughen Brush : Mengubah / mendistorsi keseluruhan outline bentuk gambar dengan menarik garis tepinya.

d. Free Transform Tools : Mengubah objek gambar menggunakan rotasi(pemutaran posisi) bebas, rotasi sudut, mengubah ukuran dan, dan juga memiringkan

bentuk gambar.

3. Crop Tool

a. Crop : Menghilangkan bagian yang tidak diinginkan dalam objek.

b. Knife : Mengubah / mendistorsi keseluruhan gambar dengan menarik garis tepinya. c. Erase : Menghapus area dalam gambar.

d. Virtual Segment Delete : Menghapus suatu bagian objek yang berada dalam

persinggungan(interseksi).

Aman Maathoba, S.Pd., M.Pd

Modul Komputer Grafis – X DKV

4. Zoom

a. Zoom : Mengubah perbesaran gambar dalam jendela gambar.

b. Hand : Mengatur bagian gambar yang tampil di dalam jendela gambar.

5. Curve

a. Freehand : Menggambar segmen atau kurva dalam bentuk garis tunggal. b. Bezier : Menggambar kurva dalam bentuk garistunggal per titik (node). c. Artistic Media Tool : Memunculkan fungsi pembuat bentuk(pena), seperti brush(efek kuas dengan pola pulasan tertentu), Sprayer(efek cat semprot),

Calligraphic(efek pena kaligrafi), dan Pressure(efek pena teknik

yang akan membentuk garis tepi tanpa lengkung).

d. Pen : Menggambar kurva dalam sebuah segmen pertitik(node). e. Polyline : Menggambar garis dan kurva dalam modus preview. f. 3 Point Curve : Menggambar kurva dengan menentukan titik awal dan akhir, lalu titik pusat kurva.

g. Interactive Connector : Menggabungkan dua objek dengan sebuah garis.

h. Dimension : Menggambar garis secara vertical, horizontal, bersudut, dan miring.

6. Smart Tools

a. Smart Fill : Untuk menciptakan objek dari sebuah area lalu mengisikannya dengan warna atau tekstur.

b. Smart Drawing : Untuk mengubah coretan pointer yang anda gambar ke bentuk dasar atau bentuk yang wujudnya lebih halus.

7. Rectangle

a. Rectangle : Untuk membentuk segi dan kotak.

b. 3 Point Rectangle : Untuk membentuk segi dan kotak dengan menyusunnya per titik.

8. Ellipse

a. Ellipse : Untuk menggambar elips dengan lingkaran.

b. Hand : Mengatur bagian gambar yang tampil di dalam jendela gambar.

9. Object

a. Polygon : Untuk membentuk polygon dan bintang secara simetris.

b. Star : Untuk membentuk bintang.

c. Complex Star : Untuk membentuk bintang dengan bentuk yang lebih kompleks dengan persinggungan sudut.

d. Graph Paper : Untuk membentuk serupa tabel atau susunan kotak-kotak seperti pada kertas gambar teknik.

e. Spiral : Untuk membentuk spiral(per) secara simetris dan logaritmis.

10. Perfect Shapes

a. Basic Shapes : Menyediakan aneka bentuk jadi seperti segidelapan, smiley face, hingga segitiga.

b. Arrow Shapes : Untuk memudahkan menggambar bentuk tanda panah dengan aneka variasi bentuk, arah, dan jumlah kepala panah.

c. Flowchart Shapes : Untuk memudahkan menggambar bentuk flowchart(bagan). d. Banner Shapes : Untuk memudahkan menggambar bentuk pita dan symbol ledakan. e. Callout : Untuk memudahkan menggambar bentuk balon bicara dan label.

11. Text Tool Untuk membuat teks langsung di area gambar baik yang berfungsi sebagai teks artistic maupun keterangan.

12. Interactive Tools

a. Interactive Blend : Untuk membentuk segi dan kotak

b. Interactive Contour : Untuk membentuk segi dan kotak dengan menyusunnya per titik c. Interactive Distortion : Untuk mendistorsi objek secara push/pull, zipper, dan twister. d. Interactive Drop Shadow : Untuk menyisipkan bayangan ke dalam objek.

e. Interactive Envelope : Untuk mengubah bentuk objek dengan menarik titik(node) pada outline.

f. Interactive Extrude : Untuk membentuk ilusi kedalaman pada objek.

g. Interactive Transparency : Untuk menyisipkan efek transparan pada objek.

13. Eyedropper

a. Eyedropper : Untuk menyeleksi dan menyalin property yang terkait dari sebuah objek, seperti warna(isi dalam objek), garis, ketebalan garis, ukuran, dan efek.

b. Paintbucket : Untuk menerapkan property yang terkait dari sebuah objek, seperti warna(isi dalam objek), garis, ketebalan garis, ukuran, dan efek; yang diambil lewat

eyedropper tool, ke objek lainnya.

Aman Maathoba, S.Pd., M.Pd

Modul Komputer Grafis – X DKV

14. Outline

c. Outline Pen Dialog : Untuk mengakses boks dialog outline pen.

a. Outline Color Dialog : Untuk mengakses boks dialog pengaturan warna outline. b. No Outline : Untuk menghilangkan outline dari sebuah objek.

c. ½ Point Outline : Untuk membentuk ketebalan garis ½ point.

d. 1 Point Outline : Untuk membentuk ketebalan garis 1 point.

e. 2 Point Outline : Untuk membentuk ketebalan garis 2 point.

f. 8 Point Outline : Untuk membentuk ketebalan garis 8 point.

g. 16 Point Outline : Untuk membentuk ketebalan garis 16 point.

h. 24 Point Outline : Untuk membentuk ketebalan garis 24 point.

i. Color Docker Window : Untuk membuka docker untuk pengaturan warna dan outline objek.

15. Fill Tools

a. Fill Color Dialog : Untuk mengakses boks dialog pengaturan cat(pengisi bagian dalam objek) dari sebuah objek.

b. Fountain Fill Dialog : Untuk mengakses boks dialog pengisi warna dan gradasi ke dalam objek.

c. Pattern Fill Dialog : Untuk mengakses boks dialog pengisi pola ke dalam objek. d. Texture Fill Dialog : Untuk mengakses boks dialog pengisi tekstur ke dalam objek. e. Post Script Fill Dialog : Untuk mengakses boks dialog pengisi gambar post-script ke dalam objek.

f. No Dialog : Untuk menghilangkan unsur pengisi dari sebuah objek. g. Color Docker Window : Untuk membuka docker untuk pengaturan warna dan outline objek.

16. Interactive Fill

a. Interactive Fill : Untuk mengisi aneka fill(pengisi objek) ke dalam sebuah objek. b. Interactive Mesh : Untuk menerapkan garis-garis jejaring pada objek.

EVALUASI

1. File gambar yang dihasilkan dari kamera digital termasuk gambar jenis ....

a. non digital

b. bitmap

c. vektor

d. pixel

e. scalable

2. Gambar kartun termasuk gambar jenis.... a. non digital

b. bitmap

c. vektor

d. pixel

e. scalable

3. Program aplikasi untuk mengolah gambar bitmap yang dapat digunakan secara gratis adalah ....

a. Adobe Photoshop

b. Corel Photopaint

c. Gimp

d. Dia

e. Inkscape

4. Program aplikasi untuk membuat gambar vektor yang dapat digunakan secara adalah a. CorelDraw

b. Gimp

c. Macromedia Flash

d. Adobe Photoshop

e. Inkscape

5. Titik-titik yang merupakan bagian terkecil dari gambar bitmap dikenal dengan istilah .... a. pixel

b. scalable

c. node

d. stroke

e. fill

6. Kesan alami yang didapatkan dari suatu objek, dikenal dengan istilah ....

a. node

b. fill

c. pixel

d. natural

e. stroke

7. Gambar yang bersifat scalable, sehingga kualitasnya tetap bila diperbesar maupun diperkecil adalah gambar jenis ....

a. bitmap

b. vector

c. natural

d. non digital

e. lukisan

8. Gambar kartun atau vektor merupakan gabungan dari beberapa objek berikutini, kecuali ....

a. garis

b. kurva

c. kotak

d. lingkaran

e. foto

9. Ukuran file gambar vektor bila dibandingkan dengan gambar bitmap adalah ....

a. lebih kecil

b. sama

c. lebih besar

d. lebih lebar

e. fleksibel

10. Gambar manual dapat diubah menjadi gambar vektor, dengan cara ....

a. memotret

b. membuat dengan Coreldraw

c. mengolah dengan Gimp

d. scanning

e. membuat pada kanvas

11. Coreldraw merupakan suatu program aplikasi untuk

a. pemrograman

b. desain grafis

c. presentasi

d. internet

e. multimedia

12. Free software mempunyai pengertian .... a. software berbayar

b. software gratis

c. software demo

d. software bajakan

Aman Maathoba, S.Pd., M.Pd

Modul Komputer Grafis – X DKV

e. Licency

13. Coreldraw digunakan untuk membuat gambar berjenis ....

a. vektor

b. bitmap

c. mp3

d. pdf

e. 3gp

14. Bagian yang digunakan untuk mengatur zoom (memperbesar-memperkecil) tampilan

dokumen Coreldraw adalah ....

a. menu bar

b. commands bar

c. tool controls bar

d. toolbox

e. a dan d benar

15. Bagian dari Coreldraw yang digunakan untuk melihat properties dan status suatu objek adalah ....

a. status bar

b. commands bar

c. tool controls bar

d. toolbox

e. menu bar

16. Bagian dari Coreldraw yang digunakan untuk membuat suatu objek atau perancangan desain adalah ....

a. menu bar

b. tool controls bar

c. status bar

d. commands bar

e. toolbox

Soal Teori

Jawablah pertanyaan-pertanyaan berikut ini.

17. Ekstensi file dari Coreldraw adalah .... a. cdr

b. svg

c. pdf

d. bmp

e. odt

18. Coreldraw tidak bias berjalan di Sistem operasi di bawah ini kecuali ....

a. Windows

b. Linux

c. Machintos

d. FreeBSD

e. Symbian

19. Pada Coreldraw, ikon yang digunakan untuk menyimpan file terdapat di ....

a. tool controls bar

b. Standard

c. toolbox

d. status bar

e. scrollbars

20. Keluar dari program Coreldraw, shortcut yang digunakan pada keyboard adalah ....

a. Ctrl E

b. Ctrl Q

c. Alt E

d. Alt F4

e. Ctrl S

1. Tuliskan perbedaan gambar non digital dengan gambar digital! 2. Tuliskan kelebihan dan kekurangan gambar bitmap! 3. Tuliskan kelebihan dan kekurangan gambar vektor! 4. Tuliskan Langkah menampilkan program Coreldraw X3! 5. Jelaskan fungsi Toolbox!

Aman Maathoba, S.Pd., M.Pd