Senin, 09 Januari 2012

Tips Mudah Membuat Header Blog di Photoshop

Haii gan,, nah kali ini saya akan memberikan tutorial Membuat Header Blog/website dengan mudah , Nahh bagi yang suka utak atik atau design web atau yang suka ngeblog lah, mungkin tips ini bisa memberi sedikit manfaat pada saat kita gak dapet ide untuk bikin Header untuk website atau blog kita. hehehe... oke .. langsung aja gan.....

Syaratnya :
  • Kita harus tau ukuran Header template blog kita,  biasanya berkisar antara 720 – 760 px lebarnya.. untuk standar panjang nya 150 -200 px
  • Kita harus tahu file Nama file header template blog kita ( biasanya header.jpg) , kalo yang sering utak atik blog pasti tau.. kalo yang gak tau, belajar ngeblog dulu ya .. hehehe..
  • Kita juga harus tahu Text judulnya berada disisi mana, ini gunanya untuk menempatkan gambar supaya gak ketimpa sama Text.
  • Harus tau juga Tema blog nya apa  ( misal : photography, computer, camera, celebrity, dll)
  • Kita juga harus tahu warna dasar blog nya biar nanti pas diberi header tidak salah kostum atau warna nya kurang enak di pandang.
  • Hemmm, sediakan makanan kecil untuk camilan gan, bair asikk sambil bikin header sambil makan camilan..... hehehe.... Itu aja kayaknya syarat yang penting.
Langkah-langkah nya :
  1. Kalau sudah tau lebar blog nya… buat dokumen baru sesuai dengan lebar blog anda....


    Tema website / blog, tujuannya untuk mencari gambar-gambar yang berkaitan dengan blog atau website nya. saya biasa nyari gambar di Google Images ketikan keyword nya , misal photography > Enter .. deredettt.. banyak kan hasil search nya.. kita pilih beberapa gambar yang sesuai dengan selera kita.. misalkan saya udah pilih beberapa gambar yang berhubungan dengan photography.



  2. Buka salah satu gambar untuk diedit sebelum dimasukan ke dokumen header.Gunakan rectangle marquee tool untuk menyeleksi bagian sisi gambar, ini tujuannya untuk membuat batas putih di setiap sisi.


  3. Klik Select > Inverse  sehingga yang terseleksi sekarang adalah selain seleksi sebelumnya. Delete deh.. Lalu Tekan CTRL+ D untuk menghilangkan seleksi...



  4. Drag ( Klik + Tahan + tarik ) gambar camera tadi ke dalam dokumen header baru



    Puter (rotate), modifikasi ukuran gambar ( resize) secara manual, sehingga keliatan menarik. Misalkan Text  di template website / blog nya berada kiri, maka kita tempatin gambar nya di kanan.

  5. Klik 2x layer 1 atau klik kanan > blending Option lalu Klik OK , ( Untuk pemberian efek, cukup dengan memberi bayangan alias pake DROP Shadow aja gan... )


  6. Untuk mempermudah pemberian efek yang sama untuk gambar yang lainnya, Klik kanan layer 1 > copy layer style



  7. Nahh, sekarang kita ulangi langkah mengedit gambar sperti di atas tadi untuk gambar-gambar yang ingin anda masukkan di Header blog/website anda...., lalu drag ke dokumen header.( untuk pemberian efek, cukup klik kanan di gambar yang mau diberi efek > Paste layer style. )

    Dan hasilnya nanti :




  8. Untuk pemberian warna background supaya sesuai tema, tinggal klik Layer background, warnai dengan Paint Bucket tool atau gradient tool .



  9. Hasil akhir nya... Taaraaaa.....



    Tambah kan kreasi tulisan anda sendiri... misalnya seperti kata-kata deskripsi blog/website anda atau yang lainnya, pokok nya bebas sesuai selera dan kreasi anda gan....

  10. Save sesuai nama file header di template nya, misal : header.jpg ,


Selesai… !! Sekarang agan tinggal UPLOAD deh ke server website / blog nya. Sekian tutorial kali ini.. Selamat mencoba dan Terima kasih.. semoga Tutorial ini bermanfaat... thankss... ^_^

      4 komentar:

      Pakar Internet mengatakan...

      Sip Gan! Berkunjung ya :)
      Pakar Internet

      Terima Kasih Pakar Internet Atas Komentar Anda. Salam Hangat....
      by Koerniawanz
      Darmawan Saputra mengatakan...

      Terima kasih atas artikelnya.

      sepertinya anda berbakat untuk urusan membuat postingan yang ini, jujur saja kamu punya kelebihan tersendiri, dan saya akan berkunjung lagi bila ada waktu.



      #Semoga sehat selalu :D

      Terima Kasih Darmawan Saputra Atas Komentar Anda. Salam Hangat....
      by Koerniawanz
      stockist Higoat Bekasi mengatakan...

      Mantap bener nih artikelnya. Emang sedang saya cari2.
      Akan segera saya raktekan.

      Maju terus Boss jangan bosen bagi2 elmu. biar barokah.

      Terima Kasih stockist Higoat Bekasi Atas Komentar Anda. Salam Hangat....
      by Koerniawanz
      Koerniawanz mengatakan...

      @Pakar Internet thanks uda berkunjung...

      @Darmawan Saputra terimakasih soeb... silahkan berkunjung kembali...

      @stockist Higoat Bekasi hehehee....oke2 boss.... thanks ud berkunjung soeb....:D

      Posting Komentar

      Link Support


      Review tutorial-kuh.blogspot.com on alexa.com free web site traffic and promotionFree SEO Toolsblog-indonesia.comPage Rank Checker YouSayToo Revenue Sharing CommunityCool Text: Logo and Graphics GeneratorSubmit Your Site To The Web's Top 50 Search Engines for Free!