Hai sahabat Ngeblog bareng amran, pada tutorial kali ini saya akan membagikan sedikit ilmu photoshop yaitu Cara mudah membuat desain header web dengan photoshop. hasil yang nantinya anda dapatkan adalah pada gambar satu dengan yang lainnya telihat halus pada sisi pertemuan gambar. jadi hasilnya terkesan tersambung dengan sangat halus. teknik ini disebut teknik masking.
Nah, sekarang apa anda sudah tahu apa itu teknik masking pada photoshop ?
Saya akan beri tahu pada sahabat ngeblog bareng amran, teknik masking pada photoshop adalah proses menyembunyikan sebagian atau lebih gambar pada salah satu layer maupun beberapa layer pada photoshop. sehingga teknik ini cocok untuk membuat efek penggabungan foto atau gambar anda.
Sekarang anda telah mengerti keguanaan dari masking kan. sekarang bagaimana cara mudah membuat desain header web dengan photoshop ?
Ayo ikuti tutorial dibawah ini :
Pertama : sebelum anda lanjut ke tahap selanjutnya, pastikan anda telah mempunyai software photoshopnya.
Siapkan alat pendukung kerja anda, seperti :
1. secangkir kopi hangat untuk membuat anda tetap segar.
2. yang pastinya selingan full music agar suasana begitu mengasikkan.
Catatan :
alat yang disebutkan 2 diatas hanya sebagai pelengkap saja.
Setelah persyaratan diatas sudah terpenuhi, maka langkah selanjutnya kita ke TKP.
Apabila software photoshopnya sudah terinstal, silahkan anda jalan software photoshopnya.
Silahkan anda tentukan ukuran header website anda sesuai dengan kebutuhan. dengan cara klik File - New atau ada cara yang mudah yaitu dengan menekan kombinasi tombol CTRL + N secara bersamaan. disini saya memberi nilai ukurannya width (lebar) = 950 pixels dan hight (tinggi) = 150 pixels. silahkan anda tentukkan sendiri ukuran yang anda inginkan. untuk lebih jelasnya lihat gambar dibawah ini :
Apabila sudah yakin dengan ukurannya, silahkan tekan ok. hasil dari ukuran tadi :
Kemudian anda siapkan 2 gambar yang berbeda. dibawah ini saya berikan gambar untuk anda mempelajari tutorial ini. jika belum punya ganbar silahkan download :
Tambahkan dua gambar tadi atau terserah gambar apa yang anda gunakan dengan cara tekan File - open dan pilih gambar kemudian tekan open lagi. lakukan cara tadi untuk menambahkan gambar kedua.
Langkah selanjutnya anda pindahkan satu persatu gambar tersebtu di layer header yang anda buat. dengan cara pilih Move tool kemudian klik dan tahan gambar yang ingin dipindahkan tadi dan arahkan ke layer header. setelah sudah berhasil dipindahkan, silahkan atur posisi dan ukuran tampilan gambar menyesuaikan ukuran header anda. dengan cara tekan kombinasi CTRL + T secara bersmaan. kemudian atur dengan sesuai kebutuhan anda. apabila sudah cocok jangan lupa untuk tekan Commit Transform.
Ikuti langkah diatas untuk memindahkan gambar kedua di layer header anda. sehingga hasilnya akan menjadi seperti gambar dibawah ini. posisi gambar 2 menindih atau diatasnya gambar 1.
Sekarang kita tinggal menghaluskan sambungan gambar keduanya, dengan cara teknik memasking. silahkan anda tekan Add vector mask atau add layer mask sesuai CS photoshop yang anda gunakan.
Pada proses diatas menghasilkan duplikat layer terakhir.
Kemudian Silahkan ikuti 3 langkah diabawah ini secara berurutan ;
1. silahkan anda pilih dan klik Gradient tool.
2. kemudian atur warna latarnya ke hitam putih.
3. klik dan tahan, gerakkan dan arahkan dari kanan ke kiri. perhatikkan dibawah ini :
silahkkan anda tarik dari kanan ke kiri secara berulang sehingga menemui hasil yang anda inginkan. Apabila anda melakukan dengan benar hasilnya akan seperti ini :
Sambungan antara dua gambar sudah menjadi halus. sekarang kita tinggal menambahkan tulisan didalam header tersebut dengan cara pilih Horizontal type tool dan tempatkan sesuai keinginan anda. ketikkan kata - kata yang anda inginkan dan jangan lupa untuk menekan Commit Transform.
Silahkan anda menambahkan gambar, tulisan, icon dan pernak - pernik lainnya sesuai imajinasi anda. dan pastinya harus sesuai dengan topik gambar yah. jangan gambarnya tentang pantai, eh andanya menulis isi kata - katanya tentang hari kemerdekaan. kan lucu dilihatnya kawan. hehehehe...
Itulah cara membuat desain header website dengan photoshop. saya ngeblog bareng amran berterima kasih atas kunjungan anda.
Selamat Mencoba yah, semoga sukses...
Tidak ada komentar:
Posting Komentar