membuat gambar bergerak dengan ADOBE IMAGE READY CS2 dan ADOBE PHOTO SHOP PS8

disini gue akan berbagi bagaimana caranya untuk membuat sebuah teks/picture animasi (baner gif) seperti contoh disamping...

tapi sebelumnya anda harus mempersiapkan ADOBE PHOTO SHOP PS-8 dan juga ADOBE IMAGE READY  CS2 untuk aplikasi yang nantinya anda gunakan. jika belum ada,anda bisa mendownload file nya disini dan dapat langsung anda extrak dan anda instal.

• ADOBE PHOTO SHOP PS-8

• ADOBE IMAGE READY  CS2 

langkah awal yang harus anda lakukan yaitu membuat bingkai dan teks.

Bagian Pertama (Membuat Bingkai dan Teks):

1. Buka Adobe Photoshop CS2
2. Buka file baru dengan mengklik menu File>New. Pada kotak dialog New

a. Name: Beri nama file dengan nama Anda. (contoh : DOWNLOAD HERE )

b. Width: 370 pixels

c. Height: 36 pixels

d. Resolution: 72 pixels/inch

e. Color mode: RGB 8 bit

f. Background Content: Transparent.(*)

g. Color Profile: Working RGB: sRGB IEC61966-2.1

h. Pixel Aspect Ratio: Square

i. Klik OK

3. Perbesar ukuran window kanvas dengan menarik ujung bagian bawah.
4. Perbesar kanvas dalam dengan menggunakan Zoom Tool (CTRL - +).
5. Buatlah background untuk banner Anda dengan menggunakan Rectangle Tool (U). Sesuaikan dengan ukuran kanvas. Jika sudah ubahlah menjadi Shape dengan mengklik menu Layer >Raterized >Shape.Buatlah bidang seleksi berbentuk Marquee (kotak) dengan menggunakan Rectangular Marquee Tool (M) di atas background lalu klik menu Edit >Clear, sehingga background Anda berbentuk list kotak (bingkai) seperti pada banner saya (contoh).
6. Buatlah satu persatu  Huruf  sesuai dengan nama yang akan anda buat  (contoh, DOWNLOAD HERE) dan simpan satu per satu huruf anda di bingkai bagian bawah menggunakan move Tool (v). dan Sesuaikan ukuran teks dengan bingkai.
7. Tambahkan picture yang anda inginkan dengan klik menu File>Open (ctri+O) lalu pilih  dari browser computer anda.jika sudah terpilih semua picture yang anda mau lalu coba tarik picture yang anda masukan dan simpan di atas teks yang ada di dalam bingkai yang tadi anda buat.lalu klik (w) dan arahkan pada picture yang anda masukan kedalam bingkai tadi dan.klik tanda panah pada keyboard maka background picture yang anda masukan akan hilang.setelah itu tarik masing-masing sudut pada pictureagar menjadi kecil dan sesuai dengan teks pada bingkai.
8. setelah picture berhasil di simpan dalam bingkai,ulangi langkah tadi hingga bingkai menjadi seperti ini. 

Save dahulu pekerjaan Anda bagian pertama ini kelik menu File>Save As.SIMPAN file dalam forat Photoshop(*.PSD,*.PDD)

di bagian kedua ini agak lumayan sulit sebeb kita akan membuat bagaimana caranya agar photo dan teks dalam bingkai tersebut menjadi bergerak.

Bagian Kedua (Membuat Animasi Teks Picture “bergerak”) 

 anda Masih di Adobe Photoshop CS2 dengan banner Anda yang sudah setengah jadi pada bagian pertama di atas.ayo sekarang kita pindah ke ADOBE IMAGE READY CS2

1. jika sudah berada di  Adobe ImageReady CS2 lalu klik menu File >open (Ctrl+O).DAN cari file yang anda simpan tadi untuk di pindahkan kedalam ADOBE IMAGE READY.
2. Perhatikan, untuk membuat animasi “Teks Dan Picture “bergerak”” Windows Animasi harus tersedia, jika belum ada, Anda bisa memunculkannya dengan mengklik menu Window>Animation. di atas papan menu
3. Untuk membuat animasi, pertama-tama kita akan bekerja dengan menu Layers (pojok kanan bawah). Klik dan hilangkan semua ikon mata pada layer teks nama Anda. Sehingga ikon mata tidak terlihat dan otomatis teks nama Anda pun tidak terlihat. Sedangkan untuk bingkai biarkan saja terlihat.
4. Pindahlah ke jendela Animation, lalu klik ikon Duplicate Current Frame. Anda sekarang mempunyai dua frame di jendela animation. Klik ikon mata pada layer di bagian huruf pertama dan dibagian picture pertama yang anda masukan sehingga terlihat satu huruf dan satu picture. Hasilnya frame pertama huruf dan picture Anda tidak terlihat sedangkan pada frame yang kedua teks nama Anda terlihat.
5. di frame yang kedua,lakukan klik ikon Duplicate Current Frame dan Klik ikon mata pada layer di bagian huruf  dan dibagian picture yang belum muncul...dan hilangkan ikon mata pada layer di bagian huruf  dan dibagian picture yang sudah di tempel sebelumnya..dan begitupun selanjutnya hingga FRAME terakhir
   
6. Sekarang aturlah waktu “teks berkedip” pada jendela Animation. Klik pada Selects Frame Delay Time di bawah frame pertama dan kedua di jendela animation. Contoh: Beri waktu 0.5 pada kedua frame.
7. Untuk mencoba animasi teks Anda klik Plays/Stops Animation masih di jendela animation.
8. Kalau waktu berkedipnya sudah terasa cukup (tidak terlalu cepat juga tidak terlalu lambat)
9. Langkah berikutnya, simpan pekerjaan Anda dengan mengklik menu File >Save Optimized (Ctrl+Alt+S). Pada Save as Type Anda pilih extensi Image Only (*.gif) klik Save.simpan file ini dalam format (*.gif).
10. lihat hasilnya...