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

http://ultimateman2.wordpress.com/

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

http://ultimateman2.wordpress.com/

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

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/ 4

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/ 5

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.