Top Menu

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

Archive | Desain Web

Photoshop banyak digunakan untuk membuat gambar dan layout dalam desain web. Di tutorial ini, kami menununjukkan cara mendesain sebuah tabel harga untuk perusahaan hosting dengan kombinasi vektor shapes dan layer styles. Tutorial ini ditulis eksklusif untuk <a href="http://psd.tutsplus.com/tutorials/interface-tutorials/clean-and-modern-pricing-table/">Psdtuts+</a>.

Mendesain Tabel Harga Perusahaan Webhosting di Photoshop

Photoshop banyak digunakan untuk membuat gambar dan layout dalam desain web. Di tutorial ini, kami menununjukkan cara mendesain sebuah tabel harga untuk perusahaan hosting dengan kombinasi vektor shapes dan layer styles. Tutorial ini ditulis eksklusif untuk Psdtuts+. Preview Berikut adalah hasil akhir yang diperoleh. Sebagian Langkah dalam Tutorial Dalam tutorial ini, semua elemen dibuat dari […]

Photoshop CS6 memiliki kelebihan dengan fitur Snap to Pixel yang membuatnya mampu membuat desain pixel perfect dengan mudah. Tutorial ini memperlihatkan caranya. Tutorial ini ditulis ekslusif untuk <a href="http://www.hongkiat.com/blog/blog-layout-in-photoshop-cs6/">Hongkiat</a>.

Mendesain Situs Blog Elegan di Photoshop CS6

Photoshop CS6 memiliki kelebihan dengan fitur Snap to Pixel yang membuatnya mampu membuat desain pixel perfect dengan mudah. Tutorial ini memperlihatkan caranya. Tutorial ini ditulis ekslusif untuk Hongkiat. Preview Berikut adalah hasil akhir yang diperoleh. Sebagian Langkah dalam Tutorial Tutorial ini cukup detail. Kita memulai dengan mencari kombinasi warna yang tepat lalu dilanjutkan dengan membuat […]

Di dua <a href="http://desaindigital.com/mendesain-website-sederhana-dari-psd-hingga-html-bag-1/">tutorial</a> <a href="http://desaindigital.com/mendesain-halaman-web-sederhana-dari-psd-hingga-html-bag-2/">sebelumnya</a>, kita telah membuat menghasilkan layout sederhana tanpa pengaturan CSS dengan <a href="http://960.gs">Framework 960gs</a>. Di tutorial penutup ini, kita akan memperbaiki tampilannya dengan menambahkan beberapa kode CSS. Anda akan belajar cara menggunakan font custom dengan <code>@font-face</code>, memahami fungsi class <code>clear</code> di Framework 960gs, dan beberapa fungsi dasar lainnya.

Mendesain Halaman Web Sederhana dari PSD Hingga HTML –Bag 3

Di dua tutorial sebelumnya, kita telah membuat menghasilkan layout sederhana tanpa pengaturan CSS dengan Framework 960gs. Di tutorial penutup ini, kita akan memperbaiki tampilannya dengan menambahkan beberapa kode CSS. Anda akan belajar cara menggunakan font custom dengan @font-face, memahami fungsi class clear di Framework 960gs, dan beberapa fungsi dasar lainnya. Preview Inilah hasil akhir dari […]

Di tutorial sebelumnya, kita telah membuat file PSD sederhana dengan framework 960gs. Di tutorial ini, kita akan belajar teknik slicing, markup dengan HTML 5, dan mengatur penempatan setiap elemen dengan Framework 960gs. Pastikan Anda telah menguasai dua artikel sebelumnya tentang 960gs yaitu <a href="http://desaindigital.com/panduan-mudah-desain-web-dengan-960gs-bag-2/">Panduan Mudah Desain Web dengan 960gs –Bag 2</a> dan <a href="http://desaindigital.com/panduan-mudah-desain-web-dengan-960gs-bag-1/">Bag 1</a>

Mendesain Halaman Web Sederhana dari PSD Hingga HTML –Bag 2

Di tutorial sebelumnya, kita telah membuat file PSD sederhana dengan Framework 960gs. Di tutorial ini, kita akan belajar teknik slicing, markup dengan HTML 5, dan mengatur penempatan setiap elemen dengan Framework 960gs. Pastikan Anda telah menguasai dua artikel sebelumnya tentang 960gs yaitu Panduan Mudah Desain Web dengan 960gs –Bagian 1 dan Bagian 2. Preview Berikut […]

Di tutorial desain web untuk pemula ini, kita akan belajar mendesain halaman web sederhana di Photoshop. Tutorial ini adalah kreasi ulang tutorial <a href="http://warm-lightning-870.heroku.com/">Jeffrey Way</a> di <a href="http://learncss.tutsplus.com/">30 Days to Learn HTML & CSS</a>.

Mendesain Website Sederhana dari PSD hingga HTML –Bag 1

Di tutorial desain web untuk pemula ini, kita akan belajar mendesain halaman web sederhana di Photoshop. Tutorial ini adalah kreasi ulang tutorial Jeffrey Way di 30 Days to Learn HTML & CSS. Preview Di bawah adalah desain sederhana yang akan kita buat. Klik untuk melihat dalam ukuran 100% Detail Tutorial Tingkat Kesulitan: Pemula Software yang […]

Photoshop CS6 memiliki beberapa fitur baru yang banyak berguna bagi para desainer interface. Salah satu yang paling menonjol adalah vektor shape yang kini benar-benar dalam format vektor seperti di Illustrator. Dalam tutorial ini, kita akan belajar menggunakan beberapa fitur baru di CS6 untuk menggambar sebuah grafik garis.

Menggambar Grafik Garis di Photoshop CS6

Photoshop CS6 memiliki beberapa fitur baru yang banyak berguna bagi para desainer interface. Salah satu yang paling menonjol adalah vektor shape yang kini benar-benar dalam format vektor seperti di Illustrator. Dalam tutorial ini, kita akan belajar menggunakan beberapa fitur baru di CS6 untuk menggambar sebuah grafik garis. Preview Di bawah adalah gambar grafik garis yang […]

var _gaq = _gaq || []; _gaq.push([\'_setAccount\', \'UA-9527890-1\']); _gaq.push([\'_trackPageview\']); (function() { var ga = document.createElement(\'script\'); ga.type = \'text/javascript\'; ga.async = true; ga.src = (\'https:\' == document.location.protocol ? \'https://ssl\' : \'http://www\') + \'.google-analytics.com/ga.js\'; var s = document.getElementsByTagName(\'script\')[0]; s.parentNode.insertBefore(ga, s); })(); (function() { var em = document.createElement(\'script\'); em.type = \'text/javascript\'; em.async = true; em.src = (\'https:\' == document.location.protocol ? \'https://id-ssl\' : \'http://id-cdn\') + \'.effectivemeasure.net/em.js\'; var s = document.getElementsByTagName(\'script\')[0]; s.parentNode.insertBefore(em, s); })();