Ebook – Desain website dengan photoshop

by Jaka on 29/08/2011 in Belajar Photoshop, Desain Website with 38 Comments

Desain website dengan photoshop

Pada postingan sebelumnya, saya telah mereview sebuah desain website yang dimana pada postingan berikutnya tepatnya di postingan ini saya akan merangkaikan bagaimana cara mendesain sebuah website dengan photoshop dalam format E-book.

Jika saya jabarkan pada postingan-postingan dalam bentuk artikel di blog ini, akan panjang jadinya apa lagi dengan hosting yang serba ada, oleh karena itu dengan sedikit keahlian mengetik di microsoft word 2007 saya mencoba menguraikan tutorial pembelajaran bagaimana mendesain sebuah website sederhana menggunakan Adobe photoshop.

Format file yang sudah saya convert ke pdf ini dapat anda download gratis di akhir postingan dengan terlebih dahulu mari kita lihat beberapa langkah dalam tutorial berupa gambar di bawah ini.

Desain web

Mendesain theme

Mendesain website

Belajar desain

membuat tombol

desain footer website

Desain website

Tertarik untuk mendownload ebook mendesain website seperti penampakan diatas? silahkan download ebook desain website di situs download ebook kami di produk.psdesain.net

Cara download

Untuk mendownload setiap ebook yang ada pada situs download produk kami, pastikan Anda melakukan pendaftaran terlebih dahulu dan login ke akun dimenu kanan atas.

login

Lalu pada halaman login, login menggunakan username dan password yang telah Anda daftarkan sebelumnya.

Melakukan login

Setelah login, masuk ke halaman utama dan download setiap ebook yang ada pada situs kami. Untuk setiap ebook free/gratis saya memberikan tanda hati biru dan untuk produk premium ber-hati merah.

Ebook Premium baru dapat Anda download setelah melakukan pembayaran sebesar Rp. 85.000,00- konfirmasi lalu setelah aktif Anda baru dapat mendownload ebook Premium kami.

Download ebook

Selain menyediakan ebook, saya juga mengajak Anda berbisnis dengan cara menjual produk saya dengan link referral Anda. Jika anda free user saya bayar Rp.10.000,00- per-upgrade akun dari link referral Anda dan payout saya lakukan setelah Anda mempunyai 3 akun yang upgrade dari link Anda. Untuk Premium User saya hadiahkan Rp.20.000,00-. Link referral bisa anda lihat di Member Area.

Like artikel kami jika anda rasa bermanfaat pada sosial media dibawah dan iklan agar saya lebih semangat dalam membuat tutorial dan jangan klik iklan kami jika anda rasa SPAM. Gabung juga di group PSDesain facebook.

Jaka
Panggil saja saya Jaka, saya sangat suka dengan segala hal yang berbau Photoshop, termasuk darah pengunjung blog ini yang siap dijadikan tumbal untuk berbagi tutorial. Follow Twitter saya,@jakazulham.
Tagged: , , , ,
  • Leo Ari Wibowo

    Ini bagus Jaka. Kelihatan rapi. Kalau misal bisa aku buat theme, apakah boleh aku pakai?

    • http://psdesain.net/ Jaka

      Silahkan mas Ari… :)

  • http://www.dhetemplate.com/ ireng_ajah

    Makasih mas..

    • http://psdesain.net/ Jaka

      Siip..
      Jika ada pertanyaan silahkan tanyakan disini :)

  • http://adhani.com adhani

    penjelasan ebooknya bagus mas, step by step, bentar akan saya coba,, atau mungkin ada lanjutannya ? cara untuk mengonlinekannya ?

    • http://psdesain.net/ Jaka

      Untuk mengonlinekannya (coding) bukan keahlian saya mas..
      tapi ada beberapa orang di forum *Aceh blogger yang ingin mengcodingkannya, tapi belum ada yang menunjukkan hasilnya atuh.. :(
      Mungkin kang dhani bisa? :D

      • http://adhani.com adhani

        wah,, saya tidak punya ilmunya atuh..
        klo gitu saya menunggu juga nih yang dari forum aceh itu… ^^

  • http://faizdesign.wordpress.com Faiz Al-Qurni

    Wah2, resource yang cukup bermanfaat. Kebetulan saya juga punya passion di bidang web desain.
    Maju Terus PsDesain!

    • http://psdesain.net/ Jaka

      Semoga bermanfaat. Jangan lupa untuk di bagi jika ebook ini berguna.. :)

  • zetha

    Wah Jadi ke inget masa” maen web design,lebih gampang coding ke web statis daripada web dinamis,contoh dari psd ke html itu sangat mudah,tetapi karena zaman” skarang lebih praktis menggunakan web dinamis,lebih cepat & gampang dalam mempost dll.kalo menurut ane om jaka design nya sangat bagus,tapi klw saya coba utk coding ternyata ga mudah :( ,saya request ya mas,pas bagian navigation nya d bkin cakep boleh kan ? hehe ,apakah tampilan blog nya sama seperti homepage nya ?

    • http://psdesain.net/ Jaka

      Sepertinya web designer juga niih.. :) Coba di codingkan mas.. jika selesai beritahu saya, semoga bisa saya review..

      Navigasi ya, silahkan diolah saja sendiri karena filenya berbentuk psd..

      Untuk tampilan halaman utama dan post sama mas.. widgetnya hanya dibagian footer saja.

  • presto

    terima kasih tipsnya

    • http://psdesain.net/ Jaka

      semoga bermanfaat.

  • chun

    bagus desain na mau donks terus update,tapi sex kali jelasin secara detail cara pembuatan wibesite na thanks

    • http://psdesain.net/ Jaka

      Saya rasa ebook ini sudah sangat detail deeh.. :)

  • http://butiknolla.blogspot.com/ oji

    luar biasa …
    saya sangat tertarik dengan ilmu Saudara …
    thanks ya …

    • http://psdesain.net/ Jaka

      Semoga bermanfaat kawan. :)
      Jangan lupa juga untuk mensubscribe blog ini, dan tunggu updatenya 3 hari sekali..

  • http://butiknolla.blogspot.com/ oji

    bro … koq gak bisa di donlot ya!
    Bisa kirim gak? ke emailku ..
    Thanks

  • http://butiknolla.blogspot.com/ oji

    sory bro …
    yg di email … bentuk jadi website nya aja ..
    Bisa gak kirim ebook dimaksud!
    Thanks ya …

    • http://psdesain.net/ Jaka

      Owh, maaf,, maaf,,
      Ebooknya gag tau dimana,, nanti saya cari di HDD eksternal saya..
      Maaf sebelumnya..

  • Nurul Imam

    Wieh jadi pingin coba bikin dan di implementasikan ke berbagai theme nih. Di Download dulu yah ebooknya

    • http://psdesain.net/ Jaka

      Silahkan . . . :)

  • adifajar

    terima kasih ijin dunlud, ebooknya pasti sangat bermanfaat untuk siapa saja yang pengen lebih dalam belajar desain web.

    salam kenal mas :)

    • http://psdesain.net/ Jaka

      Semoga bermanfaat mas Adi :)

  • presto

    terima kasih tutorialnya

  • andee

    Wah, bagus mas..by the way kalo boleh tanya, bisa ngga dijelasin cara bikin single page atau desain tiap-tiap halaman dari menu yang kita punya tsb (mungkin bisa dikasih tipsnya) trims,

    Salam kenal..maju teruss ya,

    • http://psdesain.net/ Jaka

      Saya tidak mengerti pertanyaan anda?????

      • andee

        Gubraakk, maksud pertanyaan saya diatas adalah, bagaimana untuk desain tiap-tiap halaman dari menu di website tersebut, contohnya menu “HOME” ,”ABOUT US”, “CONTACT” dsb, apakah ada tips mengenai hal tersebut…terima kasihh

        • http://psdesain.net/ Jaka

          Ow, sama saja mas Andee…
          Perbedaannya hanya kita delete isinya dan membuat hanya 1 post tanpa sidebar samping.. atau menambah sidebar(widget) kalau perlu..

          saya tidak membahasnya di postingan ini.

          • andee

            Mantabbb..keren mas, ditunggu update -an tutorial website nya..

  • dade

    numpang download gan, artikelnya menambah wawasan lagi

    • http://psdesain.net/ Jaka

      Semoga bermanfaat. :)
      Silahkan tanya langsung disini jika ada pertanyaan. :)

  • chairul

    saya masih kurang yakin akan kemampuan saya!
    bang ada nasehat agar saya dapat meraih kemenangan bang di lks??
    pliiiiiiiiiis???

    • http://psdesain.net/ Jaka

      Tetap semangat, dan konsistem dalam lomba :)

  • baihaki

    thank bro..
    ijin download.. moga ilmunya bertambah..
    semoga sukses

    • http://psdesain.net/ Jaka

      Senang ilmunya bisa berguna dan membantu, silahkan share ke teman dengan tombol tweet diatas. :)

  • Pingback: Membuat kumpulan foto dengan photoshop | dennywarisman000

←
→