Membuat Gambar Animasi Profil Dengan CrazyTalk Animator

DaftarIsiBerikut adalah berbagai bahasan dari panduan mengenal CrazyTalk Animator dan pembuatangambar animasi profil pendidik dengan CrazyTalk Animator

Seri Panduan E-learning – Membuat Gambar Animasi Profil Pendidik ... 1

Mengenal CrazyTalk Animator .................................................................................................1

Mengenal Tampilan CrazyTalk Animator .................................................................................2

Menyisipkan aktor....................................................................................................................3

Mengganti Bagian Kepala Aktor...............................................................................................4

Menyimpan Karakter Aktor......................................................................................................7

Menambahkan Animasi Pada Aktor.........................................................................................8

Pengaturan Project Setting ......................................................................................................9

Menyimpan Aktor Menjadi Gambar Bergerak (.gif) ..............................................................10

Menyisipkan Gambar Animasi Pada Slide PowerPoint ..........................................................11

MembuatGambarAnimasiProfilPendidikDenganCrazyTalkAnimatorPipeline2

Di buat oleh : Andy Hermawan, S.Pd – www.pamongdidik.comCrazyTalk Animator adalah salah satu aplikasi pengolah gambar 2D yang bisa digunakanuntuk pembuatan animasi 3D dari Reallusion.

Dengan menggunakan aplikasi ini, pendidik akan dimudahkan dalam membuat berbagaigambar animasi seperti halnya karakter pendidik itu sendiri dalam wujud animasikarakternya..

Kenalilah aplikasi animator ini, sehingga bermanfaat untuk kita dalam melakukan prosespembelajaran dengan mencapai hasil yang memuaskan.

Seri Panduan E-learning – Membuat Gambar Animasi Profil PendidikMengenal CrazyTalk AnimatorCrazyTalk Animator adalah sebuah aplikasi revolusioner dalam dunia animasi yang akanmemudahkan kita memasuki dunia animator layaknya profesional. Animator tool yang bisadigunakan oleh para pendidik guna membuat sebuah konten interaktif guna menunjang prosespembelajaran. Dengan menggunakan CrazyTalk Animator ini, para pendidik bisa membuat salahsatu jenis gambar animasi yang bisa dipergunakan kedalam media presentasi pembelajarannya,hanya dengan menggunakan gambar 2 dimensi, kita bisa menjadikannya lebih hidup seperti 3dimensi.

Tertarik untuk mencobanya? Mari simak seri panduan e-learning berikut ini…

Membuat Gambar Animasi Profil Pendidik Dengan CrazyTalk Animator 2

www.pamongdidik.com Andy Hermawan, S.Pd

Mengenal Tampilan CrazyTalk Animator1. Menjalankan CrazyTalk Animator

Klik kiri dua kali pada bagian shortcut CTA atau bisa juga dengan cara klik kanan pada bagianicon tersebut > open.

Setelah ikon diklik, maka kita akan dihadapkan dengan bagian layar utama dari aplikasi animator ini.Mari kita mengenal 9 tampilan utamanya sebagaimana gambar yang ditampilkan diatas :

NO. NAMA DESKRIPSI

1 Main Menu Main menu adalah berbagai kumpulan perintah dari toolyang disediakan oleh CrazyTalk Animator.

2 Project Tool BarTombol untuk menyimpan, membuka atau membuatprojek baru hingga melihat tampilan projek sertamelakukan eksportnya ada dibagian project tool bar.

3 General Tool BarBar ini berisi undo/redo, memilih karakter atau objekhingga menggabungkan props serta duplikasi karakter /objek dan lain sebagainya yang berhubungan dengankarakter yang kita buat.

4 Camera Tool Bar

Tool bar yang berisikan pengaturan pada tampilan hasilkerja kita, berpindah antara tampilan standar ke tampilanmode kamera serta melakukan zoom / perbesaran gambarbiasa atau 3D.

5 Property Tool BarBerisi berbagai property tools seperti transformingactors, props, sprites atau effects untuk ditampilkansecara 2D atau 3D



NO. NAMA DESKRIPSI

6 Functional Tool Bar

Bar vertikal pada bagian sisi kiri ini berisi hal-hal yangpenting seperti pengaturan Actor Composer Mode danjuga Props Composer Mode. Bahkan pada bagian bar initerdapat pengaturan lainnya yang berguna untukpengolahan animasi kita.

7 Preview Window(Working Area)

Pada bagian inilah area kerja dari semua objek yang kitamasukkan. Dengan tampilan yang kita atur pada bagiancamera mode akan menjadi lebih bagus lagi.

8 Content Manager& Scene Manager

Melakukan perubahan atau bahkan penyisipan objek barudan scene terdapat pada bagian bar ini.

9 Play BarArea dimana kita bisa melakukan pemutaran dari hasilanimasi yang telah kita buat baik itu audio, video bahkanpengaturan penyisipan dan pengeditannya pun ada disini.Menyisipkan aktor

Untuk langkah ini kita akan menyisipkan salah satu aktor yang nantinya akan kita ganti bagiankepalanya dengan potongan kepala kita sendiri, hal ini tentunya akan sangat menarik ketika kitamampu menampilkan diri kita sebagai pengajar secara virtual didalam media presentasipembelajaran yang kita buat.

Melakukan penyisipan aktor dengan aplikasi CTA ini silahkan perhatikan langkah-langkah berikut ini:1. Klik “Actor” seperti pada bagian gambar (Actor) terletak secara vertikal dibagian “Content

Manager”.2. Pada bagian “Actor Template” silahkan pilih “Character” yang diinginkan, dalam hal ini kita akan

menyisipkan karakter G1 dengan nama “Mr. Rosenberg”



3. Klik dua kali pada bagian gambar “Mr. Rosenberg” sehingga muncul gambarnya di area kerjakita.

4. Selain melakukan klik 2 kali, kita pun bisa melakukan “click and drag” (klik dan tahan) untukmemasukkan gambar “Mr. Rosenberg” ke area kerja, atau juga bisa menggesernya ditempatyang kita inginkan.

Sebagai catatan : Untuk penggunaan karakter aktor ini akan berbeda disetiap jenis karakter yangkita masukkan, perbedaan antar karakter G1 / G2 terletak pada bagian pose aktor pada bagian suduttampilannya. Silahkan perhatikan perbedaannya dibawah ini :

Karakter aktor “G1” hanya memiliki satutampilan perspektif.

Sedangkan, aktor “G2” memiliki 10 jenistampilan pada berbagai perspektif.Mengganti Bagian Kepala Aktor

Kita lanjutkan kebagian dimana kita akan melakukan pergantian kepala aktor yangtelah kita masukkan sebelumnya (“Mr. Rosenberg”) dengan kepala kita yangterlebih dahulu harus kita persiapkan adalah perpotongan gambar bagian kepaladengan format transparan pada bagian sisinya, bisa disimpan perpotongan

gambarnya dengan format .png setelah dilakukan perpotongan baik menggunakanaplikasi Adobe Photoshop, atau lainnya.

1. Klik pada bagian “Create Face” untuk melakukan perubahan pada bagian wajah.

2. Setelah itu akan muncul jendela baru “Open File” untuk memilih bagian wajah mana yang akankita gunakan.



3. Akan muncul jendela baru lagi “Image Processing” yang berguna untuk melakukan pengaturanseperti pemotongan area gambar, rotasi hingga mirroring gambar dan pengaturan warna darigambar, kalau sudah dilakukan pengaturan langsung klik “Next” untuk melanjutkan.

4. Setelah “Next” maka akan muncul jendela baru “Auto-Fit AnchorPoint”, maka aturlah bagian dari poin-poin yang muncul (1, 2, 3,& 4) seperti pada contoh berikut; perlu diperhatikan bahwasanyapoin diletakkan dibagian sudut mata (1 & 2) dan sudut mulut (3 &4). Lalu klik “Next”

5. Kemudian, aturlah kembagi bagian dari poin-poin berikut sesuai dengan bagian dariperpotongan wajah yang digunakan. Lakukan pengecekan dan klik “Next” ketika telah selesai.



6. Pengaturan “Face Orientation”, dalam hal ini kita akanmelakukan pengaturan untuk bagian wajah. Sepertipengaturan pada bagian hidung dan perputaran wajah.Caranya tinggal lakukan click & drag pada bagian garisbiru dan lakukan perubahan pada bagian “Face Style”serta “Strength” untuk memancungkan bagian hidung.

7. Setelah berbagai tahapan tadi, akan muncul kotakdialog baru yang akan menanyakan tentang apakah kitabenar-benar yakin untuk melakukan perubahan padabagian kepala dari aktor? Klik “YES” saja untukmelakukan perubahannya.

8. Selanjutnya kita akan secara otomatis masuk pada bagian “Composer Mode” untuk melakukanpengaturan pada bagian kepala yang telah kita masukkan sebelumnya. Aturlah sehingga bagiankepala yang kita ganti ini menjadi lebih proporsional dengan bagian badannya.

Gambar karakter sebelum dilakukanpengaturan pada bagian poin dan

ketidaksesuaian dari ukuran kepala

Lakukan pengaturan hingga bagian ukurankepala sudah benar-benar pas dan sesuai

karakter aslinya.

9. Setelah dilakukan pengaturan dan dirasa sudah benar-benar sesuai, langkah selanjutnya adalahklik “Back to stage” untuk keluar dari tampilan “Composer Mode”.

10. Dan karakter aktor yang telah kita buat telah siap untuk diberikan animasi.

Mari kita ketahapan tutorial selanjutnya…



Untuk memberikan animasi pada bagian objek karakter dari aktor yang telah kita buat sebelumnyaalangkah baiknya kita simpan dulu karakter kita ini sehingga ketika nanti kita akan menggunakannyabisa dengan cepat langsung ditambahkan tanpa melakukan pengaturan seperti pada bagian awaltadi.

Menyimpan Karakter AktorMenyimpan karakter dari aktor yang telah kita buat merupakan sebuah kemudahan yang kitalakukan ketika kita akan menggunakan aktor tersebut untuk keperluan yang lain.

Caranya adalah sebagai berikut :1. Klik pada aktor yang ingin kita simpan2. Klik pada tanda “+” untuk menambahkan aktor tersebut3. Pada bagian “Custom” > “Character” dari aktor yang akan kita simpan secara otomatis

masuk kebagian tersebut.4. Dan berilah nama dari aktor tersebut.5. Untuk menggunakannya di projek yang lain kita tinggal berpindah kebagian “Actor” pilih

“Custom” lalu pilih “karakter aktor” yang diinginkan dan klik 2 kali / click & drag pada aktortersebut.



Menambahkan Animasi Pada AktorUntuk menambahkan animasi profil pada aktor yang telah kita buat hendaknya disesuaikan denganjenis media pembelajaran yang akan kita gunakan, sebagai catatan saya yah… setidaknya janganterlalu lebai dengan memasukkan semua jenis animasi yang tersedia, karena selain akanmenimbulkan kelucuan yang tidak berarti bahkan kehilangan fokus pada perhatian dari mediapembelajaran yang kita buat akan terjadi.

Untuk menambahkan animasi pada aktor, silahkan perhatikan tutorial berikut ini :1. Klik terlebih dahulu pada bagian aktor, lalu carilah “Puppet Editor” dibagian panel kiri

“Functional Tool Bar”.

2. Setelah kita masuk ke bagian “Puppet Editor” maka tinggal pilih saja bagian animasi yangdiinginkan untuk ditambahkan pada aktor.

3. Sebagai pengaturannya, bisa dilihat keterangan berikut :1) Untuk “Body/Animation Profile” pilih “Base Motion” untuk pengaturan pergerakan

secara keseluruhan anggota tubuh aktor.2) “Animation” pada jenis animasi ini ada 4 (empat) pilihan seperti Idle, Mood, Move dan

Talk dengan berbagai pilihan jenis animasi didalamnya.



3) Untuk melihat tampilan animasi yang dipilih kita tinggal melakukan klik pada ikon mata“Preview” lalu tekan tombol “space” (spasi) pada bagian keyboard untuk memulai danmenghentikannya.

4) Begitupun ketika ingin merekam / “Record” dari animasi yang ingin kita masukkan, tekantombol “space” (spasi) pada keyboard setelah animasinya dipilih. Perhatikan gambardibawah ini :

4. Lakukan hal yang serupa untuk menambahkan berbagai jenis animasi pada karakter aktor yangkita ingin gunakan.

Pengaturan Project Setting



Untuk melakukan pengaturan frame/time untuk animasi yang kita buat silahkan ikuti cara berikutini :1. Klik pada nomor (1) setelah itu akan muncul jendela baru “Project Setting”;2. Lakukan pengaturan untuk jumlah frame seperti contoh nomor (2), disini terdapat 70 frame yang

akan saya gunakan untuk animasi aktor tersebut;3. Untuk menambahkan background gambar silahkan klik pada bagian nomor (3), background bisa

berupa warna/gambar lainnya.4. Adapun untuk menyisipkan video sebagai latar pun bisa dilakukan seperti nomor (4)5. Kalau sudah selesai melakukan pengaturan, klik nomor (5) untuk menutup jendela “Project

Setting” dan kembali ke layar utama kerja kita.

Menyimpan Aktor Menjadi Gambar Bergerak (.gif)Dan sampailah kita ketahapan akhir untuk menyimpan aktor menjadi format gambar bergerak yaitugambar yang memiliki ekstensi .gif. untuk melakukan kegiatan akhir ini silahkan ikuti tutorial berikutini :1. Klik “Render” pada bagian menu dan akan muncul submenu tambahan yang akan kita klik yaitu

“Render Image”

2. Selanjutnya akan muncul jendela baru, untuk pengaturannya kembali lihat tampilan berikut :



3. Untuk berbagai pengaturan “Render Settings” akan dijelaskan lebih lanjut berikut ini :1) Untuk menghasilkan format gambar animasi silahkan pilih format “GIF”;2) Pada ukuran “Frame Size” kita tentukan berapakah tinggi dan lebar dari objek tersebut,

pastikan tidak terlalu kecil atau bahkan terlalu besar, dan ukuran disini adalah satuan pixel;3) Untuk ukuran “Output Size” pastikan tanda “” dibagian “Lock Ratio” untuk menghindari

objek akhir yang tidak sempurna tampilannya;4) Pada bagian “Export Range” ini kita sesuaikan dengan pengaturan pada bagian “Project

Setting” sebelumnya untuk ukuran framenya, bisa kita atur all untuk seluruh bagian frame,namun sebelumnya pastikan tidak ada lagi bagian frame yang tidak terpakai. Kita pun bisamengatur pada bagian frame manakah yang akan ditampilkan.

5) “Looping Options” disini adalah pengulangan dari objek animasi yang ditampilkan, “Once”untuk ditampilkan satu kali saja, “Forever” untuk ditampilkan pengulangannya secara terus-menerus, dan “Set Loop Count” untuk mengatur berapa kali tampilannya.

6) Pada bagian “Transparency”, bisa kita atur untuk bagian-bagian yang ingin ditransparankanseperti bagian background hingga objek lainnya. Sehingga tidak muncul “bentuk kotak” dariobjek animasi yang kita buat.

7) Setelah pengaturan-pengaturan tersebut, silahkan klik “Export Image” pada bagian nomortujuh (7), dan simpanlah hasil gambar animasi tersebut ditempat yang kita inginkan. Makagambar animasi profil yang telah kita buat telah selesai.

Menyisipkan Gambar Animasi Pada Slide PowerPointKarena pembuatan gambar animasi telah selesai kita lakukan, tinggal kita menyisipkannya padabagian slide powerpoint yang telah kita buat sebagai media presentasi pembelajaran.1. Bukalah slide media presentasi pembelajaran yang kita buat.2. Lakukan langkah-langkah seperti berikut ini :

1) Klik pada menu “Insert” untuk menyisipkan gambar;2) Klik lagi pada bagian “Pictures” ;



3) Setelah jendela baru “Insert Pictures” terbuka, carilah dimana gambar kita tersimpan;4) Kalau gambar sudah dipilih langkah selanjutnya tinggal klik pada bagian “Insert”

3. Dan untuk menampilkan gambar animasi ini bergerak, mari kita berpindah kebagian menu“Slideshow” “From Beginning” atau bisa juga dengan “From Current Slide”

Maka selesailah sudah proses pembuatan gambar animasi profil kita yang bisa digunakan untukpelengkap media presentasi pembelajaran, selamat mencoba dan semoga bermanfaat untukmeningkatkan kualitas bahan ajar interaktif kita.

Salam Pendidik, Salam PamongDidik.

About Author;

Name : Andy Hermawan

Phone : 0812 500 180 33Email : [email protected] / [email protected] : www.andyhermawan.com / www.pamongdidik.comFacebook : www.facebook.com/zonamerah

Documents

Membuat Gambar Animasi Profil Dengan CrazyTalk Animator