Kamis, 22 Juli 2010

Blogodolar Tips & News

Blogodolar Tips & News

Cara Membuat Logo Blog dengan Photoshop

Posted: 22 Jul 2010 09:05 AM PDT

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.

  1. Buka Photoshop dan buat sebuah file baru dengan mengklik menu File » New (Ctrl+N).
  2. 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.

    3. New-Document

  3. 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).

    4. Ubah Foreground
    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.

  4. Selanjutnya, masih pada layer tulisan, klik menu Layer » Layer Style » Blending Option untuk menambah style pada layer tulisan.
  5. Pada jendela Layer Style, pilih dan tandai opsi Drop Shadow untuk menambah efek bayangan. Kemudian atur setting sebagai berikut:

    6. Blend Mode: Multiply; Opacity: 75; Angle: 120, Distance: 3; Size: 4, selengkapnya lihat gambar.
    Drop-Shadow

  6. Selanjutnya, pilih dan tandai juga opsi Bevel and Emboss. Atur setting seperti berikut:

    7. Style: Inner Bevel;  Technique: Smooth, Depth: 100%; Direction: Up; Size: 2; Soften: 0; Angle: 120; Attitude: 30. Lihat gambar untuk setting selengkapnya.
    Bevel-and-Emboss

  7. Jika pengaturan sudah selesai, klik OK untuk menyimpan Layer Style.
  8. 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.
  9. Untuk itu, pilih Cutom Shape Tool CustomShapeTool Kemudian pada toolbar, klik tanda panah kecil pada shape dan pilih Grass 2.
    Custom-Shape-Grass-2
  10. 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.

    11. Shape Rumput

  11. Selanjutnya, berikan style pada layer Rumput dengan style yang sama pada layer nama blog. Seperti pada langkah 4 sampai 7.
  12. Setelah selesai mengatur Layer Style, kini seleksi layer shape Rumput dengan cara melakukan Ctrl+Klik layer tulisan pada layerbox.

    13. Seleksi Layer
    Lakukan seleksi pula pada layer nama blog dengan cara melakukan Ctrl+Shift+Klik. Hingga kedua layer tersebut terseleksi seperti gambar berikut:
    Hasil Seleksi Layer

  13. 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.
  14. Setelah itu, pilih Paint Bucket pada toolbox Paint Bucket Tool dan pastikan warna foreground adalah putih (#FFFFFF).
  15. Jika sudah, masih menggunakan Paint Bucket, klik pada lembar kerja Anda. Maka warna nama blog dan gambar rumput akan berubah menjadi putih.
  16. Kemudian, pilih Eliptical Marquee Tool Eliptical Marquee Tool pada toolbox dan buat seleksi pada area tulisan seperti gambar di bawah.

    17. Seleksi Dengan Eliptical Marquee Tool
    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.
    Hasil Inverse Seleksi

  17. Setelah itu, masih di layer Glossy, ubah layer Opacity menjadi 15% dengan cara mengklik tanda panah kecil pada Opacity yang terletak di Layer Box.

    18. Layer Opacity
    Langkah ini bertujuan untuk memberikan effek glossy pada tulisan.

  18. Selanjutnya, Anda bisa juga menambahkan tag line di bawah nama blog tadi dengan menggunakan Horizontal Type Tool.

    19. Tag line

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

    20. Hide Background

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

    21. Save Preset

  21. Terakhir klik tombol Save dan berikan nama yang Anda inginkan. Hasil dari logo diatas kira-kira akan seperti gambar dibawah ini

    22. Hasil Akhir

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.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner

Create A Free Blog at Thoughts.com

Posted: 22 Jul 2010 06:23 AM PDT

Finding a free blog is not a hard task. In fact, if you type into any search engine, ‘free blog’ you are likely to get many different links to sites offering free blogs. Most have some great deals to offer you as well.

Many of these free blog sites will give you a lot of information. They will provide you with everything you need to know about blogs and how to use them. There are many versions, many types to choose from. Knowing what you want will point you in the right direction as to what to choose. Browse several sites to determine which one offers the blog that you are interested in and can offer you the best deal.

One site that you can create a free blog is Thoughts.com. It is a social conversation engine that connects you with like-minded people. They offer unlimited bandwidth which is especially helpful if you like to spice up your blog posts with multimedia such as videos, photos or audio blogs.

Beside that, unlike most blog hosting sites, the community of Thoughts.com is unified by a shared principal, the One Love Philosophy, which states that there is one universal love that everyone shares despite any differences. That feeling of love, compassion and fellowship is present throughout the community.

For more information, check out Thoughts.com. Don’t forget to try create a free blog at the site.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)