GRAPHIC-CLASS.COM : #Tutorial #Inkscape #Beginner Membuat Halaman Foto menggunakan Inkscape

STEP1BismiLLAH,Tanpa harus banyak berbasa-basi kita langsung memulai tutorial ini. Langsung saja buka inkscape.

Aditia A. Pratama | http://graphic-class.blogspot.com/ | 1

STEP 2

Kemudian agar lebih memudahkan kerja kita, terutama agar layout yang kita buat rapi ada baiknya jika kita menggunakan guides. Cara mengaktifkannya cukup mudah, klik tab menu Edit, kemudian pilih guides around page, hingga tampilan halaman di scene akan menampakan garis biru yang memotong halaman. Jangan lupa untuk meng-enable snap to guides button yang berfungsi untuk membuat objek melakukan snap ke garis guides yang telah di buat sebelumnya.

Aditia A. Pratama | http://graphic-class.blogspot.com/ | 2

Snap to guides ini sangat mudah digunakan, apalagi bagi kita yang ingin agar ukuran design dan halaman pas.

Ini adalah guides line

STEP 3Selanjutnya kita akan mengatur transparansi dan ukuran halaman. Arahkan pada tab menu file kemudian pilih Document Properties. Ubah default unit menjadi 'cm'. Atur juga alpha channel di background menjadi '255'. Ukuran halaman juga sebaiknya dirubah menjadi 'cm' agar lebih memudahkan.

Aditia A. Pratama | http://graphic-class.blogspot.com/ | 3

Untuk satuan ukuran di UI (user interface) inkscape juga dirubah menjadi 'cm'. Tujuannya agar design yang kita buat lebih teratur dan rapi.

STEP 5Berikutnya kita akan membuat guides line baru menggunakan bantuan shape. Gambarlah sebuah bentuk persegi didalam halaman yang telah kita buat tadi.

STEP 6Setelah itu pastikan shape yang kita buat tersebut pas dengan ukuran halaman. Jika telah pas maka kurangi 1cm ukuran shape tadi. Kemudian tekan kombinasi tombol shift+ctrl+A untuk memanggil align and distribute propeties.

Aditia A. Pratama | http://graphic-class.blogspot.com/ | 4

STEP 7Baik selanjutnya kita akan menkonvert shape yang kita buat menjadi guides line. Caranya select shape yang kita buat, kemudian tekan kombinasi tombol shift+g.

STEP 8Kita akan menggambar di bantu dengan guides line yang berada di dalam. Hal ini akan membuat design terlihat lebih rapi. Selanjutnya kita bisa memulai untuk membuat layout photo page yang sesuai dengan selera kita. Tool yang kita gunakan masih sama yaitu rectangle tool.

Aditia A. Pratama | http://graphic-class.blogspot.com/ | 5

STEP 9Pemberian opacity sebanyak 50% dimaksudkan agar gambar yang mau kita klip nanti dapat diatur dengan mudah. Selanjutnya adalah merubah object shape yang banyak tadi menjadi object path. Berikut adalah perbedaan antara shape dengan object path

Cara mengkonversi shape menjadi object path adalah dengan menseleksi shape yang ingin kita konvert (inkscape punya kemampuan untuk melakukan ini di multi seleksi, jadi pastikan anda menseleksi semua shape) setelah itu tekan shift+ctrl+C

STEP 10Sekarang kita mulai masukan image ke dalam inkscape, bisa drag n drop atau import dari File menu. Setelah diimport letakan image tersebut dibelakang layout yang sudah kita buat.

Tampilan yang ada di dalam shape merah adalah image yang akan ditampilkan, diluarnya akan kita potong. Atur gambar sesuai dengan keinginan. Jika sudah pas, maka kita akan meng-clip gambar tersebut. Pastikan image dan shape dalam keadaan terseleksi, kemudian tekan klik kanan mouse+set clip. Setelah melakukan ini, maka gambar akan terclip kedalam shape.

Aditia A. Pratama | http://graphic-class.blogspot.com/ | 6

STEP 11Saya percepat, anda bisa mengulangi step diatas sehingga seluruh layout yang telah kita buat akan diganti dengan photo yang kita clip bersama shape.

Aditia A. Pratama | http://graphic-class.blogspot.com/ | 7

STEP 12Kita hampir selesai, sekarang kita akan memberikan filters pada photo layout yang kita buat. Inkscape menyediakan banyak filter effects yang bisa kita pakai, yang bahkan bisa kita edit.

Kita seleksi semua layout, kemudian berikan filters > Distort > Torn Edges. Hal ini akan memberikan efek pinggiran yang tak rata. Kemudian kita bisa masuk ke menu Filter editor yang terdapat di menu filters. Disini kita bisa mengatur filter yang sudah kita terapkan, mengedit dan bahkan menambahkan berbagai effects.

Aditia A. Pratama | http://graphic-class.blogspot.com/ | 8

STEP 13Kita bisa menambahkan tulisan di layout agar terlihat lebih indah. Anda juga bisa mensimulasikan berbagai filters pada gambar anda. Jika sudah jangan lupa save gambar dalam bentuk svg. Kemudian bisa anda export ke PNG untuk kemudian di print atau di upload ke internet.

Okay, demikian tutorial kali. Semoga bermanfaat. Jika masih kesulitan silahkan komen di blog saya. Terima kasih.

Aditia A. Pratama | http://graphic-class.blogspot.com/ | 9

Tentang Penulis

Aditia A. Pratama Adalah seorang Mahasiswa S1 Manajemen di STIE Widya Wiwaha Yogyakarta yang serius untuk mengembangkan karir di bidang Grafis Design dan Multimedia yang bersifat Free Open Source Software. Aktif di Komunitas Pengguna Linux Indonesia (KPLI) Balikpapan. Punya kegemaran membaca dan menulis blog.