http://ultimateman2.wordpress.

com/
Ultimate Umam | http://ultimateman2.wordpress.com/ 1
http://ultimateman2.wordpress.com/
Ultimate Umam | http://ultimateman2.wordpress.com/ 2
 Alif K. Umam | Ultimate Umam
 Persiapan
1. Siapkan gambar Globe, yang akan dijadikan animasi

2. Buka Aplikasi Photoshop, disini saya menggunakan Photoshop CS3

3. [sebelum itu gabungkan gambar globe yang sudah disiapkan, agar dapat kembali seperti
frame1 (Langkah No.12) seperti gamabar dibawah ini. Dengan cara buka file gambar globe
(Ctrl+O), lalu ubah ukuran canvas ( Images>Canvas Size… atau alt+Ctrl+C) ubah ukuran
panjang canvas (Width) menjadi 2x lipat. Kemudian duplicate layer (Ctrl+J) geser Layer yang
telah di Copy kesamping layer asli. Kemudian klik Ctrl+E, setelah itu simpan (save/Ctrl+S)]

 Sekarang kita mulai membuat Desain Animasinya

4. Klik File>New… (Ctrl +N), kemudian sesuaikan ukuran gambar yang anda ingin kan, kali ini
menggunakan ukuran yang cukup besar yaitu Width: 400 pixels dan Height: 300 pixels.
5. Double Click Background, ubah nama Background menjadi Layer 0.


6. Klik Rectangle Tool / klik U, ubah (dengan meng-klik dan tahan beberapa saat, sehingga
muncul pilihan) kemudian ubah menjadi Ellipse Tool.

Ultimate Umam | http://ultimateman2.wordpress.com/ 3

 7. Buat lingkaran, Hapus Layer 0, kemudian klik File>Open… (Ctrl + O) pilih gambar globe yang
telah disiapkan

8. Klik Move Tool / Klik V, kemudian tarik gambar globe kedalam jendela gambar lingkaran,
Kemudian tarik Vektor mask thumbnail ke samping Layer 1. Kemudian hapus Shape 1

9. Tambahkan beberapa aksesoris, seperti tulisan / gambar, saya menggunakan tulisan

ULTIMATE UMAM dan gambar sebuah Laptop, sesuaikan Tulisan dan Gambar tersebut


 Kita memulai membuat Animasinya
10. Klik Window>Animation, jika sudah muncul jendela animasi, klik Convert to frame
animation, lalu atur waktu jeda antar frame dengan mengklik segitiga terbalik dibawah
gambar frame (selects frame delay time), pilih waktu jeda yang anda inginkan, saya memilih
waktu 0.2 detik (0.2 sec.)

 
11. Klik duplicates selected frames, klik layer 1, kemudian klik V (Move Tool) geser gambar globe
ke kiri sedikit, mungkin 1 atau 2 klik anak panah kiri (pada keyboard)

Ultimate Umam | http://ultimateman2.wordpress.com/ 4

  
12. Klik duplicates selected frames lagi, keudian geser ke kiri lagi, klik duplicates layer frames
lagi, geser lagi, lakukan secara terus menerus hingga gambar globe kembali seperti gambar
awal (frame 1), saya membuat frame sampai 296 Frames.

 
 Ini tahap yang terakhir: Percobaan dan Penyimpanan Animasi
13. Klik Frame 1, lalu pilih Plays Animation( ) untuk memulai animasi dan klik Stops Animation
( )untuk menghentikan animasi

14. Klik File>Save for Web & Devices… (Alt+Shift+Ctrl+S)

15. Atur format animasi (Optimized file format) menjadi GIF.

16. Jika sudah Klik Save.

Ultimate Umam | http://ultimateman2.wordpress.com/ 5