Skip to content Skip to sidebar Skip to footer

Widget HTML #1

Gambar Produk 1
Jasa Desain Kaos, Desain Batik, Setting Sablon Kaos dan Desain Grafis Lainnya

CARA MEMBUAT DESAIN ICON FAVICON HOMEPAGE BLOG WEBSITE DENGAN PHOTOSHOP

cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop
CARA MEMBUAT ICON FAVICON HOMEPAGE BLOG WEBSITE DENGAN PHOTOSHOP  cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Bilamana sobat berkunjung ke salah satu sebuah website atau blog , sobat sering melihat desain layout web yang selalu menampilkan sebuah icon favicon homepage blog website yang digambarkan dengan tulisan home dan desain gambar rumah sebagai logo icon favicon homepage blog website  tersebut. Desain Logo Icon Favicon memiliki size ukuran kecil biasanya berada di ujung paling kiri

Kali ini admin studiocreativedesain akan memberikan trik desain cara membuat icon favicon homepage blog website dengan photoshop . Admin pada tutorial membuat icon favicon homepage ini memakai adobe photoshop CS3,  cara membuat logo Icon homepage sangat mudah dan sederhana sobat bisa dengan cara menggunakan photoshop versi lainnya seperti adobe photoshop CS4, CS5, CS6, CS7

Berikut ini adalah tutorial photoshop  : cara membuat icon favicon homepage blog website dengan photoshop

Buka file baru dengan ukuran 217 × 470 px dan 300 dpi.



cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Mulai membuat kotak dengan tool rectangle dengan warna kotak hitam dengan parameter dari gambar berikutnya.



cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop



Menggunakan tool rectangle dengan sisi bulat tidak tajam , Membuat  kotak  persegi dengan ukuran seperti yang ditunjukkan pada gambar berikut



cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Radius-15px
Isi 0% pada lapisan.
Blending Options-Gradient Overlay



cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop
Gradient parameter.




cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Dengan menggunakan tool rectangle yang sama kita akan membuat kotak lain dengan warna hitam seperti ukuran yang ditunjukkan di bawah.




cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Radius-25px
Isi 0% pada lapisan.
Blending Options-Stroke


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop



Gradient ini parameter.



cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Gunakan tool gradient dan buatlah gambar sebuah lingkaran dengan menggunakn ellipse tool seperti itu salah satu dari bawah.


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop


Isi 0% pada lapisan.
Blending Options-Gradient Overlay


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Gradient parameter.


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Dengan menggunakan tool ellipse yang sama kita akan membuat lingkaran lain dengan parameter dari gambar berikutnya.


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Isi 0% pada lapisan.
Blending Options-Stroke


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Gradient parameter.
cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop


pilih pen tool / path tool untuk membuat setengah lingkarn dengan ukuran dari langkah berikutnya.


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Isi 0% pada lapisan.
Blending Options-Gradient Overlay

cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop



Gradient parameter.


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Pilih line tool pada tool bar photoshop , dan mulailah menggambar siluet rumah dengan warna kontur putih seperti itu menunjukkan langkah berikutnya.


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop

Merge layer keduanya yang mengandung siluet rumah dengan masing-masing icon berbeda yang telah kita buat tadi yaitu icon kotak dengan latar warna hitam dan icon lingkaran dengan warna dasar hijau.  
Hasil akhir seperti gambar berikut


cara-membuat-icon-favicon-homepage-blog-website-dengan-photoshop


Demikian
tutorial photoshop  : cara membuat icon favicon homepage blog website dengan photoshop
Selamat mencoba!! 



related post