Kalian tentunya pernah melihat ikon-ikon sederhana seperti
gambar berikut
Ikon tersebut dibuat simple supaya mudah diingat oleh user. Baiklah,
kita akan mencoba membuat beberapa dari ikon tersebut. Dimulai dari ikon search
Untuk membuat ikon tersebut dibutuhkan software grafis
berbasis vektor, yang umum digunakan adalah Adobe Illustrator atau Corel
Draw. Namun pada latihan ini, penulis akan menggunakan Adobe
Illustrator versi CS3 (saat tulisan ini dibuat versi terbaru adalah
CS6), namun penulis masih menggunakan versi lawas karena lebih bersahabat untuk
spesifikasi notebook.
Okay kembali ke topik, disini penulis menganggap pembaca
sudah bisa mengoperasikan dasar-dasar atau mengetahui fungsi dasar dari tools
pada software tersebut, baik Illustrator ataupun Corel
Draw.
Untuk membuat ikon search, kita membutuhkan 3 objek disini,
yaitu 2 ellipse tool(lingkaran) dan 1 rounded rectangle.
Untuk membuat lingkaran, kalian bisa mencarinya di
toolbox
yang tersedia di sebelah kiri
Klik tahan pada rectangle tool, lalu pilih ellipse
tool untuk membuat lingkaran
Setelah itu klik pada canvas atau drawing area dan buatlah
lingkaran, namun harus diingat bahwa membuat lingkaran harus disertai menekan
tombol shift supaya gambar lingkaran yang dihasilkan seutuhnya bulat ,
jika kalian tidak menekan tombol shift maka yang muncul adalah gambar
oval
Gambar lingkaran setelah dibuat, setelah itu kita buat
lingkaran yang kedua namun dengan ukuran sedikit lebih kecil, karena kita
membuat objek yang sama, penulis menyarankan menggunakan teknik copy-paste dari
objek yang sudah ada dibanding kita membuat ulang lagi, caranya cukup klik pada
objek yang akan kita copy, lalu drag sambil menekan tombol alt. Cara mengopy ini
juga berlaku pada software Adobe lainnya, yaitu Adobe Photoshop.
Setelah lingkaran dicopy, lalu kecilkan ukurannya dengan
mengklik objek, sambil menekan tombol shift supaya objek tetap berukuran
lingkaran, lalu tempatkan tepat di tengah lingkaran yang pertama, sehingga
hasilnya seperti ini :
Setelah 2 lingkaran telah kita buat, langkah selanjutnya
adalah membuat objek ketiga, yaitu rounded rectangle. Rounded
rectangle ini adalah sebuah persegi panjang, namun dengan keempat sisi
yang lebih halus dan tidak tajam. Untuk membuatnya, kita pilih rectangle
tool dan klik sambil menahan, lalu pilihlah rounded rectangle tools.
Lalu setelah memilih ikon rounded rectangle tools,
klik pada drawing area dan akan muncul opsi seperti ini
Widht untuk mengatur lebar objek, height untuk mengatur
tinggi objek, dan corner radius untuk mengatur seberapa halus sisi objek. Disini
penulis mengabaikan widht dan height karena bisa diatur sendiri ukurannya
sesuai kebutuhan. Yang kita atur disini hanyalah corner radiusnya. Karena rounded
rectangle ini nantinya akan berfungsi sebagai gagang dari ikon search,
maka pastinya ukuran objek ini harus lebih kecil daripada ukuran 2 objek
lingkaran tadi, maka penulis memperkirakan corner radiusnya 5pt. Untuk corner
radius ini jangan diisi terlalu besar karena akan membuat objek semakin
membulat , dan jangan diisi dengan nilai yang terlalu kecil juga karena akan
membuat objek sedikit tajam.
Setelah selesai mengatur corner radius, maka kita rotate
objek tersebut kira-kira 45 derajat. Cara memutar / rotate objek adalah dengan
mengklik objek yang akan dirotate lalu arahkan kursor mouse sedikit diluar
objek, nanti akan muncul ikon untuk rotate objek. Setelah objek
dirotate, maka tempatkan objek sesuai gambar berikut
Dan, akhirnya ikon search kita sudah selesai kita buat
(maksudnya hanya kerangkanya hehe)
Maka langkah selanjutnya adalah kita beri warna
masing-masing objek, warna boleh bebas sesuka kalian
Setelah selesai diberi warna, langkah berikutnya adalah kita
harus memposisikan objek rounded rectangle di posisi paling belakang.
Caranya adalah dengan klik kanan pada objek rounded rectangle, lalu pilih arrange
dan send
to back
Penjelasannya :
- Bring to front : menempatkan objek berada di posisi paling depan dari semua objek di canvas
- Bring forward : menaikkan posisi objek sebanyak 1 posisi
- Send backward : menurunkan posisi objek sebanyak 1 posisi
- Send to back : menempatkan objek berada di posisi paling belakang dari semua objek di canvas
- Bring to front : menempatkan objek berada di posisi paling depan dari semua objek di canvas
- Bring forward : menaikkan posisi objek sebanyak 1 posisi
- Send backward : menurunkan posisi objek sebanyak 1 posisi
- Send to back : menempatkan objek berada di posisi paling belakang dari semua objek di canvas
Setelah selesai maka posisi objek akan menjadi seperti ini
Langkah selanjutnya adalah kita harus menyatukan kedua objek
lingkaran sehingga bentuk objeknya menyerupai donat
Pertama kita harus memilih kedua objek lingkaran, caranya
adalah klik objek yang akan kita pilih sambil menekan tombol shift, setelah itu, kita akan
menggunakan tools “pathfinder”.
Cara memunculkan tools tersebut adalah dengan memilih menu
windows di toolbar, lalu pilihlah pathfinder, atau dengan menekan shortcut
Shift+Ctrl+F9
Setelah menu pathfinder muncul dan kedua objek lingkaran
telah kita seleksi, maka langkah selanjutnya adalah memilh shape modes, disini
penulis menggunakan shape modes yang kedua. Sebenarnya penggunaan shape modes
ini adalah untuk menggabungkan / memotong objek sehingga tercipta objek baru,
namun penulis tidak bisa menjelaskan teorinya secara rinci, sehingga jika
kalian penasaran dengan fungsi shape modes ini, kalian bisa mencobanya sendiri
(try and error).
Setelah memilih shape modes yang kedua maka objek akan
berubah menjadi seperti gambar di bawah ini, terlihat bahwa objek lingkaran
yang berada di tengah telah hilang dan telah menyatu dengan lingkarang yang
pertama sehingga terciptalah objek baru yang menyerupai donat
Langkah selanjutnya adalah kita akan menyatukan objek donat
tersebut dengan rounded rectangle, caranya hampir sama dengan cara diatas,
namun kita memilih shape mode yang pertama karena fungsinya untuk menggabungkan
objek
Setelah selesai, objek akan menyatu dan jadilah ikon search
Jika kalian ingin menghilangkan stroke atau garis luar dari
objek tersebut ,maka pilihlah opsi stroke yang tersedia di tools sebelah kanan
Hilangkan strokenya dengan mengganti angka 1 pt menjadi 0
dan garis luarnya akan hilang
Dan, ikon search kita telah selesai dibuat, demikian yang dapat penulis bagikan. Terimakasih.