modul pelatihan desain poster dan brosur web viewfungsi utama dari tool option ini adalah untuk...

Pelatihan Puskom Kreatif 2012: GIMP

GIMP (GNU IMAGE MANIPULATION PROGRAM)

I. PENGENALAN GIMP GIMP adalah aplikasi yang cocok untuk menangani beberapa tugas seperti memperbaiki foto, mengubah dan membuat sebuah image. Keuntungan dari GIMP adalah dapat ditemukan dibeberapa sumber seperti internet. Selain versi windows, GIMP juga tersedia dalam versi Linux dan MacOSX. GIMP merupakan Open Source Software yang dilindungi oleh lisensi GPL dimana user dapat secara bebas mengakses dan merubah source code dari program GIMP. Gimp memiliki banyak layanan dan kemampuan sebagai software pengolah gambar yang dimiliki oleh Adobe photoshop, diantara nya memiliki Tool Box yang kompleks, Full alpha Channe l (transparency) , Layer, Format file seperti JPEG, GIFPNG, XPM, TIFF, TGA, MPEG, dan lainnya.

A. Memulai GIMPUntuk memulai menggunakan GIMP, langkah-langkah yang harus Anda lakukan hamper sama dengan ketika Anda mengaktifkan Inkscape, yakni sebagai berikut.

1. Klik Applications.2. Selanjutnya pilih grafis.3. Klik ikon GIMP Image Editor

Gambar 1. Ikon GIMP Image Editor

B. Mengenal Toolbox pada GIMPJendela The GIMP adalah jendela utama yang harus dalam keadaan aktif atau ada kalau ingin menggunakan program GIMP. Dan jika jendela The GIMP diclose, maka program GIMP akan dinonaktifkan. Dibawah deretan menu pada jendela ini ditampilkan begitu banyak tool yang dapat digunakan untuk membuat objek gambar ataupun memodifikasi gambar.

Kementrian Kominfo 1


Gambar 2. ToolBox di jendela The Gimp

Seperti layaknya sebuah program pengolah gambar bitmap, sebagian besar tool- tool yang disediakan GIMP berfungsi untuk mengolah gambar. Berbeda dengan inkscape yang berfungsi lebih kepada penciptaan objek gambar, maka GIMP sangat kaya dengan efek- efek gambar yang unik, bervariasi dan menarik.



Gambar 3. Tool- tool pada GIMP

C. Mengenal Tool OptionJendela Tool Option terletak di bagian bawah toolbox. Fungsi utama dari Tool Option ini adalah untuk mengatur properties atau atribut suatu tool yang diaktifkan di dalam Toolbox. Secara otomatis, tampilannya akan berubah sesuai dengan jenis tool yang diklik. Sebagai contoh jika Anda klik tool Paint Fuzzy Brush Strokes maka tampilan jendela Tool Option akan tampak seperti pada Gambar 5.6. Untuk menampilkan jendela Tool Option, Anda dapat menekan tombol Shift + Ctrl +T pada keyboard.



Gambar 4. Tool Option untuk Paintbrush

Terlihat pada gambar di atas, atribut tool yang dapat diubah, adalah: Opacity: tingkat transparansi objek gambar Mode: tipe kuas yang digunakan Brush: bentuk dan ukuran kuas Pressure sensitivity: sensitivitas garis yang dibuat

Beberapa tool dalam Toolbox yang penting dan perlu Anda pelajari adalah:1. Layer

Setiap objek gambar yang dibuat dapat diletakkan di dalam kertas kerja yang berbeda sehingga pengeditan gambar lebih aman dan terstruktur. Prinsip layer yang ada bertujuan untuk memudahkan proses pembuatan dan pengeditan gambar. Jumlah layer yang digunakan pada awalnya adalah 1 layer, tetapi dapat ditambah ataupun dikurangi sesuai dengan kebutuhan. Proses penambahan layers dapat dilakukan dengan cara: Klik menu Layer Klik New Layer OK

Dan untuk menghapus suatu layer, langkah yang harus dilakukan adalah: Klik layer yang akan di hapus Klik menu Layer Klik Delete Layer



Gambar 5. Jendela LayersSelain melalui menubar, penambahan dan pengurangan jumlah layer dapat dilakukan melalui klik kanan pada layer Background. Kemudian klik pilihan New layer jika ingin ditambahkan, atau klik pilihan Delete layer jika ingin dihapus. Untuk menampilkan jendela Layers, gunakan shortcut key Ctrl + L.

2. BrushesMerupakan sebuah jendela yang berisi bentuk-bentuk garis yang dapat dibuat. Walaupun nama jendela ini adalah Brushes, tetapi bukan berarti hanya berlaku untuk tool PaintBrush saja. Bentuk garis yang disediakan berlaku untuk: Paint hard edged pixels (Pencil) Paint fuzzy brush strokes (Paintbrush) Erase to background or transparency (Eraser) Airbrush with variable pressure (Airbrush)



Gambar 6. Jendela BrushesDengan hanya membedakan bentuk garis yang dibuat ternyata menjadikan gambar lebih artistic dan menarik. Apalagi ketika menggunakan tool yang berbeda misalnya menggunakan Pencil dan Airbrush, semakin nyatalah perbedaan keindahan gambar yang dibuat.

3. PatternTampilan suatu gambar akan tampak lebih mempesona jika dalam teknik pewarnaan yang diberikan tidak hanya berupa warna atau kombinasi beberapa warna saja. Oleh sebab itu, GIMP memberikan fasilitas Pattern, yang ditujukan untuk menentukan corak atau motif gambar yang diinginkan. Corak gambar yang tersedia sangatlah bervariasi, dan proses pewarnaan objeknya sangatlah mudah.

Gambar 7. Jendela PatternsUntuk menampilkan jendela Patterns, Anda dapat menggunakan shortcut Shift + Ctrl + P. Pemberian corak gambar dapat dilakukan menggunakan tool Bucket Fill, dan jangan lupa pada jendela Tool Option ubahlah Fill Type menjadi Pattern fill.

4. GradientWalaupun dengan pengaturan corak gambar saja sudah cukup menjadikan gambar lebih indah, tetapi sama seperti program desain grafis yang lain, GIMP menyediakan fasilitas untuk mencampur warna atau yang biasa disebut sebagai gradasi warna. Didalam jendelagradient ini, banyak racikan warna yang secara instan dapat langsung dipilih sebagai warnaobjek. Selain itu terdapat pula fasilitas untuk menentukan warna sendiri sesuai dengan perubahan warna yang diinginkan.



Gambar 8. Jendela GradientsJendela Gradient dapat Anda tampilkan dengan menekan tombol Ctrl + G pada keyboard. Proses pewarnaan gradient berbeda dengan proses pewarnaan menggunakan fill bucket. Jika menggunakan fill bucket cukup dengan klik mouse pada gambar, sedangkan untuk gradient harus di drag atau klik dan seret mouse sehingga membentuk suatu garis warna.

5. Tip of the DayMerupakan sebuah jendela yang menampilkan berbagai trik berbeda dalam menggunakan GIMP. Jika tidak ingin terganggu dengan penampilan jendela ini setiap kali menjalankan GIMP, maka hilangkan tanda checklist pada pilihan Show tip next time GIMP starts.

Gambar 9. Jendela Tip of the Day

II. BERKREASI dengan GIMP Pada Pelatihan ini akan dibahas bagaimana mendesain poster dan brosur.A. Pengenalan Poster

Poster adalah salah satu bentuk media yang digunakan untuk men yampaikan pesan atau informasi yang cukup banyak dan detail, biasanya bersifat promotif. Berbagai perusahaan atau lembaga apapun, kerap kali menggunakan poster sebagai saranacpromosi. Poster biasanya memuat data yang cukup lengkap disertai gambar-gambar pendukung. Pembuatannya detail karena media ini merupakan media yang langsung diperhatikan dalam jarak dekat sehingga sedikit cacat saja maka akan dapat



menjatuhkan performance penggunanya.B. Membuka Gambar

Pada bab ini Anda akan mengaplikasikan pelajaran-pelajaran yang telah Anda pelajari pada bab sebelumnya untuk membuat sebuah poster. Adapun gambar yang akan Anda gunakan terdiri dari 2 buah gambar, yaitu nature.jpg dan gedung.jpg, sedangkan tool-tool yang akan Anda gunakan adalah :a. Select hand-drawn regionsb. Text Toolc. Move Layer

EraserLangkah pertama untuk membuat poster adalah mengolah file gambar utama yang akan dijadikan sebagai dasar poster. Oleh karena itu bukalah file gedung.jpg dengan cara sebagai berikut.1. Klik File.2. Klik Open.3. Tentukan folder dan file gambar yang akan dibuka.4. Klik tombol Open hingga gambar terbuka.

Gambar 10. Jendela untuk membuka gambar

Setelah gambar terbuka, berilah efek yang menarik. Sebagai latihan, berikan efek emboss dengan cara sebagai berikut.1. Klik menu Filters.2. Pilih sub menu Distorts.3. Klik pilihan Emboss.4. Tentukan nilai Azimuth = 6.5. Tentukan nilai Elevation = 40.6. Tentukan nilai Depth = 8.7. Klik OK.

Jika langkah-langkah tersebut Anda ikuti, gambar akan terdistorsi menjadi gambar timbul dan tidak colorfull atau berwarna yang mengesankan ukiran di atas batu atau



tembok

Gambar 11. Setting efek Emboss

Simpanlah gambar tersebut dengan cara sebagai berikut.1. Klik menu File.2. Klik pilihan Save As.3. Ketikkan nama file Poster.xcf.4. Klik tombol Save.

Gambar 12. File yang disimpan dengan nama Poster.xcf

Gambar tersebut disimpan dengan format GIMP atau XCF dengan maksud agar gambar tersebut masih dapat diedit. Karena jika sudah berbentuk format jpg, gif, atau format gambar lainnya gambar sudah menyatu dan tidak dapat diedit kembali.



Langkah berikutnya adalah membuat tulisan dengan cara sebagai berikut:1. Klik tool Text.2. Klik pada area kerja, dan buatlah tulisan “HIDUP ADALAH PERJUANGAN”3. Aturlah properties text menjadi:

a. Jenis huruf: Arial Blackb. Warna: Hijau tuac. Ukuran: 60 pxd. Letakkan di tengah-tengah area pada bagian atas.

Gambar 13. Properties Tool Text

4. Di bawahnya buatlah tulisan “Proses belajar terus menerus tiada henti” dengan parameter:a. Jenis huruf: Deja Vu Sans Boldb. Warna: Orangec. Ukuran: 40 px.

BERKREASI

Gambar 14. Properties Tool Text

5. Tampilkan layer dengan cara:a. klik menu Dialogb. pilih Layers.

6. Klik layer HIDUP ADALAH PERJUANGAN, dan berilah efek shadow dengan cara:a. klik menu Script-Fub. pilih sub menu Shadow



c. klik Drop Shadowd. klik OK.

Gambar 15. Pengaturan efek Drop Shadow

7. Klik layer “Proses belajar terus menerus tiada henti”, dan berilah efek Shadow and Bevel dengan cara:a. klik menu Phyton – Fub. pilih sub menu Effectsc. klik pilihan Drop Shadow and Bevel.

Simpan gambar yang sudah Anda buat dengan cara mengklik menu File + Save.

C. Memilih ObjekLangkah berikutnya adalah memilih dan menempelkan objek tambahan kedalam file Poster.xcf yang sudah dibuat tadi. Ikuti langkah-langkah berikut ini.1. Bukalah file nature.jpg dengan cara sebagai berikut:

a. klik menu Fileb. klik pilihan Openc. tentukan folder tempat file beradad. klik file nature.jpge. klik tombol Open.

2. Setelah file terbuka, pilihlah bagian gambar yang ingin ditempelkan ke dalam file Poster.xcf menggunakan tool Select hand-drawn regions.



Gambar 16. Memilih object

D. Menyalin Dan Memotong ObjekSetelah bagian gambar dipilih, kopi atau potonglah objek yang akan ditempelkan ke dalam file Poster.xcf tersebut. Perbedaan antara menyalin (copy) dengan memotong (cut) objek terletak pada gambar sumbernya. Pada saat Anda mengcopy, maka gambar sumber masih ada, sedangkan pada saat Anda memotong, maka gambar sumber tidak ada lagi. Untuk menyalin gambar, maka ikutilah langkah-langkah berikut ini.1. Kopi objek yang dipilih dengan cara:

a. klik menu Editb. klik pilihan Copy.

2. Bukalah file Poster.xcf.3. Tambahkan layer baru dengan cara:

a. klik menu Layerb. klik New Layerc. tentukan Nama layer (misalnya Gambar 2)d. tentukan Layer Fill Type = Transparencye. klik OK.



Gambar 17. Membuat layer baru

4. Tempelkan hasil kopi dengan cara:a. klik menu Editb. Klik pilihan Paste.

Gambar 18. Hasil Paste

Jika gambar terlalu kecil atau terlalu besar, maka sebelum proses copy dan paste, ukuran gambar harus Anda ubah terlebih dahulu dengan cara seperti berikut.1. Klik menu Image.2. Klik Scale Image.3. Tentukan Width dan Height gambar.4. Klik tombol Scale.



BE RKREASGambar 19. Pengaturan ukuran gambar

Setelah ukuran gambar diubah, baru kemudian di Copy, dan di Paste kedalam file Poster.xcf. Silahkan tambahkan objek dan efek lain agar poster tersebut semakin menarik. Jika sudah selesai pastikan file Poster.xcf disimpan ulang dengan mengklik menu File + Save.

E. Membuat PosterSebagai langkah akhir dari pembuatan poster, exportlah gambar hasil pengolahan tersebut menjadi file yang dapat dibuka di semua platform, misalnya JPG. Ikuti langkah-langkah berikut ini.1. Bukalah file Poster.xcf.2. Klik menu File.3. Klik pilihan Save As.4. Pada kotak nama file ketikkan Poster.jpg.5. Klik tombol Save.



Gambar 20. Jendela penyimpanan file

6. Akan muncul jendela Export File (Gambar 8.12)7. Klik Export.

Gambar 21. Jendela Export File

8. Akan muncul jendela penyimpanan JPG.9. Klik OK.

BERKREASI Gambar 22. Menyimpan sebagai JPG



Sekarang terdapat 2 file poster yaitu Poster.xcf dan Poster.jpg. Demikianlah proses dasarpembuatan poster dengan GIMP. Teruslah berkarya dan berkreasi agar Anda semakinmenguasai pembuatan desain grafis menggunakan GIMP.

F. Pengenalan BrosurBrosur adalah alat promosi yang terbuat dari kertas yang di dalamnya terdapat sejumlah informasi dan penawaran mengenai jasa atau produk. Informasi dalam brosur ditulis dalam bahasa yang ringkas, dan dimaksudkan mudah dipahami dalam waktu singkat. Brosur juga didesain agar menarik perhatian, dan dicetak di atas kertas yang baik dalam usaha membangun citra yang baik terhadap layanan atau produk tersebut.

Gambar 4. Layers, Channels, Path Dialogs

G. Perancangan Brosur

1. Buatlah suatu dokumen baru dengan cara mengklik File New. lalu isi dengan ukuran Width = 20 cm dan Height= 21 cm. Pilih satuan dalam centimeter.

Gambar 5. Dialogs Box New document

2. Isilah dengan warna biru (kode hex = 646ae5, untuk mengisi kode hex ini lakukan double click pada kotak warna foreground, sebagai backgroundnya, dengan cara “mengklik and drag” dari warna foreground pada tool box , lalu lepaskan pada



lembar kerja.

Gambar 6. Lembar kerja yang telah di beri warna

3. Buka file dengan nama putri.jpg , lalu copy dan paste pada lembar kerja. Untuk

menampilkannya klik new layer pada layers palette. Atur posisi seperti screen shoot dibawah ini, lakukan dengan menggunakan tools move layers & regions.

Gambar 7. Insert Gambar

4. Ketikkan judul yaitu “IKUTILAH KURSUS DESAIN GRAFIS” menggunakan 4 layer



yang berbeda. Karena tidak dapat disatukan jika menggunakan jenis font dan ukuran yang berbeda. Warna yang digunakan mempunyai kode hex : 040527.

Gambar 8. Tool Option “Ikutilah Kursus”

Gambar 9. Tool Option “Desain Grafis”



Gambar 10. Judul Brosur

5. Kemudian kita ketikkan juga “MATERI KURSUS”. Kemudian kita gunakan tools paint fuzzy brush. Kemudian kita gunakan brush spark 60 x 60. diikuti dengan itemnya, seperti gambar dibawah ini. Lalu berikan pointer kotak berwarna hijau dengan cara buka file apple04. jpg , posisikan disamping tulisan dari sub materi kursus tersebut.

Gambar 3.11 Brush Sparks

Gambar 12. Tool Option “Materi Kursus”



Gambar 13. Tool Option “Sub Materi Kursus”

Gambar 14. Materi Kursus beserta item nya

6. Adapun sekarang akan ditambahkan berbagai elemen pendukung. Diantaranya, identitas organisasi atau institusi yang membuat mengeluarkan brosur tersebut, Screenshoot berupa aktifitas yang sering dilakukan di dalam kegiatan yang diinformasikan. Gunakan layer baru, buatlah backdrop untuk identitas, dengan menggunakan tools rectangular regions buatlah seleksi dengan ukuran width = 8,324 cm dan height = 4,701 cm, beri warna hijau muda (kode hex : 82bf6d) lalu buatlah seleksi yang lebih kecil lagi dengan ukuran width = 8,034 cm dan height = 4,347 cm.

Gambar 15. Backdrop yang akan di crop

7. Lalu pada seleksi tersebut klik kanan, pilih edit dan celar . Duplitkan kan layer tersebut dan atur posisi seperti dibawah ini sehingga terlihat dinamis. Setiap layer memilik opacity yang berbeda- beda layer back drop pertama mempunyai opacity sebesar 24,5%, selanjutnya sebesar 100% dan yang terakhir adalah



75,5%.

Gambar 16. Backdrop ya ng telah di crop dan di duplikasi dengan opacity berbeda

8. Lalu ketikkan “Laboratorium Pengembangan Pengolahan Citra” dengan settinga n sebagai berikut

Gambar 17. Tool options

9. Ulangi langkah tadi untuk membuat kata “Gd.4 Lt.2 Kampus E Universitas Gunadarma” dengan settingan sebagai berikut



Gambar 18. Tool options10. Atur posisi setiap layernya sebagai berikut, menggunakan tools Move layers &

Regions

Gambar 19. Hasil akhir identitas organisasi



REFERENSI1. http://www.gimp.org/tutorials/ 2. http://gimp-tutorials.net/ 3. modul desain grafis. Laboratorium Pengembangan Pengolahan Citra4. Akhmad Sofwan. Pengolahan Image dengan GIMP. http://www.sofwan.net


http://gimp-tutorials.net/

http://www.gimp.org/tutorials/

modul pelatihan desain poster dan brosur web viewfungsi utama dari tool option ini adalah untuk...

Documents