SlideShare a Scribd company logo
1 of 17
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 coreldrawOva 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
 
Pertemuan 62
Pertemuan 62Pertemuan 62
Pertemuan 62kusanti
 
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 DrawIbrahim Naki
 
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 klasikdu5tin
 
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
 
mengenal antar muka corel draw
mengenal antar muka corel drawmengenal antar muka corel draw
mengenal antar muka corel drawRos Malaa
 

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

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
 
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 drawLpk Naura
 
Kreasi logo android dengan photoshop
Kreasi logo android dengan photoshopKreasi logo android dengan photoshop
Kreasi logo android dengan photoshopAgung Yuwono
 
Logo ilmugrafis dengan photoshop
Logo ilmugrafis dengan photoshopLogo ilmugrafis dengan photoshop
Logo ilmugrafis dengan photoshopAgung Yuwono
 
Materi ppt kel.3
Materi ppt kel.3Materi ppt kel.3
Materi ppt kel.3di_yah
 
Tugas Apkom POLNEP
Tugas Apkom POLNEPTugas Apkom POLNEP
Tugas Apkom POLNEPhersya
 
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.pdfIcukIcum
 
209299471 modul-blender
209299471 modul-blender209299471 modul-blender
209299471 modul-blenderdial860
 
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 DRAWAry 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

Aksi Nyata Menyebarkan Pemahaman Merdeka Belajar.pdf
Aksi Nyata Menyebarkan Pemahaman Merdeka Belajar.pdfAksi Nyata Menyebarkan Pemahaman Merdeka Belajar.pdf
Aksi Nyata Menyebarkan Pemahaman Merdeka Belajar.pdfsubki124
 
Laporan RHK PMM Observasi Target Perilaku.docx
Laporan RHK PMM Observasi Target Perilaku.docxLaporan RHK PMM Observasi Target Perilaku.docx
Laporan RHK PMM Observasi Target Perilaku.docxJajang Sulaeman
 
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfProv.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfIwanSumantri7
 
Penyuluhan DM Tipe II Kegiatan Prolanis.ppt
Penyuluhan DM Tipe II Kegiatan Prolanis.pptPenyuluhan DM Tipe II Kegiatan Prolanis.ppt
Penyuluhan DM Tipe II Kegiatan Prolanis.pptpalagoro17
 
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docxKisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docxFitriaSarmida1
 
PPT BAHASA INDONESIA KELAS 1 SEKOLAH DASAR
PPT BAHASA INDONESIA KELAS 1 SEKOLAH DASARPPT BAHASA INDONESIA KELAS 1 SEKOLAH DASAR
PPT BAHASA INDONESIA KELAS 1 SEKOLAH DASARElviraDemona
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfAndiCoc
 
sistem digesti dan ekskresi pada unggas ppt
sistem digesti dan ekskresi pada unggas pptsistem digesti dan ekskresi pada unggas ppt
sistem digesti dan ekskresi pada unggas ppthidayatn24
 
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOM
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOMSISTEM SARAF OTONOM_.SISTEM SARAF OTONOM
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOMhanyakaryawan1
 
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdfMODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 
contoh-kisi-kisi-bahasa-inggris-kelas-9.docx
contoh-kisi-kisi-bahasa-inggris-kelas-9.docxcontoh-kisi-kisi-bahasa-inggris-kelas-9.docx
contoh-kisi-kisi-bahasa-inggris-kelas-9.docxdedyfirgiawan
 
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdf
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdfSurat Pribadi dan Surat Dinas 7 SMP ppt.pdf
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdfEirinELS
 
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdfAndiCoc
 
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docxKISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docxDewiUmbar
 
Materi Modul 1.4_Fitriani Program guru penggerak
Materi Modul 1.4_Fitriani Program guru penggerakMateri Modul 1.4_Fitriani Program guru penggerak
Materi Modul 1.4_Fitriani Program guru penggerakAjiFauzi8
 
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...luqmanhakimkhairudin
 
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".Kanaidi ken
 
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdfMODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 
Lokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptxLokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptxrani414352
 

Recently uploaded (20)

Aksi Nyata Menyebarkan Pemahaman Merdeka Belajar.pdf
Aksi Nyata Menyebarkan Pemahaman Merdeka Belajar.pdfAksi Nyata Menyebarkan Pemahaman Merdeka Belajar.pdf
Aksi Nyata Menyebarkan Pemahaman Merdeka Belajar.pdf
 
Laporan RHK PMM Observasi Target Perilaku.docx
Laporan RHK PMM Observasi Target Perilaku.docxLaporan RHK PMM Observasi Target Perilaku.docx
Laporan RHK PMM Observasi Target Perilaku.docx
 
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfProv.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
 
Penyuluhan DM Tipe II Kegiatan Prolanis.ppt
Penyuluhan DM Tipe II Kegiatan Prolanis.pptPenyuluhan DM Tipe II Kegiatan Prolanis.ppt
Penyuluhan DM Tipe II Kegiatan Prolanis.ppt
 
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docxKisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
 
PPT BAHASA INDONESIA KELAS 1 SEKOLAH DASAR
PPT BAHASA INDONESIA KELAS 1 SEKOLAH DASARPPT BAHASA INDONESIA KELAS 1 SEKOLAH DASAR
PPT BAHASA INDONESIA KELAS 1 SEKOLAH DASAR
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
 
sistem digesti dan ekskresi pada unggas ppt
sistem digesti dan ekskresi pada unggas pptsistem digesti dan ekskresi pada unggas ppt
sistem digesti dan ekskresi pada unggas ppt
 
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOM
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOMSISTEM SARAF OTONOM_.SISTEM SARAF OTONOM
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOM
 
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdfMODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
 
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
 
contoh-kisi-kisi-bahasa-inggris-kelas-9.docx
contoh-kisi-kisi-bahasa-inggris-kelas-9.docxcontoh-kisi-kisi-bahasa-inggris-kelas-9.docx
contoh-kisi-kisi-bahasa-inggris-kelas-9.docx
 
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdf
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdfSurat Pribadi dan Surat Dinas 7 SMP ppt.pdf
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdf
 
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 5 KURIKULUM MERDEKA.pdf
 
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docxKISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
 
Materi Modul 1.4_Fitriani Program guru penggerak
Materi Modul 1.4_Fitriani Program guru penggerakMateri Modul 1.4_Fitriani Program guru penggerak
Materi Modul 1.4_Fitriani Program guru penggerak
 
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...
 
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
 
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdfMODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
 
Lokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptxLokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptx
 

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.