header dengan photosoft.docx

4

Click here to load reader

Upload: yayahmuhafillah

Post on 02-Dec-2015

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: HEADER dengan photosoft.docx

Sebelum kita melangkah dalam membuat gambar header yang harus Anda persiapkan dan diketahui terlebih dahulu adalah : 

1. Softwere Photoshop tipe berapa saja. Yang saya pergunakan CS 52. Satu atau 2 image jpg, gif atau yang lainnya3. Mengetahui ukuran header di template blog anda. Cara untuk mengetahu ukuran header buka edit html pada bagian tempelate di dasboar blog anda. Untuk memudahkan pencarian gunakan Ctrl + F setelah pointer mouse anda berada di kotak html. Lalu pastekan #header-wrapper  tekan enter maka akan terbblok kode seperti ini#header-wrapper {width:900px;              height:180px;Ini adalah untuk ukuran header blog anda. 

Kalau tidak ketemu dengan kata pencarian di atas. Coba ketikkan header di kotak pencarian. Maka akan terdapat banyak header yang muncul.dan kalau ternyata image header anda sizenya none/tidak tersedia karena memang anda sebelumnya gak masang image. Reka-reka saja ukurannya, nanti anda bisa menyesuaikannya dengan ukuran header ketika anda meng upload image di header. 

Baiklah sekarang mari ikuti, langkah mendesain header : 

Langkah pertama buka photoshop anda. Selanjutnya klik File > New. Kemudian akan buka kotak New, dan aturlah ukuran Widht, Height, dan Resolusinya. Katakanlah 900 Pixel untuk Widht, 180 pixel untuk Height, dan Resolution 72 Fixel. Lalu klik Ok.

Langkah kedua. Ubah canvas/background putih tersebut sesuai dengan selera Anda. Contohnya sebagai berikut : Gandakan Background dengan cara mendrag background (lihat gbr. 1) ke creat a new layer (letaknya di pojok bawah sebelah kanan) maka akan terbentuk Backgroound copy (gbr. 2). 

Lalu Klik windows di menu bagian atas klik Style untuk menampilkan macam-macam pilihan warna atau F6. Seperti tampak pada gambar. Lalu klik pilihan warna sesuai dengan pilihan anda. 

Page 2: HEADER dengan photosoft.docx

Tampilan menu Style

Maka hasilnya kurang lebih seperti gambar di bawah ini.

Atau Anda juga bisa memasukkan gambar sebagai background header anda. Caranya sebagai Berikut. Klik Tab File > Open. Lalu pilih gambar yang akan Anda jadikan latar Header. 

Lalu drag (tarik) gambar tersebut ke background putih yang tadi Anda buat menggunakan move tool.Setelah di drag lalu sesuaikan lebarnya dengan menekan Ctrl + T shingga gambar terseleksi membentuk kotak dan tarik pinggir-pinggir foto pada simpulnya, untuk menyesuaikannya sehingga canvas background warna putih tertutup. 

Tambahkan gambar yang lain lagi kalau Anda suka. Dan ulangi langkah-langkah seperti di atas. Berkreasilah sampai Anda puas dengan tampilan header Anda.Aturlah tampilan gambar pada pada kotak sebelah kanan dengan merubah-rubah Layer dari Normal ke overley dan merubah ovacity-nya sesuai selera Anda (no. 2). Coba-cobalah semua menu yang ada. Sedangkan menu tool di sebelah kiri kanvas (no. 1) digunakan untuk memotong, menyeleksi, membuat blur, memberikan tulisan dan sebagainya. Jika anda ingin membuat judul blog atau deskripsi tentang blog anda klik T yang ada di menu tool. Gunakan/klik fx > Stroke untuk membuat efek pada tulisan dan gambar. Gunakan Ctrl + T untuk mengatur besar tulisan dan atur posisi yang anda inginkan dengan move tool.

Page 3: HEADER dengan photosoft.docx

Langkah terakhir dalam membuat gambar simpan Header anda dengan format jpg atau png. Karena akan di pasang diblog gunakanlah ukuran di bawah 100 kb, supaya tidak memberatkan loading blog. Cara menyimpan dan memilih ukuran gambar, lihat postingan saya sebelumnya : Memperkecil File Foto .

MEMASANG GAMBAR HEADER DI BLOGMasuk ke akun blog anda. Setelah berada di dasboar klik tata letak kemudian klik Edit yang ada pada bagian header. Setelah itu akan muncul seperti gambar ini.

Lalu klik browse untuk meng-upload foto header anda. Centang kotak susutkan agar sesuai. Maksudnya untuk menyesuaikan gambar yang Anda upload dengan ukuran header yang ada di template blog Anda. Dan tanda ketiga pilihan yang lain sesuai keinginan Anda.

Page 4: HEADER dengan photosoft.docx

Selanjutnya klik simpan atau save untuk menyimpan perubahan yang telah Anda lakukan. Lihat hasilnya dengan mengklik Lihat blog.

Jika ternyata ukuran gambar yang Anda buat kekecilan atau pun kebesaran Anda bisa merubah ukuran gambar dengan masuk ke photshop lagi dengan mengklik menu Image > Image size.

Sekian. Semoga bermanfaat!