Now You Know

Now You Know – Membuat Header Postingan Dengan PSD

now you know vol 2 putrikpm

Karena minggu lalu di postingan Now You Know Vol. 1 saya udah ngebahas lettering fonts wajib punya, kelanjutannya di minggu ini mau bikin tutorial ala – ala dengan font yang sudah didownload. Kebetulan kali ini saya mau kasih tutorial sederhana plus tips & trick untuk membuat hearder postingan yang cantik. Ini header postingan ya bukan header blog. Tapi bisa juga sih kalau mau membuat header blog dengan tutorial yang sama.

Di tutorial ini saya menggunakan Photoshop CS3. Kenapa pake photoshop? Karena gampang hahaha. Dan sepengalamanku, di PSD ini lebih mudah digunakan. That’s why saya selalu mendewakan PSD dibanding dengan aplikasi lain sejenis. Sebelumnya, saya download dulu 2 jenis warna yang akan saya gunakan sebagai background header dan gambar warna yang akan digunakan jadi warna fontnya.

  • Buka aplikasi PSD, terus pilih File > Open > Pilih gambar background yang sudah didownload dan sebut saya ia background 1.

Photoshop now you know - putrikpm step 1

  • Pilih Font > tulis judul postingan atau kutipan yang diinginkan > pilih font yang diinginkan. Saran saya, pilih font yang besar dan lebar sehingga gambar background yang nanti akan dibuat terlihat jelas.

Photoshop now you know - putrikpm 4

  • Kemudian, pilih File > Open > Pilih gambar background warna yang sudah didownload (sebut saja ia background 2) > Drag background 2 ke background 1.

Photoshop now you know - putrikpm 5

  • Terus pilih Magic Wand Tool > Klik / select huruf – huruf. Selama pake Magic Wand Tool, jangan lupa pencet tombol Shift di keyboard yah.

Photoshop now you know - putrikpm 7

  • Pastikan Layer Font ada di atas layer background 2 ya. Dengan keadaan kalimat masih ter-select, klik kanan mouse terus pilih Select Inverse.

Photoshop now you know - putrikpm 9

  • Selanjutnya, pastikan layer yang aktif adalah layer background 2, terus pencet tombol Backspace atau Delete di keyboard.
  • Yang terakhir, arahkan mouse ke menu Layers dan hilangkan gambar mata alias Indicates Layer Visibility dari layer font / kalimat.
  • And you are done!

Photoshop now you know - putrikpm 8

Saya punya beberapa tips supaya hasil desain header postingan bisa makin cantik:

  • Pilih background atau gambar latar dengan ukuran high resolution. Kalau mau download usahakan jangan di gugel, tapi di website penyedia gambar gratisan yang legal yah.
  • Pilih jenis font yang hurunya besar – besar. Kalau butuh beberapa lettering fonts bisa baca postingan Now You Know minggu lalu.
  • Pilih background font dengan warna terang. Kalau saya biasaya pakai warna – warna pastel atau water color yang banyak bertebaran dimana – mana.
  • Sering – sering di save ya! Karena PSD lumayan berat jadi kalau laptop / PC-nya nggak pake ram yang lumayan gede bakalan sering nge-hang.

So far sih itu aja, gampang kan? Jadi sekian Now You Know di minggu ini. Minggu depan kayaknya saya mau ngebahas soal social media. Ada saran?

See you on my next post!

footer putrikpm copy

14 Comments

  1. Waahh makasih tutorialnya mba, mudah2an aku bisa ngikutin..

  2. Untuk ukuran standard header berapa ya ? (P x L; pixel/cm)

    1. saya biasa pakai 1000 pxl x 500 pxl 🙂

  3. Oh, gitu to cara bikin huruf warna-warni. Sayang ku ga punya photoshop. Ntar ku coba triknya di pxlr ah, siapa tahu bisa

  4. Inayah

    Beraat di pc ku hahhaa cupu

  5. Harus d pc atau laptop ya klo PSD. Tp mau coba jg ahh. Syapa tau bs bikin yg keren2. Hihi.. tfs yaa..

  6. Kalau mau cari gambar gambarnya semacam yang background laptop itu biasanya dmana mbak?

    thanks for sharing

    1. Di Pixabay atau Freepik 🙂

  7. daan sampai saat ini aku belum akur sama photoshop :3
    makasiih tutornya mbak, bisa dicobain nih, biar sekalian belajar juga

  8. diarysivika

    Saya biasanya pake phonto mba 🙂

  9. Yuni Astutik

    Makasih banget mbakkk…. sangat membantuuuu sekaliii…. ^^

  10. Vivera

    Wah asiiik ada tutorial ini, makasih yaa, jadi semangat belajar PSD 🙂

  11. waaahhhhh … kereennn mba put, thanks ya tutorialnya

  12. Langsung save link biar bisa dibaca dengan khusyu pas dirumah nanti hahahaha
    *edisi blogwalking sambil ngantor 😀

    Hello!
    Titaz
    http://www.titaztitaz.com

Leave a Reply

Required fields are marked*