Top Menu

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

Tag Archives | 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 […]

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 […]

Di bagian kedua panduan desain web dengan 960gs ini, kita akan melihat penggunaan beberapa class untuk memperbaiki tampilan elemen. Walaupun pendek, dengan berbekal artikel ini dan pengetahuan dasar CSS dan HTML Anda akan mampu membuat projek desain web sederhana.

Panduan Mudah Desain Web dengan 960gs –Bag 2

Di bagian kedua panduan desain web dengan 960gs ini, kita akan melihat penggunaan beberapa class untuk memperbaiki tampilan elemen. Walaupun pendek, dengan berbekal artikel ini dan pengetahuan dasar CSS dan HTML Anda akan mampu membuat projek desain web sederhana. Menggeser Elemen Untuk Perbaikan Tampilan Di bagian pertama, kita telah melihat keberadaan class dengan nama push_X […]

Beberapa hari ini, saya mulai mencoba belajar pemrograman web HTML dan CSS. Saya juga mulai belajar menggunakan framework populer 960gs. Ternyata framework ini sangat mudah digunakan. Artikel ini akan membahas konsep dan cara penggunaan 960gs secara praktis.

Panduan Mudah Desain Web dengan 960gs –Bag 1

Beberapa hari ini, saya mulai mencoba belajar pemrograman web HTML dan CSS. Saya juga mulai belajar menggunakan framework populer 960gs. Ternyata framework ini sangat mudah digunakan. Artikel ini akan membahas konsep dan cara penggunaan 960gs secara praktis. Pentingnya Penggunaan Grid Dalam Desain Grid memungkinkan desain yang logis, masuk akal, dan mudah dipahami. Penggunaan grid juga […]