1
Hai good People Pengunjung, Selamat datang di Labeltutorial.com. Blog sudah 1 tahun vakum jadi banyak tutorial yang saya hapus dan blog ini akan kembali aktif membawa tutorial segar serta Blog Ini Sudah Selesai Redesign ,Ada yang ingin nanya bisa ke Ruang Ngopi.

Trending Tutorial :
Tutorial Terbaru Membahas Mengenai Tag Kondisional Lebih lanjut
#HappyBlogging Guys
CLOSE

Membuat favicon atau logo blog di photoshop

cara membuat favicon sendiri di blog pakai photoshop Salam Pembaca Blog di label tutorial blog , Jika masih ada yang ingin membuat ...

4
9/14/2013
cara membuat favicon sendiri di blog pakai photoshop
cara membuat favicon sendiri di blog pakai photoshop



Salam Pembaca Blog di label tutorial blog, Jika masih ada yang ingin membuat favicon di blog dan jika anda tertarik membuat favicon disamping,maka silahkan anda melihat cara membuat favicon blog di photoshop berikut, Tutorial ini menggunakan Photoshop CS jadi upgrade dulu ke PHOTOSHOP CS atau lebih tinggi, nah jika sudah silahkan ikuti langkah – langkah berikut ini dengan teliti ya..


Berikut langkah-langkahnya :

1. Buatlah file baru dengan ukuran dan atribut seperti gambar berikut :





2. Setelah mencul layar kerja baru, Buatlah sebuah kotak menggunakan Rounded Rectangel Tool

.
















Info : Warna kotak tergantung dari foreground, jangan dipermasalahkan



3. Pastikan anda masih aktif pada Layer kotak tadi, lalu anda buat kotak seperti gambar berikut



4. Tampilkan Window Style


Klik Menu WINDOW > STYLES, setelah window style tampil maka anda tinggal memilih (mengklik) efek yang sesuai, dengan otomatis warna dan style objek akan berubah sesuai dengan style yang anda pilih, jika pilihan yang telah ada masih kurang cocok maka anda bisa menampilkan style yang lain dengan mengklik tanda panah pada pojok window style, maka disitu akan muncul beberapa pilihan lain untuk stylenya (salah satunya Web Style, yang kita pakai pada desain logo di atas) lalu pilih style Red GEL pada window style





Info : Untuk WEB STYLE hanya dimiliki Photoshop CS dan versi diatasnya jadi jika masih menggunakan photoshop 7 maka upGrade dulu ke CS ya
.

Maka tampilannya akan seperti berikut :





5. Pilih ikon T (font) berikut untuk membuat tulisan lihat gambar berikut :
























Catatan : Anda bisa memakai font apa saja sesuai dengan selera saya memakai font seperti yahoo dan anda bisa mencarinya di om google



7. Lalu buat satu huruf saja sesuai dengan ciri khas blog anda,lalu tekan CTRL+T untuk mengatur ukuran huruf  lalu sesuaikan dengan gambar seperti berikut





8. masih aktif dengan layer huruf tadi sekarang kita buat stroke pada huruf lihat gambar
















Selesai deh ,ini favicon hanya berbentuk tulisan saja,jika anda menginginkan favicon berbentuk gambar silahkan lihat tambahan dibawah

Cara awal sama dengan yang diatas hanya ditambahkan, Dengan memilih Custom Shape Tool untuk menambahkan hiasan motif -motif pada logo




Klik Shape pada Propeti Bar > Pilih sesuai dengan selera anda
Jadi hasilnya bisa seperti berikut :



Nah untuk menyimpan gambar nya pilih FILEรจSAVE AS lihat gambar



Lalu pilih format PNG lalu tekan SAVE,lihat gambar,



Setelah selesai anda bisa baca artikel mengenai cara memasang favicon tersebut di blog disini Selesai deh mudahkan,nah sekarang anda mempunyai favicon blog sendiri deh jika ada yang ingin ditanyakan silahkan berkomentar  dibawah ,sekian tutorial ini ,semoga bermanfaat bagi pembaca label tutorial blog.

4 komentar Add New komentar

avatar
Balas Hapus

sudah lama saya mencari info tentang cara membuat favicon yg kerend. thanks udah d share :)

avatar
Balas Hapus

Manteep dah untuk tutornya, sangat membantu :)
http://goo.gl/V32EUi

avatar
Balas Hapus

Manteeep sob informasi artikelnya :)
http://goo.gl/9UzkHw

Silahkan berkomentar sesuai artikel. Komentar yang menyertakan link aktif akan dimasukan ke folder SPAM.

Show Konversi
Hide Konversi
Show Emoticon
Hide Emoticon
Reset
Komentar sobat sangat berharga
Beranda item