Catatan Kang Yudiono – Logo merupakan salah satu hal yang membuat suatu blog unik. Gus Adit, salah satu pembaca setia Blogodolar, memiliki beberapa blog dengan logo yang keren. Oleh karena itu, saya memintanya untuk membuat tulisan mengenai cara membuat logo. Berikut adalah tulisannya.
Banyak cara membuat logo blog, salah satunya dengan menggunakan Photoshop. Mungkin banyak di antara Anda yang sudah mengetahuinya, namun mungkin banyak pula yang sebaliknya. Jika Anda pada kondisi kedua, di bawah ini adalah langkah-langkah yang bisa membantu Anda membuat logo untuk blog Anda.
Sekadar informasi, saya menggunakan Adobe Photoshop 8.0. Jangan khawatir jika Anda memiliki versi Photoshop yang berbeda karena tool-tool yang digunakan tersedia pada Photoshop versi berapa pun.
- Buka Photoshop dan buat sebuah file baru dengan mengklik menu File » New (Ctrl+N).
- Pada jendela New, atur lebar (width) dan tinggi (height) sekitar 400 dan 100 pixels. Pilih Resolusi 72 pixels/cm dan Color mode RGB 8 bit. Ukuran tersebut cukup bagus digunakan sebagai sebuah logo blog agar ukuran file yang dihasilkan tidak terlalu besar. Untuk background contents pilih White. Selanjutnya klik OK.
- Setelah lembar kerja Anda terbuat, kini saatnya membuat tulisan untuk logo. Untuk itu klik Horizontal Type Tool (berupa huruf T) pada toolbox di sebelah kiri jendela Photoshop. Ubah warna foreground menjadi hijau (#008000).
- Selanjutnya, masih pada layer tulisan, klik menu Layer » Layer Style » Blending Option untuk menambah style pada layer tulisan.
- Pada jendela Layer Style, pilih dan tandai opsi Drop Shadow untuk menambah efek bayangan. Kemudian atur setting sebagai berikut:
- Selanjutnya, pilih dan tandai juga opsi Bevel and Emboss. Atur setting seperti berikut:
- Jika pengaturan sudah selesai, klik OK untuk menyimpan Layer Style.
- Selanjutnya, kita akan menambahkan sebuah gambar di sebelah nama blog dengan menggunakan Custom Shape Tool. Karena temanya kebetulan berwarna hijau, maka saya akan menambahkan sebuah gambar rumput menggunakan cutom shape tadi.
- Untuk itu, pilih Cutom Shape Tool
Kemudian pada toolbar, klik tanda panah kecil pada shape dan pilih Grass 2.
- Buat sebuah layer baru dengan mengklik menu Layer » New » Layer (Shift+Ctrl+N) dan beri nama Rumput agar mudah mengenalinya. Kemudian gambar Shape grass tadi pada layer baru tersebut di sebelah kiri nama blog.
- Selanjutnya, berikan style pada layer Rumput dengan style yang sama pada layer nama blog. Seperti pada langkah 4 sampai 7.
- Setelah selesai mengatur Layer Style, kini seleksi layer shape Rumput dengan cara melakukan Ctrl+Klik layer tulisan pada layerbox.
- Selanjutnya, buat sebuah layer baru dengan mengklik menu Layer » New » Layer (Shift+Ctrl+N) dan beri nama layer tersebut dengan nama Glossy  untuk lebih memudahkan kita mengingat fungsi layer tersebut, yaitu memberi efek Glossy.
- Setelah itu, pilih Paint Bucket pada toolbox
dan pastikan warna foreground adalah putih (#FFFFFF). - Jika sudah, masih menggunakan Paint Bucket, klik pada lembar kerja Anda. Maka warna nama blog dan gambar rumput akan berubah menjadi putih.
- Kemudian, pilih Eliptical Marquee Tool
pada toolbox dan buat seleksi pada area tulisan seperti gambar di bawah. - Setelah itu, masih di layer Glossy, ubah layer Opacity menjadi 15% dengan cara mengklik tanda panah kecil pada Opacity yang terletak di Layer Box.
- Selanjutnya, Anda bisa juga menambahkan tag line di bawah nama blog tadi dengan menggunakan Horizontal Type Tool.
- Setelah Anda selesai menambahkan tag line atau gambar, selanjutnya simpan gambar tersebut ke format PNG agar bisa digunakan pada blog. Sebelum minyimpan hilangkan dulu layer background agar warna latar dari logo Anda transparan agar bisa dipasang pada header dengan warna latar apapun. Cara menghapusnya atau menyembunyikannya dengan mengklik gambar mata di sebelah layer background pada layer box.
- Jika warna latar sudah transparan, klik menu File » Save for Web (Alt+Shift+Ctrl+S). Pada jendela Save for Web, ubah preset di sebelah kanan atas jendela menjadi PNG-24 dengan mengaktifkan Transparency, seperti gambar di bawah.
- Terakhir klik tombol Save dan berikan nama yang Anda inginkan. Hasil dari logo diatas kira-kira akan seperti gambar dibawah ini
Klik pada lembar kerja dan ketik nama blog Anda. Pada contoh ini saya menamai blog saya dengan nama GLOSSY GREEN. Sesuai dengan warna tulisan logo dan efek glossy yang akan diberikan nantinya.
Blend Mode: Multiply; Opacity: 75; Angle: 120, Distance: 3; Size: 4, selengkapnya lihat gambar.
Style: Inner Bevel; Â Technique: Smooth, Depth: 100%; Direction: Up; Size: 2; Soften: 0; Angle: 120; Attitude: 30. Lihat gambar untuk setting selengkapnya.
Lakukan seleksi pula pada layer nama blog dengan cara melakukan Ctrl+Shift+Klik. Hingga kedua layer tersebut terseleksi seperti gambar berikut:
Jika sudah, klik kanan pilih pada hasil seleksi dan pilih Select Inverse atau Anda bisa menekan tombol Ctrl+Shift+i pada keyboard. Selanjutnya tekan tombol Delete pada keyboard. Terkahir tekan tombol Ctrl+D untuk menghilangkan seleksi. Hasil dari langkah tadi seperti gambar di bawah.
Langkah ini bertujuan untuk memberikan effek glossy pada tulisan.
Kini Anda sudah mempunyai logo yang cukup cantik untuk blog Anda. Anda bisa menambahkan kreasi Anda sendiri atau memakai warna lain pada logo tersebut agar sesuai dengan warna dominan blog Anda.
Sekian tutorial cara membuat logo sederhana dengan menggunakan Photoshop. Semoga bermanfaat dan selamat mencoba!
Tentang Penulis:
Gus Adit adalah blogger asal Bali pengelola blog Dunia Komputer. Blog alumnus Bahasa dan Sastra Inggris Universitas Udayana ini berisi tips dan berita seputar komputer dan internet. Simak salah satu artikel terpopulernya Download Google Chrome 5.0 Terbaru.
Saya juga berminat untuk membuat logo blog jerawat, namun sampai saat ini belum terlaksana.
Terimakasih Gus Adit.
gw udah baca2 blog mu kang. lumayan mantep, kalau bisa kasih tips buat ngilanginn bekas jerawat dalam waktu cepat juga dong?
Cuma satu kata yang bisa saya bilang : “Keren…”
Keren banget emang kalo sotosop gak perlu ditanyain lagi…
lebih lagi di dukung dengan fasilitas save format web-nya yang gak nahan. Btw kok linknya Sotosop gak ada ya kang? Hehehe… Pengen cari yang bwt windows 7 gk nemu2… @_@
Hehehe..Kang Yudi rupanya jago cotoshop juga..ups salah maksud saya.. photoshop .Tapi tutorialnya sangat membantu sekali.Trims deh
keren kang….
tapi cara pasangnya di header gmana, ane masih belom ngerti
ane pingin logo seperti blogodolar yg simpel
Pasangnya pake kode img src bang.
Coba saja lihat di HTML postingan Bang Haris yang ada gambarnya.
Format HTML-nya seperti pada gambar postingan tersebut.
tergantung platform blognya juga kang.
kalau platform blogger kan udah ada menunya buat upload.
Belajar dasar photoshop dari artikel ini saja, kemarin untuk buat yang menggunakan aplikasi photoshop selalu minta tolong sama teman,,,,
Enak nich, tutorial step by step.
akan saya pelajari dengan pelan2, maklum belum pernah main photoshop
terima kasih mas tipnya
salam hangat dari Surabaya
sepertinya perlu saya install lagi photoshop di pc…skrg cuma pakai CorelDraw, saya save tutorialnya Kang & Gus Adit..terimakasih.
salam kenal mas…
kalau ada waktu di tunggu kunjungan baliknya ya..
jangan lupa berkomentar di blog saya
Aha… jadi gitu toh caranya bikin efek Glossy di Photoshop. Segera dipraktekkan, dan semoga bisa diterapkan di blog saya.
Terima kasih bli Gus Adit dan Kang Yudiono.
dari dulu saya pengen bikin logo, tapi sudah lupa cara pake corel, apalagi sotoshop yang sangat jarang saya jamah, artikel ini saya bookmark dulu untuk saya coba ntar y pak….
dari dulu saya pengen moles image yang saya punya pake photoshop
step by step post kali ini sangat membantu
thx gus Adit dan kang Yudi dah berbagi
Tutorialnya keren, tapi sayangnya sy gk bsa photoshop, biasa cman pake sothink logo maker klo buat logo,
mantap juga logonya, kalau sepet mau coba bikin deh, and terima kasih bos atas infonya…
tutorial seperti ini sangat membantu bloger yang gaptek design seperti saya, saya bookmark dulu deh
akhirnya muncul juga nih tentang biking banner. terima kasih banyak mau coba-coba dulu
mau coba dulu..tks u infonya
kalau saya logo saya buat untuk favicon juga kang….
)
belum berhasil nihh… tapi, bagus, keren artikelnya…
sudah di coba dan berhaasil, thanks ya mazzz,,,,….
makasih banyak mas, ane jadi lebih paham sekarang
^_^
langsung bikin ah
wah ini yang saya cari-cari…
mas saya belum ngerti pasang di header nya..??
format img src, apa mksd nya..??
saya pemula mas..heheh
http://bawahtanah-2012.blogspot.com/2010/11/ditemukan-pintu-neraka-di-bumi.html
Ive been meaning to read this and just never got a chance. Its an issue that Im incredibly interested in, I just started reading and Im glad I did. Youre a wonderful blogger, one of the finest that Ive seen. This blog surely has some information and facts on topic that I just wasnt aware of. Thanks for bringing this things to light.
Keep working ,rather work!
Menurut saya karakter  ditengah tulisan diatas sangat mengganggu.lebih baik ganti saja dengan karakter lain yang lebih umum.
nice tutorial…btw malu ah blogku blum punya logo >,<
SY JUGA GAK ADA LOGONYA
Boleh dicoba nich gan, matur tengkyuu yaaa
maaf saya mau nanya klo Cutom Shape Tool itu di bagian mna?
waah thanks atas triknya.. tapi potoshop aja aku gak punya.. ada software yang free dan lebih gampang gak?
oke deh kalau bikin logonya dikit2 bisa, tapi pasang logo di header blog wordpress yg saya gak bisa, susah banget gagal terus dan gak mau nampil
Mkasih sob.., akhirnya bisa juga saya…
makasih mas atas tutornya… saya save ya ntar saya bacanya di rumah… ngirit mas hehe.. kalo bisa kirim tutornya ke mailku yah thanks banyak….
kl pengen cpt pake yg banner gratisan. tp jd kurang kreatif.
trims gan,,sangat membantu saya bgt ni tutornya,,
Wah, artikel yang menarik. Tapi lebih simpel pakai Paint sajalah, hehe
Saya sudah mencobanya, keren mas tutorialnya – step by step. it really works.
Thanks..
wah ksini lg mampir gan, mampir balik yah hehe
Bingung…..Gak pernah gunakan photoshop!
Semua logo yang ku buat untuk Blogku pake photoshop…. walau skill editing photoshopku masih rendah tapi apa gunannya internet ? seperti postingan ini.
Trims mas
Kang itu tipe tulisannya namanya apa yah??
Wah…Cool banget Mas….Ane Belajar Dulu..ya..biar ketinggalan yg penting mau belajar khan?…Matursewon banget pencerahannya Semoga dibls dibln suci Ramadhan ini dg kebaikkan
mantap mas…segera praktek..
terimakasih banyak…
mau d coba akh…
wah baru ngikuti/nyoba tutorialnya sampai langkahno 7, mantab bih
makasih sodaqoh ilmunya
Baiklah kalau begitu
Ne tips buat dapetin banyak pengunjung secara cepat .. pernah ane coba
http://aryazblog.blogspot.com/2011/08/tips-mendapatkan-1000000-visitor.html
Thankc
aduh gan ni perlu di coba dari maren ane cari2 ni tutor…..mantepsuratep
kiyisanbbl.wordpress
Waaah .. bisa nambah ilmu nih..makasih ya..