20 November 2010

Inkscape Tutorial: Logo UM (Universitas Negeri Malang) Baru

Salam, posting tengah bulan nich :)

Tutorial kali ini Kita akan membuat logo Universitas Negeri Malang (UM) yang baru hasil pemenang lomba beberapa waktu lalu. Logo baru UM yang baru menguatkan branding UM sebagai The Learning University kalau dilihat memang sederhana, bahkan ada yang "bilang pemenang kok logonya begini?"
Sehingga Penulis mencoba membuat tutorialnya, dan ternyata tidak semudah yang terlihat, namun jika hanya "menjiplak" Penulis tidak menemui permasalahan berarti.

Tutorial ini menggunakan Inkscape 0.48 yang rilis belum lama ini, makin nyaman lho :)

Persiapan:
Anda memerlukan sebuah huruf "U" yang telah dimodifikasi agar sama dengan font logo UM baru. Kalau ribet, Silahkan unduh file SVG yang telah penulis siapkan di bawah

1. Buat "pembantu" agar logo kita lebih rapi. Klik huruf "U" dengan Path Tool. Masih dengan Path Tool, blok area merah dengan menahan klik kiri kemudian Delete, lalu rapikan sampai gambar di bawah ini

2. Klik huruf "U" kemudian gandakan (CTRL+D), ubah warnanya untuk memudahkan, lalu balik hingga nampak seperti huruf "N". Letakkan "pembantu" di posisi teratas. Seleksi huruf "N" dan "pembantu" dengan menahan SHIFT. Gunakan Align and Ditribute, ubah Relative to "Smallest object" lalu pilih "Align left edges". Lihat Gambar.


3. Pindah "pembantu" ke sisi kanan huruf "N", cara dengan menyeleksi keduanya lalu Gunakan Align and Ditribute, ubah Relative to "Biggest object" lalu pilih "Align right edges", hasilnya seperti di bawah


  • Logo UM baru Kita sudah terlihat, Anda bisa menghapus "pembantu" Anda. Pastikan jangan digabung, atau di"group".
  • Seleksi huruf "M" lalu geser sedikit ke atas (seperti logo aslinya)
  • Seleksi huruf "M" dengan Path Tool, lalu blok warna merah seperti gambar dibawah, lalu "pendekkan"

4. Seleksi huruf "U" dan huruf "N" dengan menahan SHIFT. Gandakan (CTRL+D). TAK PERLU DIPINDAH. Klik Path - Intersection. Klik hasil Intersection tadi lalu ubah warnaya menjadi putih lalu atur Opacity 50%


5. Caranya seperti sudah dijelaskan di atas, intinya adalah merapikan :)

Tambahkan text "The Learning University" dengan font Arial rounded, hasilnya kira-kira sepeti ini



Bagaimana? Mudah bukan?

Download: logo-um-baru.zip

19 comments:

cybershot said...

SALAM belajar dari saya dan mencoba menyemarakan aplikasi open source

tooman said...

@cybershot terima kasih sudah berkunjung pak :)

Putra Eka said...

Keren tutorialnya, keknya bakalan sering berkunjung ke blog ini buat belajar inkscape ama gimp

tooman said...

@putra eka, terima kasih gan telah berkunjung, mari belajar bersama :)

Colek said...

tutorialnya paten

tooman said...

@Colek makasih sudah berkunjung gan :)

Jeprie said...

Inkspace ini alteratifnya Illustrator ya?
baru lihat sekali ini tutorialnya.

tooman said...

wah agan master Jeprie mengunjungi blog cupu Saya :D

iya gan, GIMP (PS), Inkscape (Corel)

al_decroly said...

Terus berkreasi kawan... keren, matur tengkyu share ilmunya...:)

tooman said...

@al_decroly sama-sama gan, terima kasih telah berkunjung :)

Budi said...

bagus! saya juga sedang belajar gimp dengan inkscape, akan sering-sering berkunjung untuk menimba ilmu nih

Anonymous said...

Mas, mohon tutorialnya lebih diperdetil untuk memudahkan bagi pembaca yang baru mencoba Inkscape. Misalnya "lalu balik hingga nampak seperti huruf "N"". Nah, tolong diperjelas/dijabarkan proses membalik itu seperti apa sehingga menjadi step tersendiri dan tidak berkesan melompat.
Tutorial2 mas sangat membantu, saya selalu membaca blog ini ketika belajar Gimp dan Inkscape.
Terimakasih.

tooman said...

Maaf lama mas, maksudnya dibalik jadi "N" adalah, tadinya kan huruf "U", lalu kita balik/flip vertikal (shortcut V)

semoga membantu :)

hd car wallpaper said...

wah ribet juga ya gan gak semudah yang ane kira

Game Maker said...

Thank

Grosir Baju Seragam said...

makasih bro ilmunya.
semoga sukses bro.



www.grosirbajuseragam.com

Anonymous said...

Trims..
Sangat bermafaat mas..!!

Syafrudin said...

Seperti yang sudah diungkapkan, untuk setiap langkah perlu ada penjelasan bagi pemula yang baru pertama pakai Inkscape. Seperti membalik, penjelasan pakai perintah flip vertical atau shortcut V perlu dicantumkan.

Bagi yang sudah biasa pakai Inkscape, rincian ini memang tidak perlu, tapi sangat perlu buat yang benar2 masih awam.

Pilihan lain, mungkin diberi link ke tutorial lain yang berisi langkah2 dasar pakai Inkscape (flip vertical untuk membalik dan sejenisnya).

Terimakasih

Anonymous said...

Gan bisa buatin logo indosat? :-)

Post a Comment

Don't be Anonymous and Don't be Spammer :)