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.
- Buat sebuah file baru File >> New atau tekan tombol Ctrl + N di keyboard.
- 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.
- 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
- Lalu buat Layer baru klik Layer>>New>>layer atau Tekan tombol Ctrl+Shift+N di Keyboard. Klik OK
Lalu Pilih Paint Bucket,atur warnanya Putih #FFFFFF.
- Warnai Tulisan dengan Tool Paint Buckut,sehingga Tulisan menjadi berwarna putih semua.
Lalu Pilih Marque Tool sesuai gaya yang anda inginkan Rectangular atau Eliptical ,disini saya pilih Eliptical.
- Seleksi pada Tulisan seperti berikut.
- Klik kanan pada bagian yang terseleksi,lalu pilih Select Inverse
Sehingga hasilnya seperti dibawah ini
- Tekan Tombol Delete
- Tekan Tombol Ctrl+D
Lalu Atur Opacitynya menjadi 45%
Sehingga hasilnya seperti ini
Silahkan anda atur warnanya
- 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 OK
Sehingga hasilnya seperti dibawah ini
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.
18 orang berkomentar on "Membuat Logo Tulisan Web 2.0 Style Header : Efek Transparan : Photoshop"
Makasih banyak gan. saya mau nanya,kalau buat gaya kayak internetteknologi.com ini gimana ya gan?
Akhirnya yang gue cari ketemu disini, thnks bro.....=))
Font yang digunakan untuk buat logo internetteknologi apa gan? pleaseeee
@Anonim Kalau itu Ciri Khas InternetTeknologi.Com,sebaiknya agan buat gaya yang lain sebagai Ciri khasnya. :D
@Anonim Ane sudah lupa gan,karna itu gabungan banyak macam font berbeda dari Western Font, Silahkan Download 457 Western fonts Disini. :D
@InternetTeknologi.Com
@InternetTeknologi.Com Maaf mas,komen 2 kali ga sengaja,keteken publikasikan. Makasih banyak triknya keren.
Mantab ,Di tunggu tutorial photoshop lainnya masbro
bagus :)
thanks.. :)
keren sob :)
jos gandos pokokegan
tipsnya sangat menbantu sekali. thanks ya saya akan coba langsung..
Terima Kasih untuk infonya....
wah ane lagi rencana mau ganti logo nih, nemu artikel ini, makasih dah :)
Terima kasih tutorialnya membuat tulisan transparant
ilmu yang bermanfaat :)
Terima kasih tutorialnya membuat tulisan transparant
ilmu yang bermanfaat :)
nice tutorial bro. saya belajar ya tekniknya.
Add a comment and Join the discussion