 | |
| Contoh Header |
Untuk kalian yang lagi belajar blogging atu membuat web, pasti sobat tau dengan namanya header pada blog/website. ya yang terdapat di bilah paling atas bisa nama sekolah/perusahaan yang bersangkutan. header bisa sejenis gambar yang di buat di photosop, corel, ilustrator dan lain-lain atau bisa dengan manual dengan mengedit codding html template.
Oke tutorial kali ini blog rizal-amd.blogspot.com akan menjelaskan tutorial Cara membuat Header blog/Website Sekolah dengan Photoshop CS6.
1. Buka adobe Photosop CS6
2. Buat project baru dengan cara Ctrl+N (new) dan atur Widht: 1000px dan Height: 120px. lalu OK atau enter.
3. Masukan gambar untuk background dgn cara di drag ka canvas project seperti gambar dibawah lalu sesuaikan ukuran gambarnya. lalu enter
.png)
4.kemudian pilih tool text atau "Horizontal Type Tool" lalu ketik misalnya seperti dibawah ini :
nb: jika sudah tekan Ctrl+Enter lalu Ctrl+T untuk transform/memperbesar, untuk merubah warna tulisan bisa klik di daerah yg dilingkari warna merah seperti pada gambar.
5. Masukan logo sekolah dgn cara di drag lalu enter.
6. Pilih tool "Magic Wand Tool" seleksi daerah putih yg di bagian luar logo (Shift + Click untuk menambah seleksi" lalu tekan del untuk menghilangkan.
7. Ctrl+D untuk deselect.
8. Blok layer logo & tulisan yg tadi dibuat sprti pada gambar dibawah (kecuali background) kemudian Ctrl+G agar menjadi layer group.
9. Klik kanan pada layer group1 kemudian klik blending options.
pilih bavel&emboss dan outher glow kemudian atur sesuai selera.
10. Jika sudah lalu Enter
11. Tekan Ctrl+Shift+S lalu pilih format *JPEG lalu enter
12. Header blog/website sudah selesai dibuat
Demikina diatas adalah "Cara membuat Header blog/Website Sekolah dengan Photoshop CS6" semoga membantu..
Tags : Cara membuat header blog, cara membuat header website sekolah, cara membuat banner blog, cara membuat banner website dengan photosop, tutorial membuat header website
Thanks infonya, ditunggu kunjungan nya di gubuk saya :) http://bilal-amd.blogspot.com/
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThanks infonya gan... akan segera di coba..
ReplyDeletebagi yang berminat belajar membuat web bisa dilihat di situs berikut ini http://www.computer-course-center.com/web-design.html
terima kasih gan tutorial nya sangat bermammfaaat untuk pembuatan header website
ReplyDeleteTerimakasih kak untuk postingannya, sangat menarik sekali, bahkan membantu saya menyelesaikan tugas kuliah saya mendesain layout web dengan photoshop. Tutorialnya gampang sekali, dan langsung saya praktek. Terus buat blog selanjutnya yg menarik lagi kak, semangat untuk kedepannya, dan berinovasi lah dengan blog lainnya. Perkenalkan nama saya : Shofi Rachmawati NIM : 1922500133, dan kunjungi link kampus saya : https://www.atmaluhur.ac.id
ReplyDeleteTerimah kasih artikelnya sangat membantu kami terutama mahasiswa yang sedang belajar tentang web saya mahasiswa dari stmik atmaluhur dengan nim 1922500120 Sri Dewayanti, ini situs kampus saya https://www.atmaluhur.ac.id
ReplyDelete