Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS

Tutorial yang terbagi dalam dua bagian ini memperlihatkan cara pembuatan situs foto minimalis secara lengkap, dari proses desain di Photoshop hingga proses markup ke HTML/CSS. Tutorial ini saya tulis bersama dengan Satrya.

[hr]

Preview


Klik gambar di bawah untuk melihat versi demo situs ini.
Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS


[hr]

Sebagian Langkah Yang Dilakukan


Tutorial bagian pertama memperlihatkan proses desain di Photoshop. Desain situs ini menggunakan framework 960 gs.
Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS


Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS


Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS


Tutorial bagian kedua ditulis oleh Satrya. Di sini diperlihatkan cara memotong elemen desain di Photoshop untuk kemudian digunakan dalam proses markup.
Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS


Di tutorial ini, Satrya juga memperlihatkan bug-bug yang muncul di IE6 dan cara memperbaikinya.
Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS



[hr]

Link Tutorial


Tutorial ini ditulis ekslusif untuk PVMgarage. Silakan klik link di bawah untuk membacanya secara lengkap.

Comments

Popular posts from this blog

Menggambar Mobil Style Flat dengan Adobe Illustrator

Teknik Profesional Menghaluskan Kulit di Photoshop

Membuat Pin dengan Photoshop