4: Membuat Header dengan Stock Picture

Kali ini kita akan membuat header seperti ini:

Simpel tapi bagus kaaan?? Saya orangnya simpel kok, ga suka yang susah-susah. Hehe..

Sebagai modal pertama, kamu harus mencari stock photo yang akan digunakan untuk membuat header. Jangan nyolong ya, tapi harus kasih credit. Gambar sepeda yang cantik ini saya dapat dari Querita@livejournal. Selain dari livejournal, kamu juga bisa dapat gambar-gambar cantik dari tumblr atau weheartit atau pakai foto sendiri juga bisa.

Seperti sudah dijelaskan di tutorial 3, untuk buat header, kamu harus cari tau dulu ukuran header kamu berapa. Ukuran header blog ini adalah 1020 px. Jadi, begitu saya buka photoshop, saya langsung membuat file berukuran panjang 1020 px. Lebar.. karena saya mau memasukkan gambar, saya buat jadi 400 px. (pilih File >> New. Ingat harus RGB ya) Setelah itu, buka file gambar (File >> Open).

 

Untuk memindahkan gambar ke file kosong, Pilih Move Tool lalu drag gambar ke file kosong. Nanti gambarnya bakal pindah. Cari tempat yang pas buat nempatin si gambar. Kalau saya sih pilih di tengah tapi agak ke atas karena nanti di bawah mau saya taruh tulisan nama blog saya. Kalau gambar yang kamu pilih terlalu besar, kamu tinggal pencet Ctrl+T sampai nongol garis di sekitar gambar, lalu drag ujung sudut gambar (lihat panah merah) ke dalam sambil pencet shift. Pencet shift ini supaya pas kamu ngecilin gambar, gambarnya tetap proporsional. Kalau gambar kamu terlampau kecil, saran saya jangan diperbesar dengan cara ini karena bakal pecah. Mending kamu cari gambar lain. Ahahaha.. Ada sih cara buat memperbesar gambar tapi nggak pecah tapi ribet jelasinnya. Lain kali yaaaa

Sudah dapat ukuran dan tempat yang pas buat gambar kamu? tekan enter supaya garis-garisnya hilang.
Di kotak layers yang ada di sudut kanan bawah, pilih layer gambar tadi. Klik kanan, pilih Duplicate layer. Nanti di atas layer gambar kamu akan ada layer baru berisi gambar yang sama.

Pilih layer gambar yang paling atas (Layer 1 Copy) lalu di file gambar kamu, drag gambarnya ke kiri.... Cari posisi yang pas. Move tool masih dalam keadaan dipilih ya..

Ulangi cara yang sama, duplicate layer lagi, tapi kali ini tempatkan di kanan sehingga kamu punya 3 gambar berjejer rapi. Terserah sih sebenarnya penempatannya... Kalau saya kan yang gambarnya utuh yang tengah. Kalau kamu mau tiga-tiganya utuh, atau mau dua gambar aja, itu tergantung selera. Ehehe..

Sekarang, buat gambarnya hitam putih. Caranya gampang, cukup pilih layer dari gambar yang kamu mau buat jadi hitam putih di kotak layers. Apakah itu layer 1 copy atau layer 1 copy 2 atau keduanya, atau tiga-tiganya. Tekan Shift + Ctrl + U. Jadi deh hitam putih. Kalau menurut kamu hitam-putihnya kurang kontras, tinggal pilih layer yang mau kamu tambah kontrasnya, pencet Ctrl+M lalu mainkan kurvanya.

 Setelah dapat setting warna dan posisi yang pas, tinggal pilih Horizontal Type Tool (T) dan font yang kamu suka (bisa cari font lucu di dafont.com atau deviantart.com) lalu ketik nama blog kamu di bawah gambar. Kalo posisi tulisan tidak pas, seperti biasa, pilih Move Tool di atas, lalu drag tulisannya ke tempat yang pas. Enter. Jadi deh! Tinggal pilih File >> Save As. Bentuk file jpg kualitasnya 10, 11, atau 12 ya biar gambarnya bagus. Upload deh!

Oh iya, nama font yang saya pakai adalah Grant's Ghosts tapi saya lupa saya dapat dari mana font-nya. Ehehe.
Daaan.. kalau kamu sampai salah langkah, nggak usah khawatir, kamu bisa Undo dengan Ctrl+Alt+Z dan Redo dengan Ctrl+Shift+Z. Lupa nih saya bilangin di tutorial sebelumnya.

Selamat mencoba!
Semoga membantu!

3: Cara Membuat Header Simpel

Untuk membuat header, pertama kamu harus tahu dulu, berapa ukuran header yang pas untuk layout blog kamu. Cara melihatnya, dari Blogger Home, pilih Tata Letak. Di kotak bertulis *nama blog* (header) klik edit.

Nanti keluar kotak ini:

Ukuran panjang blog saya adalah 1020 pixel. Nah, berapa punya kamu?

Setelah tahu ukuran panjang header kamu, buka photoshop File >> New. Sebenarnya untuk height terserah kamu mau buat seberapa ukurannya, yang penting width-nya. Tapi saya lebih suka memilih 300 pixel. Pastikan Color Mode-nya RGB ya.

Setelah klik OK, keluar file putih kan? Nah, kamu bisa mewarnai file itu dengan warna yang kamu suka. Caranya sama seperti waktu di tutorial membuat Pattern untuk background blog. Saya pilih warna biru supaya cocok dengan background blog saya.

Membuat sesuatu yang indah nggak harus ribet. Besok-besok mungkin saya akan kasih tutorial yang lebih kompleks, tapi  karena ini baru pertama kali, kita bikin yang gampang dulu ya. Tapi bisa tetap bagus kook. Caranya, main dengan font.

Font lucu bisa kamu dapatkan di dafont.com atau deviantart.com dengan tag cute font. Download saja sebanyak yang kamu suka. Setelah diextract dan dapat file font-nya, kamu cukup klik Start di ujung bawah windows kamu, klik Control Panel, pilih Fonts, lalu copy paste deh semua file font yang sudah kamu download. Lakukan ini sebelum kamu buka photoshop. Setelahnya, ketika kamu buka photoshop, font-font itu sudah terinstal dan siap dipakai.

Saya suka warna putih. Jadi saya memilih warna putih untuk tulisan saya dan memilih font Pharmacy yang imut tapi tetap elegan. Pilih Horizontal Type Tool untuk menulis lalu klik di gambar. Mulai menulis. Kalau ukuran kurang besar, kamu bisa blok seluruh tulisan kamu lalu atur ukuran font-nya (semacam di words saja). Kalau posisinya tidak pas, kamu tinggal mengklik Move Tool, tekan Control T, lalu drag tulisan kamu kemanapun kamu mau. Setelah semua pas, tekan enter.

Terlalu sepi? Saya ingin menambahkan sedikit hiasan dengan custom shape tool. Dimana toolnya? Lihat gambar. Kadang custom shape tool ini tidak kelihatan karena yang kelihatan adalah shape tool yang lain. Untuk memunculkan custom shape tool, klik kanan di tempat shape tool berada, nanti muncul berbagai pilihan (rectangle tool, rounded rectangle tool, dll) dan klik custom shape tool.
Pilih shape yang kamu suka. Setelah itu, drag mouse kamu sampai shape-nya terbentuk. Lepaskan kursor.

Kita sudah menambahkan shape di satu sisi, tapi sisi lainnya belum. Ingin membuatnya lagi tapi takut ukurannya beda? Gampang. Duplicate aja shape yang pertama. Di kotak layers bawah kanan, di bagian layer shape, klik kanan dan pilih Duplicate Layer. Nanti si shape tadi akan ada di dua layer, layer semula dan layer duplicate-nya. Di layer duplicate-nya, kamu klik dan geser shapenya ke tempat yang kamu mau. Dan kamu punya dua shape yang sama di kanan dan kiri tulisan!

Kita sudah selesai membuat header. Di save dulu: File >> Save As.. bentuk JPG kualitas bisa 10, 11, atau 12.

Balik ke blogger, buka Tata Letak lagi dan pilih Header lagi. Keluar kotak seperti di atas waktu kita mau lihat ukuran lebar header kita. Upload gambar header ke sana, pilih penempatan "Selain judul dan keterangan" dan pilih "Susutkan agar sesuai" lalu klik simpan.

Jadi deh header kamu!!

Cara ini pernah saya gunakan untuk membuat header blog buku saya, Reading in the Morning

Berikutnya, mungkin saya akan mengajarkan membuat header RITM yang lain misalnya:

Tunggu aja tanggal mainnya ya *nyari waktu lowong dulu*

Sebenarnya yang diperlukan untuk mempercantik blog adalah kreativitas. Coba-coba aja terus memadupadankan font, shape, gambar, dan warna. Selamat bersenang-senang!