Panduan Singkat Belajar
I N KSCA PE 0. 4 7 Untuk SMA Kelas XII Semester 1 Oleh: Drs. Wawan Hartanto
Panduan Belajar GIMP - 1/24
Sekilah Penulis WAWAN HARTANTO, pria kelahiran Cepu pada September 1968 silam menyelesaikan S1 Pendidikan Teknik Elektro IKIP Semarang (Sekarang UNNES) pada tahun 1992. Memiliki kegemaran menulis dan belajar komputer secara otodidak. Sempat mengajar di beberapa sekolah 'luar negeri' (baca: swasta), namun sejak 2005 bekerja sebagai guru 'honorer' mapel TIK di SMA 1 CEPU hingga sekarang.
Panduan Belajar GIMP - 2/24
Daftar Isi
Sekilah Penulis.....................................................................................................................................2 Daftar Isi...............................................................................................................................................3 Pengantar ke Grafis Bitmap..................................................................................................................4 Sekilas Grafis Bitmap......................................................................................................................4 Pixel: Elemen Digital dari Desain...................................................................................................4 Keunggulan Bitmap.........................................................................................................................5 Pengenalan GIMP ................................................................................................................................6 Sekilas GIMP...................................................................................................................................6 Layar Interface GIMP......................................................................................................................6 Toolbox............................................................................................................................................7 Parameter....................................................................................................................................8 Menyembunyikan/Menampakkan Elemen Layar............................................................................8 Bekerja dengan GIMP........................................................................................................................10 Membuka File Gambar..................................................................................................................10 Penyuntingan Dasar.......................................................................................................................11 Mentransformasi Gambar..........................................................................................................11 Menskala Gambar.....................................................................................................................11 Cropping....................................................................................................................................13 Mengganti Mode Warna............................................................................................................14 Memecah Gambar Menjadi Beberapa Bagian .........................................................................14 Membuat Gambar Perspektif....................................................................................................15 Pemakaian Fuzzy Select Tool...................................................................................................17 Mengganti Warna Foreground dan Background.......................................................................19 Pengisian Area...........................................................................................................................20 Filter...................................................................................................................................................22 Menu Filter....................................................................................................................................22 Contoh Penerapan Filter................................................................................................................23 Apply Canvas............................................................................................................................23 Oilify.........................................................................................................................................23 Fuzzy Border.............................................................................................................................24
Panduan Belajar GIMP - 3/24
Pengantar ke Grafis Bitmap Standar Kompetensi: 8. Menggnakan perangkat lunak pembuat grafis Kompetensi Dasar: 8.1 Menunjukkan menu dan ikon yang terdapat dalam perangkat lunak pembuat grafis Tujuan pembelajaran: • Menjelaskan pengertian grafis bitmap • Menjelaskan konsep pixel dalam kaitannya dengan desain grafis digital • Menjelaskan keunggulan bitmap
Sekilas Grafis Bitmap Bitmap adalah sebuah tipe grafis yang dikomposisi dari pixel-pixel (picture element) dalam suatu grid. Setiap pixel atau “bit” mengandung informasi warna untuk gambar. Grafis bitmap memiliki resolusi tetap yang berarti pengubahan ukuran grafis bitmap bisa menyebabkan cacat atau distorsiserta efek tepi bergerigi (jagged edge). Beberapa format umum bitmap seperti GIF, JPG atau JPEG, TIFF, PNG, PICT, PCX dan BMP. Perangkat lunak penyunting foto atau penyunting gambar seperti Adobe Photoshop, Corel Photopaint serta GIMP dirancang untuk pembuatan dan penyuntingan grafis bitmap.
Pixel: Elemen Digital dari Desain Seperti halnya molekul yang disusun oleh atom-atom, yang pada gilirannya terdiri juga dari komponenkomponen yang lebih kecil lagi, unsur desain grafis digital dapat dibagi menjadi bit-bit dasar yang lebih kecil – laksana sebuah titik yang dibuat menggunakan ujung runcing sebuah pensil. Sebuah pixel adalah digital yang setara dengan setitik pensil. Ini merupakan unsur paling kecil yang membentuk apa yang anda lihat pada layar komputer anda.
Didalam pencitraan digital, sebuah pixel (atau picture element) adalah titik tunggal didalam gambar. Pixel merupakan unsur paling kecil dari layar yang bisa dialamati. Ini menjadi satuan paling kecil dari gambar yang bisa dikendalikan. Setiap pixel memiliki alamatnya sendiri-sendiri. Alamat pixel berhubungan dengan koordinat-koordinatnya. Pixel-pixel umumnya ditata dalam grid dua dimensi, yang sering direpresentasikan menggunakan titik (dot) atau bujursangkar (square). Setiap pixel merupakan sampel dari gambar original. Intensitas dari setiap pixel bervariasi. Dalam sistem pewarnaan gambar, sebuah warna pada dasarnya direpresentasikan dengan tiga atau empat komponen intensitas seperti merah (R), hijau (G) dan biru (B)
Panduan Belajar GIMP - 4/24
atau cyan, magenta, kuning dan hitam.
Keunggulan Bitmap Bitmap mampu menghasilkan efek pewarnaan gradasi yang rumit. Dengan pixel-pixel yang padat, grafis bitmap mampu menghasilkan gambar dengan tingkat kehalusan yang tinggi. Itulah sebabnya bitmap banyak dipakai dalam bidang pekerjaan fotografi karena kemampuannya menghasilkan efek foto-realistik.
Panduan Belajar GIMP - 5/24
Pengenalan GIMP Standar Kompetensi: 8. Menggnakan perangkat lunak pembuat grafis Kompetensi Dasar: 8.1 Menunjukkan menu dan ikon yang terdapat dalam perangkat lunak pembuat grafis Tujuan pembelajaran: • Mampu menjelaskan sejarah singkat GIMP • Menjelaskan cara menjalankan program aplikasi GIMP • Mengidentifikasi menu dan ikon yang terdapat dalam perangkat lunak pembuat grafis • Menjelaskan kegunaan dari setiap tool yang tersedia didalam toolbox
Sekilas GIMP GIMP singkatan dari GNU Image Manipulation Program atau program pemanipulasi gambar GNU. Pada awalnya GIMP diciptakan oleh Spencer Kimball dan Peter Mattis yang mulai mengembangkan GIMP sejak 1995 dengan nama General Image Manipulation Program. Dalam tahun 1997, GIMP menjadi bagian dari GNU Project, sehingga singkatan GIMP diubah menjadi GNU Image Manipulation Program. Pada mulanya GIMP diciptakan untuk sistem UNIX, namun akhirnya diadopsi untuk sistem-sistem lainnya seperti Linux, Windows dan MacOS.
Layar Interface GIMP
Panduan Belajar GIMP - 6/24
Layar interface GIMP terdiri dari tiga elemen pokok: • • •
Kanvas dokumen, dengan menu bar didalamnya. Toolbox, kotak berisi aneka perkakas (tool) untuk penyuntingan dan memanipulasi gambar. Dockable dialog, isinya bisa berbagai macam dialog seperti Layer, Color, Histogram, Channels dsb.
Toolbox Toolbox berisi aneka tool untuk berbagai jenis pekerjaan. Berikut daftarnya:
Ikon
Rectangle Select Tool
Ellipse Select Tool
Free Select Tool
Fuzzy Select Tool
Select by Color Tool
Scissors Select Tool
Foreground Select Tool
Memilih dengan area segiempat
Memilih dengan area elips
Memilih dengan bentuk area bebas
Memilih area pada basis warna yang berdekatan
Memilih berdasarkan warna yang sama
Memilih bangun dengan fitur intelligent edge-fitting
Memilih area yang mengandung obyek foreground
R
E
F
U
Shift+O
I
Path Tool
Color Picker Tool
Zoom Tool
Measure Tool
Move Tool
Alignment Tool
Membuat & Menyuntin g alur
Menetapkan warna dari pixel gambar
Mengatur taraf perbesaran
Mengukur jarak dan sudut
Memindah layer, pilihan, serta obyek lainnya
B
O
Z
Shift+M
M
Q
Shift+C
Nama
Rotate Tool
Scale Tool
Shear Tool
Perspective Tool
Flip Tool
Text Tool
Bucket Fill Tool
Fungsi
Memutar layer, pilihan atau alur
Menskala layer, pilihan atau alur
Memberi tarikan layer, pilihan atau alur
Mengubah perspektif layer, pilihan atau alur
Shortcut
Shift+R
Shift+T
Shift+S
Shift+P
Nama
Fungsi
Shortcut
Ikon
Nama
Fungsi Shortcut
Crop Tool
Meluruskan Membuang dan menata area tepi dari layer dan gambar atau obyek lainnya layer
Ikon
Membalik layer, Membuat dan Mengisi area pilihan atau menyunting terpilih alur secara layer teks dengan warna vertikal atau atau pola horisontal Shift+F
T
Shift+B
Panduan Belajar GIMP - 7/24
Ikon
Nama
Blend Tool
Fungsi
Mengisi area terpilih dengan warna gradasi
Shortcut
Pencil Tool
Paintbrush Tool
Menggambar Menggambar dengan garis dengan garis tajam halus memakai kuas memakai kuas
Eraser Tool
Airbrush Tool
Ink Tool
Clone Tool
Menghapus hingga background atau transparansi memakai kuas
Melukis memakai kuas dengan variasi tekanan
Melukis model kaligrafi
Menyalin secara selektif dari sebuah gambar atau pola, memakai kuas
K
C
L
N
P
Shift+E
A
Healing Tool
Perspective Clone Tool
Blur/Sharpen Tool
Smudge Tool
Dodge/Burn Tool
Foreground & background color
Memulihka n ketidakteraturan gambar
Mengkloning dari gambar sumber setelah menerapkan transformasi perspektif
Membaurkan atau mempertajam pilihan menggunakan kuas
Mencoreng secara selektif menggunakan kuas
Menerangkan / mempergelap secara seletif menggunakan kuas
Bujursangkar hitam dan putih mereset warna. Anak panah menukar warna. Klik untuk memilih warna
Shift+U
S
Shift+D
Ikon
Nama
Fungsi
Shortcut
H
Parameter Ketika sebuah tool dipilih, maka disediakan setelan-setelan parameter bagi tool yang bersangkutan didalam toolbox bagian bawah. Sebagai contoh, ketika Dodge/Burn Tool s dipilih, setelan-setelan parameter yang tersedia seperti berikut:
Menyembunyikan/Menampakkan Elemen Layar Jika diperlukan beberapa elemen yang tampak pada layar aplikasi dapat disembunyikan. Elemen-elemen Panduan Belajar GIMP - 8/24
layar yang dimaksud adalah Menu Bar, Ruler, Scroll Bar, Status Bar, Grid, Dockable Dialog. Untuk menyembunyikan elemen layar aplikasi, ikuti langkah-langkah berikut:
1. Buka menu View 2. Klik Menu Bar 3. Ulangi kedua langkah diatas untuk Ruler, Scroll Bar dan Status Bar 4. Klik tombol Close [X] pada Dockable Dialog 5. Hasilnya akan tampak seperti ini:
Bagaimana cara menampakkannya kembali? 1. Klik-kanan dimana saja 2. Pilih menu View, lalu klik Menubar 3. Elemen-elemen lainnya bisa ditampakkan kembali dengan cara yang sama 4. Untuk menampakkan kembali Dockable Dialog, caranya sebagai berikut:
• •
Buka menu Windows Tunjuk Recently Closed Dock, lalu pilih nama elemen yang tertera didalamnya (Atau tunjuk Dockable Dialog, lalu klik satu elemen yang tersedia, misalnya Layers)
Panduan Belajar GIMP - 9/24
Bekerja dengan GIMP Standar Kompetensi: 8. Menggnakan perangkat lunak pembuat grafis Kompetensi Dasar: 8.2 Menggunakan menu dan ikon yang terdapat dalam perangkat lunak pembuat grafis Tujuan pembelajaran: • Mengidentifikasi menu, ikon dan tool yang tersedia untuk menggambar dan menyunting obyek • Mampu menggunakan menu dan tool-tool untuk penyuntingan obyek • Mendemonstrasikan penyuntingan dasar sebuah gambar
Membuka File Gambar 1. Buka menu File, lalu pilih Open... (atau bisa juga tekan Ctrl+O) 2. Pada dialog yang diperlihatkan, silahkan navigasi ke lokasi penyimpanan file, dan kemudian pilih file gambar yang dimaksud Lokasi File
Daftar File
Preview File
3. Klik Open
Panduan Belajar GIMP - 10/24
Penyuntingan Dasar Mentransformasi Gambar Disediakan beberapa pilihan dalam mentransformasi gambar, seperti: • •
• • • •
Flip horizontally, membalik secara horisontal Flip vertically, membalik secara vertikal Rotate 90O clockwise, memutar 90 derajat searah putaran jarum jam Rotate 90O counter-clockwise, memutar 90 derajat berlawanan arah putaran jarum jam Rotate 180O, memutar 180 derajat Guillotine, mengiris gambar menjadi sub-gambar memakai garis pemandu
Contoh mentransformasi gambar:
1. Buka menu Image, tunjuk Transform, lalu pilih Flip Horizontally
Gambar original
Dilipat secara horisontal
Menskala Gambar Dimensi gambar dapat diskala dengan mudah mengikuti langkah-langkah berikut: Panduan Belajar GIMP - 11/24
1. Pilih Scale Tool
2. Klik gambar, sehingga handel skala dan dialog scale ditampakkan
Dialog Scale Salah satu handel skala
3. Untuk menskala secara langsung melalui handel, drag salah satu handel sudut
4. Perhatikan bahwa selagi drag dilakukan, ukuran Width dan Height pada dialog Scale ikut berubah 5. Klik tombol Scale dan hasilnya akan tampak seperti ini: Panduan Belajar GIMP - 12/24
6.
Terlihat bahwa sekarang layer gambar ditampilkan dalam ukuran barunya, sementara kanvas masih tetap pada ukuran original Buka menu Image, lalu pilih Fit Canvas to Layers untuk menyesuaikan kanvas dengan ukuran baru gambar
Cropping Cropping akan membuang bagian gambar yang berada diluar area yang dipilih. Perhatikan contoh berikut:
1. Pilih Crop Tool Crop Tool 2. Drag didalam gambar untuk memilih area yang harus dipertahankan Drag mulai dari posisi disini
Area gambar yang akan dipertahankan
Hingga ke posisi ini Bagian gambar yang akan dibuang
Panduan Belajar GIMP - 13/24
3. Tekan Enter, dan hasilnya adalah:
4. Selanjutnya, bila diperlukan gambar bisa diskala-ulang ke ukuran yang lebih besar
Mengganti Mode Warna GIMP menyediakan tiga mode warna yaitu RGB, Grayscale dan Indexed. Mode warna RGB menggunakan tiga warna dasar yaitu Red, Green dan Blue, sedangkan mode warna grayscale menggunakan rentangan skala abu-abu, dari hitam ke putih. Untuk mengganti mode warna, misalnya dari RGB menjadi Grayscale:
• •
Buka menu Image, tunjuk Mode, lalu pilih Grayscale Hasilnya akan tampak seperti ini:
Gambar dalam mode RGB
Gambar dalam mode Grayscale
Memecah Gambar Menjadi Beberapa Bagian 1. Arahkan ujung pointer Mouse tepat didalam penggaris (ruler) atas, lalu drag ke bawah sehingga garis pemandu membagi gambar menjadi dua bagian, atas dan bawah 2. Arahkan ujung pointer tepat didalam penggaris (ruler) samping, lalu drag ke arah kanan sehingga garis pemandu membagi gambar menjadi dua bagian, kiri dan kanan
Panduan Belajar GIMP - 14/24
Garis pandu vertikal
Garis pandu horisontal
3. Buka menu Image, tunjuk Transform, lalu pilih Guillotine Hasilnya akan diperoleh empat bagian gambar berikut:
Potongan 1
Potongan 3
Potongan 2
Potongan 4
Membuat Gambar Perspektif 1. Bukalah file gambar 2. Klik ikon Perspective Tool
Perspective Tool
3. Klik didalam gambar, sehingga diperlihatkan jendela dialog Perspective
Panduan Belajar GIMP - 15/24
Jendela Dialog Perspective
Drag node-node ini untuk mendapatkan efek perspectif yang diinginkan
4. Drag node yang diperlihatkan pada keempat sudat gambar guna mendapatkan efek perspektif yang diinginkan
Panduan Belajar GIMP - 16/24
5. Klik tombol Transform
Hasil akhir ketika disimpan dalam format PNG
Pemakaian Fuzzy Select Tool Contoh berikut memperlihatkan kepada anda cara melakukan pemilihan area memakai Fuzzy Select Tool untuk dihapus. 1. Bukalah file foto
Area-area yang akan dipilih memakai Fuzzy Select Tool untuk dihapus
2. Klik Fuzzy Select Tool
3. Klik pada area yang memiliki kesamaan warna atau memiliki warna yang berdekatan, dan setelah itu tekan tombol Delete untuk menghapus area tersebut
Panduan Belajar GIMP - 17/24
Area yang dihapus setelah sebelumnya dipilih dengan memakai Fuzzy Select Tool
4. Ulangi langkah (3) diatas untuk area-area lainnya
Gunakan Eraser Tool untuk menghapus areaarea yang tidak bisa dipilih oleh Fuzzy Select Tool secara efektif
5. Bukalah menu Select, lalu pilih All 6. Klik Eraser Tool Eraser Tool
Perhatikan toolbox bagian bawah, pilih brush dan skala yang sesuai menurut kebutuhan
Panduan Belajar GIMP - 18/24
7. Drag pada area-area yang tidak bisa lagi ditangani oleh Fuzzy Select Tool guna melakukan penghapusan pada area-area itu
8. Jika diperlukan, gunakan Zoom Tool untuk memperbesar pandangan guna memudahkan penghapusan pada area itu. Hasilnya akhirnya tampak seperti ini:
Area menjadi transparan setelah mengalami penghapusan
Mengganti Warna Foreground dan Background Default warna foreground dan background masing-masing adalah hitam dan putih.
Warna foreground Warna background Untuk mengganti warna foreground atau background, klik kotak Foreground Color atau Background Color pada toolbox, dan setelah itu pilih warna yang dikehendaki pada jendela dialog yang diperlihatkan
Panduan Belajar GIMP - 19/24
Jendela dialog Change Foreground Color
Pengisian Area Area tertentu bisa diisi dengan warna foreground, warna background maupun pola dengan memakai Bucket Fill Tool. Area yang akan terisi adalah area yang memiliki warna sama.
1. Klik Bucket Fill Tool Bucket Fill Tool
2. Lihat toolbox bagian bawah. Pada Fill Type, pilih isian yang akan dipakai. • • •
FG color fill, mengisi area dengan warna foreground BG color fill, mengisi area dengan warna background Pattern fill, mengisi area dengan pola
Sebagai contoh, klik Pattern Fill, klik ikon daftar pola, dan kemudian pilih pola Pink Marble
Mengisi area dengan warna foreground Mengisi area dengan warna background Mengisi area dengan pola
Klik ikon ini untuk memilih pola yang tersedia
3. Klik pada area yang akan diisi warna/pola
Panduan Belajar GIMP - 20/24
Klik disini untuk mengisi area dengan warna atau pola
Hasil akhir
Panduan Belajar GIMP - 21/24
Filter Standar Kompetensi: 8. Menggnakan perangkat lunak pembuat grafis Kompetensi Dasar: 8.2 Menggunakan menu dan ikon yang terdapat dalam perangkat lunak pembuat grafis Tujuan pembelajaran: • Mengidentifikasi menu, ikon dan tool yang tersedia untuk menggambar dan menyunting obyek • Mampu menggunakan aneka filter • Mendemonstrasikan penerapan filter
Menu Filter Filter digunakan untuk memberi efek khusus pada gambar atau foto. Seluruh efek khusus tersedian didalam menu Filter.
Panduan Belajar GIMP - 22/24
Contoh Penerapan Filter
Apply Canvas menambahkan tekstur kanvas ke gambar
1. Bukalah menu Filter, pilih Artistic, lalu klik Apply Canvas . . .
2. Jika diperlukan, aturlah arah serta kedalaman kanvas, dan kemudian OK Oilify Membuat simulasi lukisan cat minyak
1. Bukalah menu Filter, pilih Artistic, dan kemudian klik Oilify...
Panduan Belajar GIMP - 23/24
2.
Klik OK
Fuzzy Border Menambahkan efek pembatas bergerigi pada sebuah gambar
1. Bukalah menu Filter, pilih Decor, dan kemudian klik Fuzzy Border...
2. Jika diperlukan, tentukan ukuran border, granularitas serta bobot bayangan. Setelah itu klik OK
Panduan Belajar GIMP - 24/24