Cara Mudah Menggambar Ikon Tas Kantor

Photoshop | July 29th, 2010

Jika kita berkunjung ke situs-situs tutorial desain grafis, kemungkinan besar disana akan kita jumpai tutorial membuat ikon, topik yang sudah tidak asing bagi orang yang suka desain. Mungkin dari tutorial-tutorial desain ikon tersebut kita jumpai step yang panjang dan trik yang cukup sulit bagi pemula, sebenarnya ada nggak sih cara mudah untuk bikin ikon?

Disini jawabannya… pada tutorial Photoshop kali ini saya akan berbagi dengan teman-teman semua tentang bagaimana cara mudah membuat ikon tas kerja dengan Photoshop. Dalam tutorial Photoshop ini kita akan belajar menggunakan shape sederhana dan beberapa Layer Style. Lets get started..!!!

Langkah 1

Buat dokumen baru dengan ukuran 1280 x 1024 pixels pada resolusi 300ppi, pilih putih sebagai warna background. Sebenarnya background yang baik untuk sebuah ikon adalah Transparent, tapi pada tutorial ini saya gunakan putih hanya untuk mempermudah, sedangkan setelah ikon jadi kamu bisa mendisable background putih ini dan simpan dengan tipe file png.

Pertama kita buat bagian dasarnya, gunakan Rounded Rectangle Tool (U) dengan nilai radius sebesar 45px, bikin shape seperti tampak pada gambar berikut.

Membuat Ikon Tas di Photoshop

Langkah 2

Sekarang pada menu pilih Layer > New Fill Layer > Solid Color, ketika muncul dialog box klik OK berikutnya akan muncul jendela Color Picker, pilih warna hitam #000000 dan klik OK.

Membuat Ikon Tas di Photoshop

Langkah 3

Pada palet layer klik dua kali layer Solid Color 1 untuk memunculkan jendela Layer Style. Sebagai warna dasar tas kita buat gradien halus dari abu-abu gelap ke agak terang. Cek Gradient Overlay pada layer style dan atur sebagaimana berikut ini. Jangan tekan OK dulu karena akan kita lanjutkan pada langkah 4.

Membuat Ikon Tas di Photoshop

Langkah 4

Sekarang beri Stroke pada layer Solid Color 1, atur sebagaimana gambar di bawah ini. Tekan OK jika sudah selesai.

Membuat Ikon Tas di Photoshop

Sampai disini kita dapatkan gambar sebagai berikut.

Membuat Ikon Tas di Photoshop

Langkah 5

Buat shape yang lain dengan tetap menggunakan Rounded Rectangle Tool (U) radius 45px. Pastikan garis atas, kanan dan kiri berhimpitan dengan garis pada shape 1. Jadi shape 2 mempunyai lebar sama dengan shape 1 dengan tinggi kurang lebih separuhnya. Gunakan Add Anchor Point Tool, tambahkan anchor point baru pada garis bagian bawah tengah shape 2, setelah itu tarik anchor point sedikit ke bawah untuk mendapatkan garis melengkung.

Membuat Ikon Tas di Photoshop

Langkah 6

Kembali seperti pada Langkah 2, pilih Layer > New Fill Layer > Solid Color pada menu, ketika muncul dialog box klik OK berikutnya akan muncul jendela Color Picker, pilih warna #353535 dan klik OK.

Membuat Ikon Tas di Photoshop

Langkah 7

Klik dua kali layer Solid Color 2 untuk mnampilkan jendela Layer Style. Pertama kita gunakan Drop Shadow untuk memberi efek bayangan pada layer. Cek kotak Drop shadow dan atur sebagai berikut.

Membuat Ikon Tas di Photoshop

Langkah 8

Layer Style berikutnya adalah Gradient Overlay.

Membuat Ikon Tas di Photoshop

Langkah 9

Berikutnya tambahkan Stroke pada layer Color Fill 2. Atur sebagai berikut lalu tekan OK.

Membuat Ikon Tas di Photoshop

Setelah menyelesaikan sembilan langkah kita peroleh hasil sebagai berikut.

Membuat Ikon Tas di Photoshop

Langkah 10

Buat shape baru menggunakan Rounded Rectangle Tool (U) dengan radius 10px. Pilih Layer > New Fill layer > Solid Color, pada Color Picker masukkan warna #abacb0.

Membuat Ikon Tas di Photoshop

Langkah 11

Kita butuh memberi beberapa Layer Style pada layer Color Fill 3. Berikut adalah screenshot yang bisa membantu kamu memberi Drop Shadow, Inner Shadow, Bevel and Emboss dan Gradient Overlay pada layer.

Membuat Ikon Tas di Photoshop

Sampai disini kita perleh gambar berikut.

Membuat Ikon Tas di Photoshop

Langkah 12

Buat shape baru lagi dan seperti sebelumnya, gunakan shape untuk membuat Color Fill layer, tapi warna yang kita gunakan pada langkah ini adalah #6e6e6e. Ukuran lebar shape sama dengan yang kita buat pada langkah 10 sedangkan tingginya cukup setengahnya.

Membuat Ikon Tas di Photoshop

Langkah 13

Seperti yang kita lakukan pada layer Color Fill 3, kita butuh memberi beberapa Layer Style pada layer Color Fill 4. Berikut adalah screenshot yang bisa membantu kamu memberi Drop Shadow, Inner Shadow, Bevel and Emboss dan Gradient Overlay pada layer.

Membuat Ikon Tas di Photoshop

Sampai disini kita perleh gambar berikut.

Membuat Ikon Tas di Photoshop

Langkah 14

Tambahkan shape baru lagi dan penuhi dengan warna #383838. Letakkan layer Fill Color baru ini dibwah semua layer yang ada.

Membuat Ikon Tas di Photoshop

Langkah 15

Beri Layer Style Color Overlay pada layer Color Fill 5. Atur sebagaimana berikut ini.

Membuat Ikon Tas di Photoshop

Duplikat layer Color Fill 5 dan geser salah satu dari keduanya kekiri, usahakan posisi keduanya simetri, akan kita dapatkan gambar sebagai berikut.

Membuat Ikon Tas di Photoshop

Langkah 16

Bikin shape baru lagi, kali ini isi dengan warna hitam #000000. Letakkan layer Color Fill 6 dibawah semua layer yang ada.

Membuat Ikon Tas di Photoshop

Langkah 17

Klik layer Color Fill 6 dua kali untuk memunculkan jendela Layer Style, tambahkan layer Style sebagai berikut.

Membuat Ikon Tas di Photoshop

Duplikat layer Color Fill 6 kemudian geser salah satu dari keduanya kekiri, usahakan posisi keduanya simetri, sampai disini ikon kita seperti berikut.

Membuat Ikon Tas di Photoshop

Langkah 18

Sekarang kita buat handle untuk tas kita, caranya sebagaimana langkah-langkah yang sudah kita lalui sebelumnya, pertama bikin shape baru lalu penuhi dengan warna hitam #000000, taruh posisi layer Color Fill 7 ini diatas semua layer.

Membuat Ikon Tas di Photoshop

Langkah 19

Seperti sebelumnya juga, klik dua kali pada layer Color Fill 7 untuk memberi Layer Style.

Membuat Ikon Tas di Photoshop

sampai pada langkah ini kita peroleh gambar seperti berikut, bentuk yang kita inginkan udah kelihatan tapi kita belum selesai.

Membuat Ikon Tas di Photoshop

Langkah 20

Bikin layer Color Fill lagi dengan cara yang udah tak sebutin di atas, namun kali ini warna yang kita gunakan adalah #151515.

Membuat Ikon Tas di Photoshop

Langkah 21

Kita bentar lagi akan menyelesaikan ikon tas ini, sekarang gunakan Layer Style lagi seperti pada langkah-langkah sebelumnya. Tentu saja yang dikasih Layer Style kali ini adalah layer yang kita buat pada langkah 20.

Membuat Ikon Tas di Photoshop

kita peroleh gambar seperti berikut.

Membuat Ikon Tas di Photoshop

Hasil Akhir

Sebagai sentuhan akhir kamu tinggal manambahkan bayangan di bawah tas, dan kamu akan mendapatkan gambar ikon keren seperti dibawah ini. Semoga tutorial ini bermanfaat untuk kamu semua, selamat mencoba dan jangan lupa subscribe ke Grafisia RSS feed.

Ikon tas kantor

Download psd file

6 Comments

  1. ajir says:

    nice tuts, sangat rapi..thanks sob, tutorialnya asik! :D

  2. IkazNarsis says:

    tutorial pembuatan icon-icon kaya gini lagi trend kayannya ya, keren juga ya jadi tasnya? nice..

  3. Jeprie says:

    Bagus sekali. Menurut saya bagian pegangan tas, langkah 18, kurang pas dengan bentuk tangan. Harus sedikit lebih melengkung ke atas. Kalau diberi tekstur kulit pasti tasnya akan terlihat lebih bagus.

  4. enda fiVers says:

    hebat….sangat bagis sekali :)

  5. samza says:

    mantap euy…

Leave a Reply