MENU
  • Home
  • Megamenu
    • Travel
    • Lifestyle
    • Fashion
    • Beauty
    • Travel
      • Travel
      • Features →
        • Left Sidebar Post
        • Fullwidth Post
        • Right Sidebar Post
      • Blog
      • Download
      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:
          • Next Modeling Portal Dengan 3DS MAX
          • Previous Tentang MAGIX Movie Edit Pro

          Related Posts

          • Membuat Animasi Judul dengan After Effect
          • Membuat Efek Glitch dengan After Effect
          • Membuat Cincin dengan 3DS Max
          • Membuat Efek Terbakar pada Blender
          • Membuat Animasi Judul dengan After Effect Bag. 2
          • File dan Codec, apa bedanya ?
          • Membuat Intro Film dengan After Effect
          • Membuat Animasi Bendera Realistis Dengan 3DS Max

          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!!!
          • Membuat Animasi Judul dengan After Effect Bag. 2
          • Masa Depan Karir Siswa Jurusan Multimedia
          • Membuat Animasi Judul dengan After Effect
          • Membuat Animasi Tanaman Tumbuh Dengan 3DS MAX
          • Tuttorial After Effect: Animasi Dasar
          • Pemandangan Laut dengan 3DS Max
          • Modeling Pesawat Dengan 3DS Max
          • Membuat objek Gelas dengan Blender
          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 *