Membuat Tombol Sprite dari PSD hingga HTML/CSS

Dalam tutorial ini, saya memperlihatkan cara pembuatan tombol Download di Photoshop lalu mengubahnya menjadi Sprite. Kita akan membahas beberapa teknik CSS dasar untuk menjadikan desain ini fungsional. Tutorial ini ditulis ekslusif untuk PVM Garage.

Preview

Berikut adalah hasil akhir tombol yang diperoleh.

tutorial-tombol-sprite-01.jpg

Sebagian Langkah dalam Tutorial

Tutorial sederhana membahas detail pembuatan tombol dengan pencahayaan menarik sehingga diperoleh kesan tampilan tiga dimensi.

Link Tutorial

Iklan

5 thoughts on “Membuat Tombol Sprite dari PSD hingga HTML/CSS

  1. Saya sarankan untuk lebih memperdalam bahasa Inggris. Tutorial dan resource desain berbahasa Indonesia masih sangat sedikit dan kalaupun ada sering kali kualitasnya mengecewakan.

    Tutorial di situs ini jadwal idealnya satu per minggu. Namun, saya juga perlu memperhitungkan keterbatasan waktu dan resource.

  2. Ia mas, itu yang sedang saya jalankan.
    membaca tutorial beserta kamus disamping, agak ribet sih tapi hasilnya positif 🙂

  3. Saya awam dengan CSS jadi tidak bisa berkomentar banyak apakah itu memungkinkan atau tidak. Jika ingin membuat tombol eye candy semacam ini, untuk saat ini solusi terbaiknya masih tetap dengan gambar. Penggunaan CSS-nya masih terlalu rumit.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s