7 Dec 2011

Membuat Logo Tulisan Web 2.0 Style Header : Efek Transparan : Photoshop

Logo merupakan salah satu hal yang menjadi Ciri Khas,karakter suatu website,Blog sehingga membuat suatu Situs tersebut unik. Artikel ini merupakan Request salah satu pengunjung InternetTeknologi.Com ,mengenai cara membuat Logo header seperti InternetTeknologi.Com melalui komentar. Mungkin banyak yang sudah Tahu, tapi Jika Anda belum tahu silahkan ikuti langkah-langkah membuat logo untuk website/blog berikut ini.

Jika Photoshop Anda belum memiliki banyak pilihan Font Keren ,Silahkan Download Letterhead Fonts Design Competition untuk photoshop Disini dan 457 Western fonts Disini. Tutorial Membuat Logo Web 2.0 Style Header ini bisa menggunakan Photoshop versi berapa saja.Bagi yang belum memiliki Photoshop Silahkan Download Phostoshop CS5 Disini.
  1. Buat sebuah file baru File >> New atau tekan tombol Ctrl + N di keyboard.
  2. Silhakan atur lebar (width) dan tinggi (height) sekitar 540 dan 100 pixels.Pilih Resolusi 72 pixels/inch , Color Mode RGB Color 8 bit dan Background Contents pilih White. Klik OK.
  3. Buat sebuah Tulisan Huruf/Kalimat Logo,Lalu seleksi tulisan yang baru di buat dengan cara Tekan tombol Ctrl + Klik pada huruf T seperti dibawah ini.Setelah diseleksi hasilnya seperti ini
  4. Lalu buat Layer baru klik Layer>>New>>layer atau Tekan tombol Ctrl+Shift+N di Keyboard. Klik OK
  5. Lalu Pilih Paint Bucket,atur warnanya Putih #FFFFFF.
  6. Warnai Tulisan dengan Tool Paint Buckut,sehingga Tulisan menjadi berwarna putih semua.
  7. Lalu Pilih Marque Tool sesuai gaya yang anda inginkan Rectangular atau Eliptical ,disini saya pilih Eliptical.
  8. Seleksi pada Tulisan seperti berikut.
  9. Klik kanan pada bagian yang terseleksi,lalu pilih Select InverseSehingga hasilnya seperti dibawah ini
  10. Tekan Tombol Delete
  11. Tekan Tombol Ctrl+D
  12. Lalu Atur Opacitynya menjadi 45%Sehingga hasilnya seperti iniSilahkan anda atur warnanya
  13. Buat Efec Bayangan pada tulisan ,Klik Layer>>Layer Style>>Blending Option. Klik Drop Shadow. Atur Opacitynya 75 %, Angle 120 ,Distance 4px,Spread 0%,,Size 4px , dan Noise 0%. Klik OKSehingga hasilnya seperti dibawah ini
  14. Terakhir,hapus Background tulisan dengan cara Klik Tulisan Background,tekan tombol delete pada Keyboard.Sehingga tinggal Layer 1 dan InternetTeknologi.Com
Lalu Crop,Perhatikan bayangan pada huruf yang bagian bawahnya menyentuh garis Crop,Disini huruf g. Tarik sedikit garis Crop ke bawah, jangan sampai bayangan nya ikut tercrop. Klik Kanan>>Crop
Lalu Simpan hasilnya dalam Format PNG.

No comments:

Post a Comment