Laman

Kamis, 12 Maret 2015

Cara Mendesain dan Membuat Website Dengan Photoshop

Kini internet sudah menjadi bagian dari gaya hidup kita. Sudah pasti kita sangat menikmati berseluncur didunia maya. Sebagian dari kita pasti penasaran dengan bagaimana cara mendesain sebuah website. Saya memiliki cara mudah untuk mendesain serta membuat website dengan menggunakan Photoshop.


Biasanya pada sebuah website dibagi menjadi tiga buah bagian. Bagian pertama yaitu bagian paling atas adalah bagian Header. Bagian header biasa berisikan logo dan menu bar. Bagian kedua yaitu bagian tengah adalah bagian Konten. Pada bagian konten berisikan segala sesuatu tentang halaman yang sedang dibuka. Bagian ketiga yaitu bagian paling bawah adalah bagian Footer. Biasanya berisikan tentang copyright atau hak cipta. Namun ada juga yang berisikan sitemap.

Sekarang kita mulai mendesain menggunakan Photoshop. Ikuti langkah berikut:

  • Pertama-tama jalankan program Photoshop. Lalu klik File>>New.
  • Masukkan ukuran 900 px X 1000 px.
  • Untuk bagian bagian header kita masukkan logo dan menu bar. Jangan lupa tambahkan pemanisnya juga.
  • Buatlah bagian kedua yaitu konten. Isilah dengan apapun yang kamu mau untuk dibagian konten di halaman utama. Selanjutnya kita buat bagian footer.

  •  Belum selesai sampai situ, berikutnya adalah tahap slicing. Pada tool bagian kiri terdapat icon crop. Klik kanan, lalu pilih slice tool.
  • Posisikan slice pada tempat yang penting seperti logo, setiap menu bar, konten, dan footer.
  •  Selanjutnya kita pilih menu File>>Save for Web
  • Klik Save...
  • Pada bagian format, pilih HTML and Images
  • Setelah selesai, bukalah folder berformat HTML dengan browser yang kamu miliki. Sebagai contoh Mozila.
  • Web telah selesai...


 Demikianlah tutorial membuat website dengan menggunakan Photoshop. Semoga bermanfaat. Bagi yang ingin mendapatkan contoh tutorial diatas, dapat mengklik link ini (web photoshop)

Tidak ada komentar:

Posting Komentar