BAB IPERANGKAT LUNAK PEMBUAT

GRAFIS POPULER

Program pembuat grafis berbasis bitmap identik dengan pengolahan gambar digital, misalkan foto. Program yang termasuk dalam kelompok ini dapat dimanfaatkan untuk mengolah gambar atau manipulasi foto (photo retouching).

Semua objek yang diolah dalam progam-program ini dianggap sebagai kombinasi beberapa titik/pixel yang memiliki kerapatan dan warna tertentu. Meskipun begitu, program yang termasuk dalam kelompok ini dapat juga mengolah teks dan garis, akan tetapi dianggap sebagai kumpulan pixel.

Objek yang diimpor dari program pengolah vektor/garis, setelah diolah dengan program pengolah pixel/titik secara otomatis akan dikonversikan menjadi bentuk pixel/titik.

Yang termasuk dalam aplikasi ini adalah: The Gimp Image Editor Adobe Photoshop Corel Photo Paint Macromedia Xres Metacreations Painter Metacreations Live Picture Micrografx Picture Publisher Microsoft Photo Editor Wright Image Microsoft Paint

Pengolahan grafis baik berbasis bitmap ataupun vector tidak hanya dapat dilakukan pada sistem operasi Windows dengan program aplikasi pengolah grafis populernya yaitu Adobe Photoshop. Di Linux yang merupakan sistem operasi yang free dan open sources juga tidak kalah dalam hal mengolah grafis.

The Gimp Image Editor atau yang sering dikenal dengan nama Gimp merupakan salah satu jenis program grafis populer yang

digunakan untuk mengolah grafis Bitmap, sedangkan program pengolah grafis berbasis Vectornya bernama Inkscape SVG Editor.

Gimp merupakan kependekkan dari GNU Image Manipulation Program adalah perangkat lunak yang memiliki fitur sama dengan Adobe Photosop. Gimp dapat berjalan di sistem operasi Linux, Machintosh (Apple) maupun Windows.

A. MENGENAL THE GIMP

GIMP, GNU Image Manipulation Program, adalah perangkat lunak yang diedarkan secara bebas dan dapat digunakan untuk pekerjaan-pekerjaan seperti manipulasi foto, penggabungan gambar, dan pembuatan gambar.

Plug-in dan ekstensi dapat ditambahkan dengan mudah. GIMP ditulis dan dikembangkan di bawah X11 dan platform UNIX, tetapi dapat juga berjalan di MS Windows dan Mac OS X.

Sejarah

Versi pertama Gimp ditulis oleh Peter Mattis dan Spencer Kimball pada tahun 1996. Banyak pengembang sudah berkontribusi, memberikan dukungan dan percobaan. Awalnya Gimp diciptakan hanya untuk system operasi Linux, sehingga Gimp banyak digunakan oleh para desainer yang menggunakan sistem operasi Linux. Hampir di setiap distro linux menyertakan Gimp sebagai tool pengolah grafisnya, mulai dari Slackware, Redhat, Mandriva, Suse dan Debian.

Para pengembang GIMP bangga mengeluarkan versi 2.4 dari the GNU Image Manipulation Program dan menghabiskan waktu sekitar 9 bulan percobaan setelah versi 2.0 sehingga telah membentuk sebuah aplikasi yang stabil. Saat tulisan ini dibuat, Gimp sudah sampai pada versi 2.4.5 stable untuk berbagai platform sistem operasi seperti Linux, Windows dan Mac OS X.

Untuk memperoleh aplikasi Gimp ini cukup mudah dan hampir tidak memerlukan biaya apapun, karena aplikasi ini dapat di download dari internet secara bebas di situs resmi Gimp yaitu http://www.gimp.org.

24

Fitur dan Kemampuan GIMP

GIMP mempunyai fitur dan kemampuan yang dapat diandalkan untuk bekerja dengan gambar. Fitur dan kemampuan yang dimiliki GIMP antara lain:

Menggambar o paket lengkap perlengkapan menggambar, seperti:

Brush, Pencil, Airbrush, Clone, dan lain-lain. o anti-aliasing kualitas tinggi karena menggunakan

penyampelan sub-piksel untuk semua alat menggambar o editor gradient dan blend yang powerful o mendukung brush dan pola yang dapat disesuaikan oleh

pengguna Sistem

o ukuran gambar hanya dibatasi oleh ketersediaan ruang disk

o jumlah gambar yang dapat dibuka dalam satu waktu tidak terbatas

Manipulasi tingkat lanjut o dukungan penuh terhadap channel alpha o layer dan channel o undo/redo yang dapat dilakukan berkali-kali (hanya

dibatasi oleh banyaknya sisa ruang disk) o layer teks yang dapat diedit o alat transformasi: rotate, scale, shear, flip o alat seleksi: rectangle, ellipse, free, fuzzy, intelligent o seleksi bezier dan poligon o seleksi yang dapat ditransformasi o quickmask untuk menggambar di seleksi

Animasi o membuka dan menyimpan animasi dalam format frame

sebagai layer o dukungan terhadap MNG o navigator frame (dalam GAP, GIMP Animation Package) o Onion Skin (dalam GAP, GIMP Animation Package) o Bluebox (dalam GAP, GIMP Animation Package)

Penanganan file o format file yang didukung meliputi: bmp, gif, jpeg, mng,

pcx, pdf, png, ps, psd, svg, tiff, tga, xpm, dan banyak lagi

o membuka, menampilkan, mengkonversi, dan menyimpan ke bermacam-macam format file

25

o impor/ekspor ke SVG Ekstensibel

o basis data prosedural untuk memanggil fungsi-fungsi GIMP dari program eksternal

o kemampuan skripting tingkat lanjut (Scheme, Python, Perl)

o plug-in yang memudahkan penambahan format file dan filter efek baru

o telah tersedia lebih dari 100 plug-in

B. MEMULAI THE GIMP

1. Instalasi Gimp

Untuk menginstall Gimp, pastikan kamu sudah mempunyai programnya. Jika belum, kamu dapat mendownloadnya di situs resminya, www.gimp.org secara gratis. Saat menulis buku ini, versi Gimp terbaru yang digunakan adalah 2.4.5. Sebagai contoh, saya sudah meletakkan file program Gimp 2.4.5 di folder Software. Instalasinya mudah, berikut langkah-langkahnya :

1) Klik 2 kali file program The Gimp 2.4.5 Setup

Gambar 1:Program File The Gimp versi 2.4.5

2) Kemudian muncul kotak dialog setup The Gimp, Klik Next.

26

Program Gimp 2.4.5

Gambar 2:Tampilan awal Setup/instalasi The Gimp versi 2.4.53) Selanjutnya muncul kotak dialog "License Agreement", Klik

Next.

Gambar 3:Lisensi GNU GPL Program File The Gimp versi 2.4.5

4) Kotak dialog selanjutnya adalah "Ready to Install", klik tombol "Install Now" jika kamu benar-benar sudah siap untuk menginstall The Gimp di komputermu.

27

Langkah Selanjutnya

Langkah Selanjutnya

Gambar 4:Program The Gimp siap untuk diinstal ke komputer

5) Setelah kamu menekan tombol "Install Now", maka proses installasi akan dilakukan. Umumnya program The Gimp akan terinstall di direktori C:\Program Files\Gimp-2.0\ seperti terlihat pada gambar proses installasi dibawah ini.

Gambar 5:Proses Instalasi Program The Gimp versi 2.4.5 ke komputer

28

Klik untuk instal The Gimp

Folder Tempat Instal Gimp

6) Jika installasi sukses, akan muncul kotak dialog "Completing The Gimp Setup Wizard". Klik Finish untuk mengakhiri installasi.

Gambar 6:Program The Gimp versi 2.4.5 selesai diinstal ke komputer2. Menjalankan Program The Gimp

Tulisan ini dibuat menggunakan sistem operasi Windows dan Gimp yang digunakan adalah Gimp untuk Windows. Untuk memulai Gimp di windows sangatlah mudah, langkah-langkahnya adalah sebagai berikut:

1. Klik Start2. Pilih All Programs3. Pilih Gimp4. Pilih Gimp 2

29

3

4

Instalasi Selesai

Gambar 7:Langkah Memulai Aplikasi Gimp

5. Tunggu Loading Gimp sampai muncul tampilan yang penuh.

Gambar 8: Loading Start up Aplikasi Gimp Versi 2.4.5

6. Jika langkah-langkah tersebut benar, maka akan muncul tampilan awal Gimp (Interface Gimp)

30

12

Gambar 9:Tampilan Awal Interface Aplikasi Gimp Versi 2.4.5

C. AREA KERJA THE GIMP

Setelah Gimp Interface muncul, maka akan tampak beberapa bagian yang disediakan oleh Gimp, sebagai berikut :

1. ToolboxToolbox Gimp dibagi menjadi beberapa bagian penting yang digunakan sebagai fasilitas untuk pengolahan gambar berbasis Bitmap. Bagian-bagian tersebut yaitu Toolbox Menu, Toolbox Icons, dan Foreground/Background Colours.

31

Gambar 10:Toolbox Gimp Versi 2.4.5

a. Toolbox MenuToolbox menu Gimp memuat 3 menu utama program yaitu File, Xtns dan Help. Menu tersebut berisi beberapa perintah yang kebanyakan tidak dapat ditemukan di dalam menu yang terdapat pada Layer Image.

b. Toolbox IconsToolbox yang berisi tombol-tombol penting untuk pengolahan grafis berbasis Bitmap pada Gimp yang dapat mengaktifkan peralatan untuk perluasan tujuan yang bervariasi seperti : memilih bagian gambar, mengecat, menggeser, memotong, dan lain-lain.

Toolbox Icons dibagi menjadi beberapa bagian yaitu:

*) Selection Tool

Selection tools dirancang untuk memilih wilayah dari gambar atau lapisan sehingga Anda dapat bekerja pada mereka tanpa mempengaruhi wilayah yang tidak diseleksi. Setiap peralatan mempunyai properti individu tersendiri, tetapi selection tools juga membagi jumlah opsi dan fitur biasa.

Gambar icon, nama icon, shortcut, dan penggunaan dari selection tool dapat ditampilkan melalui tabel berikut ini :

32

a

b

c

ToolboxMenu

ToolboxIcons

Foreground/ BackgroundColours

Icon Nama Shortcut Fungsi / PenggunaanRectangular R Seleksi wilayah dalam

bentuk segi empat atau bujur sangkar

Elliptical E Seleksi wilayah dalam bentuk ellips atau lingkaran

Lasso F Membuat seleksi secara bebas

Magic Wand Z Membuat seleksi wilayah gambar terbatas pada gambar yang mempunyai kesamaan warna

By Color Shift + O Membuat seleksi wilayah gambar berdasarkan warna secara menyeluruh tanpa dibatasi warna yang lain yang berbeda

Shapes I Dinamakan juga Intellegent Scissors yang digunakan untuk menggunting daerah gambar yang terseleksi

Foreground (tidak ada) Membuat seleksi berdasarkan warna foreground yang sudah disetting pada gambar

Paths B Digunakan untuk membuat dan mengedit gambar paths

*) Transform Tool

Pada bagian transfrom tool, kamu akan menemukan tujuh peralatan yang digunakan untuk memodifikasi elemen gambar, seleksi lapisan atau garis edar. Setiap alat transformasi mempunyai sebuah opsi dialog dan sebuah informasi dialog untuk mengatur parameter tertentu seperti memindah, memotong, mengubah ukuran, memutar, dan membuat efek perspektif pada bagian gambar.

Gambar icon, nama icon, shortcut, dan penggunaan dari transform tool dapat ditampilkan melalui tabel berikut ini :

33

Icon Nama Shortcut Fungsi / PenggunaanMove M Menggeser posisi gambar

Crop & Resize

Shift + C Memotong gambar dan mengubah ukuran ganbar

Rotate Shift + R Memutar lapisan posisi gambar yang aktif

Scale Shift + T Mengubah skala gambar

Shear Shift + S Mengubah posisi gambar secara horizontal / vertikal

Perspective Shift + P Mengubah posisi perspektif gambar

Flip Shift + F Memutar lapisan seleksi gambar secara horizontal dan vertikal. Dapat juga digunakan untuk membuat efek refleksi (bayangan).

*) Colour Picker

Colour Picker digunakan untuk memilih sebuah warna pada lapisan yang aktif sehingga kita akan tahu informasi jenis warna yang berada pada posisi kursor. Shortcut yang digunakan adalah O.

*) Zoom

Zoom dosebut juga Magnify, digunakan untuk memperbesar dan mengecilkan posisi gambar yang aktif.

*) Measure

Measure digunakan untuk menentukan jarak dan sudut objek gambar.

*) Text

Digunakan untuk membuat tulisan pada gambar. Ketika kamu menggunakan tool ini dan mengklik pada gambar, maka akan muncul kotak “Text Editor” sebagai tempat untuk meletakkan tulisan. Pada kotak dialog Text Option, kamu juga dapat mengubah ukuran, warna dan jenis font tulisan.

34

*) Drawing Tool

Drawing tool sering disebut juga Paint Tool yaitu sekumpulan fasilitas yang digunakan untuk membuat gambar, mengedit gambar, menghapus gambar, mewarnai gambar, membuat efek bayangan gambar, dan lain-lain.

Gambar icon, nama icon, shortcut, dan penggunaan dari transform tool dapat ditampilkan melalui tabel berikut ini :

Icon Nama Shortcut Fungsi / PenggunaanFill Bucket Shift + B Mewarnai objek dengan

suatu motif warnaGradient L Mewarnai objek dengan

beberapa warnaPencil N Membuat garis tegas pada

layer image/object gambarPaintbrush P Membuat garis dengan

berbagai jenis pilihan garisEraser Shift + E Menghapus dan mengatur

tingkat transparan gambarAirbrush A Memberikan berbagai jenis

pilihan warna pada objekInk K Menentukan jenis warna

tinta sebuah gambarClone C Meng-clone pola gambar,

menggambar garis atau kurva terpola

Heal H Menghapus dan menambal warna gambar dengan warna yang lain

Perspective Clone

(tidak ada) Membuat efek perspektif pada gambar

Blur/Sharpen V Mengaburkan dan mempertajam efek gambar

Smudge S Menentukan efek pengaburan warna pada sebuah gambar

Dodge/Burn Shift + D Membuat efek gambar

35

seperti terbakar api

*) Alignment

Untuk mengatur atau mengurutkan posisi layer dan object gambar lainnya.

c. Foreground/Background Colours

Menunjukkan warna bagian depan dan belakang sebuah gambar. Kamu dapat menentukan warna depan dan belakang dari sebuah gambar dengan meng-klik pilihan warnanya sehingga nanti akan muncul kotak dialog yang mengijinkan kamu dapat mengganti dengan warna yang lain sesuai kebutuhan. Klik busur double kepala yang dapat berubah-ubah dalam 2 jenis warna, dan klik simbol kecil di sudut kiri lebih bawah untuk mengatur kembali ke warna hitam-putih.

2. Layer Image

36

a

b

cc

d

e

f

g

h

i

j

k

l

m

n

o

Gambar 11:Tampilan Layer Image (Object Gambar Aktif)

Keterangan :a. Title Bar : Menunjukkan nama gambar dan beberapa

informasi dasar yang berkaitan.b. Menu Bar : Secara langsung di bawah untuk menekan bar

tampilan menu gambar. Menu ini memberikan Anda akses untuk lebih dekat ke setiap operasi yang dapat Anda lakukan pada gambar. (Ada beberapa aksi global yang hanya dapat di akses melalui menu "toolbox")

c. Menu Button : Menu ini akan memberikan kepada pengguna "Menu Bar" yang akan tertampil dalam bentuk kolom. --> Shift + F10 key

d. Ruler : menunjukkan posisi koordinat di dalam gambar. Satuan yang digunakan adalah unit pixels namun kamu dapat mengubahnya menjadi jenis satuan yang lain.

e. Inactive Padding Area : Area ini memisahkan antara tampilan gambar yang aktif dengan yang tidak aktif sehingga anda dapat membedakannya.

f. Quick Mask Toggle : Ini merupakan sebuah alternatif dan sangat berguna, cara memandang area yang dipilih dalam gambar.

g. Units Menu : Satuan yang digunakan adalah pixel, baik untuk pengaris atau yang lainnya. Anda dapat mengubahnya ke inchi, cm, dan lainnya.

h. Pointer Coordinates : Menampilkan posisi koordinat terakhir dari panah penunjuk (atau juga posisi mouse jika anda menggunakan mouse), selama panah penunjuk berada dalam batas gambar. Unit satuannya adalah sama dengan yang di penggaris.

i. Zoom Button : Cara termudah untuk memperbesar atau memperkecil gambar.

j. Control Box : Digunakan untuk mengontrol tampilan layer image seperti minimize, maximize, restore dan close.

k. Image Window Resize Toggle : Jika tombol ini ditekan, gambar akan berubah ukurannya apabila layar juga berubah ukurannya.

l. Image Display : Terletak di tengah area layar, dikelilingi oleh garis putus-putus kuning sebagai batas gambar, berhadapan dengan layar latar abu-abu.

m. Scroll Bar : Digunakan untuk melihat posisi gambar yang tersembunyi karena ukurannya yang terlalu lebar melebihi layer image.

37

n. Navigation Control : : Ini merupakan sebuah tombol kecil berbentuk silang terletak di bagian sudut kanan atas dari tampilan gambar. Dengan klik kiri dan menahannya, lalu menariknya kebawah, maka akan muncul sebuah tampilan yang berisi miniatur dari gambar, tampilannya bergaris luar. Kamu dapat memindahkan gambar secara perlahan ke bagian lain dengan menahan tombol mouse. Untuk gambar yang besar dimana hanya bagian kecil saja yang tampil, "Navigation Window" adalah cara yang termudah untuk mencari bagian gambar yang akan kamu cari.

o. Status Area : Status Area muncul di bagian bawah tampilan gambar. Ia menunjukkan gambar bagian mana yang sedang aktif dan jumlah memori yang digunakan oleh gambar tersebut sepanjang waktu.

3. Layer, Channels dan PathsMenunjukkan lapisan struktur gambar yang aktif sekarang dan mengijinkannya untuk dimanipulasikan dalam cara yang bervariasi.

38

Gambar 12:Layers, Channels dan Paths

4. Tip of the dayBerisi berbagai macam tip dan trik yang disediakan Gimp untuk mempermudah para penggunanya dalam menggunakan aplikasi Gimp.

Gambar 13:Tip of the Day dari Gimp 2.4.5

39

BAB IIOPERASI DASAR THE GIMP

Secara umum operasi dasar penggunaan Gimp tidak jauh beda dengan aplikasi pengolah grafis lainnya. Jenis operasi dasar tersebut antara lain membuat file grafis baru kemudian menyimpannya kedalam folder atau direktori penyimpanan, selanjutnya membuka kembali file grafis yang telah dibuat sampai pada menutup program aplikasi The Gimp.

D. MEMBUAT FILE GRAFIS BARU DENGAN THE GIMP

Untuk membuat file grafis baru dengan Gimp, kamu terlebih dahulu harus membuka programnya. Caranya adalah :

- Pilih Start Menu- Pilih All Programs- Pilih Gimp- Pilih Gimp 2

Tunggu sampai program Gimp selesai loading dan memunculkan tampilan awal aplikasinya.

Selanjutnya, langkah-langkah yang harus dilakukan untuk membuat file grafis baru adalah sebagai berikut :

1. Pilih File pada Menu Bar

40

2. Pilih New (CTRL + N)

Gambar 14:Langkah Membuat File Baru (File – New)

3. Kemudian akan muncul kotak dialog "Create a New Image"Isikan beberapa ketentuan didalamnya, seperti Template dan Image Size, seperti terlihat pada gambar berikut ini :

Gambar 15:Kotak Dialog Create a New Image

4. Klik OK5. Selanjutnya akan muncul Layer Image Window

41

1

2

3

4

Gambar 16:Layer Image Window

42

6. Kemudian, kita akan memulai membuat objek pada Layer Image tersebut. Misalnya, kita akan menggambar beberapa bentuk seperti persegi panjang dan lingkaran. Sebagai tambahan, didalam masing-masing bentuk tersebut kita berikan teks sesuai dengan namanya masing-masing dengan variasi warna yang berbeda.

Gambar 17:Hasil Image Grafis Baru

Selesai sudah contoh gambar baru yang kita buat, sebagai catatan gambar diatas ialah Untuk menggambar kotak segi empat, kamu bisa menggunakan Rectangle Select Tool, dan yang berbentuk lingkaran, kamu bisa mempergunakan Ellipse Select Tool. Sedangkan untuk warna, kamu bisa menggunakan tools foreground dan background colour serta patterns.

43

E. MENYIMPAN FILE GRAFIS BARU

Setelah menggambar atau membuat file grafis baru, langkah selanjutnya adalah menyimpan gambar tersebut. Berikut adalah langkah-langkah menyimpan gambar yang sudah dibuat :

1. Pilih menu File2. Pilih Save (CTRL + S)3. Kemudian akan muncul kotak dialog Save Image

Gambar 18:Kotak Dialog Save Image

Gambar 19:Kotak Dialog Jpeg Options

44

Nama File

Folder/Direktori

Tipe format gambar

Tombol Simpan

Kualitas Gambar

Tombol Simpan

Nilai Kualitas Gambar

F. MEMBUKA FILE GRAFIS

Untuk membuka file grafis yang kita miliki dan sudah kita simpan disebuah folder, langkahnya adalah sebagai berikut :1. Pilih File2. Pilih Open (CTRL + O)

Gambar 20:Langkah Awal Membuka

Gambar di Gimp

3. Cari folder dimana kita menyimpan file-file gambar, misalnya My Pictures

4. Pilih gambar yang akan dibuka, misalnya Wallpaper.jpg5. Klik Open

Gambar 21:Menentukan gambar yang akan dibukaDengan Gimp

45

1

2

3

4

5

PreviewGambar, Nama dan Ukuran

6. Berikut adalah tampilan gambar yang telah dibuka dengan program Gimp

Gambar 22:Gambar Wallpaper.jpg yang dibuka dengan Gimp

46

G. MENUTUP PROGRAM THE GIMP

Setelah kamu membuat gambar, menyimpan dan mengedit gambar dengan aplikasi Gimp Image Editor, jangan lupa untuk menutup program Gimp.

Langkah untuk menutup program Gimp Image Editor sangat Mudah dan dapat dilakukan dengan berbagai cara, yaitu :

1. Cara 1Untuk menutup Gimp dengan cara yang pertama adalah dari Icon Gimp dan pilih Close (CTRL + F4)

Gambar 23:Menutup Gimp Cara 1

2. Cara 2Cara yang kedua adalah melalui menu File Quit (CTRL+Q)

3. Cara 3Cara yang ketiga adalah langsung dari bagian control box pada interface gimp yang bertanda silang (X) warna merah.

47

Mengenal Format Gambar Bitmap

XCFMerupakan format default dari program Gimp dalam menyimpan

gambar

Bitmap (BMP)Bitmap adalah format gambar yang paling umum dan merupakan

format standar windows. Gambar dengan format Bitmap (.BMP) biasanya mempunyai kapasitas ukuran yang relatif besar sampai megabytes.

BMP menggunakan sistem warna RGB (Red, Green, Blue) dimana warna masing-masing pixelnya terdiri dari 3 komponen yaitu R, G dan B yang dicampur menjadi satu.

Joint Photografic Expert Group (JPEG)Format JPG merupakan format yang paling terkenal dan banyak digunakan saat ini. Hal ini karena sifatnya yang berukuran kecil dalam satuan kilobytes. Format gambar ini biasanya banyak digunakan pada bidang fotografi untuk menyimpan file foto, selain itu format JPG sering dipakai dalam website internet karena ukurannya yang relatif kecil.

Portable Network Graphics (PNG)Format PNG adalah format standar yang sering digunakan di internet untuk menampilkan gambar ataupun pengiriman gambar. Ukuran gambar relatif kecil dan setara dengan ukuran gambar dengan format GIF dengan kualitas yang bagus, kekurangannya adalah tidak mendukung gambar animasi atau gambar bergerak.

Graphic Interchange Format (GIF)Format GIF merupakan format gambar dengan ukuran yang kecil dan mendukung gambar yang terdiri dari banyak frame sehingga bisa disebut sebagai gambar animasi atau gambar bergerak. Format GIF sering digunakan di internet untuk menampilkan gambar-gambar web karena ukurannya kecil sehingga aksesnya cepat.

By Saruri NFSumber : Berbagai Sumber Internet

48