Anda di halaman 1dari 76

Kenali Jenis Perangkat

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

Daftar Isi 2 Kegunaan Adobe After Effect

3 Kelebihan 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

• Banyak digunakan oleh editor


video, desainer web, produksi
film, dan lain sebagainya

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

• Dapat memberikan animasi


teks secara 3D

www.rumahsiapkerja.com
• Menghilangkan objek, menambah
animasi 3D, dan menambahkan efek
Fitur Visual
Effects (VFX) • Memberikan efek gerakan halus dan
seimbang pada video

• Dapat mengubah animasi menjadi


resolusi tinggi

www.rumahsiapkerja.com
• Memberikan animasi grafik
bergerak pada objek
Fitur Motion
• Memberikan animasi pada
Graphics background dan transisi khusus

• Fitur “Expression” untuk grafik gerak


animasi objek secara fokus

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

Tracking • Menyematkan elemen


grafis pada objek

www.rumahsiapkerja.com
• Adobe After Effect adalah software
untuk mengolah animasi grafik

Kesimpulan
• Banyak digunakan dalam bidang
multimedia, perfilman, dan kreasi
video

• Memiliki fitur yang lengkap


dibandingkan dengan software
editing lainnya

www.rumahsiapkerja.com
Mengenal Tools Adobe
After Effects: Menu Bar

Pemaparan dan demonstrasi terkait


Menu Bar dalam Adobe After Effects

www.rumahsiapkerja.com
1 Definisi Menu Bar dalam
Adobe After Effect
Daftar Isi

2 Fitur dalam Menu Bar

www.rumahsiapkerja.com
Apa Itu Menu Bar dalam
Adobe After Effect? • Tempat tombol menu untuk
mengakses berbagai fitur

• Berisi perintah untuk


menjalankan fungsi tertentu

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

• Terdiri dari menu file, edit,


composite, layer, effect,
animation, view, window,
dan help

www.rumahsiapkerja.com
Mengenal Tools Adobe
After Effects: Tool Bar

Pemaparan dan demonstrasi terkait


Tool Bar dalam Adobe After Effects

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

Apa Itu Tool Bar • Terletak di bagian sudut kiri


dalam Adobe After atas

Effect? • Terdiri dari berbagai fitur


seperti Zoom, Teks, Shapes,
Clone dan fitur lainnya

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

Selection timeline panel

Tool • Dapat digunakan untuk


memilih, menggeser, dan
menggulung layer bar

www.rumahsiapkerja.com
• Untuk menggeser area panel

Hand Tool yang tersembunyi

• JIka area yang diperbesar


melebihi ukuran 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:

• Unified Camera Tool: Untuk layer

Camera kamera
• Orbit Camera Tool: Untuk

Tool merotasikan kamera


• Track XY Camera Tool: unified
camera tool; orbit camera tool;
track xy camera tool; track Z camera
tool bold
• Track Z Camera Tool: Mengatur jarak
kamera dari objek

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:

• Horizontal Type (teks


horizontal)
• Vertical Type (teks vertikal)

www.rumahsiapkerja.com
• Berfungsi untuk menggoreskan
warna

Brush • Dapat digunakan pada layer


yang diinginkan

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

• Contohnya zoom, brush,


eraser, shapes, camera, dan
draw tool

www.rumahsiapkerja.com
Mengenal Tools Adobe
After Effects: Komposisi

Pemaparan dan demonstrasi terkait


Komposisi dalam Adobe After Effects

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

Composition • Komposisi adalah tahapan


pertama dalam meng-edit

www.rumahsiapkerja.com
• Untuk mengatur ulang
Composition komposisi

Settings • Seperti durasi, frame,


kualitas, dan lain
sebagainya

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

Kesimpulan atau sedang di-edit

• Beberapa fitur untuk


mengatur komposisi:
• New Composition
• Composition Settings
• Add to Render Queue

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

dan Effect View? • Kumpulan media yang akan


dimasukkan atau digunakan
dalam editing

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

• Dapat dikelola dan diatur


sesuai dengan kebutuhan

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

Kesimpulan • Berfungsi untuk membuat


animasi dari gabungan
gambar atau layer

• Juga dapat mengatur


lembar kerja atau projek
video secara detail

www.rumahsiapkerja.com
Mengenal Tools Adobe
After Effects: Timeline

Pemaparan dan demonstrasi terkait


Timeline dalam Adobe After Effects

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

Timeline? • Timeline sebenarnya satu


kesatuan dengan detail effect
dan layer

www.rumahsiapkerja.com
• Keyframe adalah kepala
frame. JIka keyframe dihapus,
Apa Itu begitupun dengan frame

Timeline? • Digunakan untuk mengatur


posisi potongan video dan
efek dalam video yang di-edit

www.rumahsiapkerja.com
• Timeline digunakan sebagai
panduan yang menampilkan
durasi dan panjang video
Kesimpulan yang dibuat atau di-edit

• Menunjukkan layer dan


keyframe yang dapat diatur
sesuai dengan kebutuhan

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

Anda mungkin juga menyukai