SlideShare a Scribd company logo
Membreakdown Animasi 2D
Afifatul Azizah 4103161006
Nurrohma Wulandari 4103161026
Bilal Savero Putra C 4103161030
M Hanif Al Azhar R 4103161018
Shape Animation by Joe Bloggs
Review
Pada Animasi tersebut terdiri dari 2 elemen geometric shape yang telah
dimodifikasi yaitu pola bintang yang jumlah pointnya diperbanyak serta
mengatur bentuk sudut pointnya dengan menekan tombol “control” saat
membentuk pola dan pola lingkaran yang hanya diambil stroke nya saja lalu
diberi efek dashes agar terlihat patah-patah. Pada animasinya pola bintang dan
lingkaran awalnya besar dan menjadi kecil setelah itu saling berputar
berlawanan arah.
Breakdown Animasi
Animasi tersebut bisa dibuat menggunakan Adobe After Effect.
1. Hal pertama yang dilakukan adalah buat pola geometric shape
berupa bintang dengan meng-klik Star Tool pada toolbar.
2. Klik and drag pada lembar kerja dan tahan ‘ctrl’ untuk mengatur
ketajaman pada sudut bintang. Lalu pilih tool ‘points’ pada menu
Contents untuk mengatur jumlah sudut pada bintang.
3. Setelah itu kita animasikan dengan menggunakan tools Scale agar
berubah dari besar menjadi kecil, lalu animasikan lagi menggunakan
tools Rotation agar setelah mengecil pola bintang bisa berputar ke
kiri. Gunakan ‘Easy Ease’ agar animasi terlihatt lebih smooth
4. Lalu buat shape kedua berupa pola lingkaran yang hanya
menggunakan strokenya saja dan memberinya efek dashes agar
terlihat patah-patah.
5. Setelah itu kita animasikan mengunakan tools Scale agar berubah
jadi besar menjadi kecil, lalu animasikan lagi menggunakan tools
Rotation agar setelah berubah ukuran pola lingkaran akan berputar
ke kanan. Gunakan ‘Easy Ease’ agar animasi terlihatt lebih smooth
1.
2.
4.
Advanced PPT Circle Burst Animation
Review
Pada animasi di atas terdiri dari 2 elemen geometric
shape yaitu outline lingkaran dan juga garis. Pada animasinya
lingkaran dibuat fade in lalu diikuti dengan garis-garis yang
mengelilingi seolah Nampak seperti ledakan. Setelah lingkaran
tersebut menghilang, garis-garis tersebut muncul untuk
memberi kesan dramatis.
Breakdown Animasi
Animasi ini dapat kita buat melalui aplikasi Power Point:
1. Hal pertama yang dilakukan adalah membuat sebuah
lingkaran namun stroke tidak digunakan dan hanya
menggunakan outline saja. Untuk memperlebar outline
dapat memilih pada menu ‘format shape’.
2. Lalu, membuat sebuah garis di tepi lingkaran. Setelah itu
kita dapat memberi beberapa animasi pada garis ini
supaya terlihat seperti burst dengan menggunakan
urutan yang pertama adalah Entrancewipe, line
curveUp, dan ExitWipe.
3. Animasi pada garis yang telah dibuat dapat dicopy pada
garis yang lain dan pastikan bahwa timing tiap garis
sama.
4. Memberi animasi pada lingkaran dengan efek wheel
yang telah disediakan di Power Point  animations.
5. Setelah itu kita atur timing animasi dari garis dan
lingkaran agar dapat menampilkan efek yang lebih nyata.
Animated Shape by Joe Bloggs
Review
Pada animasi tersebut menampilkan 5 elemen geometric shape berupa
lingkaran yang hanya diambil stroke/outline nya saja dan dimodifikasi dengan
efek dashes agar terlihat seperti patah-patah, lalu diantara 5 pola tersebut
saling berputar berlawanan arah dan dengan waktu yang bersamaan.
Breakdown Animasi
Animasi tersebut bisa dibuat menggunakan Adobe
After Effect.
1. Hal pertama yang dilakukan adalah buat pola
lingkaran dengan klik Ellipse Tool pada toolbar.
2. Lalu untuk menghilangkan Fill dan hanya
menampilkan stroke, klik menu Fill pada toolbar
dan plih ‘None’ setelah itu kita bisa mengatur
ketebalan stroke.
3. Ulangi langkah tersebut karena jumlah pola adalah
5
4. Setelah itu kita animasikan satu persatu shape
tersebut menggunakan tools Rotastion dan buat
agar masing-masing shape berputar berlawanan
arah. Jangan lupa untuk menggunakan ‘Easy Ease’
agar animasi terlihat lebih smooth dan tidak kaku.
1.
2.
Free 2D After Effect Template by Joe Bloggs
Review
Pada animasi tersebut memperlihatkan bentuk elemen geometric
shape yang beragam tetapi semua berasal dari pola lingkaran.
Pada animasinya terdapat lingkaran berwarna orange lalu ada outline
putih yang melingkari permukaan lingkaran tersebut, lalu muncul bayangan
pada pinggiran lingkaran dan berputar kemudian muncul lingkaran baru
ditengan berwarna putih dan membesar.
Breakdown Animasi
Animasi tersebut bisa dibuat menggunakan Adobe After
Effect
1. Hal pertama yang dilakukan adalah buat pola
lingkaran dengan klik Ellipse Tool pada toolbar.
2. Lalu buat lingkaran baru tetapi hanya gunakan outline
nya saja.
3. Setelah itu kembali buat lagi lingkaran dan hanya
outlinenya saja, tetapi kali ini menggunakan tools
Dashes agar terlihat patah-patah dan mengatur
Opacity agar nampak seperti efek bayangan
4. Setelah selesai kita animasikan 3 elemen tersebut
terlebih dahulu, elemen lingkaran orange dibiarkan
diam tanpa animasi lalu pada elemen kedua yaitu
outline putih dianimasikan bergerak melingkari
permukaan lingkaran orange dengan cara memberi
efek ‘Trim Path’ dengan klik kanan pada tool ‘Add’ di
kanan tool Contents lalu atur start dan stop nya.
Breakdown Animasi
5. Lalu pada elemen ketiga kita menganimasikan efek bayangan yang muncul
perlahan lalu berputar kekanan yaitu dengan klik ‘Opacity’ pada tools
Transform lalu mengaturnya agar muncul perlahan dengan bermain pada
keyframe, selanjutnya kita klik ‘Rotation’ untuk membuatnya berputar
kekanan dengan memainkan keyframe.
6. Selanjutnya pada elemen terakhir kita membuat lingkaran baru berwarna
putih dan menganimasikan muncul membesar dengan klik ‘Scale’ pada tools
Transform lalu mengubah ukuran start keyframe nya dari 0% menjadi sekitar
100% pada keyframe selanjutnya agar lingkaran seolah muncul tiba tiba
ditengah elemen yang lain.
Motion Shape Animation Experiment by Fadhli Erlanda
Review
Pada animasi tersebut menampilan motion graphic dengan efek burst
yaitu seolah olah beberapa elemen bergerak membesar atau membentuk
ledakan. Animasi kali ini merupakan tingkat lanjut dari animasi sebelumnya.
Pada kali ini burst yang digunakan terdiri banyak objek, tidak hanya lingkaran.
Objek-objek tersebut dibuat melingkar agar terlihat efek yang digunakan.
Breakdown Animasi
Animasi tersebut dapat dibuat menggunakan Adobe After Effect
1. Buat shape persegi yang hanya diambil outlinenya saja
dengan klik ‘Rectangle Tool’ pada toolbar.
2. Hal pertama yang dilakukan adalah menganimasikan
position dan scale nya, untuk animasi scale atur keyframe
pertama dengan scale 0% dan keyframe kedua 100%m
lalu untuk animasi position atur keyframe pertama shape
berada ditengah dan keyfram kedua shape berada diatas.
3. Selanjutnya, untuk memberi efek burst atau ledakan klik
‘add’ pada samping tools content dan pilih ‘Repeater’ dan
mengatur jumlah shape sebanyak 8
4. Lalu gar shape persegi menyebar kita atur anchor point
dan rotation nya sesuai selera dan bisa menyesuaikan.
5. Setelah itu untuk shape dan elemen selanjutnya kita
lakukan hal yang sama persis tetapi hanya menyesuikan
jumlah shape yang menyebar saja.

More Related Content

What's hot

Session0 a mengenal coreldraw
Session0 a  mengenal coreldrawSession0 a  mengenal coreldraw
Session0 a mengenal coreldraw
Ova Putra
 
Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1Nina Safitri
 
Modul coreldraw
Modul coreldrawModul coreldraw
Modul coreldraw
DIANTO IRAWAN
 
Pertemuan 62
Pertemuan 62Pertemuan 62
Pertemuan 62kusanti
 
Unit 13 lampiran
Unit 13 lampiranUnit 13 lampiran
Unit 13 lampiranAminah Rahmat
 
Tutorial membuat hati mahkota
Tutorial membuat hati mahkotaTutorial membuat hati mahkota
Tutorial membuat hati mahkotarizqitohopi
 
Membuat Ratu Love dengan Corel Draw
Membuat Ratu Love dengan Corel DrawMembuat Ratu Love dengan Corel Draw
Membuat Ratu Love dengan Corel Draw
Ibrahim Naki
 
Tutorial AutoCad
Tutorial AutoCadTutorial AutoCad
Tutorial AutoCadAngga Putera
 
Google maps api kelompok 5
Google maps api   kelompok 5Google maps api   kelompok 5
Google maps api kelompok 5M Aditya S
 
Meja klasik
Meja klasikMeja klasik
Meja klasik
du5tin
 
Pelatihan Desain Grafis (Photoshop)
Pelatihan Desain Grafis (Photoshop)Pelatihan Desain Grafis (Photoshop)
Pelatihan Desain Grafis (Photoshop)Nurdin Al-Azies
 
Cara membuat undangan pernikahan dengan corel draw
Cara membuat undangan pernikahan dengan corel drawCara membuat undangan pernikahan dengan corel draw
Cara membuat undangan pernikahan dengan corel drawdeniagustin
 
Indosiar
IndosiarIndosiar
Indosiarnanto517
 
mengenal antar muka corel draw
mengenal antar muka corel drawmengenal antar muka corel draw
mengenal antar muka corel draw
Ros Malaa
 
Membuat simbol hati
Membuat simbol hatiMembuat simbol hati
Membuat simbol hatisanji_ischiro
 
Slide corel draw 2
Slide corel draw 2Slide corel draw 2
Slide corel draw 2
IAIN PEKALONGAN
 

What's hot (19)

Corel draw
Corel drawCorel draw
Corel draw
 
Session0 a mengenal coreldraw
Session0 a  mengenal coreldrawSession0 a  mengenal coreldraw
Session0 a mengenal coreldraw
 
Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1
 
Modul coreldraw
Modul coreldrawModul coreldraw
Modul coreldraw
 
Pertemuan 62
Pertemuan 62Pertemuan 62
Pertemuan 62
 
Unit 13 lampiran
Unit 13 lampiranUnit 13 lampiran
Unit 13 lampiran
 
Tutorial membuat hati mahkota
Tutorial membuat hati mahkotaTutorial membuat hati mahkota
Tutorial membuat hati mahkota
 
Membuat Ratu Love dengan Corel Draw
Membuat Ratu Love dengan Corel DrawMembuat Ratu Love dengan Corel Draw
Membuat Ratu Love dengan Corel Draw
 
Tutorial AutoCad
Tutorial AutoCadTutorial AutoCad
Tutorial AutoCad
 
Modul psopc3
Modul psopc3Modul psopc3
Modul psopc3
 
Google maps api kelompok 5
Google maps api   kelompok 5Google maps api   kelompok 5
Google maps api kelompok 5
 
Meja klasik
Meja klasikMeja klasik
Meja klasik
 
Pelatihan Desain Grafis (Photoshop)
Pelatihan Desain Grafis (Photoshop)Pelatihan Desain Grafis (Photoshop)
Pelatihan Desain Grafis (Photoshop)
 
Cara membuat undangan pernikahan dengan corel draw
Cara membuat undangan pernikahan dengan corel drawCara membuat undangan pernikahan dengan corel draw
Cara membuat undangan pernikahan dengan corel draw
 
Selection tool
Selection toolSelection tool
Selection tool
 
Indosiar
IndosiarIndosiar
Indosiar
 
mengenal antar muka corel draw
mengenal antar muka corel drawmengenal antar muka corel draw
mengenal antar muka corel draw
 
Membuat simbol hati
Membuat simbol hatiMembuat simbol hati
Membuat simbol hati
 
Slide corel draw 2
Slide corel draw 2Slide corel draw 2
Slide corel draw 2
 

Similar to Breakdown Animasi 2D

Kelompok 1
Kelompok 1Kelompok 1
Kelompok 1
ALga Kirizu Dork
 
Produksi multimedia
Produksi multimediaProduksi multimedia
Produksi multimediaTinashini Naidu
 
Tutorial cara buat logo padi dan kapas
Tutorial cara buat logo padi dan kapasTutorial cara buat logo padi dan kapas
Tutorial cara buat logo padi dan kapasIwan Iwan
 
Logo celluler
Logo cellulerLogo celluler
Logo celluler
ainulmuchlas
 
tutorial corel draw indonesia - Membuat karikatur di corel draw
tutorial corel draw indonesia - Membuat karikatur di corel drawtutorial corel draw indonesia - Membuat karikatur di corel draw
tutorial corel draw indonesia - Membuat karikatur di corel draw
Lpk Naura
 
Logo
LogoLogo
Kreasi logo android dengan photoshop
Kreasi logo android dengan photoshopKreasi logo android dengan photoshop
Kreasi logo android dengan photoshop
Agung Yuwono
 
Logo ilmugrafis dengan photoshop
Logo ilmugrafis dengan photoshopLogo ilmugrafis dengan photoshop
Logo ilmugrafis dengan photoshop
Agung Yuwono
 
Materi ppt kel.3
Materi ppt kel.3Materi ppt kel.3
Materi ppt kel.3
di_yah
 
Tugas Apkom POLNEP
Tugas Apkom POLNEPTugas Apkom POLNEP
Tugas Apkom POLNEP
hersya
 
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
IcukIcum
 
209299471 modul-blender
209299471 modul-blender209299471 modul-blender
209299471 modul-blender
dial860
 
Modulcoreldraw 120212223448-phpapp01
Modulcoreldraw 120212223448-phpapp01Modulcoreldraw 120212223448-phpapp01
Modulcoreldraw 120212223448-phpapp01John Ucup
 
7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flashAhmad Bashir
 
MODUL COREL DRAW
MODUL COREL DRAWMODUL COREL DRAW
MODUL COREL DRAW
Ary Efendi
 
Laporan kelompok 4 lingkaran
Laporan kelompok 4 lingkaranLaporan kelompok 4 lingkaran
Laporan kelompok 4 lingkaranRizky Riddiyani
 

Similar to Breakdown Animasi 2D (20)

Kelompok 1
Kelompok 1Kelompok 1
Kelompok 1
 
Produksi multimedia
Produksi multimediaProduksi multimedia
Produksi multimedia
 
Produksi multimedia
Produksi multimediaProduksi multimedia
Produksi multimedia
 
Tutorial cara buat logo padi dan kapas
Tutorial cara buat logo padi dan kapasTutorial cara buat logo padi dan kapas
Tutorial cara buat logo padi dan kapas
 
Logo celluler
Logo cellulerLogo celluler
Logo celluler
 
tutorial corel draw indonesia - Membuat karikatur di corel draw
tutorial corel draw indonesia - Membuat karikatur di corel drawtutorial corel draw indonesia - Membuat karikatur di corel draw
tutorial corel draw indonesia - Membuat karikatur di corel draw
 
Logo
LogoLogo
Logo
 
Kreasi logo android dengan photoshop
Kreasi logo android dengan photoshopKreasi logo android dengan photoshop
Kreasi logo android dengan photoshop
 
Logo ilmugrafis dengan photoshop
Logo ilmugrafis dengan photoshopLogo ilmugrafis dengan photoshop
Logo ilmugrafis dengan photoshop
 
Materi ppt kel.3
Materi ppt kel.3Materi ppt kel.3
Materi ppt kel.3
 
Tugas Apkom POLNEP
Tugas Apkom POLNEPTugas Apkom POLNEP
Tugas Apkom POLNEP
 
Cara membuat logo stikomcki dengan photoshop
Cara membuat logo stikomcki dengan photoshopCara membuat logo stikomcki dengan photoshop
Cara membuat logo stikomcki dengan photoshop
 
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
 
209299471 modul-blender
209299471 modul-blender209299471 modul-blender
209299471 modul-blender
 
Modulcoreldraw 120212223448-phpapp01
Modulcoreldraw 120212223448-phpapp01Modulcoreldraw 120212223448-phpapp01
Modulcoreldraw 120212223448-phpapp01
 
7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash
 
MODUL COREL DRAW
MODUL COREL DRAWMODUL COREL DRAW
MODUL COREL DRAW
 
Tips animasi
Tips animasiTips animasi
Tips animasi
 
Uts
UtsUts
Uts
 
Laporan kelompok 4 lingkaran
Laporan kelompok 4 lingkaranLaporan kelompok 4 lingkaran
Laporan kelompok 4 lingkaran
 

Recently uploaded

Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdfTugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
muhammadRifai732845
 
KOMITMEN MENULIS DI BLOG KBMN PB PGRI.ppt
KOMITMEN MENULIS DI BLOG KBMN PB PGRI.pptKOMITMEN MENULIS DI BLOG KBMN PB PGRI.ppt
KOMITMEN MENULIS DI BLOG KBMN PB PGRI.ppt
Dedi Dwitagama
 
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docxRUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
kinayaptr30
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
ozijaya
 
ppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdfppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdf
setiatinambunan
 
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagjaPi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
agusmulyadi08
 
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum MerdekaModul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
Fathan Emran
 
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdfLK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
UditGheozi2
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
asyi1
 
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
arianferdana
 
ppt profesionalisasi pendidikan Pai 9.pdf
ppt profesionalisasi pendidikan Pai 9.pdfppt profesionalisasi pendidikan Pai 9.pdf
ppt profesionalisasi pendidikan Pai 9.pdf
Nur afiyah
 
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdfMATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
ssuser289c2f1
 
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
Kanaidi ken
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
jodikurniawan341
 
ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9
mohfedri24
 
PPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdfPPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdf
safitriana935
 
untuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawasuntuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawas
TEDYHARTO1
 
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
Indah106914
 
Kisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docxKisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docx
irawan1978
 
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik DosenUNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
AdrianAgoes9
 

Recently uploaded (20)

Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdfTugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
 
KOMITMEN MENULIS DI BLOG KBMN PB PGRI.ppt
KOMITMEN MENULIS DI BLOG KBMN PB PGRI.pptKOMITMEN MENULIS DI BLOG KBMN PB PGRI.ppt
KOMITMEN MENULIS DI BLOG KBMN PB PGRI.ppt
 
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docxRUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
 
ppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdfppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdf
 
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagjaPi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
 
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum MerdekaModul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
 
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdfLK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
 
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
 
ppt profesionalisasi pendidikan Pai 9.pdf
ppt profesionalisasi pendidikan Pai 9.pdfppt profesionalisasi pendidikan Pai 9.pdf
ppt profesionalisasi pendidikan Pai 9.pdf
 
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdfMATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
 
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
 
ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9
 
PPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdfPPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdf
 
untuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawasuntuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawas
 
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
 
Kisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docxKisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docx
 
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik DosenUNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
 

Breakdown Animasi 2D

  • 1. Membreakdown Animasi 2D Afifatul Azizah 4103161006 Nurrohma Wulandari 4103161026 Bilal Savero Putra C 4103161030 M Hanif Al Azhar R 4103161018
  • 2. Shape Animation by Joe Bloggs
  • 3. Review Pada Animasi tersebut terdiri dari 2 elemen geometric shape yang telah dimodifikasi yaitu pola bintang yang jumlah pointnya diperbanyak serta mengatur bentuk sudut pointnya dengan menekan tombol “control” saat membentuk pola dan pola lingkaran yang hanya diambil stroke nya saja lalu diberi efek dashes agar terlihat patah-patah. Pada animasinya pola bintang dan lingkaran awalnya besar dan menjadi kecil setelah itu saling berputar berlawanan arah.
  • 4. Breakdown Animasi Animasi tersebut bisa dibuat menggunakan Adobe After Effect. 1. Hal pertama yang dilakukan adalah buat pola geometric shape berupa bintang dengan meng-klik Star Tool pada toolbar. 2. Klik and drag pada lembar kerja dan tahan ‘ctrl’ untuk mengatur ketajaman pada sudut bintang. Lalu pilih tool ‘points’ pada menu Contents untuk mengatur jumlah sudut pada bintang. 3. Setelah itu kita animasikan dengan menggunakan tools Scale agar berubah dari besar menjadi kecil, lalu animasikan lagi menggunakan tools Rotation agar setelah mengecil pola bintang bisa berputar ke kiri. Gunakan ‘Easy Ease’ agar animasi terlihatt lebih smooth 4. Lalu buat shape kedua berupa pola lingkaran yang hanya menggunakan strokenya saja dan memberinya efek dashes agar terlihat patah-patah. 5. Setelah itu kita animasikan mengunakan tools Scale agar berubah jadi besar menjadi kecil, lalu animasikan lagi menggunakan tools Rotation agar setelah berubah ukuran pola lingkaran akan berputar ke kanan. Gunakan ‘Easy Ease’ agar animasi terlihatt lebih smooth 1. 2. 4.
  • 5. Advanced PPT Circle Burst Animation
  • 6. Review Pada animasi di atas terdiri dari 2 elemen geometric shape yaitu outline lingkaran dan juga garis. Pada animasinya lingkaran dibuat fade in lalu diikuti dengan garis-garis yang mengelilingi seolah Nampak seperti ledakan. Setelah lingkaran tersebut menghilang, garis-garis tersebut muncul untuk memberi kesan dramatis.
  • 7. Breakdown Animasi Animasi ini dapat kita buat melalui aplikasi Power Point: 1. Hal pertama yang dilakukan adalah membuat sebuah lingkaran namun stroke tidak digunakan dan hanya menggunakan outline saja. Untuk memperlebar outline dapat memilih pada menu ‘format shape’. 2. Lalu, membuat sebuah garis di tepi lingkaran. Setelah itu kita dapat memberi beberapa animasi pada garis ini supaya terlihat seperti burst dengan menggunakan urutan yang pertama adalah Entrancewipe, line curveUp, dan ExitWipe. 3. Animasi pada garis yang telah dibuat dapat dicopy pada garis yang lain dan pastikan bahwa timing tiap garis sama. 4. Memberi animasi pada lingkaran dengan efek wheel yang telah disediakan di Power Point  animations. 5. Setelah itu kita atur timing animasi dari garis dan lingkaran agar dapat menampilkan efek yang lebih nyata.
  • 8. Animated Shape by Joe Bloggs
  • 9. Review Pada animasi tersebut menampilkan 5 elemen geometric shape berupa lingkaran yang hanya diambil stroke/outline nya saja dan dimodifikasi dengan efek dashes agar terlihat seperti patah-patah, lalu diantara 5 pola tersebut saling berputar berlawanan arah dan dengan waktu yang bersamaan.
  • 10. Breakdown Animasi Animasi tersebut bisa dibuat menggunakan Adobe After Effect. 1. Hal pertama yang dilakukan adalah buat pola lingkaran dengan klik Ellipse Tool pada toolbar. 2. Lalu untuk menghilangkan Fill dan hanya menampilkan stroke, klik menu Fill pada toolbar dan plih ‘None’ setelah itu kita bisa mengatur ketebalan stroke. 3. Ulangi langkah tersebut karena jumlah pola adalah 5 4. Setelah itu kita animasikan satu persatu shape tersebut menggunakan tools Rotastion dan buat agar masing-masing shape berputar berlawanan arah. Jangan lupa untuk menggunakan ‘Easy Ease’ agar animasi terlihat lebih smooth dan tidak kaku. 1. 2.
  • 11. Free 2D After Effect Template by Joe Bloggs
  • 12. Review Pada animasi tersebut memperlihatkan bentuk elemen geometric shape yang beragam tetapi semua berasal dari pola lingkaran. Pada animasinya terdapat lingkaran berwarna orange lalu ada outline putih yang melingkari permukaan lingkaran tersebut, lalu muncul bayangan pada pinggiran lingkaran dan berputar kemudian muncul lingkaran baru ditengan berwarna putih dan membesar.
  • 13. Breakdown Animasi Animasi tersebut bisa dibuat menggunakan Adobe After Effect 1. Hal pertama yang dilakukan adalah buat pola lingkaran dengan klik Ellipse Tool pada toolbar. 2. Lalu buat lingkaran baru tetapi hanya gunakan outline nya saja. 3. Setelah itu kembali buat lagi lingkaran dan hanya outlinenya saja, tetapi kali ini menggunakan tools Dashes agar terlihat patah-patah dan mengatur Opacity agar nampak seperti efek bayangan 4. Setelah selesai kita animasikan 3 elemen tersebut terlebih dahulu, elemen lingkaran orange dibiarkan diam tanpa animasi lalu pada elemen kedua yaitu outline putih dianimasikan bergerak melingkari permukaan lingkaran orange dengan cara memberi efek ‘Trim Path’ dengan klik kanan pada tool ‘Add’ di kanan tool Contents lalu atur start dan stop nya.
  • 14. Breakdown Animasi 5. Lalu pada elemen ketiga kita menganimasikan efek bayangan yang muncul perlahan lalu berputar kekanan yaitu dengan klik ‘Opacity’ pada tools Transform lalu mengaturnya agar muncul perlahan dengan bermain pada keyframe, selanjutnya kita klik ‘Rotation’ untuk membuatnya berputar kekanan dengan memainkan keyframe. 6. Selanjutnya pada elemen terakhir kita membuat lingkaran baru berwarna putih dan menganimasikan muncul membesar dengan klik ‘Scale’ pada tools Transform lalu mengubah ukuran start keyframe nya dari 0% menjadi sekitar 100% pada keyframe selanjutnya agar lingkaran seolah muncul tiba tiba ditengah elemen yang lain.
  • 15. Motion Shape Animation Experiment by Fadhli Erlanda
  • 16. Review Pada animasi tersebut menampilan motion graphic dengan efek burst yaitu seolah olah beberapa elemen bergerak membesar atau membentuk ledakan. Animasi kali ini merupakan tingkat lanjut dari animasi sebelumnya. Pada kali ini burst yang digunakan terdiri banyak objek, tidak hanya lingkaran. Objek-objek tersebut dibuat melingkar agar terlihat efek yang digunakan.
  • 17. Breakdown Animasi Animasi tersebut dapat dibuat menggunakan Adobe After Effect 1. Buat shape persegi yang hanya diambil outlinenya saja dengan klik ‘Rectangle Tool’ pada toolbar. 2. Hal pertama yang dilakukan adalah menganimasikan position dan scale nya, untuk animasi scale atur keyframe pertama dengan scale 0% dan keyframe kedua 100%m lalu untuk animasi position atur keyframe pertama shape berada ditengah dan keyfram kedua shape berada diatas. 3. Selanjutnya, untuk memberi efek burst atau ledakan klik ‘add’ pada samping tools content dan pilih ‘Repeater’ dan mengatur jumlah shape sebanyak 8 4. Lalu gar shape persegi menyebar kita atur anchor point dan rotation nya sesuai selera dan bisa menyesuaikan. 5. Setelah itu untuk shape dan elemen selanjutnya kita lakukan hal yang sama persis tetapi hanya menyesuikan jumlah shape yang menyebar saja.