Tutorial Membuat Gambar Web Bergerak Dengan Photoshop

Pada kesempatan kali ini penulis akan berbagi tentang bagai mana menggabungkan beberapa foto menjadi satu yang kemudian akan di tampilkan dalam bentuk slideshow pada web dengan menggunakan software photoshop cs3. berikut langkah langkah yang bisa diikuti.  

Langkah pertama tentu membuka program photoshop dan akan terbuka seperti yang tertera pada gambar di bawah ini:

tampilan awal Photoshop akan terlihat seperti:

Klik “file” -> “New” pada jendela kerja untuk memulai 

Akan muncul pilihan seperti gambar ini, pilih tipe film dan video pada bagian preset lalu  atur pixel (ukuran animasi yang ingin dibuat)

 - Klik “windows” -> “animation” untuk menampilkan frame video yang akan dibuat.

 Setelah itu maka akan muncul tampilan di layar komputer anda seperti gambar di bawah ini:

Seperti gambar di atas, pada kasus ini kita bekerja pada 2 bidang yaitu “layer” dan “frame”

Layer adalah tempat kita memasukan foto yang akan dibuat bergerak

Frame berfungsi untuk memasukan layer-layer tersebut kedalam video. Jadi dalam proses ini akan terdapat lebih dari 1 layer dan frame.

Untuk memasukan foto kedalam  layer  langkah yang perlu diikuti adalah dengan mengklik : “file”->”open”  lalu pilih foto yang ingin dimasukan, misalnya :

 

 

 Crop gambar kemudian copy ke layer lalu exit ->  tekan ok jika ada peringatan

 

Lakukan langkah tersebut sehingga jumlah foto yang ingin dibuat animasi cukup. Berikut hasil beberapa foto yang telah dimasukan kedalam layer (sebagai contoh 8 foto “ artinya ada 8 frame dan 8 layer”) hasilnya setelah memasukan 8 foto:

Seperti yang sudah dibilang sebelumnya, kita bekerja pada layer dan frame. Setelah semua foto dimasukan maka untuk satu frame yang bekerja hanya boleh satu layer yang aktif. Misalnya jika kita bekerja pada frame 1, maka hanya layer 1 yang diaktifkan sedangkan layer lainya di non aktifkan contohnya

Untuk tiap frame yang telah di pilih, tentukan waktu jeda tiap framenya sebelum berganti ke frame lain( misalnya kita pilih 0,5 detik)

 

Untuk menyimpan hasil kerja kita klik :“file”-> “save for web & device “

 

Pilih tipe foto .gif yang akan disimpan. Lalu klik ok maka foto yang sudah di set tadi siap untuk di upload. 

 hasil fotonya gini nih gan: 

selamat mencoba ya, silakan tanya kalaw ada yang belum jelas