Lunak Desain:
Adobe After Effect
Pemaparan terkait definisi,
kegunaan, dan kelebihannya
www.rumahsiapkerja.com
Say Hello to Our Coach!
Erlangga Dwi
● 3D Artist di Drafter di Kerajinan Kasongan (2016)
● Creative Director di Mahesa Project (2017)
● Creative Designer di Snowbay Waterpark (2018)
● UI & UX Designer di Trans Food Beverages (2021
● Art Director di Mata Angin (2021)
● Visual Design LummoShop (2022)
● Narasumber Workshop UI/UX Fundamentals pada 2019
● Narasumber Workshop How to do Good Design pada 2020
● Pemateri Berpacu melodi dalam UI/UX design - NGOBAT
(Ngobrolin Teknologi)
● Pemateri How to do Good Design - Bem FTI Universitas
Respati Indonesia - 2020
● 1 st Award Animasi Competition 2013
● Posbindu Apps Developing Apps for The First Time Using
Vue.Js 2019
● Hallo Babinsa Apps Accomplished UI/UX Design For the
Apps in Collaboration with Indonesian Military 2020
Say Hello to Our Coach!
Ocky Putranto
● Collaborator di 1827 Design & Communication
(2015 - Sekarang)
● Art Director di Soho Square Jakarta (2009 - 2013)
● Managing Partner and Senior Graphic designer di
Sedna (2006 - 2007)
● Art Director di The Bakery Jakarta (MKI) (2007 -
2008)
● Dosen Tidak Tetap Program Studi Ilmu Komunikasi
di Universitas Paramadina (2016 - 2018)
● Dosen Tidak Tetap Fakultas Seni Rupa dan Desain
di Universitas Trisakti (2004 - 2012)
● Narasumber bedah buku “Karier Top Sebagai
Desainer Grafis” - 2011
1 Definisi Adobe After Effect
www.rumahsiapkerja.com
• Perangkat lunak profesional
yang mengolah grafik gerak
digital (motion graphic)
Apa Itu Adobe
After Effect? • Software yang dikembangkan
oleh Adobe
www.rumahsiapkerja.com
Kegunaan
01 02 03
Untuk kebutuhan Dapat mengubah Digunakan di bidang:
pembuatan video, objek menjadi • Pertelevisian
multimedia, web, animasi • Film pascaproduksi
dan lain-lain • Pembuatan efek
khusus
• Animasi video
www.rumahsiapkerja.com
Strategi Analisis Kompetitor
1 2 3 4
Fasilitas dan fitur Tersedia banyak Fasilitas file Action
yang lengkap visual effects import Script
Dibandingkan dengan Yang siap diolah Dapat mengimpor Tersedia action script
software editing dan diaplikasikan file berbentuk untuk gerakan animasi
lainnya pada konten vektor yang dinamis
www.rumahsiapkerja.com
• Memberikan efek khusus
tipografi kinetik pada teks
Fitur Text
Animation • Membuat dan mengolah kata
atau teks menjadi animasi
www.rumahsiapkerja.com
• Menghilangkan objek, menambah
animasi 3D, dan menambahkan efek
Fitur Visual
Effects (VFX) • Memberikan efek gerakan halus dan
seimbang pada video
www.rumahsiapkerja.com
• Memberikan animasi grafik
bergerak pada objek
Fitur Motion
• Memberikan animasi pada
Graphics background dan transisi khusus
www.rumahsiapkerja.com
• Untuk memotong gerakan
objek pada video
Fitur
Rotoscoping • Menghapus elemen dari video
• Menggabungkan elemen
bergerak dan komposisi objek
www.rumahsiapkerja.com
• Melacak pergerakan
Fitur Motion objek dalam video
www.rumahsiapkerja.com
• Adobe After Effect adalah software
untuk mengolah animasi grafik
Kesimpulan
• Banyak digunakan dalam bidang
multimedia, perfilman, dan kreasi
video
www.rumahsiapkerja.com
Mengenal Tools Adobe
After Effects: Menu Bar
www.rumahsiapkerja.com
1 Definisi Menu Bar dalam
Adobe After Effect
Daftar Isi
www.rumahsiapkerja.com
Apa Itu Menu Bar dalam
Adobe After Effect? • Tempat tombol menu untuk
mengakses berbagai fitur
www.rumahsiapkerja.com
Menu Bar
01 02 03
File Edit Composite
• Membuat proyek baru • Berisi menu untuk Membuat , mengolah,
• Membuka dan editing (undo, redo, dan menambahkan
menutup file proyek copy, paste, dll) komposisi
• Impor dan ekspor file • Fitur preferences
atau objek
www.rumahsiapkerja.com
Menu Bar
04 05 06
Layer Effect Animation
Membuat layer atau Berisi berbagai efek Mengolah dan
lapisan pada proyek khusus untuk digunakan menambahkan animasi
www.rumahsiapkerja.com
Menu Bar
07 08 09
View Window Help
Mengelola tampilan • Mengolah panel Berisi fitur bantuan
layar atau proyek • Membuat dan (online, updates,
menyimpan references, dll)
workspace
www.rumahsiapkerja.com
• Menu Bar berisi berbagai
menu perintah untuk
membantu mengerjakan
Kesimpulan proyek
www.rumahsiapkerja.com
Mengenal Tools Adobe
After Effects: Tool Bar
www.rumahsiapkerja.com
Definisi Tool Bar dalam Adobe
1 After Effect
Daftar Isi
Fitur Tool Bar dalam Adobe After
2 Effect
www.rumahsiapkerja.com
• Fitur untuk memudahkan
editing video
www.rumahsiapkerja.com
Toolbar
01 02 03
Selection Tool Hand Tool Zoom
www.rumahsiapkerja.com
Toolbar
04 05 06
Pan Behind
Rotation Tool Camera Tool
(Anchor Tool)
www.rumahsiapkerja.com
Toolbar
07 08 09
Mask and Pen and Draw
Type Tool
Shape Tool Tool
www.rumahsiapkerja.com
Toolbar
10 11 12
Brush Clone Stamp Eraser Tool
www.rumahsiapkerja.com
Toolbar
13 14
Roto Brush Tool Puppet Tool
www.rumahsiapkerja.com
• Untuk mengatur layer pada
www.rumahsiapkerja.com
• Untuk menggeser area panel
www.rumahsiapkerja.com
• Berfungsi untuk memperbesar
dan memperkecil tampilan
Zoom
• Digunakan pada tampilan
lembar kerja
www.rumahsiapkerja.com
• Untuk memutar atau
mengubah rotasi objek
Rotation
Tool • Digunakan pada objek dalam
komposisi panel
www.rumahsiapkerja.com
• Berfungsi merotasikan layer kamera
• Terdiri dari:
Camera kamera
• Orbit Camera Tool: Untuk
www.rumahsiapkerja.com
• Untuk memindahkan titik
tumpuan dari objek
Pan Behind
(Anchor Tool) • Menggeser posisi layer yang
ada di belakang area masking
www.rumahsiapkerja.com
• Digunakan untuk membuat berbagai
bentuk
• Terdiri dari:
Mask and
• Rectangle Tool (persegi sisi lancip)
Shape Tool • Rounded Rectangle Tool (persegi
sisi tumpul)
• Ellipse Tool(elips dan lingkaran)
• Polygon Tool (segibanyak)
• Star Tool (bintang)
www.rumahsiapkerja.com
• Digunakan untuk membuat dan
menggambar objek secara bebas
• Terdiri dari:
Pen and • Pen Tool (bentuk bebas)
Draw Tool • Add Vertex Tool (menambahkan
vertex point pada bentuk)
• Delete Vertex Tool (mengurangi
vertex point pada bentuk
• Convert Vertex Tool (membuat
kurva/ garis lengkung)
www.rumahsiapkerja.com
• Digunakan untuk membuat teks
pada komposisi panel
Type Tool
• Terdiri dari:
www.rumahsiapkerja.com
• Berfungsi untuk menggoreskan
warna
www.rumahsiapkerja.com
• Berfungsi untuk menyalin
gambar
Clone
Stamp • Dapat digunakan pada objek
dari satu layer ke layer lainnya
www.rumahsiapkerja.com
Eraser • Berfungsi untuk menghapus
isi dari layer
Tool
www.rumahsiapkerja.com
Roto Brush • Digunakan untuk
mengisolasi objek yang
Tool dianimasikan
www.rumahsiapkerja.com
Puppet Tool • Untuk membuat titik
tumpuan pada gambar
yang akan dianimasikan
www.rumahsiapkerja.com
• Tool bar berisi fitur-fitur
untuk melakukan editing
Kesimpulan video
www.rumahsiapkerja.com
Mengenal Tools Adobe
After Effects: Komposisi
www.rumahsiapkerja.com
Penjelasan Komposisi
1 dalam Adobe After Effect
Daftar Isi
Demonstrasi terkait Komposisi
2 dalam Adobe After Effect
www.rumahsiapkerja.com
• Menampilkan isi frame untuk
komposisi yang sedang aktif
Apa Itu • Dapat disebut juga dengan
lembar kerja
Komposisi? • Menampilkan video yang
sedang di-edit
www.rumahsiapkerja.com
Fitur untuk Mengatur Komposisi
01 02 03
New Composition Composition Add to Render Queue
Settings
www.rumahsiapkerja.com
• Untuk membuat komposisi
New baru
www.rumahsiapkerja.com
• Untuk mengatur ulang
Composition komposisi
www.rumahsiapkerja.com
Add to Render • Langkah terakhir dalam
meng-edit untuk
Queue menjadikan hasil edit
www.rumahsiapkerja.com
• Komposisi adalah lembar
kerja yang menampilkan isi
frame yang sedang aktif
www.rumahsiapkerja.com
Mengenal Tools Adobe
After Effects: Library
Dan Effect View
Pemaparan dan demonstrasi terkait Library
dan Effect View dalam Adobe After Effects
www.rumahsiapkerja.com
Penjelasan Library dan Effect View
1 dalam Adobe After Effect
Daftar Isi
Demonstrasi terkait Library dan Effect
2 View dalam Adobe After Effect
www.rumahsiapkerja.com
• Tempat untuk menampilkan file
source yang diimpor ke dalam
Apa Itu Library lembar kerja atau frame
www.rumahsiapkerja.com
File yang dapat diimpor:
• Komposisi
Apa Itu Library •
•
Video
Audio
dan Effect View? • Gambar
• Musik
• Graphics
• Dan lain sebagainya
www.rumahsiapkerja.com
Apa Itu Library Tempat yang menunjukkan
tampilan efek yang akan
dan Effect View? digunakan dalam editing
www.rumahsiapkerja.com
Apa Itu Library Dapat mengatur dan mengelola
video-video yang sedang di-edit,
dan Effect View? seperti:
• Membuat folder video
• Memisahkan video
www.rumahsiapkerja.com
• Panel yang menampilkan file
media dan efek yang akan
Kesimpulan digunakan dalam lembar
kerja atau projek
www.rumahsiapkerja.com
Mengenal Tools Adobe
After Effects: Detail
Effect Dan Layer
Pemaparan dan demonstrasi terkait
Detail Effect dan Layer dalam Adobe
After Effects
www.rumahsiapkerja.com
Penjelasan Detail Effect dan
1 Layer dalam Adobe After Effect
Daftar Isi
Demonstrasi terkait Detail Effect
2 dan Layer dalam Adobe After Effect
www.rumahsiapkerja.com
• Dapat menjelajahi navigasi
dalam mengubah video
Apa Itu Detail
Effect dan Layer? • Menjadi salah satu bagian
terpenting dalam Adobe
After Effect
www.rumahsiapkerja.com
• Dapat membuat video atau layer
menjadi animasi
Apa Itu Detail
Effect dan Layer? • Dengan memberikan sentuhan
layer mode, blend mode, atau
masking untuk menggabungkan 2
gambar atau lebih
www.rumahsiapkerja.com
• Untuk mengatur mode video yang
sedang di-edit
Apa Itu Detail
Effect dan Layer? • Seperti mengubah menjadi 3D,
menonaktifkan suara video, dan
lain sebagainya
www.rumahsiapkerja.com
• Detail Effect dan Layer
menjadi salah satu bagian
penting dalam editing
www.rumahsiapkerja.com
Mengenal Tools Adobe
After Effects: Timeline
www.rumahsiapkerja.com
Penjelasan Timeline
1 dalam Adobe After Effect
Daftar Isi
Demonstrasi terkait Timeline
2 dalam Adobe After Effect
www.rumahsiapkerja.com
• Tampilan durasi waktu dan
panjang video yang di-edit
Apa Itu
• Termasuk semua media, efek,
Timeline? dan animasi yang digunakan
atau ditampilkan
www.rumahsiapkerja.com
• Menampilkan berbagai layer
dan keyframe yang dapat
Apa Itu diatur sesuai kebutuhan
www.rumahsiapkerja.com
• Keyframe adalah kepala
frame. JIka keyframe dihapus,
Apa Itu begitupun dengan frame
www.rumahsiapkerja.com
• Timeline digunakan sebagai
panduan yang menampilkan
durasi dan panjang video
Kesimpulan yang dibuat atau di-edit
www.rumahsiapkerja.com
Saatnya Membuat
Iklan Produk
Mari kreasikan iklan
produk milik sendiri!
www.rumahsiapkerja.com
Praktik dan demonstrasi untuk membuat
Daftar Isi 1 iklan produk dengan Adobe After Effect
www.rumahsiapkerja.com
Persiapkan e-Katalog
yang sudah dibuat di
sesi sebelumnya
www.rumahsiapkerja.com
Langkah-langkah
membuat iklan produk
menggunakan Adobe
After Effect
Yuk, praktikkan secara
step by step!
www.rumahsiapkerja.com
Kreasikan iklan
produk-mu!
Perhatikan langkah-langkah
yang sudah dijelaskan
sebelumnya, ya!
www.rumahsiapkerja.com