Sebuah Percobaan Visual Effect Menggunakan After Effect

Ini adalah karya lama saya di dunia visual effect. saya menggunakan beberapa Plugin dari After Effect. Silahkan menikmati cuplikan video berikut ini :)

Pada kesempatan berikutnya saya akan berbagi tutorial cara membuat effect tembakan.

Frame by Frame Animation

Selamat pagi teman-teman semua. akhirnya sekarang kita sampai pada pembahasan teknik animasi frame by frame. pada bab sebelumnya kita sudah membahas motion tween dan shape tween. sekarang mari kita membahas animasi frame by fram. jika kita melihat ke belakang, walt disney pun menggunakan teknik ini. pernah nonton film donal duck atau mickey mouse? itu lah yang disebut dengan teknik animasi frame by frame.

intinya pada teknik ini kita membuat gambar secara manual. di setiap frame memiliki gambar dan gerakan yang berbeda. sebelum kita membahas teknik ini sebaiknya kita mengerti terlebih dahulu apa itu frame per second. karena penting untuk menentukan gerakan pada objek yang kita buat. pada intinya jika kita menggunakan 25fps, atau frame per second adalah dalam satu detik animasi kita, memiliki 25 gambar.

oke, apalagi yang harus kita perlukan? karena kita membuat animasi dengan flash, tentu saja kita sekarang harus membuka halaman Adobe flash. hehe saya sudah membuat contoh animasi sederhana seperti di gambar berikut :

itu adalah animasi menggunakan teknik frame by frame.

langkah pertama, buatlah objek misalnya figur seperti diatas. tekan F7 untuk membuat "Blank Keyframe", atau klik kanan pada timeline kemudian pilih "insert blank keyframe". untuk mempercepat kerja kita sebaiknya menggunakan shortcut "F7". 

langkah berikutnya, untuk mempermudah meniru gambar sebelumnya, flash memiliki fasilitas "onion skin". anda dapat menemukanya pada kelompok time line. lihat gambar berikut:

anda melihat perbedaannya bukan? akan muncul bayangan gambar pada frame sebelumnya seperti ini:

 

sekarang, anda sudah bisa menggambar dari frame satu ke frame yang lainnya. jika anda terganggu dengan bayangannya ada dapat menyesuaikan jumlah frame sebelumnya yang akan kita lihat. lihat gambar berikut ini untuk menyesuaikan bayangan.

sudah selesai pembahasan kita pada episode Frame by Frame Animation ini. sampai jumpa di tulisan berikutnya. semoga bermanfaat :)

Animasi Shape Tween

Dalam episode kali ini, maksudnya dalam pembahasan kali ini saya akan membahas seputar animasi shape tween dengan menggunakan Adobe flash. ya memang kita masih membahas animasi dengan flash, karena ini melanjutkan episode pertama yaitu membuat animasi 2D dengan flash.

udah deh basa basinya, langsung aja. yang disebut dengan animasi motion shape ini adalah perubahan bentuk suatu objek. ya namanya juga shape hehehe. begini misalnya contoh kasus, ada sebuah benda bulat dan berubah menjadi sebuah linkaran seperti gambar di bawah ini.

untuk melihat pergerakannya, klik pada gambar :)
nah kira-kira seperti itu yang disebut motion shape. teknik ini bisa anda terpakan dalam beberpa hal, misalnya anda membuat rumah, gedung, mobil menjadi robot dan segala macam. bagaimana cara membuatnya? mudah sekali di adobe flash sudah tersedia fasilitas motion shape.

seperti pada episode 1, bukalah adobe flash anda dan buatlah sebuah objek, katakanlah sebuah lingkaran. setelah anda membuat sebuah lingkaran lihat time line anda klik kanan kemudian pilih "create motion tween" :

setelah itu pilih frame dimana objek berubah, katakanlah frame ke 25, klik kanan dan pilih "insert keyframe" :

setelah itu hapus objek pada frame ke 25, dan ganti dengan objek yang lain misalnya persegi. untuk melihat hasilnya tekan CTRL+Enter.

misi kita selesai. bagaimana? mudah sekali bukan? berikut contoh lain dari motion shape.

sampai jumpa di episode berikutnya, semoga bermanfaat :)
pada pertemuan berikutnya saya akan membahas tentang frame by frame animation, ini adalah teknik animasi yang di gunakan pertama kali oleh walt disney. bahkan sampai sekarang teknik animasi ini masih digunakan. saya pun masih menggunakannya, hehe. intinya pada teknik ini kita membuat banyak gambar :)

sampai jumpa teman-teman.

Teknik Animasi : Motion Tween

Menyambung pembahasan episode 1. ya episode pertama dari kelas animasi flash ini adalah membahas tentang niat. sekarang mari kita realisasikan niatan anda untuk membuat animasi. ada beberapa teknik dalam animasi. salah satunya yang akan kita bahas di kelas ini adalah teknik motion tween. Di dalam adobe flash sudah memiliki fasilitas motion tween. menurut pemahaman saya motion tween adalah menggerakkan objek tanpa harus merubah bentuk objek tersebut.

kita langsung praktek saja ya. buka halaman flash anda. kemudian buatlah sebuah objek. disini saya membuat pesawat. kemudian lihatlah time line anda, pilih frame pertama layer "pesawat" kemudian klik kanan dan pilih create motion tween/classic tween:

kemudian pergerakan pesawat ini berapa lama? berapa frame? atau berapa detik?
jika disini saya menggunakan 25 frame per secon atau 25 fps maka dan saya akan membuat pesawat ini bergerak selama 3 detik, maka 25x3 = 75.
berarti kita pilih frame ke 75 kemudian klik kanan dan pilih "insert keyframe". setelah masuk frame ke-75 maka pesawat akan berhenti. disini saya akan memberikan contoh pesawat berhenti di frame ke-25. lihat gambar berikut:

apa yang anda lihat?
apakah objek anda sudah bergerak?
jawabannya adalah belum. agar objeknya bergerak, maka anda harus mengubah posisi objek anda. lihat gambar berikut :

setelah anda memindah objek, tekan ctrl+enter untuk melihat hasilnya.
selesai, anda sudah berhasil menggerakkan gambar anda dengan teknik motion tween.

setelah bab ini saya akan menjelaskan teknik animasi dengan motion shape. secara garis besar, teknik ini menjelaskan bagaimana cara mengubah bentuk objek. misalnya kamu ingin sebuah lingkaran berubah menjadi persegi.

sampai jumpa di episode berikutnya :)

Membuat Animasi Dengan Adobe Flash | Episode 1

halo sketcher,

kenapa kamu nyasar kemari? apakah anda mencari jalan, alias cara, atau tutorial membuat animasi dengan adobe flash? kalo memang seperti itu ijinkan saya menjabat tangan anda dan selamat datang di kelas animasi 2D dengan Flash. hehehe bercanda terus dari tadi. udah deh langsung aja, nyambung ke bait berikutnya ya :D

 apa yang anda perlukan untuk membuat animasi?

coba sekarang kita list kebutuhan kita untuk membuat animasi. menurut saya untuk membuat sebuah animasi itu yang di perlukan hanya "NIAT". betul sekali niat adalah modal paling penting dalam pembuatan sebuah animasi. seseorang kalau sudah berniat membuat animasi pasti akan ada dorongan untuk belajar, salah satunya anda sekarang berniat mencari tutorial membuat animasi dengan flash :D

perangkat pendukung dari niat antara laian adalah :

- ide

- kemampuan berimajinasi

- kemampuan menggambar

- kemampuan sofware

dan masih banyak lagi. tapi apakah seribet itu? tentu saja tidak. saya akan memperkenalkan beberapa teknik yang harus anda pahami dalam membuat animasi menggunakan flash. sebelum anda membuat animasi sebaiknya anda membaca 12 prinsip animasi terlebih dahulu. karena ke-12 prinsip itu adalah nyawa untuk gambar - gambar yang anda buat.

saya akan membeberkan beberapa teknik animasi menggunakan flash seperti berikut :

- motion tween animation

- shape tween animation

- frame by frame animation

pembahasan diatas akan di bahas pada episode 2, sampai 3. hihihi kayak sinetron aja :D

sampai jumpa di episode berikutnya  hehe

12 Prinsip Animasi

Barusan jalan-jalan ke websitenya DKV Binus nemu 12 prinsip animasi. tahukah kamu bahwa animasi ternyata juga memiliki prinsip-prinsip yang harus diteladani. saya yakin teman-teman udah pada tau. :) karena prinsip animasi ini membuat karya yang dihasilkan tampak lebih hidup. mungkin bisa juga disebut nyawa dari animasi. hehe

udah langsung aja baca kutipan dari website dkv.binus.ac.id berikut ini :

Ada berbagai macam teori dan pendapat tentang bagaimana seharusnya animasi itu dibuat. Tetapi setidaknya ada 12 prinsip yang harus dipenuhi untuk membuat sebuah animasi yang ‘hidup’. Ke-12 prinsip ini meliputi dasar-dasar gerak, pengaturan waktu, peng-kaya-an visual, sekaligus teknis pembuatan sebuah animasi.

1. Solid Drawing
Menggambar sebagai dasar utama animasi memegang peranan yang signifikan dalam menentukan -baik proses maupun hasil- sebuah animasi, terutama animasi klasik. Seorang animator harus memiliki kepekaan terhadap anatomi, komposisi, berat, keseimbangan, pencahayaan, dan sebagainya yang dapat dilatih melalui serangkaian observasi dan pengamatan, dimana dalam observasi itu salah satu yang harus dilakukan adalah: menggambar.
Meskipun kini peran gambar -yang dihasilkan sketsa manual- sudah bisa digantikan oleh komputer, tetapi dengan pemahaman dasar dari prinsip ‘menggambar’ akan menghasilkan animasi yang lebih ‘peka’.

2. Timing & Spacing
Grim Natwick -seorang animator Disney pernah berkata, “Animasi adalah tentang timing dan spacing”. Timing adalah tentang menentukan waktu kapan sebuah gerakan harus dilakukan, sementara spacing adalah tentang menentukan percepatan dan perlambatan dari bermacam-macam jenis gerak.
Contoh Timing: Menentukan pada detik keberapa sebuah bola yang meluncur kemudian menghantam kaca jendela.
Contoh Spacing: Menentukan kepadatan gambar (yang pada animasi akan berpengaruh pada kecepatan gerak) ketika bola itu sebelum menghantam kaca, tepat menghantam kaca, sesudahnya, atau misalnya ketika bola itu mulai jatuh ke lantai. Spacing (pengaturan kepadatan gambar) akan mempengaruhi kecepatan gerak bola, percepatan dan perlambatannya, sehingga membuat sebuah gerakan lebih realistis.

3. Squash & Stretch
Squash and strecth adalah upaya penambahan efek lentur (plastis) pada objek atau figur sehingga -seolah-olah ‘memuai’ atau ‘menyusut’ sehingga memberikan efek gerak yang lebih hidup. Penerapan squash and stretch pada figur atau benda hidup (misal: manusia, binatang, creatures) akan memberikan ‘enhancement’ sekaligus efek dinamis terhadap gerakan/ action tertentu, sementara pada benda mati (misal: gelas, meja, botol) penerapan squash and stretch akan membuat mereka (benda-benda mati tersebut) tampak atau berlaku seperti benda hidup.
Contoh pada benda mati: Ketika sebuah bola dilemparkan. Pada saat bola menyentuh tanah maka dibuat seolah-olah bola yang semula bentuknya bulat sempurna menjadi sedikit lonjong horizontal, meskipun nyatanya keadaan bola tidak selalu demikian.Hal ini memberikan efek pergerakan yang lebih dinamis dan ‘hidup’.
Contoh pada benda hidup: Sinergi bisep dan trisep pada manusia. Pada saat lengan ditarik (seperti gerakan mengangkat barbel) maka akan terjadi kontraksi pada otot bisep sehingga nampak ‘memuai’, hal inilah yang disebut squash pada animasi. Sedangkan stretch nampak ketika dilakukan gerakan sebaliknya (seperti gerakan menurunkan lengan), bisep akan nampak ‘menyusut’.

4. Anticipation
Anticipation boleh juga dianggap sebagai persiapan/ awalan gerak atau ancang-ancang. Seseorang yang bangkit dari duduk harus membungkukkan badannya terlebih dahulu sebelum benar-benar berdiri. Pada gerakan memukul, sebelum tangan ‘maju’ harus ada gerakan ‘mundur’ dulu. Dan sejenisnya.

5. Slow In and Slow Out
Sama seperti spacing yang berbicara tentang akselerasi dan deselerasi. Slow In dan Slow Out menegaskan kembali bahwa setiap gerakan memiliki percepatan dan perlambatan yang berbeda-beda. Slow in terjadi jika sebuah gerakan diawali secara lambat kemudian menjadi cepat. Slow out terjadi jika sebuah gerakan yang relatif cepat kemudian melambat.
Contoh: Dalam gerakan misalnya mengambil gelas. Tangan akan memiliki kecepatan yang berbeda ketika sedang akan menjamah gelas, dengan ketika sudah menyentuhnya. Ketika tangan masih jauh dari gelas, tangan akan bergerak relatif cepat. Sedangkan ketika tangan sudah mendekati gelas, maka secara refleks tangan akan menurunkan kecepatannya (terjadi perlambatan) atau dalam konteks ini kita menyebutnya slow out.

6. Arcs
Dalam animasi, sistem pergerakan tubuh pada manusia, binatang, atau makhluk hidup lainnya bergerak mengikuti pola/jalur (maya) yang disebut Arcs. Hal ini memungkinkan mereka bergerak secara ‘smooth’ dan lebih realistik, karena pergerakan mereka mengikuti suatu pola yang berbentuk lengkung (termasuk lingkaran, elips, atau parabola). Pola gerak semacam inilah yang tidak dimiliki oleh sistem pergerakan mekanik/ robotik yang cenderung patah-patah.

7. Secondary Action
Secondary action adalah gerakan-gerakan tambahan yang dimaksudkan untuk memperkuat gerakan utama supaya sebuah animasi tampak lebih realistik. Secondary action tidak dimaksudkan untuk menjadi ‘pusat perhatian’ sehingga mengaburkan atau mengalihkan perhatian dari gerakan utama. Kemunculannya lebih berfungsi memberikan emphasize untuk memperkuat gerakan utama.
Contoh: Ketika seseorang sedang berjalan, gerakan utamanya tentu adalah melangkahkan kaki sebagaimana berjalan seharusnya. Tetapi seorang animator bisa menambahkan secondary action untuk memperkuat kesan hidup pada animasinya. Misalnya, sambil berjalan ‘seorang’ figur atau karakter animasi mengayun-ayunkan tangannya atau bersiul-siul. Gerakan mengayun-ayunkan tangan dan bersiul-siul inilah secondary action untuk gerakan berjalan.

8. Follow Through and Overlapping Action
Follow through adalah tentang bagian tubuh tertentu yang tetap bergerak meskipun seseorang telah berhenti bergerak. Misalnya, rambut yang tetap bergerak sesaat setelah berhenti berlari.
Overlapping action secara mudah bisa dianggap sebagai gerakan saling-silang. Maksudnya, adalah serangkaian gerakan yang saling mendahului (overlapping). Pergerakan tangan dan kaki ketika berjalan bisa termasuk didalamnya.

9. Straight Ahead Action and Pose to Pose
Dari sisi resource dan pengerjaan, ada dua cara yang bisa dilakukan untuk membuat animasi.
Yang pertama adalah Straight Ahead Action, yaitu membuat animasi dengan cara seorang animator menggambar satu per satu, frame by frame, dari awal sampai selesai seorang diri. Teknik ini memiliki kelebihan: kualitas gambar yang konsisten karena dikerjakan oleh satu orang saja. Tetapi memiliki kekurangan: waktu pengerjaan yang lama.
Yang kedua adalah Pose to Pose, yaitu pembuatan animasi oleh seorang animator dengan cara menggambar hanya pada keyframe-keyframe tertentu saja, selanjutnya in-between atau interval antar keyframe digambar/ dilanjutkan oleh asisten/ animator lain. Cara yang kedua ini lebih cocok diterapkan dalam industri karena memiliki kelebihan: waktu pengerjaan yang relatif lebih cepat karena melibatkan lebih banyak sumber daya.

10. Staging
Seperti halnya yang dikenal dalam film atau teater, staging dalam animasi juga meliputi bagaimana ‘lingkungan’ dibuat untuk mendukung suasana atau ‘mood’ yang ingin dicapai dalam sebagian atau keseluruhan scene.

11. Appeal
Appeal berkaitan dengan keseluruhan look atau gaya visual dalam animasi. Sebagaimana gambar yang telah menelurkan banyak gaya, animasi (dan ber-animasi) juga memiliki gaya yang sangat beragam. Sebagai contoh, anda tentu bisa mengidentifikasi gaya animasi buatan Jepang dengan hanya melihatnya sekilas. Anda juga bisa melihat ke-khas-an animasi buatan Disney atau Dreamworks. Hal ini karena mereka memiliki appeal atau gaya tertentu.
Ada juga yang berpendapat bahwa appeal adalah tentang penokohan, berkorelasi dengan ‘kharisma’ seorang tokoh atau karakter dalam animasi. Jadi, meskipun tokoh utama dari sebuah animasi adalah monster, demit, siluman atau karakter ‘jelek’ lainnya tetapi tetap bisa appealing.

12. Exaggeration
Exaggeration adalah upaya untuk mendramatisir sebuah animasi dalam bentuk rekayasa gambar yang bersifat hiperbolis. Dibuat untuk menampilkan ekstrimitas ekspresi tertentu, dan lazimnya dibuat secara komedik. Banyak dijumpai di film-film animasi sejenis Tom & Jerry, Donald Duck, Doraemon dan sebagainya.

 Sekarang udah lebih jeaskan bagaimana menghidupkan karakter animasi kita? :) sampai ketemu di tulisan selanjutnya :)

Maxon Cinema 4D

Masih perkenalan seputar software yang sering saya gunakan. kali ini saya akan membahas Maxon Cinema 4D. software ini salah satu dari sekian banyak software 3D. saya lebih suka menggunakan software ini karena menurut saya cinema 4D sangat user friendly, dan ringan di jalankan, terutama di laptop saya  :D

Cinema 4D didistribusikan oleh maxon. versi terakhir software ini adalah Cinema 4D R13. kamu bisa mengunjungi situs Maxon untuk membeli atau mengunduh versi trialnya.

saya biasanya memadukan dua software antara after effect dan cinema 4D untuk mengerjakan sebuah project motion grafis. nanti di sini saya juga akan berbagi pengetahuan saya tentang cinema 4D. jangan khawatir kawan saya akan membeberkan semua ilmu yang saya bisa dan juga plugin-plugin apa saja yang saya gunakan hehe.

sampai jumpa di tulisan yang lain teman-teman.

After Effect | Perkenalan

Pasti kamu sudah tidak asing lagi dengan software ini. Software handal ini diproduksi oleh adobe. ya dialah Adobe After Effect. saya suka menggunakan software ini karena menurut saya sangat powerful. kita dapat menginstal plugin, preset, bahkan kita bisa membuat script sendiri di sini.

saya menggunakan software ini biasanya untuk membuat bumper, animasi, video effect atau coloring video. seri terakhir dari Adobe after effect adalah AE CS 5.5. AE adalah singkatan dari After Effect. anda dapat mengunjungi situs Adobe untuk membeli atau mencoba versi terbarunya. Versi terbaru AE CS 5 ini hanya berjalan di komputer 64bit.

di blog ini saya nanti akan berbagi pengetahuan saya tentang After Effect yang saya ketahui tentunya :)

Aloha Motion Sketcher

halo dunia, :)
salam kenal semua, kenalin nama saya emas didik, biasanya sih orang-orang panggil saya cPod. ini bukan salah satu produk keluaran terbaru dari apple lo :P

oiya.. hobi saya akhir-akhir ini menggambar. saya suka menggambar. apalagi kalo gambarnya bisa bergerak, alias menggerakkan gambar. Teknik ini sudah pasti jelas temen-temen tau lah, yap... animasi. saya suka sekali animasi. sejak kecil saya bercita-cita pengen bekerja di salah satu perusahaan animasi ternama di dunia. Sebut saja PIXAR, Walt Disney, Atau The Foundry hehe semoga aja ya.

Di sini saya akan berbagi pengalaman saya seputar animasi, gambar-menggambar, after effect, video editing dan keluarganya lah. tapi di sini kita sama-sama belajar aja ya, soalnya saya bukan orang yang expert. saya akan berbagi sebatas yang saya tau aja ya :D

oke deh selamat menikmati menu sehat ala cPod

-regard-