CARA MEMBUAT DESAIN 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.
Mulai membuat kotak dengan tool rectangle dengan warna kotak hitam dengan parameter dari gambar berikutnya.
Menggunakan tool rectangle dengan sisi bulat tidak tajam , Membuat kotak persegi dengan ukuran seperti yang ditunjukkan pada gambar berikut
Radius-15px
Isi 0% pada lapisan.
Blending Options-Gradient Overlay
Gradient parameter.
Dengan menggunakan tool rectangle yang sama kita akan membuat kotak lain dengan warna hitam seperti ukuran yang ditunjukkan di bawah.
Radius-25px
Isi 0% pada lapisan.
Blending Options-Stroke
Gradient ini parameter.
Gunakan tool gradient dan buatlah gambar sebuah lingkaran dengan menggunakn ellipse tool seperti itu salah satu dari bawah.
Isi 0% pada lapisan.
Blending Options-Gradient Overlay
Gradient parameter.
Dengan menggunakan tool ellipse yang sama kita akan membuat lingkaran lain dengan parameter dari gambar berikutnya.
Isi 0% pada lapisan.
Blending Options-Stroke
Gradient parameter.
pilih pen tool / path tool untuk membuat setengah lingkarn dengan ukuran dari langkah berikutnya.
Isi 0% pada lapisan.
Blending Options-Gradient Overlay
Gradient parameter.
Pilih line tool pada tool bar photoshop , dan mulailah menggambar siluet rumah dengan warna kontur putih seperti itu menunjukkan langkah berikutnya.
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.
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.
Mulai membuat kotak dengan tool rectangle dengan warna kotak hitam dengan parameter dari gambar berikutnya.
Menggunakan tool rectangle dengan sisi bulat tidak tajam , Membuat kotak persegi dengan ukuran seperti yang ditunjukkan pada gambar berikut
Radius-15px
Isi 0% pada lapisan.
Blending Options-Gradient Overlay
Gradient parameter.
Dengan menggunakan tool rectangle yang sama kita akan membuat kotak lain dengan warna hitam seperti ukuran yang ditunjukkan di bawah.
Radius-25px
Isi 0% pada lapisan.
Blending Options-Stroke
Gradient ini parameter.
Gunakan tool gradient dan buatlah gambar sebuah lingkaran dengan menggunakn ellipse tool seperti itu salah satu dari bawah.
Isi 0% pada lapisan.
Blending Options-Gradient Overlay
Gradient parameter.
Dengan menggunakan tool ellipse yang sama kita akan membuat lingkaran lain dengan parameter dari gambar berikutnya.
Isi 0% pada lapisan.
Blending Options-Stroke
Gradient parameter.
pilih pen tool / path tool untuk membuat setengah lingkarn dengan ukuran dari langkah berikutnya.
Isi 0% pada lapisan.
Blending Options-Gradient Overlay
Gradient parameter.
Pilih line tool pada tool bar photoshop , dan mulailah menggambar siluet rumah dengan warna kontur putih seperti itu menunjukkan langkah berikutnya.
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
Selamat mencoba!!
related post
- edit foto : cara membuat ukuran pas photo dengan photoshop
- cara membuat desain wallpaper background keren dengan photoshop
- cara menghapus background foto menjadi transparan dengan photoshop
- edit foto tutorial cara manipulasi photo dengan photoshop
- cara mengedit foto menjadi unik keren menggunakan background photoshop
- cara memperkecil ukuran size gambar dan foto dengan photoshop
- tutorial cara mempertajam dan memperjelas gambar foto dengan photoshop
- cara cepat ganti background foto menggunakan photoshop
- Edit foto cara menggabungkan gambar dan tulisan keren menggunakan layer photoshop
- Edit foto cara membuat efek kartun gambar foto anime menjadi karikatur dengan photoshop
- cara menggabungkan foto dan manipulasi gambar dengan photoshop
- tutorial cara edit foto mengganti background menggunakan photoshop
- cara mengedit foto berwarna menjadi hitam putih menggunakan photoshop
- tutorial edit foto cara membuat foto pre wedding keren dengan photoshop
- cara membuat bingkai frame foto dengan photoshop
- tutorial cara membuat kotak menggunakan photoshop
- cara menyimpan save image file desain gambar foto di photoshop
- cara edit foto memotong gambar menggunakan photoshop
- photoshop dasar tutorial cara membuat garis menggunakan photoshop
- cara cara menggunakan tool photoshop dasar untuk pemula
- cara menggunakan photoshop dasar untuk pemula