Aplikasi animasi 2D (Contoh Shape, Motion Shape, Motion Tween, Motion Guide dan Masking)

APLIKASI ANIMASI 2D

Beberapa aplikasi yang dapat digunakan untuk membuat animasi 2 dimensi di antaranya sebagai berikut.

1. Adobe Flash

Merupakan software terbaik untuk membuat gambar bergerak 2D. Untuk saat ini sudah berganti menjadi Adobe Animated.

2. Anime Studio

Dirancang untuk menggambar dan membuat video anime.

3. Synfig Studio

4. Scratch

5. Toon Boom


ANIMASI SHAPE

Berikut diuraikan beberapa hal terkait animasi shape.

1. Animasi Frame by Frame

Langkah untuk membuat animasi fame by frame diuraikan sebagai berikut.

a. Buka aplikasi Adobe Animated CC 2018, pilih pada bagian Action Scrib 3.0.

 

                                        Gambar Halaman Depan Adobe CC

                                                        Sumber: Siswati

 

b. Atur ukuran layar sesuai kebutuhan pada area Properties. Jika tidak

menginginkannya dapat menggunakan ukuran standar yang sudah disediakan

oleh Adobe Animated. Tampilannya akan terlihat seperti berikut.

 

                                          Gambar Area Kerja Adobe CC

                                                     Sumber: Siswati

 

c. Buat objek berupa segi empat pada layer 1 frame 1.

 

                                               Gambar Objek di Frame 1

                                                       Sumber: Siswati

 

d. Pada layer 1 frame 2, beri keyframe dengan cara klik kanan mouse pada frame 2, pilih Insert Keyframe.

 

                                                Gambar Insert Keyframe

                                                       Sumber: Siswati

 

e. Pada layar, geser objek segi empat ke posisi baru dan ubah ukurannya menjadi

agak besar dengan memanfaatkan fasilitas Free Transform Tool.

 

                                                Gambar Posisi Objek Baru

                                                       Sumber: Siswati

 

f. Lakukan proses yang sama sampai di frame ke-8.

g. Untuk melihat hasil animasi, tekan tombol Enter atau kombinasi tombol Ctrl

+ Enter.


ANIMASI MOTION SHAPE

Animasi motion shape digunakan untuk animasi perubahan bentuk. Langkah untukmembuat animasi motion shape diuraikan sebagai berikut.

1. Buka area kerja Adobe Animated CC 2018.

2. Pada layer 1 frame 1, buat objek berupa segi empat.

                                                    Gambar Objek di Frame 1

                                                            Sumber: Siswati

3. Pada layer 1 frame 30, beri Keyframe.

                                                Gambar Insert Keyframe

                                                        Sumber: Siswati

4. Pindah objek segi empat pada pojok kanan atas layar.

                                                    Gambar Posisi Objek Baru

                                                            Sumber: Siswati

5. Pada area kosong antara frame 1 dan frame 30, klik kanan mouse pilih Create Shape

Tween.

                                        Gambar Pilihan Create Motion Tween

                                                           Sumber: Siswati

6. Akan muncul tanda panah pada layer 1 antara frame 1 sampai dengan frame 30.

                                      Gambar Tanda Motion Tween pada Frame

                                                            Sumber: Siswati

7. Jalankan hasil animasi dengan menekan tombol Enter atau kombinasi tombol Ctrl

+ Enter.

8. Pada frame yang ke-30 dapat juga diubah bentuk objeknya dengan objek yang baru,

misalnya bentuk lingkaran, bintang, atau yang lain.


ANIMASI MOTION TWEEN

Animasi motion tween digunakan untuk membuat gerakan perubahan posisi objek. Hal

yang perlu diperhatikan adalah animasi motion tween tidak digunakan untuk perubahan

bentuk objek. Untuk membuat animasi motion tween, langkah-langkahnya diuraikan

sebagai berikut.

1. Buka area kerja Adobe Animated.

2. Buat objek berupa lingkaran atau bentuk lainnya. Posisikan objek pada pojok kiri

kanvas.

                                                   Gambar Posisi Awal Objek

                                                            Sumber: Siswati

3. Pilih tombol Selection Tool, kemudian klik pada objek lingkaran yang dibuat.

                                                Gambar Objek Terseleksi

                                                        Sumber: Siswati

4. Pada layer 1, klik kanan pada angka 30 atau dapat juga pada frame lain sesuai yang

diinginkan, pilih Frame.

                                                    Gambar Insert Frame

                                                        Sumber: Siswati

5. Pada frame antara 1 dan 30 klik kanan, kemudian pilih Create Motion Tween.

                                          Gambar Pilihan Create Motion Tween

                                                            Sumber: Siswati

6. Klik kiri pada frame 5 dan kemudian pindah objek ke pojok kiri bawah.

                                                Gambar Posisi Objek Baru

                                                         Sumber: Siswati

7. Kemudian lakukan langkah tersebut pada frame yang diinginkan dan pindah objek

sesuai keinginan. Pada contoh perpindahan objek dilakukan pada frame kelipatan 5.

                                          Gambar Posisi Objek di Tempat Baru

                                                        Sumber: Siswati

8. Tekan tombol Enter pada keyboard untuk melihat hasil. Dapat juga menggunakan

Test Movie, tekan tombol Ctrl + Enter, atau klik Test Movie dan pilih In Animate.

                                                    Gambar  Tes Movie

                                                        Sumber: Siswati


ANIMASI MOTION GUIDE

Langkah pembuatan animasi motion guide diuraikan sebagai berikut.

1. Buka area kerja Adobe Animated.

2. Buat 2 layer dan beri nama sesuai kebutuhan. Misalnya layer 1 diganti nama menjadi

bola. Layer 2 diganti nama menjadi garis. Untuk mengganti nama layer dapat

dilakukan dengan klik 2x pada layer yang akan diganti nama layernya.

3. Buat sebuah objek lingkaran pada frame 1 layer “bola” dan objek garis pada layer

“garis”. Untuk membuat garis dapat menggunakan Pen/Pencil Tool.

                                      Gambar Objek Berbentuk Bola dan Garis

                                                        Sumber: Siswati

4. Pada frame 15 layer “garis”, klik kanan kemudian pilih Insert Frame dan pada frame

15 layer “bola” pilih Insert Keyframe.

                                                    Gambar Insert Frame

                                                        Sumber: Siswati

                                                    Gambar Insert Keyframe

                                                            Sumber: Siswati

5. Kemudian pada frame 15 layer “bola”, pindahkan objek bola ke bagian ujung akhir

garis (frame = 1 frame = 15).

                                            Gambar Posisi Baru Objek Bola

                                                        Sumber: Siswati

6. Klik kanan pada layer “garis”, pilih Guide/Add Classic Motion Guide.

                                     Gambar Pemberian Guide pada Layer Garis

                                                        Sumber: Siswati

7. Copy garis pada layer “garis”, klik Layer Guide “garis”, lalu klik kanan di area editor.

Pilih Paste in Place.

                                            Gambar Pemberian Paste in Place

                                                            Sumber: Siswati

8. Pada layer “bola”, klik kanan pada frame antara keyframe 1 dan 15 pilih Create Classic Tween.

                                            Gambar Pemberian Classic Tween

                                                         Sumber: Siswati

9. Pindahkan layer bola ke sub layer Guide “garis” dengan cara menggeser layer “bola”

sedikit ke kanan.

                                            Gambar Posisi Baru Objek Bola

                                                        Sumber: Siswati

10. Jalankan animasi dengan memilih menu Control kemudian pilih Test Movie (Ctrl

+ Enter).

 

ANIMASI MASKING

Langkah untuk membuat animasi masking diuraikan sebagai berikut.

1. Buka area kerja Adobe Animated.

2. Buatlah objek tulisan menggunakan Text Tool. Misalnya “INDONESIA RAYA”. Teks

diberi warna hitam dan ukuran diganti menjadi 50.

                                                Gambar Pembuatan Teks

                                                        Sumber: Siswati

3. Pada frame 30, klik kanan Insert Frame.

                                                    Gambar Insert Frame

                                                        Sumber: Siswati

4. Buatlah layer baru, penamaan layer dapat menyesuaikan keinginan.

5. Pada layer 2 di frame 1, masukkan objek berbentuk kotak. Untuk membuatnya

dapat meggunakan Rectangle Tool. Letakkan objek kotak tersebut sebelum teks

“INDONESIA RAYA”.

                                            Gambar Pemberian Objek Kotak

                                                        Sumber: Siswati

6. Pada layer 2, klik kanan pada frame 30, kemudian pilih Insert Frame.

7. Pada layer 2, klik kanan pada frame 30, pilih Create Motion Tween.

                                      Gambar Pemberian Create Motion Tween

                                                           Sumber: Siswati

8. Pindahkan objek kotak pada posisi setelah teks “INDONESIA RAYA”.

                                            Gambar Posisi Baru Objek Kotak

                                                        Sumber: Siswati

9. Pada layer 2, klik kanan kemudian pilih Mask.

                                                Gambar Pemberian Mask

                                                        Sumber: Siswati

10. Untuk melihat hasil, tekan Enter atau kombinasi Crtl + Enter.


         Thanks buat yang udah baca, kurang lebihnya mohon maaf, saya syahna pamit undur diri, fī amānillah.