Membuat Slider Gambar dengan Photoshop & JQuery

Slider gambar sering digunakan dalam desain web korporat karena mudah menarik perhatian pengunjung. Dalam tutorial desain web kali ini, kita akan belajar tidak hanya mendesain slider di Photoshop tapi juga mengubahnya menjadi halaman HTML/CSS fungsional dengan jQuery untuk memberi efek bergeser. Tutorial ini ditulis ekslusif untuk Hongkiat.

Preview

Berikut adalah hasil akhir yang diperoleh.

Membuat Slider Gambar dengan Photoshop & JQuery

Sebagian Langkah dalam Tutorial

Tutorial ini sangat detail dan membahas banyak teknik yang umum digunakan dalam desain interface. Di bawah adalah beberapa langkah dalam tutorial.

Membuat Slider Gambar dengan Photoshop & JQuery
Membuat Slider Gambar dengan Photoshop & JQuery
Membuat Slider Gambar dengan Photoshop & JQuery
Membuat Slider Gambar dengan Photoshop & JQuery
Membuat Slider Gambar dengan Photoshop & JQuery
Membuat Slider Gambar dengan Photoshop & JQuery
Membuat Slider Gambar dengan Photoshop & JQuery

Link Tutorial

Like and Share

About Jeprie

Saya seorang penulis, desainer grafis, dan blogger. Hingga saat ini saya telah menghasilkan belasan buku, menulis tutorial di berbagai situs, dan mendesain mockup PSD. Saya berharap mempunyai lebih banyak waktu luang untuk bermain GTA.

Berlangganan

Ikuti berita terbaru dengan berlangganan melalui email.

,

Comments are closed.