Seperti biasa saya akan membagikan tutorial web desain. kali ini mengenai Cara Membuat Icon Sendiri dengan Photoshop . tutorial ini sebenarnya sangat mudah. hampir semua orang bisa membuatnya. apalagi saya bukan orang ahli di bidang desain. tapi tenang saja dan ikuti langkah-langkah di bawah ini sampai selesai maka anda akan mendapatkan 3 buah icon menarik hasil buatan anda sendiri.
Disini ada 3 icon pertama icon Twitter , kedua icon RSS, dan yang ketiga adalah icon Email . hasil ahirnya seperti di bawah ini :
1. Langkah pertama yang harus dilakukan adalah membuka Photoshop . Setelah terbuka pilih File atau bisa lihat gambar di bawah ini :
2. Selanjutnya atur ukuran layer dengan ukuran seperti di bawah ini, atau dengan ukuran anda sendiri juga bisa .
3. Akan tampil seperti di bawah.
4. langkah selanjutnya buatlah persegi menggunakan tool Rectangle Tool (atau tekan U pada keyboad) dengan warna #03dae2 dan hasilnya seperti di bawah ini.
5. Kemudian kotak yang sudah kita bikin tadi kita Blending . caranya pilih Klik Layer dan Pilih Blending Option pilih Inner Shadow .atau lihat gambar di bawah ini .
6. Maka akan tampil seperti di bawah ini . atur Nilai-nilainya sesuai seperti di bawah ini .kemudian klik OK
7. Jika sudah pilih Tool Polygonal Lasso Tool (atau tekan L pada keyboard ) dan seleksi seperti gambar bintik-bintik di salah satu sudut kotak yang sudah kita buat.
8. Jika sudah seperti di atas tekan tombol keyboard Ctlr + X secara bersamaan, kemudian tekan Ctlr + V secara bersamaan juga. dalam hal ini kita me-copy dan me-paste . untuk lebih jelas lihat gambar dibawah.
9. Kemudian pilih Move Tool (atau tekan V pada keyboard) terlihat tanda panah pada kolom tool. kemudian geser potongan kecil di atas . rotate 180derajat . maka hasilnya seperti di bawah.
10. Kemudian jika sudah lakukan langkah berikut ini dengan memilih tool Pen Tool (atau tekan P pada keyboard) .
11. Kemudian buat Layer Baru langkahnya adalah pilih menu Layer pilih New pilih Layer kemudian tekan OK. dan buatlah titik seperti di bawh menggunakan Pen Tool. untuk meletakkan titik
12. Kemudian tambahkan satu titik . lihat pnah merah pada gambar di bawah.
13. Sambil menekan tombol Ctlr klik titik yang baru tadi dan geser sehingga membentuk gambar di bawah ini . nampak seperti perut seekor burung Twitter .
14. Lakukan langkah 12 dan 13 sehingga membentuk gambar di bawah ini .
15. Dengan demikian satu Icon twitter berhasil kita bikin. kemudian lihat panah merah di bawah . pada layer tersebut adalah gambar kotak background icon twitter. Klik Kanan kemudian pilih Duplicate Layer .
17. Blendinglah duplikat kotak tadi dan pilih Color Overlay dengan memilih warna #fa7204 (atau kalau andamasih bingung lihat langkah No.5 )
18. Maka hasilnya seperti di bawah . lalu tamabahkan garis bantu. caranya klik Penggaris yang ada di pinggir layer dan geser ke Orange . buat garis bantu Vertikal dan Horizontal, jika penggarisnya belum muncul pilih menu photoshop View pilih Ruller .lihat hasilnya dibawah.
19. Tambahkan lingkaran .(hampir sama dengan langkah No.4 ) namun kali ini berbentuk Lingkaran
20. Pilih Elips Tool (hampir sama dengan langkah No.19 ) namun kali ini pilih Paths lihat gambar di bawah
Hasilnya seperti di bawah
21. Tekan A pada keyboard atau pilih Path Selection Tool kemudian Klik kanan pada lingkaran dan pilih Stroke Path maka tampil seperti di bawah kemudian tekan OK
Hasilnya seperti gambar dibawah
22. Lakukan Langkah yang sama sehingga membentuk 3 lingkaran . Kemudian pilih Rectangular Marquee Tool dan seleksi seperti di bawah .
24. Lakukan langkah yang sama seperti No.12,13,dan 18
25. Lakukan langkah yang hampir sama seperti No.10,11,12 dan 13 namun bentuklah seperti gambar di bawah
26. Lakukan lagkah 21.
SEKIAN LANGKAH-LANGKAH MEMBUAT ICON SENDIRI DENGAN PHOTOSHOP
Sekiranya tutorial ini bermanfaat untuk anda . jika ada yang kurang jelas silahkan tinggalkan komentar di bawah dan semoga saya bisa membantu anda semua.
Salam Blogger Garuda Indonesia
Budi Hantomo