Jun 27, 2010

Membuat Icon Feed Pada Photoshop

feed icon dengan photoshop Setelah beberapa lama saya tidak posting tentang photohsop, perasaan Jaka sudah merasa bersalah kepada blog jaka ini, kenapa? karena diblog ini tujuan utama saya adalah mensharing ilmu photoshop.

Dari pada membahas masalah kesalahan ini, yuk kita buat tombol Feed.
Feed ( Dalam arti indonesia yakni Makanan ) pasti tidak asing di telinga kita, terutama para blogger mania, mereka (termasuk saya) sering Melakukan aktifitas Feed untuk mengetahui updatetan terkini dari website/blog orang lain.



Ada ratusan bahkan ribuan tombol feed yang beraneka ragam bertebaran didunia maya yang dapat anda unggah atau tempel ke website/blog anda secara gratis, tapi disini kita tidak akan membahas itu.
Melainkan yang akan kita  bahas disini yakni bagaimana membuat tombol feed sendiri dan menempel ke website/blog anda sendiri. Pasti jika sesuatu itu kita buat sendiri dan menempelkan ke website/blog anda sendiri kita pasti akan merasakan bangga atas kerja usaha jerih payah anda sendiri kan?

Kang Jaka Mau ceramah ne ya?, :) hehe..
Oke, Yuk dari pada basa basi langsung kita menuju ke pembahasan tutorial ini

  1. Pertama buka Adobe Photoshop anda, Jika belum ada download adobe photoshopnya
  2. buat layer baru (New Layer), disini jaka akan membuat dengan ukuran 250 x 250 px lalu OK, liat gambar
    membuat icon feed
  3. Selanjutnya pilih Rounded Rectangle Tool dan setting seperti gambar berikutmembuat icon feed 2
  4. Klik dan drag di kanvas kerja anda, sehingga hasilya setidaknya seperti gambar berikutmembuat icon feed 3
  5. Lihat layer anda ( jika belum ada tekan F7 pada Keyboard untuk menampilkannya ), Pada layer Shape 1 klik kanan > Blending Options.. edit blending Option seperti gambar dibawah inimembuat icon feed 4 membuat icon feed 5 membuat icon feed 6 Untuk hasilnya setidaknya seperti gambar berikut inimembuat icon feed 7
  6. Oke untuk Background Feednya sudah siap, sekarang tinggal kita menambahkan tombol tombol diatasnya, Pilih Ellipse Tool
  7. Sambil menekan Shift pada keyboard buat lingkaran kecil disudut kiri bawahmembuat icon feed 9
  8. Tampilkan grid untuk mempermudah kerja kita dengan cara pilih View >> Show >> Grid
  9. Buka Pentool ( atau tekan P pada keyboard ) lalu buatlah dua buah seperempat lingkaran seperti gambar dibawah inimembuat icon feed 10
  10. Hilangkan Grid dengan cara klik View >> Show >> hilangkan centangan Grid
  11. Selanjutnya, isi blending option pada ketiga objek diatas seperti langkah 4 diatas, tapi atur seperti gambar dibawah inimembuat icon feed 11 membuat icon feed 12 membuat icon feed 13 Untuk hasilnya, setidaknya seperti gambar berikut ini,membuat icon feed 14
  12. sepertinya icon diatas masih sedikit baku untuk disebut sebagai sebuah ICON, buat layer baru untuk menambah sedikit cahaya diatas icon tersebut (tempatkan layer baru dibagian paling atas)membuat icon feed 15
  13. Sambil Menekan Ctrl, klik Layer Shape 1 lihat icon terseleksi, lalu pada toolbox pilih Elliptical Marquee Tool
  14. Sambil menekan tombol Ctrl dan Alt (jangan dilepas) drag (klik jangan dilepas) dari kiri atas ke kanan tengah tengah, sehingga tersisa sedikit seleksi dibagian atas icon.membuat icon feed 16
  15. Warnai bagian yang terseleksi tersebut dengan warna putih (pastikan pewarnaannya pada layer baru tadi) lalu pilih Select >> Deselect
  16. Pada layer baru tadi ubah nilay Opacitynya menjadi 15membuat icon feed 17
  17. Hasilnya, :membuat icon feed pada photoshop
Semoga bermanfaat,
Salam Jaka Zulham

15 comments:

  1. wow, nice share gan, sangat bermanfaat! :D

    ReplyDelete
  2. bisa juga ya pake potoshop. ane bikinnya pake corel, hehehe

    ReplyDelete
  3. @ Affan : Sharing lah kang ilmu Corelnya :)

    ReplyDelete
  4. share ilmu yg bermanfaat ....

    ReplyDelete
  5. Bagus gan tutorialnya..
    simple and gak ribet untuk di praktekin :)

    ReplyDelete
  6. wuiihhh mantabb bgt, bnr2 detil, sy lgsg coba praktek y. trim info nya

    ReplyDelete
  7. @ Hill ; tak usah terburu buru gan =D

    ReplyDelete
  8. mantab bener nih, makasih triknya gan...

    ReplyDelete
  9. Good tutorial.....!!!
    Good blog and good post thanks.

    ReplyDelete
  10. Mantab Tipsnya, thanks gan...bTw ngajar jg tentang design tha?balas diFB-q gan, klarap.26@gmail.com

    ReplyDelete

Masukkan komentar Anda dan tekan "Subscribe by Email" untuk melihat balasan komentar