Beranda Tutorial Cara Membuat Desain Website di Photoshop Dengan Mudah

Cara Membuat Desain Website di Photoshop Dengan Mudah

0
0
Cara Membuat Desain Website di photoshop
youtube.com

Dunia web desain saat ini mengalami perkembangan yang cukup pesat. Seperti yang yang kita ketahui, desain web cukup banyak peminatnya serta memiliki keasyikan tersendiri. Hal ini karena desainer lebih bebas untuk berekspresi dengan kanvas yang telah disediakan, lebih bebas dalam menuangkan kreativitas serta jiwa seninya. Terutama dalam hal keperluan mempercantik tampilan website. Berikut ini cara membuat desain website di Photoshop secara mudah.

Cara Membuat Desain Website di Photoshop

 Photoshop merupakan salah satu tool yang hebat untuk merancang atau membuat suatu desain website. Pada tool ini selalu ada tren serta teknik desain baru yang hadir. Meskipun demikian anda dapat dengan mudah mengikuti serta mempraktekkan beragam tutorial yang ada untuk keperluan pekerjaan anda.

Bagi anda yang sedang belajar untuk membuat desain website, berikut ini beberapa langkah dalam membuat desain website di Photoshop, antara lain:

Langkah Pertama

Pada tahapan pertama, buatlah layout serta kanvas baru dengan ukuran 700 x 875 pk beresolusi 72ppi. Selanjutnya atur background content pada opsi transparent. Anda dapat membuat desain website dengan tema Explore The Forest yang dilengkapi dengan lukisan cat air pada latar.

Langkah Kedua

Tahap berikutnya klik rounded rectangle tool yang terdapat pada kolom tool box. Lalu anda dapat membuat sebuah bidang dengan bentuk persegi sedikit memanjang ke bawah. Dalam hal ini, anda dapat digunakan sebagai backgroud dari desain website yang anda buat.

Anda dapat mengubah bidang tersebut dengan beragam kreasi yang anda inginkan. Caranya cukup mudah, anda tinggal klik kanan pada layer shape 1 selanjutnya pilih opsi blending option. Setelah itu, klik gradient serta buat gradasi warna sesuai dengan keinginan anda.

Langkah Ketiga

Pada langkah ketiga, anda dapat membuat panel menu. panel menu dapat anda isi dengan beberapa kategori menu yang anda inginkan. Caranya klik lagi rounded rectangle tool, kemudian buat kotak persegi pada bagian yang diinginkan. Beri gradasi warna yang berbeda supaya tidak menyatu dengan warna background.

Langkah Keempat

Buat beberapa persegi memanjang dengan rounded rectangle tool dan memberikan warna yang lebih cerah. Selanjutnya berikan tulisan pada kolom menu yang telah anda buat. Pada umumnya, kolom menu diisi dengan beberapa kategori, dimulai dari halaman utama, tentang saya, galeri foto, serta beberapa link yang berhubungan dengan website tersebut. Anda juga dapat menambahkan gambar menarik pada sebelah kanan background agar desain website tidak terlalu kosong dan monoton.

Langkah Kelima

Cara membuat desain website di Photoshop berikutnya adalah dengan memotong layer yang terdapat pada kolom menu menjadi beberapa bagian dengan menggunakan slice tool. Daftar menu dibagi menjadi 4 bagian sesuai dengan kategori yang telah ada. Kemudian logo website pada sebelah kanan dipotong menjadi 1 bagian. Buat 1 bagian pada sisi bawah untuk konten atau isi dari web tersebut.

Biasakan untuk membuat folder pada bagian-bagian penting dalam sebuah desain website. Sebagai contoh folder menu, folder header, folder footer, dan lain sebagainya. Mengenai nama folder yang dibuat, terserah anda yang menentukan. Yang terpenting adalah beri nama masing-masing layer yang termasuk dalam satu bagian anda satukan ke satu folder.

Cara membuat desain website di Photoshop yang terakhir adalah proses penyimpanan website yang telah anda buat. Anda dapat menyimpannya dengan cara pilih file, kemudian save for web and devices. 

Artikel sebelumyaKunci Berhasil Pasang Iklan Youtube Masthead
Artikel berikutnyaTips Sukses Beriklan di Facebook yang Perlu Diketahui

Tulis Komentar

Please enter your comment!
Please enter your name here