Loading
  • Home
  • Link
  • Welcome
  • Tutorial
  • Tips
  • Jamu Gendong
Related Posts Plugin for WordPress, Blogger...
Share

Wednesday, June 12, 2013

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:

No comments:

Post a Comment