Home  /  Belajar Photoshop  / Mendesain Web PSDesain Dengan Photoshop

Mendesain Web PSDesain Dengan Photoshop


Mendesain Web PSDesain Dengan Photoshop

Pada artikel ini kita akan belajar mendesain web PSDesain dengan photoshop, desain website ini saya namakan PSDesain sesuai nama website yang kamu baca ini. Tutorial ini terdiri dari 2 tipe, yaitu berupa ebook dan video dimana keduanya bisa kamu download di http://produk.psdesain.net/ atau link download diakhir artikel ini.

Desain website ini sangat sederhana dan elegant, didominasi oleh warna putih keabu-abuan serta warna hitam yang membuat mata pengunjung lebih nyaman dan mudah untuk meresapi setiap isi dari website. sebelumnya juga saya pernah membuat website dan menjadikannya artikel tutorial pada Mendesain website dengan photoshop kamu bisa mendownload ebooknya juga disana.

Mendesain web dengan photoshop 2 desain website belajar photoshop belajar photoshop

Desain website ini bertipe blog dengan beberapa menu navigasi sederhana dibagian atas serta logo dibagian atas kiri. Diiringi slideshow dibawah bagian menu membuat website lebih elegant dan memudahkan admin untuk menempatkan artikel terbaik dan terfavorit dibagian tersebut.

Selanjutnya diiringin bagian note atau news dibawah slideshow untuk menarik perhatian pengunjung untuk melakukan registrasi serta berita terbaru dari blog dengan gambar yang tersusun rapi sehingga sangat user friendly.

PREVIEW DESAIN

Inilah website yang akan kita desain sesuai pada ebook atau video tutorial yang akan kamu download.

Mendesain web dengan photoshop 3 633x1024 desain website belajar photoshop belajar photoshop

Detail tutorial

  • Tingkat kesulitan : Pemula/Menengah
  • Software yang digunakan : Adobe Photoshop CS6
  • Materi yang dipelajari : Mendesain website
  • Lama pembuatan : 60 Menit

Tutorial

Disini saya hanya akan menampilkan beberapa langkah yang ada pada ebook mendesain web dengan photoshop.

Tutorial kita awali dengan membuat lembar kerja baru sesuai kaedah 960

desain website 004 desain website belajar photoshop belajar photoshop

Dengan grid 960 kita akan menyusun website secara rapi dan tersusun bagus, lalu saya membuat bagian menu serta bagian slideshow. Pada saat membuat website ini pastikan objek-objek yang penting untuk dimasukkan tepat pada grid-grid 960.

desain website 019 desain website belajar photoshop belajar photoshop

desain website 030 desain website belajar photoshop belajar photoshop

desain website 033 desain website belajar photoshop belajar photoshop

Lalu kita juga membuat bagian blockquote yang bisa menarik pengunjung untuk mendaftar atau masuk ke dalam situs.

desain website 056 desain website belajar photoshop belajar photoshop

Serta membuat artikel blog yang bagus dan tersusun rapi.

desain website 069 desain website belajar photoshop belajar photoshop

Serta membuat bagian footer yang keren dengan font yang pas.

desain website 075 desain website belajar photoshop belajar photoshop

Dan berikut ini hasil yang akan kita buat pada ebook dan video tutorial ini.

Mendesain web dengan photoshop 3 633x1024 desain website belajar photoshop belajar photoshop

Download Tutorial

Untuk mendownload ebook kamu bisa mendownloadnya gratis pada Tutorial Web Desain #1

Punya Android hanya untuk chatting ? yuk cari uang juga lewat Android dengan cara mudah dan telah terbukti, lihat tutorialnya pada postingan cara mendapatkan uang dengan Android

Untuk mendownload video tutorial bisa kamu akses link ini [VIDEO] Tutorial Web Desain #1(Member Premium).

Related Post


Membuat tombol tooltip dengan photoshop
Membuat tombol tooltip dengan photoshop

Tooltip merupakan sebuah pop-up keterangan sebagai petunjuk untuk mempermudah dalam…

Cara mengekstrak dan mendapatkan warna foto dengan Photoshop
Cara mengekstrak dan mendapatkan warna foto dengan Photoshop

Kadang kala kita menemukan sebuah gambar dengan komposisi warna yang…

Sudah download ebook photoshop saya?
Sudah download ebook photoshop saya?

Selain menulis artikel tutorial photoshop disini, saya juga punya sebuah…

Download Adobe Photoshop CS2 legal gratis
Download Adobe Photoshop CS2 legal gratis

Beberapa hari ini informasi tentang semua produk adobe cretive suite…



  • kifly

    gan ini dengan cara penyusunannya dengan menggunakan HTML dan CSS yah?

    • http://psdesain.net/ Jaka

      Bukan, tapi desain web menggunakan photoshop kifly

  • chalwani

    gan ebook downlod’y kok eror, ada link’y gak gan pngen bljar…. pkai phtsp

    • http://psdesain.net/ Jaka

      Maaf mas Chalwani, seperti yang telah saya umumkan di fanspage facebook psdesain, situs downloader sedang bermasalah diserver sehingga harus saya nonaktifkan dan saya redirect ke psdesain.net

      Jika aktif lagi, nanti akan kami umumkan kembali difacebook.

      • chalwani

        gan boleh minta driver’y adobe dreamweaver cs6, low boleh inbox * chalwani91@gmail.com*

        2013/10/19 Disqus