Cara membuat gambar header dengan Photoshop

Cara membuat gambar header dengan Photoshop

  1. Buka dulu program photoshop, kemudian buat file baru dengan memilih menu File > New. Pada kotak dialog New, isikan ukuran header yang akan dibuat. Misalnya pada width=780 dengan satuan ukur pixel, terus pada height=180. Jangan lupa pada resolusi harus 72 pixel/inch. Klik OK jika semua ukuran sudah sesuai.
    Untuk lebih jelasnya bisa dilihat pada gambar dibawah ini.Nah kalau anda males buat mengatur ukurannya bisa pake ukuran yang udah saya buat dengan klik disini, anda tinggal edit dari photoshop.

    cara membuat header blog dengan photoshop, gambar 2

  2. Kemudian buat gambar yang kamu inginkan pada file baru ini.Gambar header bisa dengan memasukkan gambar lain, kasih tulisan, atau apa aja terserah dengan ide dan kreativitasmu. Kalo bingung, nggak ada ide? Buka aja website dan blog yang ada di internet, banyak sekali kan, tinggal cari aja ide dari gambar-gambar tersebut. Tapi ingat, JANGAN ngopi paste gambar header orang lain terus dipasang lagi, itu sama kayak mencuri. Cari Ide, bukan Curi Ide.
  3. Setelah gambar jadi, jika gambar tersebut menggunakan lebih dari satu layer, pilih dulu menu Layer > Flatten Image agar semua layer menjadi satu di layer background.
  4. Kemudian simpan (File > Save) dengan format JPEG/JPG atau GIF. Ini agar ukuran file-nya kecil. Jika pake JPEG/JPG aturlah nilai kompresi yang dilakukan pada kotak dialog JPG option yang muncul setelah kamu klik tombol Save. Seberapa banyak kompresi yang diperlukan, itu tergantung kondisi gambar, misalnya ukuran dan warna yang digunakan. Sesuaikan sendiri antara ukuran file hasil jadi dengan kualitas gambar, karena semakin banyak dikompres maka kualitas gambar akan turun.cara membuat header blog dengan photoshop, gambar 3Gambar dalam lingkaran merah, yang sebelah kiri adalah ukuran file yang akan disimpan (dalam kilobyte), dan yang sebelah kanan adalah waktu yang diperlukan saat gambar tersebut diakses dalam ukuran kbps tertentu.
  5. Setelah gambar udah jadi, tinggal diupload aja pakai software blog Anda.cara membuat header blog dengan photoshop, gambar 4Misalnya Anda menggunakan Blogger, gunakan page element-nya. Kalo hosting sendiri, upload di cpanel-nya. Atau bisa juga diupload dulu ke web yang melayani image hosting, misalnya Photobucket, ImgPlace, atau yang lain.

Jika Anda tidak mengetahui ukuran gambar yang sesuai dengan ukuran template / theme-nya. Berikut ini caranya untuk mengetahui ukurannya:

  • Simpanlah gambar header yang sudah ada di blog Anda. Kemudian buka gambar tersebut dengan Photoshop. Setelah itu pilih menu Image > Image size. Pasti akan nampak ukuran panjang dan lebarnya. Kalau resolusinya, biasanya 72 dpi.
  • Atau, jika gambar tersebut tidak ada atau tidak bisa disimpan, maka saat gambar header blog Anda nampak di layar monitor tekanlah tombol Print Screen di keyboard (kadang satu kali tidak cukup, perlu 2 atau 3 kali menekan tombol tersebut).
    Kemudian bukalah program Photoshop. Buat file baru dengan cara memilih File > New. Pastikan pada kotak isian Preset Size ukuran filenya adalah Clipboard (biasanya secara langsung sudah clipboard), kemudian klik OK. Setelah itu pilih menu Edit > Paste.
    Anda sudah mendapatkan tampilan gambar dengan ukuran sebenarnya. Sekarang pilih Crop tool, potonglah gambar tersebut pas pada bagian gambar header-nya saja. Kemudian pilih menu Image > Image Size untuk mengetahui panjang dan lebar gambar, atau langsung saja gunakan hasil crop tadi untuk media membuat gambar header Anda.

7 comments:

  1. terima kasih atas infonya bermanfaat sekali

    ReplyDelete
  2. @TEJA : Ada beberapa penyebab gambar jadi pecah pertama mungkin berasal dari gambar sumber nya yang kecil lalu diperbesar. Kedua jika resolusi yang digunakan dalam menampilkan website berbeda misal dari resolusi 800x600 di tampilkan keresolusi 1200x760 dengan pemaksaan image agar menyesuaikan tampilan resolusi. mungkin itu bisa membantu mas TEJA.

    ReplyDelete
  3. Thx Kakak Wat Info N Sharenya
    ada cara masang di edit HTML nya ga Kak. Coz Kadang susah nyari t4 linknya
    di tunngu infonya KK

    ReplyDelete
  4. Thx KK infonya. untuk nyari t4 headernya dimana ya pas di edit HTML nya... maseh ijo neh k sy di blog
    thx

    ReplyDelete

Pages