31 August, 2011

Membuat Web Photo Gallery dengan Photoshop CS3


Web Album atau web photo gallery bisa di manfaatkan di dalam sebuah website untuk daya tarik tersendiri. Tapi sebelum di go on, penulis mengucapkan Mohon Maaf Lahir Bathin.. semoga Damai menyertai Idul Fitri Tahun Ini, maaf yeee! met Lebaran Sobat... Salam Damai.. damai.. damai...

Buat kamu yang lagi coba-coba belajar membuat website dengan xhtml dan CSS trik photosop berikut bisa di manfaatkan untuk sekadar ekperiment ataupun mengasah skill tentang xhtml dan css tersebut.

Trik kali ini adalah bagaimana caranya membuat web photo Gallery dengan menggunakan photoshop.

Berikut adalah caranya,, monggo di lanjut.

Pertama-tama nyalakan photosop kamu (saya menggunakan photosop CS3)

sudah good! sebelumnya buat folder baru di komputer kamu. kasih nama photogallery_psd atau apapun terserah kamu.

Isi folder tersebut dengan gambar pilihan kamu -- nah di sini penting usahakan ukuran semua photo pilihan kamu sama. Isi dengan beberapa photo misalkan 5, 6 atau 7 photo.

Nah foldernya akan kelihatan seperti ini :


Kembali ke photoshop

KLIK File --- Automate --- pilih Web Photo Gallery.
Dan pilih juga style album fotonya.. Isikan Email untuk feedback.


Pada Source Images Use folder
Browse -- pilih folder berisi gambar yang telah di buat sebelumnya -- dan KLIK OK




Pada Destination
Buat kembali folder baru (beri nama galleryPSD atau apapun terserah kamu) untuk tempat tujuan file gambar, JS Script dan HTML Scriptnya dan KLIK Oke.

  • Pada Options isikan saja General 
  • Pada Extension pilih .html
  • beri tanda centang pada
  • Use UTF 8 Encoding for Url
  • Add Withth and Height Attributes for images.

Jika semua pengaturan di rasa sudah cukup KLIK OK.
Dan otomatis akan di bautkan secara otomatis album photo web gallery oleh photosop kamu, tinggal tunggu saja sampai proses selesai.


Jika proses sudah selesai buka folder tujuan (Destination) nah di situ letaknya informasi dan script JS, Html dan images yang tadi telah di buat.

Untuk melihat klik pada Index dan buka dengan browser mozzila.

Tampilan Web Photo Gallery PSD pada Mozzila

Nah tinggal di atur di dalam file website HTML anda di Dreamweaver untuk di sesuaikan baru kemudian di upload ke hosting kamu, seep selamat mencoba salam.. jika kamu kebetulan menemukan ide baru untuk web photo gallery ini monggo silahkan berbagi salam...

0 komentar:

Post a Comment


Copyright © 2016 Photoshop blog dan Blogger