on Minggu, 10 Februari 2013

 After Effect Animasi Dasar


Pada dasarnya, prinsip animasi pada After Effect sama dengan software animasi lain. Yaitu menggunakan keyframe. Keyframe adalah sebuah frame dimana terdapat perubahan yang spesifik didalam sebuah animasi. Kalau agan sudah mahir dan menguasai flash, pasti bakal fahim dan gak akan asing dengan yang namanya keyframe ini.


Untuk lebih jelasnya, bisa lihat tuttorial berikut:


1. Buat composition baru: pada menu composition > new composition
     oh ya, setiap akan memulai sebuah proyek, harus membuat composition baru dulu. atur setting Composition. saya mengaturnya seperti ini....



2. Import sebuah gambar dan masukkan/drag ke timeline.


3. Sekarang, pada timeline klik panah layer untuk membuka pengaturan transform. Transform ini adalah pengaturan animasi dasar pada After Effect. Ok, sekarang klik panah pada transform dan akan membuka 5 buah pergerakan. Ada position untuk posisi, scale untuk skala, rotation untuk perputaran, opacity untuk transparansi, dan lain-lain. Selain cara diatas, ada juga cara yang lebih simpel dan mudah untuk memunculkan pengaturan tadi. Caranya tinggal seleksi layer klik tombol T pada keyboard untuk opacity, P untuk position, S untuk scale, dan R untuk rotation.
 

4. Ini intinya. Untuk membuat keyframe, posisikan slider pada timeline agar berada pada detik pertama. Setelah itu, pada effect position, scale, rotation dan opacity klik ikon stopwatch untuk membuat keyframe, Maka pada detik pertama akan muncul titik berwarna kuning yang menandakan keyframe.



5.  kecilkan ukuran gambar kira-kira seperti gambar dibawah.

Untuk mengecilkan gambar, kita bisa menggunakan select tool dan menggeser ujung gambar hingga mengecil mirip di Photoshop, atau mengubah nilai pada scale menjadi lebih kecil. Hal ini berlaku pula untuk position, rotation.

7. Perkecil nilai pada opacity menjadi nol supaya gambar tak terlihat. Untuk merubah nilai, coba drag mouse kesebelah kiri untuk memperkecil. Atau bisa juga dengan mengklik nilai tersebut dan menuliskan nilai secara manual.

8. Ok, sekarang geser slider ke detik 2. Dan perbesar nilai opaciti menjadi 100 agar terlihat jelas. Jangan lupa perbesar skala gambar seperti contoh dibawah.


9. Putar gambar menggungakan rotate tool sesuka anda. Gambar diputar 360 derajat, hingga posisinya seperti asal. Digambar bawah terlihat nilai Rotation 3 x +0.0 pada keyframe 2. sebelumnya pada keyframe 1 nilainya 2 x +0.0.


10. Coba geser slider ke detik pertama dan klik play. Kalau berhasil, kira-kira animasinya sepert ini:



11. Agar akhir animasi tampak dramatis, kita bisa tambahkan optical flares. Flares bisa agan download disini.

12. Masukkan flares ke timeline dan jadikan sebagai background.

13. Posisikian supaya puncak terang/ paling silau flares berada pada detik ke 4 dengan menggeser layer flares ke kanan.

14. Kembali aktifkan layer gambar, dan pada detik ke 4  beri keyframe dengan mengklik add keyframe pada scale dan opacty.

15. Geser slider ke kanan, kira-kira 3 frame dari detik ke 4 dan ubah nilai opacity menjadi nol, dan kecilkan skala gambar mengikuti ukuran flares yang mengecil. Sekarang coba play animasi. Jika berhasil, kurang lebih hasilnya seperti ini:

ADOBE AFTER EFFECTS MEMBUAT ANIMASI PADA TULISAN

After effects adalah sebuah software yang sangat profesional untuk kebutuhan Motion Graphic Design. Dengan perpaduan dari bermacam – macam software Design yang telah ada, After Effects menjadi salah satu software Design yang handal. Standart Effects yang mencapai sekitar 50 macam lebih, yang sangat bisa untuk merubah dan menganimasikan obyek. Disamping itu, membuat animasi dengan After Effects, juga bisa dilakukan dengan hanya mengetikkan beberapa kode script yang biasa disebutExpression untuk menghasil pergerakan yang lebih dinamis.


Berikut ini langkah-langkah dalam membuat animasi tulisan pada Adobe After Effect :
1.      Buat New Project  trus klik tanda untuk membuat lembar kerja baru, atur lembar kerja seperti gambar dibawah ini.

2.      Setelah membuat lembar kerja, klik layer new layer pilih solid untuk membuat background.
3.      Setelah layer background terbentuk ganti warna background sesuai yang Anda inginkan. Contohnya seperti gambar dibawah ini.

4.      Kemudian buat layer teks, seperti membuat layer background, layer->new layer->pilih teks. Lalu tulis teks yang Anda inginkan seperti gambar dibawah ini.


5.      Setelah itu pada layer background beri animation yang Anda inginkan, seperti yang saya buat digambar dibawah ini saya beri animasi pada background .

6.      Setelah animasi diberikan pada background maka hasilnya seperti gambar dibawah ini.

7.      Setelah memberi animasi pada background beri juga animasi pada teks.

8.      Animasi pada teks dapat dilihat pada gambar dibawah ini teks akan menghilang dan timbul kembali.

9.      Untuk melihat hasilnya secara keseluruhan anda dapat menekan tombol play.


Teks berupa animasi  umumnya digunakan pada introduksi atau opening title juga sub title di dalam sebuah video. Salah satu fungsinya untuk mendeskripsikan atau mempresentasikan sebagian atau keseluruhan dari video yang ditayangkan, selain juga tentunya untuk mempercantik.

Walaupun ini termasuk tutorial Animasi dasar dari After Effect, tapi tidak akan terlalu jauh untuk menjelaskan fungsi-fungsi tools beserta cara penggunaan secara mendetail, karena hal itu sudah dibahas di sini
Sebelum memulai, sediakan segelas kopi panas dengan diiringi lantunan musik jika memang diperlukan untuk merilekskan suasana :)

Ok, langsung saja saya mencoba berbagi Langkah - Langkah praktisnya dalam membuat Teks Animasi di Adobe After Effect

1. Buka Program / Aplikasi After Effectnya di Laptop atau PC anda, bro.

2. Lalu buat composition baru, dengan mengklik icon “New Composition” seperti terlihat pada gambar di bawah :
composite

3. Untuk memudahkan dalam pengingatan nantinya, Anda bisa mengganti “Composition Name” dengan nama sesuai proyek.
composite name

4. Jika Anda kesulitan menempatkan keserasian dan keseimbangan teks, Anda bisa menggunakan Title / Action Safe sebagai alat bantunya, seperti terlihat pada gambar di bawah :
title action safe

5. Setelah itu, klik Teks Tool, dan tuliskan teks yang diinginkan, atur juga seperti tipe teks yang dipakai dan ukuran huruf beserta perpaduan warnanya.
Sebagai contoh, di sini saya menggunakan teks “ILMUGRAFIS.COM SEMOGA BERMANFAAT”
teks tool after effect
Silakan buat tulisan / teks sesuai yang Anda mau, jangan terpatok dengan yang ada di tutorial

6. Setelah hal itu dilakukan, tibalah kita pada bagian membuat efek animasinya yaitu dengan menggunakan fasilitas “Effects  dan Presents” yang berada di Pallete (sebelah kanan),  kemudian pada bagian Contain ketik “decorder”
decorder

Nanti akan muncul “Decorder Fade In.” Silakan drag “Decorder Fade In” ke kiri menuju ke bagian layer text, seperti terlihat pada gambar di bawah ini :
decoder fade

7. Setelah itu, bisa langsung dilihat (direview) hasilnya dengan mengklik tombol “Play” Pada Time Controls, atau juga menggeser indicator di bagian timeline ke kanan.
timeline

8. Langkah terakhir, setelah yakin dengan hasil karya Anda, maka sekarang kita sampai ke tahap me-render (finishing), caranya dengan klik Composition > Make Movie… yang berada di Tool Bar lalu klik “Render”
render animasi

9. Tunggu sampai proses render selesai, sambil menunggu, kopinya disruput lagi gan sebelum keburu dingin :)
Nah, ini dia hasil akhirnya yang sudah ditambahkan ini dan itu, gan

Hasilnya :

Teks Animasi dengan After Effect http://www.youtube.com/watch?v=_lTvzRIzs_c

Karena ini hanya membahas Membuat Animasi teks dasar saja, maka untuk memberikan suara, efek, dan pernak pernik lainnya mungkin kawan-kawan lainnya akan membantu, atau nanti kalau banyak waktu luang  dan ada umur panjang selanjutnya ane akan share lagi. Silahkan Anda inovasikan sendiri sesuai dengan selera dan imajinasi Anda yang ane yakin akan lebih dahsyat lagi daripada ini.
Semoga bermanfaat dan terima kasih