Panduan Singkat Belajar I N KSCA PE

Transkripsi

1 Panduan Singkat Belajar I N KSCA PE Untuk SMA Kelas XII Semester 1 Oleh: Drs. Wawan Hartanto Panduan Belajar GIMP - 1/24

2 Sekilah Penulis WAWAN HARTANTO, pria kelahiran Cepu pada September 1968 silam menyelesaikan S1 Pendidikan Teknik Elektro IKIP Semarang (Sekarang UNNES) pada tahun 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

3 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

4 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

5 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

6 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

7 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

8 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

9 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

10 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

11 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

12 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

13 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

14 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

15 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

16 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

17 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

18 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

19 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

20 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

21 Klik disini untuk mengisi area dengan warna atau pola Hasil akhir Panduan Belajar GIMP - 21/24

22 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

23 Contoh Penerapan Filter Apply Canvas menambahkan tekstur kanvas ke gambar 1. Bukalah menu Filter, pilih Artistic, lalu klik Apply Canvas 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

24 2. Klik OK Fuzzy Border Menambahkan efek pembatas bergerigi pada sebuah gambar 1. Bukalah menu Filter, pilih Decor, dan kemudian klik Fuzzy Border Jika diperlukan, tentukan ukuran border, granularitas serta bobot bayangan. Setelah itu klik OK Panduan Belajar GIMP - 24/24