Aplikasi Berbasis Teknologi untuk Kebutuhan Industri
B. Menguasai Dasar Aplikasi Animasi 2 Dimensi
6. Menguasai Dasar Aplikasi After Effect
Ketika mencoba aplikasi After Effect, ada beberapa hal yang harus kamu perhatikan. Misalnya, kamu harus memperhatikan antarmuka pada After Effect itu sendiri. Selain itu, kamu juga dapat melakukan hal lainnya, mulai dari import asset, animasi frame by frame, animasi motion, compositing, hingga rendering.
a. Antarmuka After Effect
Antarmuka (user interface) After Effect dapat diatur sesuai dengan penggunaannya. Saat ini, workspace yang digunakan adalah workspace animation. Untuk memilih workspace pada menu bar, pilih Window - Workspace - Animation untuk mengaktifkan workspace animation.
Toolbar Kumpulan Panel
Project
Composition Timeline
Composition Window
Gambar 7.9 Antarmuka After Effect
Sumber: Photoshop/Ridamulyadi (2022)
Coba kamu perhatikan kembali antarmuka After Effect tersebut? Pada workspace animation, panel yang aktif adalah sebagai berikut.
1) Project panel: tempat composition dibuat dan daftar komponen media seperti video, audio, gambar, dan aset lainnya yang telah masuk ke proyek After Effect.
2) Composition timeline: tempat mengontrol dan mengatur komponen media (layer) yang telah masuk ke dalam composition.
3) Composition Window: tempat mengatur komponen media dan pratinjau animasi.
4) Toolbar: kumpulan alat untuk membuat dan mengedit elemen visual.
5) Panel: kumpulan panel yang muncul sesuai dengan workspace yang aktif.
b. Melakukan Import Aset
Setelah memahami antarmuka After Effect, kamu dapat mencoba untuk melakukan import aset. Berikut ini langkah-langkah yang dapat kamu lakukan.
1) Buatlah proyek baru.
2) Tekan Ctrl + I, kemudian pilih file aset (.psd)
3) Pada pilihan Import, pilih Composition - Retain Layer Sizes.
Gambar 7.10 Pengaturan import aset
Sumber: Photoshop/Ridamulyadi (2022)
4) File aset animasi.psd telah di-import menjadi Composition di After Effect.
c. Melakukan Animasi Frame By Frame
Langkah selanjutnya adalah melakukan animasi frame by frame. Berikut ini langkah-langkah yang dapat kamu lakukan.
1) Double click pada Composition di panel proyek.
2) Tekan Alt + ] untuk memotong/trim layer sesuai dengan posisi time indicator.
Gambar 7.11 Tampilan timeline
Sumber: Photoshop/Ridamulyadi (2022)
3) Posisikan layer sesuai dengan posisi pada acuan storyboard, keyframe, dan inbetween. Saat memosisikan layer dapat ditambahkan juga layer background sebagai acuan posisi dan gerakan animasi.
4) Tekan Space Bar untuk melakukan preview animasi.
d. Melakukan Animasi Motion
Setelah melakukan animasi frame by frame, kamu juga bisa melakukan animasi motion. Langkah yang dapat dilakukan adalah sebagai berikut.
1) Pilihlah layer yang akan diberikan animasi motion.
2) Tekan P untuk membuka transform position.
3) Klik ikon Stopwatch (time vary watch) untuk mengaktifkan animasi dan memunculkan keyframe.
4) Geser time indicator untuk penempatan keyframe ke-2.
5) Ubahlah value position untuk membuat keyframe ke-2.
6) Tekan Spacebar untuk preview/play.
Eksplorasi 7.7
Untuk mengasah kemampuanmu dalam melakukan import aset, animasi frame by frame, dan animasi motion, cobalah mempraktikkan ketiga hal tersebut pada gambar yang sudah tersedia. Cobalah klik pranala berikut https://drive.google.com/file/d/ 1uA166P8sFvFfU7OGb SnnH3z4anJaCGnl/view?usp=share_link. Tuntaskan ketiga tahapan tersebut dengan baik.
Sebagai tambahan, kamu dapat memindai kode QR atau mengetikkan pranala https://drive.google.com/
drive/folders/1bxLpPywNZDLKHUh7WRtviPwVfAt9A66B?
usp=share_link melalui peramban gawai atau personal computer-mu.
e. Melakukan Compositing
Bagaimana cara kamu melakukan compositing? Berikut ini langkah yang dapat dilakukan.
1) Tekan Ctrl + N untuk membuat composition baru.
2) Lakukan pengaturan pada composition setting seperti nama, preset, durasi, dan background. Kemudian klik OK.
Gambar 7.12 Pengaturancomposition
Sumber: Photoshop/Ridamulyadi (2022)
3) Double click pada composition di panel proyek untuk membuka composition dan memulai composition.
4) Masukkan composition animasi dan composition background sebagai layer.
5) Tambahkan dan posisikan foreground pada composition.
6) Tekan Space Bar untuk melakukan preview animasi.
f. Melakukan Rendering
Animasi berikutnya adalah rendering. Berikut ini langkah-langkah ketika kamu akan melakukan rendering.
1) Pilih composition yang akan di-render.
2) Tekan Ctrl + M untuk memasukkan composition ke Render Queue.
3) Klik Lossless untuk melakukan pengaturan output format video.
4) Klik pada nama composition di output to untuk mengatur lokasi penyimpanan hasil rendering.
Gambar 7.13 Pengaturan render
Sumber: Photoshop/Ridamulyadi (2022)
5) Klik Render untuk memulai proses rendering.
Nama
Durasi
Background
Preset
Lossless Lokasi
Selain beberapa fitur yang telah kamu pelajari, ternyata masih banyak fitur lainnya dalam aplikasi After Effect. Salah satunya adalah fitur dynamic link untuk mengintegrasikan aplikasi Adobe After Effect dengan Adobe Media Encoder dan Adobe Premiere Pro.
Untuk mempermudah penggunaan aplikasi, berikut ini daftar shortcut key aplikasi After Effect.
a. Shortcut Key Dasar
Fungsi Shortcut Key
Seleksi semua objek Control + A
Membatalkan seleksi semua objek F2 / Ctrl + Shift + A Menduplikat mask, layer, effects, dsb. Ctrl + D
Mengubah nama folder, layer, dsb. Enter
Memindahkan layer atau objek ke bawah atau atas. Ctrl + Alt + panah atas Memindahkan layer atau objek ke paling bawah atau
atas.
Ctrl + Alt + Shift + panah atas / panah bawah Membuka pengaturan preferences. Ctrl + Alt + ;
b. Shortcut Key Transform
Fungsi Shortcut Key
Memunculkan transform anchor point A
Memunculkan transform posisi P
Memunculkan transform skala S
Memunculkan transform opacity T
Memunculkan level audio L
Memunculkan properti mask feather F
Memunculkan properti mask path M
Memunculkan properti effect E
Memunculkan properti expressions or keyframes U
Eksplorasi 7.8
Sebelumnya, kamu sudah membuat aset animasi.psd dengan aplikasi Photoshop. Untuk menguasai dasar aplikasi After Effect, kamu akan mengerjakan proyek animasi robot menggunakan aplikasi After Effect.
Gambar 7.14 Aset animasi
Sumber: Devalina (2022)
Adapun tahap pengerjaan proyek, mulai dari import asset, animasi frame by frame, compositing, hingga rendering. Untuk pengerjaan aset animasi robot telah disediakan file aset animasi.psd (file photoshop) dan file animasi robot.aep (file After Effect), dan video suplemen pada pranala https://bit.ly/animasix2d. Kamu juga bisa memindai kode QR berikut.