Latest Games :
Home » » Cara Membuat Logo Blog dengan Photoshop

Cara Membuat Logo Blog dengan Photoshop

Minggu, 18 November 2012 | 0 komentar



  • 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.
  • New-Document
  • Setelah lembar kerja Anda terbuat, kini saatnya membuat tulisan untuk logo. Untuk itu klikHorizontal Type Tool (berupa huruf T) pada toolbox di sebelah kiri jendela Photoshop.  Ubah warna foreground menjadi hijau (#008000).
  • 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.

  • Selanjutnya, masih pada layer tulisan, klik menu Layer » Layer Style » Blending Optionuntuk menambah style pada layer tulisan.
  • Pada jendela Layer Style, pilih dan tandai opsi Drop Shadow untuk menambah efek bayangan. Kemudian atur setting sebagai berikut:
  • Blend Mode: Multiply; Opacity: 75; Angle: 120, Distance: 3; Size: 4, selengkapnya lihat gambar.
    Drop-Shadow
  • Selanjutnya, pilih dan tandai juga opsi Bevel and Emboss. Atur setting seperti berikut:
  • 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
  • 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 CustomShapeTool Kemudian pada toolbar, klik tanda panah kecil pada shape dan pilih Grass 2.
    Custom-Shape-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.
  • Shape Rumput
  • 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.
  • 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
  • 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 Paint Bucket Tool 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 Eliptical Marquee Tool pada toolbox dan buat seleksi pada area tulisan seperti gambar di bawah.
  • 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
  • Setelah itu, masih di layer Glossy, ubah layer Opacity menjadi 15% dengan cara mengklik tanda panah kecil pada Opacity yang terletak di Layer Box.
  • Layer Opacity
    Langkah ini bertujuan untuk memberikan effek glossy pada tulisan.
  • Selanjutnya, Anda bisa juga menambahkan tag line di bawah nama blog tadi dengan menggunakan Horizontal Type Tool.
  • Tag line
  • 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.
  • Hide Background
  • 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.
  • Save Preset
  • Terakhir klik tombol Save dan berikan nama yang Anda inginkan. Hasil dari logo diatas kira-kira akan seperti gambar dibawah ini
  • Hasil Akhir
    Share this article :

    0 komentar:

    Posting Komentar

    27 Jan 2013 19 NOV 2012
     
    Support : Creating Website | Johny Template | Mas Template
    Copyright © 2011. FREE CAMAYANTO - All Rights Reserved
    Template Modify by Creating Website
    Proudly powered by Blogger