CGRAFIS: Tutorial Belajar Animasi dan 3D
  • Home
  • Megamenu
    • Travel
    • Lifestyle
    • Fashion
    • Beauty
  • Travel
    • Travel
  • Features
    • Left Sidebar Post
    • Fullwidth Post
    • Right Sidebar Post
  • Blog
  • Download

Home videografi Tuttorial After Effect: Animasi Dasar

Tuttorial After Effect: Animasi Dasar

Tedi 9:39 AM 31

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:



Tags: program teknik tutorial Tuttorial After Effect umum videografi
Share:

31 comments :

  1. AnonymousApril 7, 2012 at 9:46 PM

    Salam dari kami keluarga besar pesantren Darunnajah 14…


    Kunjungi website kami http://www.nurul-ilmi.com

    ReplyDelete
    Replies
    1. RozikinApril 27, 2014 at 9:36 PM

      mantep sob thanks untuk tutorialnya

      Delete
      Replies
        Reply
    2. Reply
  2. TediMay 23, 2012 at 8:15 AM

    salam kenal juga mas...
    terimakasih kunjungannya.

    ReplyDelete
    Replies
      Reply
  3. AnonymousSeptember 17, 2012 at 3:46 PM

    numpang belajar ya
    mampir ke sofyanhakim.blogspot.com
    alamienaqiqah.blogspot.com

    ReplyDelete
    Replies
      Reply
  4. UnknownNovember 23, 2012 at 6:58 PM

    Gan, Ane Minta Tolong donk.
    Bisa Gk Agan Bikin Tutorial teleport effect dengan adobe after effect 7

    ReplyDelete
    Replies
    1. TediNovember 25, 2012 at 9:45 AM

      entar ane coba dulu deh gan, soalnya tutorialnya bakalan panjang . . .

      utk skarang, ane bikin beberapa tutorial tentang mograph dulu, soalnya bikin efek teleport belum spenuhnya ane kuasai . . . mkasih support ny kang . . . :-)

      Delete
      Replies
        Reply
    2. Reply
  5. ddycreativeJanuary 7, 2013 at 7:19 PM

    mohon ijin, tutorialnya saya praktekan sendiri.

    ReplyDelete
    Replies
      Reply
  6. Fitrian NuariJanuary 12, 2013 at 2:20 PM

    Mas, ini adobe after effect berapa? Dan yang bisa di pake untuk 32-bit yg versi berapa aja?

    ReplyDelete
    Replies
    1. TediJanuary 13, 2013 at 10:37 AM

      Ini After Effect 7.0 gan , , ,
      sya pernah coba After Effect 6.5, 7.0 dan CS3 dan semuanya mendukung 32-bit. untuk versi lain mah saya kurang tahu coz blom coba . . .

      CMIWW . . .

      Delete
      Replies
        Reply
    2. Reply
  7. PRESTIAN_FMarch 5, 2013 at 3:50 PM

    Kalo buat menghilangkan background dari video yg kita import gimana yah?
    jadi transparant..

    Thx

    ReplyDelete
    Replies
    1. TediMarch 6, 2013 at 7:52 AM

      trgantung tipe videonya neng . . .
      kalo video kamera, bisa pake teknik keying, masking dan lain-lain. paling mudah pakai teknik keying, asal bg nya wrna hijau atau biru, disesuaikan dengan objek sja.
      tutorial keying, coba cek disini:
      http://www.videocopilot.net/tutorials/basic_color_keying

      kalo videonya di import dri aplikasi 3d (misalnya 3DS Max), pas rendering pastikan file videonya mendukung alpha chanel. misalnya .mov, .tif dll.

      moga mmbantu . . .

      Delete
      Replies
        Reply
    2. AntonMay 7, 2014 at 8:33 PM

      Akhirnya nemu juga website ini...
      saatnya belajar.

      Delete
      Replies
        Reply
    3. Reply
  8. supriantoAugust 7, 2013 at 11:17 PM

    sip Mas tutornya, sangat membantu saya yang masih pemula untuk belajar

    ReplyDelete
    Replies
      Reply
  9. AnonymousSeptember 18, 2013 at 9:18 PM

    hebat!!! hebat kerana mahu berbagi ilmu

    ReplyDelete
    Replies
      Reply
  10. Kang RianOctober 3, 2013 at 7:53 PM

    sangat membantu mass .. terima kasih yah ..

    ReplyDelete
    Replies
      Reply
  11. fattahOctober 12, 2013 at 8:05 AM

    sangattt membantu saya thanks a lot gan :)

    ReplyDelete
    Replies
      Reply
  12. mainan anakAugust 13, 2014 at 7:24 AM

    pada step 12 kebawah juga masih kurang penjelasan dengan gambar nya untuk pemula.

    ReplyDelete
    Replies
      Reply
  13. Indo CheatkuSeptember 21, 2014 at 9:38 AM

    Aku Maish Bingung Nih Bang Agak Ga jelas

    ReplyDelete
    Replies
      Reply
  14. UnknownOctober 6, 2014 at 8:16 PM

    Lanjutkan brooo

    ReplyDelete
    Replies
      Reply
  15. AnonymousNovember 24, 2014 at 8:39 PM

    keren Njirr >.<

    ReplyDelete
    Replies
      Reply
  16. UnknownMay 22, 2015 at 12:19 AM

    Trimakasiiiihhh!!!!

    ReplyDelete
    Replies
      Reply
  17. subexAugust 28, 2015 at 10:09 AM

    cara save buat jadi gif gimana gan ??

    ReplyDelete
    Replies
      Reply
  18. UnknownNovember 13, 2015 at 10:28 AM

    Cakep yutorial nya mas, sangat membantu

    ReplyDelete
    Replies
      Reply
  19. Ranah MinangJanuary 30, 2016 at 12:02 PM

    ijin sedot gan,,,,

    ReplyDelete
    Replies
      Reply
  20. UnknownApril 2, 2016 at 12:11 PM

    sukron!!

    ReplyDelete
    Replies
      Reply
  21. UnknownAugust 2, 2016 at 2:17 PM

    makasih gan tutornya bermafaat

    ReplyDelete
    Replies
      Reply
  22. Jasa Pembuatan WebsiteAugust 3, 2016 at 8:53 PM

    wah berguna banget informasinya

    ReplyDelete
    Replies
      Reply
  23. Ismail Ashari SambaraOctober 24, 2016 at 4:42 PM

    Ijin copas Kak

    ReplyDelete
    Replies
      Reply
  24. Dhoiku YoutubeJanuary 7, 2017 at 9:27 PM

    Terimakasih atas tutorialnya bro

    ReplyDelete
    Replies
      Reply
  25. UnknownJuly 22, 2017 at 10:10 PM

    Terimakasih, sangat membantu

    ReplyDelete
    Replies
      Reply
  26. UnknownFebruary 20, 2018 at 6:31 PM

    Gan tolong buat tutorial cara buat transisi seperti on the spot donk, yg transisinya menggunakan nomor

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Newer Post Older Post Home
Subscribe to: Post Comments ( Atom )
Designed by OddThemes

About Author

I'm Susanna, I blog about travel.

This season, the American designer will showcase a series of historic objects from the New York museum's.

Stay Connected

Popular Posts

  • Membuat Intro Film dengan After Effect
  • Ayo Mulai Belajar After Effect Dari Sekarang!!!
  • Tuttorial After Effect: Animasi Dasar
  • Masa Depan Karir Siswa Jurusan Multimedia
  • Membuat Animasi Judul dengan After Effect Bag. 2
  • Membuat Animasi Tanaman Tumbuh Dengan 3DS MAX
  • Membuat Animasi Judul dengan After Effect
  • Membuat Rumput di 3DS Max
  • Pemandangan Laut dengan 3DS Max
  • Modeling Pesawat Dengan 3DS Max
Powered by Blogger.

Category

  • 3d
  • 3D Modeling
  • 3DS MAX
  • Animasi
  • Blender
  • Cinema 4D
  • CSS
  • demo
  • download_software
  • FumeFX
  • HTML
  • jQuery
  • kamera
  • komputer
  • Motion Graphic
  • News
  • Photoshop
  • program
  • Rayfire
  • Slide
  • software
  • teknik
  • Thinking Particle
  • trouble shooting
  • tutorial
  • Tuttorial After Effect
  • Tuttorial FumeFX
  • umum
  • videografi
  • virus
  • Visual Effect
  • web

Contact Form

Name

Email *

Message *