P. 1
Animasi 2D

Animasi 2D

|Views: 705|Likes:

More info:

Published by: Dho Reekofputrefaction Ekek SinjenkCreww on May 04, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

02/18/2012

pdf

text

original

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

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

2 a. Lingkaran hitam untuk pewarnaan. B. Garis biru menunjukkan tools yang digunakan membuat garis out line karakter. Gambar: 20. Garis merah tools membuat lingkaran kepala dan bentuk badan. c. Full animation Secara prinsip hampir sama dengan animasi tradisional full drawing menggambar pergerakan digambar satu demi satu secara berurutan sampai pada key drawing akhir. 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.Teknologi Animasi Keterangan Gambar 20.3 Posisi penempatan gambar frame by frame pada layer Direktorat Pembinaan SMK (2008) 64 .

4. Limited Animation Teknis produksi animasi ini digunakan untuk penghematan gambar. 20.5 Frame obyek tangan 2 Gambar: 20. Gambar: 20. mendayung dan sebagainya. Metode ini bisa digunakan untuk bermacam-macam keperluan gerakan tergantung dari perencanaan dan kebutuhannya (Gambar: 20. Untuk itu perlu dilakukan pemisahan bagian-bagian tubuh karakter antara yang sedikit menggunakan gerakan dan yang banyak menggunakan gerakan. dan 20. 20.8).5. perhatikan contoh pada Gambar 20. Gambar: 20.6 Frame obyek tangan 3 Gambar: 20. mengayuh sepeda.6.7.Teknologi Animasi C.7 Frame obyek badan 65 Direktorat Pembinaan SMK (2008) . 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.4 Frame obyek tangan 1 Tinggal mengecek animasi gerakannya dengan menekan Ctrl+ Enter. Sebagai contoh. karakter berbicara.

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

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

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

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

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

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

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

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

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

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

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

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

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->