BAB XX ANIMASI 2 DIMENSI

Teknologi Animasi

Dewasa ini perkembangan teknologi software dibidang animasi sangat pesat hal ini terbukti dengan makin banyaknya software-sofware pilihan yang bisa digunakan salah satunya adalah animasi 2 dimensi dengan menggunakan flash. Dalam bab pembahasan kali ini akan ditunjukkan bagaimana memulai dan memproduksi film dengan menggunakan macromedia flash atau adobe flash (versi terbaru dari flash).

Faktor kecepatan proses produksi dan beberapa kemudahan memproduksi animasi agaknya merupakan pilihan yang tepat meskipun banyak kemudahan, tetapi sama halnya dengan software lain. Flash mempunyai kelebihan maupun kekurangan dibanding dengan program lain.

A. Bekerja dengan flash
Perhatikan Gambar 20.1 di bawah, sesuai dengan fungsi tool.

time line

stage (area kerja)

library
menu tool

Gambar: 20.1 Areal tool

Direktorat Pembinaan SMK (2008)

62

Teknologi Animasi 1. Pen Tool (membuat garis sekaligus mengatur kurva garis). Hand tool (menggeser area kerja) Zoom tool (membesarkan dan mengecilkan area kerja). Fill transform tool (untuk mengatur warna gradasi). Fungsi Tool Selection tool (fungsinya untuk menyeleksi garis. 2. membentuk garis). Free transform (untuk mengecilkan dan membesarkan obyek). Sub Selection (untuk mengatur garis kurva yang kita inginkan).2 Contoh pembuatan karakter dengan tools Direktorat Pembinaan SMK (2008) . Membuat karakter dengan flash 63 Gambar: 20. Line tool (untuk garis lurus). membuat Oval dan recteangel (membuat bidang). Lasso tool (untuk menyeleksi bagian tertentu yang sulit kita seleksi). Text Tool (untuk membuat tulisan). Eye droper (memilih warna) dan eraser (menghapus garis dan warna). Ink bucket dan Paint tool (mengubah warna garis dan warna bidang).

B. Full animation Secara prinsip hampir sama dengan animasi tradisional full drawing menggambar pergerakan digambar satu demi satu secara berurutan sampai pada key drawing akhir. c. Gambar: 20.3 Posisi penempatan gambar frame by frame pada layer Direktorat Pembinaan SMK (2008) 64 . Secara teknis bisa menggunakan scanner jika gambar yang dihasilkan menggunakan media kertas dan alat tulis atau digambar langsung dengan dengan tools flash jika menggunakan komputer secara langsung b.2 a. Garis merah tools membuat lingkaran kepala dan bentuk badan.Teknologi Animasi Keterangan Gambar 20. Garis biru menunjukkan tools yang digunakan membuat garis out line karakter. Lingkaran hitam untuk pewarnaan.

20. karakter berbicara. Sebagai contoh. perhatikan contoh pada Gambar 20.4.6. Dalam hal ini membagi bagian bagian karakter yang membutuhkan banyak gerakan serta bagian lain yang tidak membutuhkan banyak gerakan yang diterapkan dalam waktu yang bersamaan. Metode ini bisa digunakan untuk bermacam-macam keperluan gerakan tergantung dari perencanaan dan kebutuhannya (Gambar: 20.8). Limited Animation Teknis produksi animasi ini digunakan untuk penghematan gambar.6 Frame obyek tangan 3 Gambar: 20. mendayung dan sebagainya. dan 20. Gambar: 20. Untuk itu perlu dilakukan pemisahan bagian-bagian tubuh karakter antara yang sedikit menggunakan gerakan dan yang banyak menggunakan gerakan.5 Frame obyek tangan 2 Gambar: 20.7 Frame obyek badan 65 Direktorat Pembinaan SMK (2008) .4 Frame obyek tangan 1 Tinggal mengecek animasi gerakannya dengan menekan Ctrl+ Enter. 20.7. Gambar: 20.Teknologi Animasi C. mengayuh sepeda.5.

3. Sebagai contoh adalah ketika karakter gambar bergerak pindah dari posisi A ke posisi B. Animasi dengan menggunakan motion tween Inti dasar penggunaan animasi dalam flash ada empat macam yang harus diketahui dan dikuasai . Animasi motion shape.hal ini antara lain. Animasi frame by frame. 1. maka secara otomatis inbeetween Direktorat Pembinaan SMK (2008) 1. Animasi frame by frame Dinamakan penuh karena tidak mengenal pemisahan gambar proses jangka waktu pembuatannya akan memakan waktu yang banyak. 4. Animasi motion tween Inti dari animasi ini adalah memindahkan objek atau karakter dari satu titik penempatan ke titik penempatan lain dengan kecepatan dan durasi tertentu.Teknologi Animasi Gambar: 20. Menggunakan flash. Animasi motion tween. 66 . Kemampuan dan keterampilan animator dituntut secara penuh dalam membuat key drawing maupun inbeetweennya (lihat (Gambar: 20.8).) 2. Animasi pengulangan (Looping). kita cukup memindahkan keposisi tujuan (posisi B). 2.8 Penggabungan beberapa gambar dalam satu frame yang memberikan kesan adanya gerakan animasi D.

Klik kanan pada frame time line 1.9. adalah sebagai berikut: c. Adapun langkah-langkah membuat Animasi motion tween. pilih create motion tween (lingkaran merah). Contoh lain. dan sebagainya. burung yang sedang terbang. bola yang bergerak melintas.10 penempatan posisi kotak awal Gambar: 20.Teknologi Animasi perpindahannya akan dilakukan sepenuhnya oleh komputer tanpa kita harus bersusah payah menggambar transformasinya. seperti Gambar: 20. Buat bidang kotak dengan menggunakan shape tool b. seperti karakter yang sering digunakan untuk jenis animasi ini kendaraan yang bergerak. a. kupu-kupu. Tempatkan posisi kotak awal.9 (bawah) Cara melakukan motion tween 67 Direktorat Pembinaan SMK (2008) . Gambar: 20.10. seperti gambar 20.

e. Langkah “d” bisa kita lakukan pada frame yang lain.11 Contoh pemindahan kota dalam frame Gambar: 20. seperti Gambar 20. misalnya 50. f. Kemudian klik pada union skinnya untuk melihat tracing pergerakannya.11.12 Gambar klik union skin pada lingkaran merah Direktorat Pembinaan SMK (2008) 68 . 4 Langkah no. Pindahkan gambar kotak kearah sebelah kanan.12.Teknologi Animasi d. dan seterusnya. seperti Gambar 20. Lakukan insert key frame pada frame 20 (bebas) dengan klik kanan kemudian pilih insert key frame seperti langkah pada langkah “b” (Lihat Gambar: 20. 5 Gambar: 20. Langkah no. 100.9).

13 Gambar hasil motion tween merah g. Transformasi secara otomatis dari bentuk kotak ke bentuk bulat akan terprogram oleh computer. misalkan kita membuat bentuk kotak. maka bisa menggunakan animasi motion shape.Teknologi Animasi Gambar: 20. Motion tween tidak hanya digu-nakan untuk pergeseran. Test pergerakannya dengan me- 69 Gambar: 20. tilt down. dissolve. dan lainnya). Hasilnya seperti Gambar 20. 3. kemudian kita ingin mengubahnya menjadi bentuk bulat. Hal ini biasanya digunakan untuk permainan camera movement (paning. tapi bisa juga untuk dilakukan penggecilan. tilt up. Animasi motion shape Animasi motion shape adalah animasi perubahan bentuk dari bentuk awal menuju ke bentuk yang berbeda. h.14 Contoh animasi menggunakan motion shape Direktorat Pembinaan SMK (2008) . pembesaran atau penggabungan dari cara-cara tersebut di atas. nekan enter / Ctrl+Ente.14. zoom in zom out. lihat contoh pada Gambar 20.13.

Tekan enter atau Ctrl + enter untuk melihat animasinya.15 Keterangan langkah animasi motion shape Direktorat Pembinaan SMK (2008) 70 . Klik kanan pada frame tertentu misalnya pada frame 20 pilih insert blank key frame. adalah sebagai berikut: c.Teknologi Animasi Bila ditinjau melalui proses kerjanya. Pada stage di frame 20 buat gambar lingkaran tempatkan disembarang tempat (posisi bisa dipilih sesuai dengan kebutuhan). Gambar: 20. e. a. Buatlah bentuk kotak pada frame pertama dengan menggunakan menu tools pada flash (shape tools). b. d. Pilih tween type shape.15). secara otomatis program flash akan menjalankan perubahan dari bentuk kotak ke bentuk bulat sejumlah 20 frame yang sudah kita rencanakan (Gambar: 20. hanya dalam motion shape ada proses perubahan bentuk. klik pada frame tengah diantara frame 1 sampai frame 20 (Gambar: 20. Adapun langkah-langkah membuat Animasi motion shape.15). hampir sama dengan motion tween.

19. c.pilih new symbol pilih pada graphic pada kotak dialog create new symbol (Gambar: 20.19 Panel library . serangga terbang. Langkah-langkah Animasi looping sebagai berikut: dalam membuat (cycling).16 Contoh menggunakan symbol Gambar: 20. gelombang ombak yang secara terus menerus. maka yang harus kita lakukan adalah memisahkan antara sayap dan badan.sayap pada symbol 2. seperti pada proses pembuatan animasi yang menggunakan teknik limited animation hanya saja tidak dilakukan pada layer tetapi dibuat dengan menggunakan symbol 1 dan symbol 2.Teknologi Animasi 4. Klik insert pada menu bar. Gambar: 20. symbol 2. Buat tiga symbol dengan langkah diatas beri nama symbol 1.dan gabungkan dua symbol tersebut pada symbol 3. Gambar: 20. Kita akan membuat animasi lebah yang terbang ditempat selama 3 detik.18). symbol 3 (symbol untuk menggabungkan antara badan dan sayap).18 Kotak dialog create new symbol b. klik window pada menu bar pilih library. dan sebagainya. sehingga pada panel library akan tampak seperti Gambar 20. Buatlah gambar badan lebah pada symbol 1. adalah a. kepakan sayap burung.17 Gambar symbol 1 dan symbol 2 71 Direktorat Pembinaan SMK (2008) Gambar: 20. Animasi looping (cycling) Prinsip animasi ini adalah animasi yang memerlukan gerakan secara terus menerus dan konstan seperti roda berputar.

Teknologi Animasi d. Gambar: 20.21. kemudian symbol 2.drag symbol 1 ke area stage. atur dan tata posisi sayap pada badan lebah sehingga akan tampak seperti pada Gambar 20. Klik dua kali pada symbol 3.21 Gambar setelah disatukan Direktorat Pembinaan SMK (2008) 72 .20 (bawah) Proses menata symbol1 dan symbol 2 pada area kerja symbol 3 (stag ) Drag Gambar: 20.20 dan 20.

22 (kiri) Gambar yang tampil pada stage scene 1 Gambar: 20.Teknologi Animasi e. lalu ubah posisi sayap dengan free transform tool kemudian putar posisi sayap.23 (bawah) Membuat gambar pergerakan sayap pada frame 1 dan frame 2 Frame 1 Frame 2 73 Direktorat Pembinaan SMK (2008) . Gambar: 20. Klik symbol scene 1.24. Buat animasi frame by frame sayap lebah dengan cara klik kanan pada frame 2 (pada time line symbol 2). Aktifkan union skinnya sehingga hasilnya akan tampak seperti Gambar 20. Klik dua kali pada symbol 2.23 dan 20. pilih insert key frame. f. kemudian drag symbol 3 ke area stage.

kupu-kupu. Langkah-langkah dalam membuat animasi dengan menggunakan add motion guide. Kemudian tekan Ctrl+enter. Gambar: 20. Pada symbol scene. jika kita membuat animasi serangga. adalah sebagai berikut: Gambar: 20. ke atas ke bawah. atau lalat yang sedang terbang. sehingga ketika drag dijalankan pada scene time line utama symbol 3 akan bergerak sejumlah frame sayap tersebut. Buat layer baru dengan menekan/ klik pada add motion guide (lingkaran merah pada Gambar 20. 2. Buat animasi teknik looping se-perti contoh sub bab 4. Klik kanan frame 2 pada time line symbol 3. Direktorat Pembinaan SMK (2008) 74 .24 Mengaktifkan union skin g. Kadang gerakan seperti ini kita butuhkan. Animasi dengan menggunakan add motion guide Dalam animasi terkadang kita melihat objek animasi bergerak tidak beraturan ke kanan. lalu pilih insert frame. 1 klik kanan pada frame 75 (3 detik) dengan memilih insert frame. E. dan zig-zag. Hal ini harus dilakukan untuk menyamakan jumlah pergerakan frame sayap. maka animasi kepakan sayap lebah akan terulang (bergerak) sampai frame 75.25).25 (bawah) Guide layer 1.Teknologi Animasi h. ke kiri. meliuk-liuk.

27. 4.26 Garis yang akan diikuti lebah 75 Direktorat Pembinaan SMK (2008) Gambar: 20. lalu tekan enter. 5. Gambar: 20. Aktifkan layer guide buat garis lintasan secara acak pada stage. Insert key frame pada frame 75 layer satu sehingga muncul tanda panah. maka akan kita lihat karakter lebah akan bergerak mengikuti garis yang kita buat. Tempatkan gambar lebah frame 1 pada unjung awal lintasan dan tempatkan gambar lebah pada frame 75 pada ujung akhir lintas-an. Klik kanan pada frame 1 layer 1 pilih create motion tween.26 dan 20. 6. seperti Gambar 20.27 Gerakan lebah .Teknologi Animasi 3.

untuk G. maupun sound effect yang lain. musik atau lagu. Klik save. Flash movie. pilih import. 2. Buatlah mobil berjalan dengan menggunakan motion tween. pilih import to library/ stage. Pada menu bar klik modify.29). Drag hasil import tersebut ke areal kerja stage. maka akan muncul panel dialog seperti gambar dibawah ini klik OK. seperti suara iringan. 3. Mengimpor suara Hampir keseluruhan hasil film animasi memerlukan pendukung suara. Direktorat Pembinaan SMK (2008) 76 . Hanya saja untuk mengedit gambar dan mewarnainya perlu melakukan perubahan ekstensinya dari bitmap ke arah ekstensi vektor dalam flash. adalah sebagai berikut: Gambar: 20.28). Cara mengimport gambar dalam animasi. pilih dan klik export movie (Gambar: 20. 2. 3. H. dialog. cari folder yang berisikan sound. Tugas pendalaman 1. Buatlah karakter mobil dengan menggunakan menu tool pada flash. 2. 1. Mengimport gambar Secara prosedural langkah mengimport gambar sama dengan mengimport sound.28 Export movie 1.Teknologi Animasi Windows AVI. Export movie Langkah terakhir dalam pembuatan film animasi mengekspor hasil film menjadi ekstensi movie misalnya. Langkahlangkah yang harus dijalankan dalam mengisi suara adalah sebagai berikut: Langkah-langkah yang harus ditempuh dalam mengexport movie. adalah sebagai berikut: 1. pilih Bitmap pilih trace bitmap tekan OK. klik file pada menu bar. Tekan enter mendengarkan hasilnya. Pilih ekstensi pada windows AVI (Gambar: 20. jpeg sequence dan lain-lainnya F. Lakukan pengeditan gambar yang sudah dirubah ekstensinya Gambar: 20. 2. Klik file pada menu bar.29 Windows AVI I. secara otomatis akan terimport ke panel library. pilih export.

Teknologi Animasi 3. Buatlah roda berputar dengan menggunakan symbol. 77 Direktorat Pembinaan SMK (2008) .

Sign up to vote on this title
UsefulNot useful