Membuat Banner Website Sederhana

Assalamualaikum Wr. Wb. sobat Webhozz dimanapun berada. Alhamdulillah pada kesempatan kali ini, webhozz akan berbagi ilmu desain grafis menggunakan Photoshop. Dan pada postingan ini, kita akan belajar membuat banner website sederhana.

Oke, untuk lebih lanjut kita langsung aja prakteknya ya. Pertama-tama silahkan buka dulu aplikasi photoshopnya. Disini saya menggunakan Adobe Photoshop CS3.

  1. Buka dulu aplikasinya, kemudian Pilih menu File>New untuk membuat file foto baru. Kemudian disini kita akan diarahkan pada form seperti di bawah ini. Kemudian silahkan atur lebar pada width sekitar 800px, dan tinggi file fotonya di height 150px. Perhatikan tanda merah di bawah ini.

Maka hasilnya adalah seperti ini.

2. Oke selanjutnya, kita cari foto kedua untuk disatukan dengan file tersebut. Dan saya pilih foto ini. Jika pengen download foto ini, silahkan aja download disini. https://www.google.co.id/search?biw=1280&bih=682&tbm=isch&sa=1&q=putussibau&oq=putussibau&gs_l=psy-ab.3..0l4.1261635.1263688.0.1264026.11.11.0.0.0.0.203.1133.7j3j1.11.0….0…1.1.64.psy-ab..0.10.958.0..0i67k1.N7mKbnRoD-E#imgrc=I4QyFDNtqQqK9M:

Ini adalah Foto Tugu Pancasila di Kota Putussibau

3. Masukkan foto tersebut ke dalam aplikasi dengan klik File>Open File atau pintas dengan Ctrl+O.

4. Selanjutnya silahkan klik Move Tool, pada bagian samping kiri toolbar aplikasi.

5. Arahkan pada foto yang kedua yaitu foto Tugu, silahkan drag foto tersebut ke file foto yang kita buat pada langkah 1

6. Kemudian, pilih menu Edit>Free Transform lalu atur posisi dan ukuran gambarnya sesuai keinginan kita sendiri.

7. Pada gambar di atas, tampak ada warna putihnya. Hal ini karena default dari photoshopnya. Kemudian tambahkan tulisan di bagian putih tersebut. Caranya ke menu samping toolbar photoshop. Kemudian pilih Horizontal Type Tool.

8. Tempatkan teks tersebut pada posisi yang diinginkan, dan tuliskan teks yang ingin ditulis.

9. Kita bisa menambahkan efek pada teks tersebut. Dengan pilih menuLayer>Layer Style>Blending Option. Kemudian pilih checklist Dropshadow. Maka tulisan akan memiliki bayangan di belakangnya. Perhatikan tanda panah merah di bawah ini.

10. Kemudian atur Opacity hingga 70%, maka warna tulisannya akan menjadi sedikit buram.

11. Jika sudah selesai, silahkan simpan dengan klik File>Save As. Pilih lokasinya buat disimpan, kemudian ganti namanya sesuai keinginan kita dan format filenya. Seperti tanda panah di bawah ini.

Tada, akhirnya sudah jadi. Dan seperti inilah jadinya.

Untuk selanjutnya bisa ditambahin lagi sesuai kreativitas masing-masing.

 

Dan Alhamdulillah untuk postingan kali ini. Kurang lebihnya mohon maaf, sekian dulu dari saya.

Wassalamualaikum Wr. Wb.