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+.

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.

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 –Bag 2 dan Bag 1

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.