Top Menu

Dapatkan buku The Power of Photoshop. Disertai bonus video tutorial. Harga: Rp 78.800 Rp 54.500

10 Tutorial Desain Web yang Perlu Dipelajari Pemula

Di artikel ini, saya akan memperlihatkan sepuluh tutorial Photoshop membahas desain web yang sangat berguna bagi para pemula. Semua tutorial ini cukup mudah bagi pemula namun ini tidak mengurangi nilainya karena teknik yang diajarkan dan hasil akhirnya berguna dalam proses desain web yang sesungguhnya. Kesepuluh tutorial ini telah saya urutkan dari yang termudah hingga tersulit.

1. Create A Minimal Portfolio Site Design (Plus a Free PSD!)

Seperti telah dibahas di 8 Tips Belajar Desain Web, seorang pemula sangat disarankan untuk memulai dengan mempelajari desain minimalis. Tutorial ini sangat tepat bagi Anda. Penjelasannya dengan sangat detail. Tidak saja teknik, Anda juga akan belajar beberapa poin penting dalam mendesain web misalnya cara merapikan susunan layer dan elemen-elemen desain sebuah halaman.

2. Create a Clean, Minimal Website Design in Photoshop

Di tutorial ini, Anda akan mulai belajar menggunakan Grid 960. Anda akan belajar proses penempatan elemen-elemen dalam grid dan juga beberapa dasar tipografi.

3. How To Build a Stylish Portfolio Web Design Concept

Selanjutnya, tutorial ini akan membawa Anda ke projek yang sedikit lebih rumit. Di sini Anda akan belajar untuk mulai menggunakan pola dalam beberapa elemennya. Tutorial ini juga disertai dengan tutorial konversi ke HTML/CSS.

4. Mendesain Theme Tumblr Minimalis

Selanjutnya Anda bisa mengikuti tutorial desain web yang juga sederhana dari Desaindigital. Tutorial ini ditulis dalam bahasa Indonesia sehingga seharusnya mempermudah belajar Anda. Di tutorial ini, Anda akan belajar membuat desain halaman bergaya thumblr. Berkat Indam, Anda juga bisa mengkonversi desain ini ke HTML/CSS.

5. Membuat Situs Resource Desain Premium di Photoshop

Setelah selesai mempelajari desain blog, saatnya maju ke desain korporat. Desain yang dibahas di tutorial ini sederhana sehingga mudah diikuti dan tidak akan terlalu banyak menyita waktu Anda.

6. Create a Light Textured Web Design in Photoshop

Satu lagi desain korporat minimalis. Desain tipe ini sangat sesuai dengan trend minimalis saat ini.

7. Create a Fabric Textured Web Layout Using Photoshop

Desain web dalam tutorial ini masih minimalis seperti beberapa tutorial di atas. Namun, kali ini disertai dengan tema jahitan. Penggunaan tema semacam ini membuat desain terlihat khas dan unik.

8. How To Create a Clean and Colorful Web Layout

Desain-desain di atas menggunakan warna yang monoton. Di tutorial ini, Anda bisa mencoba menggunakan lebih banyak warna dan mempelajari cara membuat kombinasi warna yang menarik.

9. Create a Professional Web 2.0 Layout

Tutorial kali ini lebih panjang dari yang lain. Di sini, Anda akan diajak membuat sebuah desain web korporat yang lengkap mulai dari daftar portfolio, area testimoni klien, hingga slideshow.

10. Create a Watercolor-Themed Website Design with Photoshop

Desain terakhir ini lebih rumit karena ada lebih banyak teknik yang digunakan. Anda akan belajar memotong gambar dan memanfaatkan tampilan transparan dalam desain.

Kesimpulan

Kesepuluh tutorial ini sudah cukup bagi Anda untuk memulai proses belajar desain web dengan Photoshop. Sebagai seorang pemula, jangan dulu berfikir untuk membuat karya-karya original. Ikuti saja tutorial yang ada sebisa mungkin. Seiring waktu, Anda akan belajar untuk membuat karya sendiri. Selamat belajar!

,

18 Responses to 10 Tutorial Desain Web yang Perlu Dipelajari Pemula

  1. ifliandry 26 February 2012 at 1:46 pm #

    Banyak yang harus dipelajari :)

    Mas ada saran/tips, bagaimana sebaiknya seorang web designer atau developer pemula membuat web portofolio, sedangkan hasil karya online-nya (web) masih sedikit ? maksudnya contentnya di isi apa ya ?

    Apa dengan membuat blog saja atau bagaimana ya mas ?

    • Jeprie 28 February 2012 at 9:18 pm #

      Isi portfolio tidak harus banyak, yang penting isinya bagus karena yang dicari orang adalah kualitas bukan kuantitas.

      Tergantung tujuannya. Jika ingin memperlihatkan kemampuan menulis atau proses desain lainnya ada baiknya jika disertai blog.

      • ifliandry 28 February 2012 at 10:33 pm #

        Terima kasih atas masukkannya mas, akan saya coba.

  2. petrus 1 March 2013 at 10:21 am #

    izin belajarnya ya mas?

  3. Kuro Khun 6 March 2013 at 5:54 am #

    wah,,, terimakasih banyak mas,, saya bisa belajar web desain nih hehehheh thank u ^_^

  4. hendrik 7 April 2013 at 5:14 am #

    Kesimpulannya membuat saya mengerti mas. sy ad kesulitan dengan design saya di Photoshop, mana sebentar lg menjelang Lomba LKS. thanks mas..

  5. indra 9 April 2013 at 3:30 pm #

    kalimat yg terakhir itu loh, “Saya berharap mempunyai lebih banyak waktu luang untuk bermain GTA.” lol
    btw nice web, thank you buat tutorialnya..

  6. icky 14 September 2013 at 11:18 am #

    setelah berkeliaran di lautan maya akhirnya terdamapar disini. :)

  7. Rina 30 October 2013 at 1:34 pm #

    Setuju dengan kesimpulannya, untuk memulai baiknya memang belajar buat web sendiri dengan mengikuti contoh desain web lainnya, kemudian baru utak-atik dan kalau benar2 sudah mahir bisa buat sendiri web original, disaat fase ini pasti kita benar2 sudah menemukan ciri khas desain sendiri
    Trims ulasannya dan salam kenal ya :)

  8. alfa 16 January 2014 at 1:30 pm #

    bngung…

  9. Ficri Pebriyana 28 January 2014 at 6:58 am #

    makasih mas atas tutorial desain web nya…

  10. MRzWrc 2 February 2014 at 11:18 pm #

    saya juga ingin mempelajarinya semoga semua lancar deh
    terima kasih mas

  11. jasa web desain 17 April 2014 at 6:02 pm #

    Gan ditambah lg gan, klo bisa yg responsive :D
    Thx gan..

Trackbacks/Pingbacks

  1. Mendesain Login Form Gelap Bergaya Modern | DesainDigital - 25 February 2012

    [...] 1. Kuis Berhadiah Buku “Panduan Mudah Desain Web Professional” 2. 8 Tips Belajar Desain Web 3. Mendesain Login Form Gelap Bergaya Modern 4. 10 Tutorial Desain Web yang Perlu Dipelajari Pemula [...]

  2. Kuis Berhadiah Buku "Panduan Mudah Desain Web Profesional" | DesainDigital - 25 February 2012

    [...] 1. Kuis Berhadiah Buku “Panduan Mudah Desain Web Professional” 2. 8 Tips Belajar Desain Web 3. Mendesain Login Form Gelap Bergaya Modern 4. 10 Tutorial Desain Web yang Perlu Dipelajari Pemula [...]

  3. 8 Tips Belajar Desain Web | DesainDigital - 28 February 2012

    [...] Professional” 2. 8 Tips Belajar Desain Web 3. Mendesain Login Form Gelap Bergaya Modern 4. 10 Tutorial Desain Web yang Perlu Dipelajari Pemula 5. 21 Contoh Penggunaan Pola dan Tekstur dalam Desain [...]

  4. 21 Contoh Penggunaan Pola dan Tekstur dalam Desain Web | DesainDigital - 10 March 2012

    [...] Professional” 2. 8 Tips Belajar Desain Web 3. Mendesain Login Form Gelap Bergaya Modern 4. 10 Tutorial Desain Web yang Perlu Dipelajari Pemula 5. 21 Contoh Penggunaan Pola dan Tekstur dalam Desain Web 6. Mendesain Interface Menu [...]

  5. Memperkenalkan Seri "Panduan Desain Web untuk Pemula" | DesainDigital - 10 March 2012

    [...] Professional” 2. 8 Tips Belajar Desain Web 3. Mendesain Login Form Gelap Bergaya Modern 4. 10 Tutorial Desain Web yang Perlu Dipelajari Pemula 5. 21 Contoh Penggunaan Pola dan Tekstur dalam Desain Web 6. Mendesain Interface Menu [...]

Tinggalkan komentar Anda.