Laman

8.21.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.


ARTIKEL TERKAIT

16 orang berkomentar on "Membuat Logo Tulisan Web 2.0 Style Header : Efek Transparan : Photoshop"

Response By  Anonim - 8/22/2011 1:15 AM


Makasih banyak gan. saya mau nanya,kalau buat gaya kayak internetteknologi.com ini gimana ya gan?

Response By  Anonim - 8/22/2011 2:08 AM


Akhirnya yang gue cari ketemu disini, thnks bro.....=))

Response By  Anonim - 8/22/2011 2:51 AM


Font yang digunakan untuk buat logo internetteknologi apa gan? pleaseeee

Response By  InternetTeknologi.Com - 8/22/2011 4:42 PM


@Anonim Kalau itu Ciri Khas InternetTeknologi.Com,sebaiknya agan buat gaya yang lain sebagai Ciri khasnya. :D

Response By  InternetTeknologi.Com - 8/22/2011 4:48 PM


@Anonim Ane sudah lupa gan,karna itu gabungan banyak macam font berbeda dari Western Font, Silahkan Download 457 Western fonts Disini. :D

Response By  Anonim - 8/23/2011 2:10 AM


@InternetTeknologi.Com

Response By  Anonim - 8/23/2011 2:12 AM


@InternetTeknologi.Com Maaf mas,komen 2 kali ga sengaja,keteken publikasikan. Makasih banyak triknya keren.

Response By  Anonim - 10/01/2011 8:01 PM


Mantab ,Di tunggu tutorial photoshop lainnya masbro

Response By  Meirita Handayani - 11/17/2011 12:50 AM


bagus :)

Response By  Catatan si Boy - 11/25/2011 6:33 PM


thanks.. :)

Response By  sukague.com - 12/04/2011 5:32 PM


keren sob :)

Response By  miko - 12/15/2011 12:37 AM


jos gandos pokokegan

Response By  kutulis - 1/10/2012 11:08 AM


tipsnya sangat menbantu sekali. thanks ya saya akan coba langsung..

Response By  Indah Betharia - 3/20/2012 9:46 AM


Terima Kasih untuk infonya....

Response By  andy - 6/12/2012 1:28 PM


wahh mantapp banget pas lagi cara yg unik seperti ini gan thank. nb info buat teman2 yg lagi punya masalah apa aja jangan lupa sharing di http://masalahkita.com Forum Relatime Baru dengan FItur Chating Tiap Postingan Tanpa Daftar

Response By  jualgadget.info - 8/27/2013 7:24 PM


wah ane lagi rencana mau ganti logo nih, nemu artikel ini, makasih dah :)

:)) :)] ;)) ;;) :D ;)

Add a comment and Join the discussion

 
Semua file yang ada di InternetTeknologi.Com merupakan hasil mirror link dari berbagai macam server hosting, seperti Rapidshare atau Hotfile. InternetTeknologi.Com hanya men-sharingkannya ke semua orang. Jangan lupa untuk membaca Disclaimer sebelum mendownload dan Downloadlah dengan resiko dan tanggung jawab anda sendiri =).

All files in InternetTeknologi.Com are result of Mirror link from many hosting server, such as Rapidshare or Hotfile. InternetTeknologi.Com just share it to everyone. Don't forget to read the Disclaimer first before downloading, and please download with your own risks and responsibilities =)

Copyright © www.InternetTeknologi.Com Trusted From 2009 - Until 2011 (Now) Do Not Copy Paste Without Give a Link To This Site, www.InternetTeknologi.Com Is Protected by The International Internet World Wide Web [www] Law www.InternetTeknologi.Com ALL RIGHTS RESERVED