17 Nov 2014

Membuat ikon download dengan Photoshop


Tutorial photoshop berikut ini termasuk tingkatan dasar atau untuk para pemula, dan kita akan mempelajari tentang cara membuat ikon atau button "download" yang kebanyakan digunakan sebagai link berupa gambar. Caranya cukup mudah karena menggunakan tool atau efek standard dan tidak memakan waktu yang lama.

Oke langsung saja kita ikuti langkah2 nya:

  • Buat new file : widht 100 piksel, height 50 piksel, resolusi 72 piksel/inch.
    Pada TOOLBOX, pilih Rounded Rectangle Tool, kemudian aplikasikan pada work area, ukuran sesuaikan dengan work area.
  • Hasilnya seperti ini


  • Pada gambar di atas, pada tepi objek terdapat garis tepi,itu disebabkan karena objek tersebut masih dalam bentuk SHAPE dengan vector mask.Hilangkan agar tidak menggangu proses kerja anda dengan Rasterize layer (klik kanan pada layer-pilih rasrerize)
  • Selanjutnya, beri efek style (menu windows-style),dan saya menggunakan Glass button pada contoh kali ini.Jika pada menu Style "glass buttonnya" tidak muncul, klik bagian pojok atas kanan style box tersebut, lalu pilih glass button, kemudian klik append.
  • Pada item yang ditunjuk panah hitam adalah yang saya gunakan pada contoh ini, dan hasilnya seperti di bawah ini
  • Selanjutnya, kita modifikasi efek tersebut (layer style),klik kanan pada layer "glass button" lalu pilih blending option (atau klik 2x layer tersebut).
  • Tambahkan efek stroke : 1pixel, atur bevel and emboss :depht 201%, size 4px, soften 2px.Perhatikan gambar..
  • Hasilnya seperti di bawah ini
  • Simpan dalam bentuk jpeg (akan kita pakai untuk efek bayangan pada point berikutnya.
  • Membuat efek bayangan : Buka kembali file yang telah disimpan tadi, lalu copy kedalam work area, atur posisi seperti ini
  • Ubah opacity layer menjadi 30%, sehingga menjadi seperti ini.
  • Hapus bagian bawah dengan eraser tool, atau dengan menggunakan fungsi feather (baca di sini untuk fungsi feather,di blog WP saya),dan hasilnya seperti ini.
  • Selanjutnya, tambahkan tulisan "download here".Dan hasil akhir seperti di bawah ini
  • Selamat berkarya......


Download PDF disini

No comments:

Post a Comment

Artikel Terkait