Enjang.com

Situs Informasi dan Teknologi

Menu

Membuat Favicon huruf dengan Photoshop Cs3

24 November 2011 | Photoshop

Membuat Favicon huruf dengan Photoshop Cs3. Apakah favicon itu? Favicon adalah kependekan dari Favorite Icon, adalah sebuah ikon berupa gambar kecil yang diasosiasikan dengan logo sebuah situs atau blog dan akan muncul pada bagian browser atau bagian bookmark. Favicon dimaksudkan untuk memudahkan mengidentifikasi/ciri khas sebuah situs atau blog.

Kita bisa membuatnya dengan program grafis misal Photoshop/CorelDraw. Tetapi di sini saya akan memberikan cara membuat Favicon dengan Photoshop Cs3. Sebagai contoh kita akan membuat Favicon seperti pada blog saya dengan image huruf P. Langsung ke TKP yuuk…

Ikuti langkah- langkah berikut:

1. Buka Photoshop anda.

2. Klik New ata tekan Ctr+N pada keyboard anda.

3. Maka akan muncul jendela notifikasi baru untuk mengatur besar gambar, resolusi gambar dll. Sebagai contoh atur seperti di bawah ini:

Membuat Favicon huruf dengan Photoshop Cs3

  • Name : Favicon
  • Width : 28 pixels
  • Hight : 28 pixels
  • Resolutions : 72 pixels/inch
  • Color Mode : RGB 8 bit
  • Background contents : Transparent

4. Klik OK.

5. Klik Horizontal Type Tool.

6. Klik pada kanvas baru tadi, lalu ketikkan sebuah huruf P. Klik tanda centang Commit any current edits untuk mengakhiri.

Membuat Favicon huruf dengan Photoshop Cs3

7. Klik 2x pada layer P untuk pengaturannya.

Membuat Favicon huruf dengan Photoshop Cs3

8. Atur jenis huruf, ukuran huruf dan beri warna merah, lalu akhiri dengan klik tanda centang Commit any current edits untuk mengakhiri.

Membuat Favicon huruf dengan Photoshop Cs3

9. Lihat dikanvas anda, huruf P kita sudah jadi.

Membuat Favicon huruf dengan Photoshop Cs3

10. Jika anda ingin membuat huruf P di emboss seperti punya saya, maka hurufnya akan tampak seperti gambar di bawah ini:

Membuat Favicon huruf dengan Photoshop Cs3

11. Langkah terakhir, klik File > Save for Web & Devices…

Membuat Favicon huruf dengan Photoshop Cs3

12. Beri nama dan tentukan folder di mana anda menyimpannya.

13. Selesai, Favicon anda siap di digunakan untuk blog/web anda.

Selamat mencoba

Related For Membuat Favicon huruf dengan Photoshop Cs3