Tugas 9: Mengganti Header dan Background

Ini background dan header yang sekarang saya gunakan

 

Cara buat Header seperti ini:

1. Buka Online Image Editor (Pengolah Gambar Online)
   Fungsinya sama dengan Adobe Photoshop tapi kita tidak usah mengistal programnya
   http://pixlr.com/
   Klik Open Pixlr Editor (Advanced)
    
2. Pilih OPEN Pixlr Editor (Advanced)
    
3. Klik Create a new image
    
4. Isikan di kolom Name: header_anitasitus_blogspot_com
   Buat ukuran 960 x 250 pixel
   Width: 960
   Height: 250
   Beri centang pada kolom transparent
   Klik OK
   Jika dikemudian hari ukuran ini mau diganti menjadi 960x270 pixel
   Caranya: Klik Image/Canvas Size/Ubah ukuran menjadi 960x270 pixels/OK
    
5. Maka akan terbuka tampilan calon header seperti ini:
   Ada di layer 0
    
6. Sekarang Klik Layer/Open Image as Layer
   ambil gambar yang mau disimpan di header: DMFrame.png
   Ada di layer 1
   Rename layer 1 dengan cara double klik di layernya
   Ganti tulisan layer 1 menjadi frame
    
7. Klik Move Tools untuk memindahkan posisi layer frame
    
8. Mengecilkan tampilan frame
   Klik Edit/Free Transform
   atau langsung saja klik Ctrl T
   maka akan muncul titik biru tanda siap buat dikecilkan tampilan frame nya
   
   Klik Shift ketika menarik titik biru tersebut ke dalam, agar bentuknya tetap smetris tidak benjol2
    
9. Ambil lagi gambar yang mau disimpan di header namnaya: DMRibbonStitch.png
   Layer/Open Image as Layer/ cari di komputer yang namanya DMRibbonStitch.png
   Gambar ini ada d Layer 2
   Nah rename layer 2 nya menjadi ribbon dengan cara double klik di layer 2 nya
   Kecilkan tampilannya dengan mengklik CTRL T, tekan tombol Shift,
   Untuk menghilangkan tanda seleksi:  klik diluar kotak, lalu pilih yes
   Miringkan tampilannya dengan menggeser tanda setengah lingkaran
   Perhatikan layer ribbon ternyata ada diatas layer frame, sekarang kita ingin layer ribbon berada dibelakang layer frame, caranya drug layer frame keatas
   Maka sekarang layer ribbon ada dibelakang layer frame
    
10. Sekarang kita akan membari text: Anitasitus Fotografi Personal Blog
    Ambil dulu warnanya, misalnya kita akan mengambil warna biru dengan Colorpicker Tool
    ini pakai font Pacifico, yang di komputer saya tidak ada, jadi harus download font dulu
    Font ini adalah font yang terinstal di komputer kita masing2, jadi disetiap komputer font yang muncul pasti berbeda2.  adi koleksi font adalah koleksi font kita.  Jadi kita tetap dapat merasa kita memakai komputer sendiri.
    Judul blog saya adalah: Anitasitus Fotografi Personal Blog
    Saya pilih font Old English Text MT untuk tulisan judul:  Anitasitus Fotografi Personal Blog
    Mau buat shadow: Layer/Layer Style
    Tag line saya adalah: Tip's Fotografi and Adobe Photoshop
    Saya pilih font Pacifico untuk tulisan tag line:  Tip's Fotografi and Adobe Photoshop
    jika Canvas tidak cukup maka ubah canvas nya: Image/Canvas Size
     
11. Memasukkan foto
    Layer/Open Image as Layer
    Letakkan layer image dibawah layer frame
    Ctrl T untuk mengecilkan fotonya
    Kalu sudah OK klik di luar lalu pilih yes
    Lihat gambarnya masih berlebih
    Sekarang pilih Marquee Tool, tandai gambarnya agar pas dengan ukuran kotak (sebaiknya menandainya agak sedikit di luar kotak)
    Klik Edit/Invert Selection/Delete
    untuk menghilangkan seleksi klik dikuar kotak lalu pilih yes
    atau klik Edit/Deselect All
    atau Ctrl D
    Lakukan hal yang sama untuk 3 kotak lagi
     
12. Jika sudah Oke
    Maka sekarang kita save 2 kali masing2 dengan format PXD dan PNG
    File/Save/pilih Format: PXD (Layered Pixlr Image) agar sewaktu2 nanti kita masih bisa edit
    Sekarang kita save lagi dalam format file PNG (agar bisa transparant)
    Kasih nama:   ............ .png (.png nya kita ketikkan)
    header_anitasitus_blogspot_com.png
    Klik Save
     
13. Mengganti Background:
    Klik Template/ Klik tulisan Link "Template Gambar"/OK
    Selanjutnya
    Klik tombol dropdown yang ada di kolom "Gambar latar"/Browse gambar motif yang mau dijadikan background, misalnya DMBg.png
    maka tampilan akan berubah seperti apa yang kita mau/Klik Selesai/Klik Terapkan pada Blog
     
14. Mengganti Header:
    Klik Tata Letak/Edit/Browse header dari komputer kita/beri centang pada tulisan "Selain Judul dan gambar"/Klik Simpan/lalu Klik Simpan Template
    Selesai..
       

Cara buat Background seperti ini:

1. Buka http://www.patterncooler.com
2. KLik tulisan "Launch the Famouse Patterncooler Seamleas Pattern Background Editor
3. Pilih jenis background yang kita inginkan
   Misalnya kita pilih yang sederhana saja, yaitu
   
4. Lalu ganti warna nya menjadi:
   
   Coklat: #1A1302
   Biru: #70B4A7
   Hijau: #A6B55E
   Coklat: #8C793A
   Pink: #D5ADB5
5. Klik download, tunggu prosesnya beberapa lama
6. Sekarang muncul window untuk menambahkan tekstur
7. pilih tekstur nomor 1
8. Kalau sudah okey kita klik "download PNG Free"
9. Tungg sebentar lalu Klik download lagi
10. Maka sekarang file backgroundnya sudah ada di komputer kita
11. selesai ! hasilnya seperti gambar dibawah ini:
    
12. Lihat Blog: