Panduan Singkat Belajar INKSCA PE 0.47 Untuk SMA Kelas XII Semester 1 Oleh: Drs. Wawan Hartanto Panduan Belajar GIMP - 1/24
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 1/24
Panduan Singkat Belajar
INKSCA PE 0.47Untuk SMA Kelas XII Semester 1
Oleh:
Drs. Wawan Hartanto
Panduan Belajar GIMP - 1/24
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 2/24
Sekilah Penulis
WAWAN HARTANTO, pria kelahiran Cepu pada September 1968 silammenyelesaikan S1 Pendidikan Teknik Elektro IKIP Semarang (Sekarang
UNNES) pada tahun 1992.
Memiliki kegemaran menulis dan belajar komputer secara otodidak. Sempatmengajar di beberapa sekolah 'luar negeri' (baca: swasta), namun sejak 2005bekerja sebagai guru 'honorer' mapel TIK di SMA 1 CEPU hingga sekarang.
Panduan Belajar GIMP - 2/24
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 3/24
Daftar Isi
Sekilah Penulis.....................................................................................................................................2
Daftar Isi...............................................................................................................................................3Pengantar 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........................................................................................................................10Membuka 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
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 4/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 suatugrid. Setiap pixel atau “bit” mengandung informasi warna untuk gambar. Grafis bitmap memiliki
resolusi tetap yang berarti pengubahan ukuran grafis bitmap bisa menyebabkan cacat ataudistorsiserta 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, CorelPhotopaint 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 komponen-komponen 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 lihatpada layar komputer anda.
Didalam pencitraan digital, sebuah pixel (atau picture element) adalah titik tunggal didalam gambar. Pixelmerupakan unsur paling kecil dari layar yang bisa dialamati. Ini menjadi satuan paling kecil dari gambaryang bisa dikendalikan. Setiap pixel memiliki alamatnya sendiri-sendiri. Alamat pixel berhubungan dengankoordinat-koordinatnya. Pixel-pixel umumnya ditata dalam grid dua dimensi, yang sering direpresentasikanmenggunakan 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
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 5/24
atau cyan, magenta, kuning dan hitam.
Keunggulan Bitmap
Bitmap mampu menghasilkan efek pewarnaan gradasi yang rumit. Dengan pixel-pixel yang padat, grafisbitmap 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
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 6/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 Mattisyang mulai mengembangkan GIMP sejak 1995 dengan nama General Image Manipulation Program .
Dalam tahun 1997, GIMP menjadi bagian dari GNU Project, sehingga singkatan GIMPdiubah menjadi GNU Image Manipulation Program. Pada mulanya GIMP diciptakanuntuk sistem UNIX, namun akhirnya diadopsi untuk sistem-sistem lainnya sepertiLinux, Windows dan MacOS.
Layar Interface GIMP
Panduan Belajar GIMP - 6/24
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 7/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
NamaRectangleSelect Tool
Ellipse SelectTool
Free SelectTool
Fuzzy SelectTool
Select by ColorTool
ScissorsSelect Tool
ForegroundSelect Tool
Fungsi
Memilih
denganarea segi-empat
Memilih
dengan areaelips
Memilih
denganbentuk areabebas
Memilih area
pada basiswarna yangberdekatan
Memilih
berdasarkanwarna yangsama
Memilih
bangundengan fiturintelligent
edge-fitting
Memilih area
yangmengandungobyek
foreground
Shortcut R E F U Shift+O I
Ikon
Nama Path Tool
Color Picker
Tool Zoom Tool Measure Tool Move Tool
Alignment
Tool Crop Tool
Fungsi
Membuat & Menyuntin
g alur
Menetapkanwarna dari
pixel gambar
Mengaturtaraf
perbesaran
Mengukur jarak dan
sudut
Memindahlayer, pilihan,serta obyek
lainnya
Meluruskandan menatalayer dan
obyek lainnya
Membuangarea tepi darigambar atau
layer
Shortcut B O Z Shift+M M Q Shift+C
Ikon
Nama Rotate Tool Scale Tool Shear ToolPerspective
ToolFlip Tool Text Tool
Bucket FillTool
Fungsi
Memutarlayer,pilihan
atau alur
Menskalalayer, pilihan
atau alur
Memberitarikan layer,pilihan atau
alur
Mengubahperspektif
layer, pilihanatau alur
Membalik layer,pilihan ataualur secaravertikal atauhorisontal
Membuat danmenyuntinglayer teks
Mengisi areaterpilih
dengan warnaatau pola
Shortcut Shift+R Shift+T Shift+S Shift+P Shift+F T Shift+B
Panduan Belajar GIMP - 7/24
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 8/24
Ikon
Nama Blend Tool Pencil ToolPaintbrush
ToolEraser Tool Airbrush Tool Ink Tool Clone Tool
Fungsi
Mengisiarea
terpilihdenganwarnagradasi
Menggambardengan garis
tajammemakai kuas
Menggambardengan garis
halusmemakai kuas
Menghapushingga
backgroundatau
transparansimemakai kuas
Melukismemakai kuasdengan variasi
tekanan
Melukismodel
kaligrafi
Menyalinsecara selektif dari sebuahgambar atau
pola,memakai kuas
Shortcut L N P Shift+E A K C
Ikon
Nama HealingTool PerspectiveClone Tool Blur/SharpenTool Smudge Tool Dodge/BurnTool Foreground & backgroundcolor
Fungsi
Memulihkan ketidak-teraturangambar
Mengkloningdari gambar
sumbersetelah
menerapkantransformasiperspektif
Membaurkanatau
mempertajampilihan
menggunakankuas
Mencorengsecara selektif menggunakan
kuas
Menerangkan /mempergelapsecara seletif menggunakan
kuas
Bujursangkar hitam danputih mereset warna. Anak panah menukar warna. Klik
untuk memilih warna
Shortcut H Shift+U S Shift+D
ParameterKetika sebuah tool dipilih, maka disediakan setelan-setelan parameter bagi tool yang bersangkutan didalamtoolbox bagian bawah. Sebagai contoh, ketika Dodge/Burn Tool s dipilih, setelan-setelan parameter yangtersedia seperti berikut:
Menyembunyikan/Menampakkan Elemen Layar
Jika diperlukan beberapa elemen yang tampak pada layar aplikasi dapat disembunyikan. Elemen-elemen
Panduan Belajar GIMP - 8/24
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 9/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 saja2. Pilih menu View, lalu klik Menubar3. 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
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 10/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
3. Klik Open
Panduan Belajar GIMP - 10/24
Lokasi File Daftar File Preview File
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 11/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
Menskala Gambar
Dimensi gambar dapat diskala dengan mudah mengikuti langkah-langkah berikut:
Panduan Belajar GIMP - 11/24
Gambar original Dilipat secarahorisontal
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 12/24
1. Pilih Scale Tool
2. Klik gambar, sehingga handel skala dan dialog scale ditampakkan
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
Salah satuhandel skala
Dialog Scale
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 13/24
Terlihat bahwa sekarang layer gambar ditampilkan dalam ukuran barunya, sementara kanvas masihtetap pada ukuran original
6. 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
2. Drag didalam gambar untuk memilih area yang harus dipertahankan
Panduan Belajar GIMP - 13/24
Drag mulai dariposisi disini
Hingga keposisi ini
Area gambar yangakan dipertahankan
Bagian gambar yangakan dibuang
Crop Tool
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 14/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 menggunakantiga warna dasar yaitu Red, Green dan Blue, sedangkan mode warna grayscale menggunakan rentanganskala 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:
Memecah Gambar Menjadi Beberapa Bagian
1. Arahkan ujung pointer Mouse tepat didalam penggaris (ruler) atas, lalu drag ke bawah sehinggagaris pemandu membagi gambar menjadi dua bagian, atas dan bawah
2. Arahkan ujung pointer tepat didalam penggaris (ruler) samping, lalu drag ke arah kanan sehinggagaris pemandu membagi gambar menjadi dua bagian, kiri dan kanan
Panduan Belajar GIMP - 14/24
Gambar dalammode RGB
Gambar dalammode Grayscale
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 15/24
3. Buka menu Image , tunjuk Transform , lalu pilih Guillotine Hasilnya akan diperoleh empat bagian gambar berikut:
Membuat Gambar Perspektif
1. Bukalah file gambar
2. Klik ikon Perspective Tool
3. Klik didalam gambar, sehingga diperlihatkan jendela dialog Perspective
Panduan Belajar GIMP - 15/24
Garis panduvertikal
Garis panduhorisontal
Potongan 1
Potongan 2
Potongan 3
Potongan 4
Perspective Tool
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 16/24
4. Drag node yang diperlihatkan pada keempat sudat gambar guna mendapatkan efek perspektif yang
diinginkan
Panduan Belajar GIMP - 16/24
Jendela Dialog Perspective
Drag node-node ini untuk mendapatkan efek perspectif yang diinginkan
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 17/24
5. Klik tombol Transform
Pemakaian Fuzzy Select Tool
Contoh berikut memperlihatkan kepada anda cara melakukan pemilihan area memakai Fuzzy Select Tooluntuk dihapus.
1. Bukalah file foto
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
Hasil akhir ketikadisimpan dalamformat PNG
Area-area yang akan
dipilih memakai Fuzzy Select Tool untuk dihapus
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 18/24
4. Ulangi langkah (3) diatas untuk area-area lainnya
5. Bukalah menu Select , lalu pilih All
6. Klik Eraser Tool
Perhatikan toolbox bagian bawah, pilih brush dan skala yang sesuai menurut kebutuhan
Panduan Belajar GIMP - 18/24
Area yang dihapussetelah sebelumnya dipilihdengan memakai Fuzzy
Select Tool
Gunakan Eraser Tool untuk menghapus area-
area yang tidak bisa dipiliholeh Fuzzy Select Tool secara efektif
Eraser Tool
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 19/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:
Mengganti Warna Foreground dan Background
Default warna foreground dan background masing-masing adalah hitam dan putih.
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
Area menjadi transparansetelah mengalamipenghapusan
Warnaforeground
Warnabackground
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 20/24
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
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
3. Klik pada area yang akan diisi warna/pola
Panduan Belajar GIMP - 20/24
Jendela dialog Change Foreground Color
Bucket Fill Tool
Mengisi area denganwarna foreground
Mengisi area denganwarna background
Mengisi areadengan pola
Klik ikon ini untuk memilih pola yangtersedia
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 21/24
Panduan Belajar GIMP - 21/24
Klik disini untuk mengisi areadengan warnaatau pola
Hasil akhir
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 22/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 didalammenu Filter.
Panduan Belajar GIMP - 22/24
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 23/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
5/9/2018 Panduan Belajar GIMP - slidepdf.com
http://slidepdf.com/reader/full/panduan-belajar-gimp 24/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