Modul pelatihan motion graphic

PEMBUATAN MOTION GRAPHIC

M o t i Go r n a p h i c

Uli Afrilia Wahyu (1101617111)

KATA PENGANTAR

Puji syukur Penulis panjatkan kehadirat Allah SWT. atas segala limpahan Rahmat serta Hidayah-Nya, sehingga modul ini dapat terselesaikan. Shalawat dan salam Penulis ucapkan kepada Rasulullah Muhammad SAW. sosok holistik sejati dalam mengembangkan amanah khalifah duniawiah dan eskatologis yang sampai hari ini masih tertoreh keberhasilannya memperjuangkan dan mengangkat harkat martabat manusia.

Modul ini digunanakan oleh mahasiswa Akademi Teknologi pendidikan yang ingin membuat media pembelajaran motion graphic. Dengan modul ini diharapkan Mahasiswa dapat lebih kreatif dalam membuat Motion graphic.

Akhirnya Penulis memohon kepada Allah SWT. agar apa yang dilakukan selama ini diridhoi dan bernilai ibadah disisi-Nya yang dapat memberikan manfaat kepada orang lain terlebih kepada Penulis. Penulis menyadari modul ini masih jauh dari kesempurnaan maka sangat diharapkan kritik dan saran dari semua pihak yang bersifat membangun sebagai bahan perbaikan selanjutnya.

Jakarta, 30 Oktober 2019 Penulis

i

DAFTAR ISI i ii iii 1 7 7 8 9 10 11 13 13 14 14 15 15 23 24 24

ii

Pengertian Motion Graphic

Prinsip Motion Graphic

Software yang digunakan

Kegiatan 1: Mengenal Motion Graphic

Pembuatan Motion Graphic Untuk Media Pembelajaran

PETA KONSEP

Membuat Konsep

Mengumpulkan Assets

Kegiatan 3: Membuat Motion Graphic

Membuat Motion Graphic

Video Motion Graphic

Pembelajaran

PENDAHULUAN

1

Deskripsi Materi

Modul pelatihan motion graphic untuk pembelajaran membahas mengenai proses pembuatan media pembelajaran dalam bentuk motion graphic. Modul ini berisi menganai pengenalan motion graphic dan pembuatan motion graphic.

Pengenalan motion graphic menjelaskan pengertian, prinsip motion graphic dan software yang digunakan. Kemudian, membahas pembuatan motion graphic yang terdiri dari macam-macam aplikasi yang bisa digunakan, tools pada after effect dan tahapan pembuatan motion graphic. Adapun pengetahuan prasyarat untuk mengikuti mempelajari modul ini adalah telah mempelajari prinsip desain pesan serta sudah pernah menggunakan aplikasi adobe photoshop atau adobe illustrator. Dalam pembuatan motion graphic, aplikasi yang digunakan adalah adobe after effect cc.

Modul ini adalah landasan bagi para peserta pelatihan motion graphic, serta dapat menjadi petunjuk bagi para pengembang media dalam bentuk motion graphic.

Modul ini terdiri dari 3 kegiatan, yaitu: • Pengenalan motion graphic • Penganalan Adobe After Effect • Pembuatan motion graphic Setiap unit diikuti oleh tugas dan latihan serta tindak lanjut.

Jangka waktu pembelajaran untuk materi ini adalah seminggu ditambah dengan dilakukan pertemuan tatap muka sebanyak 2 kali.

Karakteristik Akademik Anda, yang mempelajari modul ini adalah: 1.

Para peserta pelatihan dengan kriteria mahasiswa Teknologi pendidikan semester 1-7 2. Pengembang media pembelajaran 2

3.

4.

5.

Siapa pun yang ingin belajar motion graphic Memiliki pengalaman menggunakan adobe photoshop dan illustrator Telah mempelajari prinsip desain pesan

Prasyarat Akademik Anda, Mahasiswa teknologi pendidikan semester 1-7 telah atau sedang mempelajari prinsip desain pesan.

Anda, siapa saja yang mungkin tidak mempunyai latar belakang keilmuan teknologi pendidikan dianjurkan untuk mengkaji beberpa link dibawah ini

Prinsip Desain Pesan

Typhograph y

Color

Tujuan Pembelajaran Tujuan umum: Anda diharapkan dapat membuat video motion graphic yang sesuai dengan prinsip desain pesan.

Tujuan khusus: • Setelah menyimak kegiatan 1 modul ini, anda dapat menjelaskan pengertian motion graphic dengan tepat • Menjelaskan prinsip motion graphic • Berdasarkan kegiatan 2, anda dapat menjelaskan fungsi-fungsi tools yang terdapat di dalam after effect • Setelah mrnyimak kegiatan 3, anda dapat membuat video motion graphic dengan mengikuti tahapan-tahapan yang telah dijelaskan pada modul ini.

3

Manfaat Modul 1. Kegiatan 1 mengandung sub komponen pendukung bagi anda yang masih awam mengenai motion graphic. Kegiatan 1 ini membekali anda prinsip motion graphic serta hal-hal yang membedakannya dengan video lain.

2. Kegiatan 2 dan 3 memberikan sub kompetensi lain bagi anda. Anda diajak untuk langsung mengaplikasikan pembuatan motion graphic pada aplikasi adobe after effect cc. kegiatan 3 ini juga menjelaskan tahapantahapan yang perlu diperhatikan dalam proses pembuatannya.

3. Secara keseluruhan, anda sebagai pengembang media yang memiliki kemampuan dalam bidang desain grafis dan sudah terbiasa menggunakan aplikasi desain. Anda sekarang dilatih untuk dapat membuat media pembelajaran dalam bentuk motion graphic yang sesuai dengan prinsip desain pesan.

Saran-saran 1.

Anda dianjurkan untuk membentuk tim belajar yang terdiri dari 3 orang 2. Diskusikan kesulitan belajar dengan anggota tim lain 3. Catatlah semua pertanyaan atau kesulitann yang timbul sewaktu anda belajar. Segera tanyakan kepada tutor/instruktur pada pertemuan tatap muka.

4. Cobalah berlatih sendiri untuk membuat video motion graphic dengan mengikuti tutorial yang sudah diberikan secara bertahap.

Tugas akhir dari modul ini adalah membuat video pembelajaran dengan durasi maksimal 3 menit dalam bentuk motion graphic menggunakan adobe after effect.

4

Struktur dan Pemanfaatan Icons Icons

Fungsi Judul subkajian

Pengertain Motio Graphi c

Assesmen dalam kegiatan

Rujukan Belajar: penanda akhir satu chunk

Penjelasa n Selalu ditulis dengan hurus kapital di awal kata dan disertai visualisasi.

Latihan ini anda menyelesaikan satu kegiatan.

Rangkuman atau aspek terpenting dalam satu chunk.

Rujukan daring dalam akun...

Navigasi: penanda akhir satu chunk

Tugas Akhir

5

Telusuran secara daring menggunakan mesin pencari

Project yang dilakukan secara mandiri dalam waktu seminggu

Pemanfaatan Gawai Siapkan gawai, jangan lupa untuk install QR code reader.

Anda akan diminta untuk menginstall aplikasi Adobe After Effects, untuk kepentingan dalam mempraktekan modul ini.

Anda juga disarankan mengakses link di bawah ini, yang berisi plug-in Animation composser.

Link: https://misterhorse.tv/animation-composer

Mister Hors e

Bacaan dan Video yang Dianjurkan Sebagai pengayaan dan upaya mengembangkan wawasan anda dalam motion graphic, maka anda sebaiknya mengakses referensi berikut: https://www.schoolofmotion.com/blog Akun Instagram @deekaymotion Channel youtube @neuronchannel dan @kokbisa

6

KEGIATAN 1 PENGENALAN MOTION GRAPHIC Tujuan -Setelah mengikuti kegiatan ini, anda diharapkan dapat menjelaskan pengertian motion graphic -setelah mengikuti kegiatan ini, anda diharapkan dapat menyebutkan: Prinsip-prinsip motion graphic Macam-macam software yang dapat digunakan dalam pembuatan motion graphic

7

URAIAN MATERI Pengertian Motion Graphic

Motion Graphics adalah percabangan dari Seni Desain Graphics yang merupakan penggabungan dari, Ilustrasi, Tipografi, Fotografi dan Videografi dengan menggunakan teknik Animasi. Motion Graphics terdiri dari dua kata, Motion yang berarti Gerak dan Graphics atau yang sering kita kenal dengan istilah Grafis. Dari asal muasal pengertian dua kata tersebut, bisa dikatakan bahwa Motion Graphics, juga dapat disebut dengan istilah Grafis Gerak.1

Motion graphic adalah potongan-potongan media visual berbasis waktu yang menggabungkan film dan desain grafis. Hal tersebut bisa dicapai dengan menggabungkan berbagai elemen-elemen seperti animasi 2D dan 3D, video, film, tipografi, ilustrasi, fotografi, dan music (Sukarno 2014).2

Banyak designer yang membuat desain flayer, brosur, infografis dan lainnya. Tetapi desain tersebut berupa digunakan untuk keperluan percetakan.

Sedangnkan motion graphic designer menjadikan desain flyaer, brorus dan infografis itu bergerak sehingga lebih menarik. Jika kalian melihat iklan-iklan di platform Instagram atau website tertentu, mereka membuat desain iklan yang biasanya dicetak menjadi berbentuk animasi atau gambar bergerak. Cara ini memberikan daya tersendiri dalam penyampaian informasi. Melalui motion tidak hanya ada gambar bergerak tapi juga dilengkapi dengan text dan audio yang tepat dan sesuai.

Dahulu kala, pembuatan motion graphic dilakukan dengan menggabungkan beberapa sequence ke sequence. Tetapi, saat ini dapat dilakukan dengan menggunakan pergerakan pada keyframe dengan menggunakan effect animasi di objek yang diinginkan.

Rujukan Belajar Cobalah anda telusuri pendapat lain tentang pengertian motion graphic, dengan menggunakan kata kunci ‘motion graphic’ atau ‘pengertian motion graphic’. Diskusikanlah pengertian yang kalian dapat dengan teman kalian.

1 2

https://www.dafideff.com/2016/01/pengertian-motion-graphics-dan-cara-membuatnya.html Journal of Information Technology and Computer Science (JOINTECS) Vol. 1, No. 2, Januari 2017

8

Prinsip Motion Graphic

Dasar dari motion graphic adalah desain grafis. Motion graphic ini juga merupakan saudara dari video animasi, sehingga prinsip dasarnya sama seperti animasi yaitu, menggerakan sesuatu (gambar atau objek) yang diam.

Animasi sendiri tidak akan pernah berkembang tanpa ditemukannya prinsip dasar dari karakter mata manusia yaitu: persistence of vision (pola pengelihatan yang teratur). Paul roget, Joseph Plateau dan Pierre Desvigenes, melalui peralatan optic yang mereka ciptakan, berhasil membuktikan bahwa mata manusia cenderung menangkap urutan gambar-gambar ada tenggang waktu tertentu sebagai suatu pola. Dalam perkembangannya animasi secara umum bisa didefinisikan sebagai: Suatu sequence gambar yang diekspos pada tenggang waktu tertentu sehingga tercipta sebuah ilusi gambar bergerak.3 3 cara yang harus diperhatikan menurut Michael Lonka4: 1. Timming Penggunaan timing dapat membuat perbedaan yang besar dalam menciptakan suatu atmosfir yang tepat. Misalnya, munculnya retakan pada visual sebaiknya ditunjukkan satu per satu dari atas ke bawah, sehingga terlihat retakan tersebut seolah-olah sedang terjadi.

2. Pergerakan Penggunaan pergerakan diperlukan untuk membuat suatu animasi terlihat lebih nyata. Misalnya, bila terdapat sebuah animasi seseorang sedang berjalan, maka backsound dapat diletakkan gambar lampu-lampu jalan dan perumahan yang bergerak kea rah yang sama namun lebih lamban.

3. Atraksi Perhatian penonton harus dialihkan kearah yang tepat, misalnya bila ada tulisan yang ingin diperlihatkan dalam sebuah animasi, tulisan tersebut sebaiknya diberi efek pergerakan yang dinamis, atau dibuat kelap-kelip.

Rujukan Belajar Cobalah carilah contoh-contoh video motion graphic dan perhatikan setiap detail pergerakan dan konsep yang digunakan oleh pembuat motion tersebut.

3 4

https://www.academia.edu/29628506/Modul_3_Pemb_Animasi?email_work_card=thumbnail https://www.academia.edu/8601077/Motion_Graphic

9

Software Pembuatan Motion Graphic Seiring dengan berkembangnya teknologi yang terjadi saat ini, menyebabkan motion graphic berkembang semakin pesat. Sudah ada banyak software pendukung untuk mengelola karya motion graphic, seperti: • Adobe After Effects • Autodesk Combustion • Autodesk Flint Or Flame • Macromedia flash 8 • Rough Animator • Procreate • Maxon Cinema 4D • Softimagae XSI • Autodesk Maya or 3D Studio Max • Blender, dll.

Gambar 1. Tampilan jendela Autodesk Combustion

Gambar 3. Rough Animator pada ipad (tablet)

Referens i

Pindailah Qrcode disamping ini dengan menggunakan Qrcode scanner pada HP.

Atau dapat juag dilakukan dengan mengakses tautan ini https://www.youtube. com/watch?v=eZ9XoyQ6b1U tautan ini berisi gambaran mengenai beberapa contoh software motion graphic

Gambar 2. Tampilan jendela Macromedia Flash 8

Gambar 4. Tampilan jendela Adobe After Effects

10

Untuk aplikasi yang sudah disebutkan diatas merupakan aplikasi offline yang dapat digunakan pada tablet ataupun pc (baik untuk MacOS atau Windows).

Internet sudah menjadi kebutuhan, dan motion graphic juga merupakan hal yang sudah tidak asing lagi. Serta ditambah dengan banyaknya permintaan pelanggan yang menggunakan motion graphic. Sekarang sudah tersedia aplikasi online yang dapat dengan mudah digunakan untuk orang yang tidak memiliki basic desain grafis. Dan aplikasi ini juga tidak memerlukan spesifikasi laptop yang tinggi. Beberapa aplikasi tersebut adalah: • Animaker • Powtoon • Videoscribe • Kinemaster • Videomaker Aplikasi diatas adalah aplikasi instan yang telah menyediakan templete desain.

Sehingga memudahkan orang-orang yang tidak memiliki kemampuan desain grafis untuk membuat motion graphic.

Rujukan Belajar Cobalah kalian telusuri beberapa software yang telah disebutkan di atas, caritahu cara menggunakannya. dan bandingkan software mana yang seuai dengan anda

Latihan Berikan tanda (√) pada satu jawaban yang benar!

11

1.

Motion graphic dapat diartikan sebagai…

A. B. C. D.

Motion gerak Grafis gerak Info dalam bentuk grafis Gabungan titik dengan titik

2.

Fungsi motion graphic adalah agar…

A. B. C. D.

Tampilan grafis menjadi lebih menarik Karya grafis dapat dicetak Menggerakan benda diam Menyampaikan informasi dalam bentuk grafik data

3.

Motion graphic memiliki prinsip yang sama dengan…

A. B. C. D.

Cinematografi Stop Motion Video animasi Video dokumenter

4. Berikut ini yang termasuk software offline untuk pc windows/MacOS adalah…

A. B. C. D.

Procreate, after effect, dan Autodesk Maya Lumafusion, Premier pro dan After effect Macromedia Flash, Autodesk combustion, dan Blender Powtoon, Animaker, dan Blender

5. Dibawah ini adalah software online pembuatan motion graphic, kecuali…

A. Animaker B. Videoscribe C. Powtoon D. Rought Animator

1. B 12

Kunci jawaban: 2. A 3. C 4. C

5. D

Ringkasan

Motion Graphics adalah percabangan dari Seni Desain Graphics yang merupakan penggabungan dari, Ilustrasi, Tipografi, Fotografi dan Videografi dengan menggunakan teknik Animasi. 3 cara yang harus diperhatikan menurut Michael Lonka: Timming, Pergerakan dan Atraksi. Macam-macam software pembuatan motion graphic adalah: after effect, macromedia flash, powtoon dan lain-lain.

Tindak Lanjut 1. Jika anda dapat menjawab seluruh pertanyaan dengan benar, maka anda diperbolehkan untuk mempelajari kegiatan 2.

2. Jika anda hanya mampu menjawab pertanyaan dengan benar, antara 4-3 soal, maka anda disarankan untuk mempelajari kembali materi yang dianggap sulit. Dan cobalah untuk berdiskusi dengan fasiitator.

3. Cobalah membentuk kelompok belajar dan berdiskusi dengan teman anda.

13

KEGIATAN 2 PENGENALAN ADOBE AFTER EFFECTS Tujuan -Setelah mengikuti kegiatan ini, anda diharapkan dapat menjelaskan: Cara membuka program adobe after effect Tools pada adobe after effect

14

URAIAN MATERI

Adobe after effects adalah sebuah software yang sangat professional untuk kebutuhan dari motion graphic design. Dengan perpaduan dari bermacam-macam software design. Dengan perpaduan dari macam-macam software design yang telah ada, adobe after effects menjadi salah satu software design yang sangat handal. Standar effects yang ada mencapai sekitar 50 macam, yang bisa untuk mengubah dan menganimasikan objek. Disamping itu, dengan membuat animasi dengan adobe after effects, dapat dilakukan dengan hanya mengetikan beberapa kode scripts yang biasa disebut Expression guna menghasilkan pergerakan yang lebih dinamis dan unik.5

Adobe after effects memiliki fitur-fitur penting yang mirip dengan adobe photoshop, seperti tools shape. Adobe after effect juga memiliki keyframe yang mirip dengan adobe flash.

Dalam membuat video dibutuhkan penggabungan beberapa scene dan penambahan effect dalam video. Ada 3 hal yang dapat dilakukan oleh adobe after effect, yaitu: • Pembuatan visual effect • Penambahan visual 3D effect • Motion graphic After effect adalah produk keluaran adobe. Ada banyak versi untuk after effects ini. untuk contoh yang akan diberikan di modul ini adalah versi cc.

Tidak ada perbedaan yang jauh dari segi tools dangan versi cs6 atau versi yang lebih bawahnya. Hanya saja ada tampilan yang sedikit berbeda dan penambahan effect.

Cara Membuka After Effects Untuk membuka aplikasi adobe after effects, anda dapat melakukan cara berikut: 1. Pilih icon adobe after effect pada deskop.

Atau Pilih start, dan cari adobe after effects.

5

http://anas.blog.st3telkom.ac.id/2017/01/06/pengertian-singkat-adobe-after-effect/

15

2.

Maka akan muncul jendela seperti ini

3.

Tunggu beberapa saat, setelah itu jendela dialog akan muncul seperti ini.

Pilih New Project untuk membuat project baru.

4.

Klik menu Composition>New composition

16

5.

Atur ukuran video serta beri nama composition.

6.

Dan Compsition telah terbuat.

Maka, lembar kerja After Effects siap digunakan.

Rujukan Belajar Cobalah mempraktekan cara membuka after effect di atas secara langsung. Jika masih kurang mengerti, Anda dapat mencari tutorial di youtube dengan kata kunci ‘tutorial dasar after effects’

17

Mengenal Tools After Effects 1.

Menu Bar Berisi Kumpulan menu untuk mengakses fitur yang ada di adobe after effect.

2.

Tool Bar Berisi Kumpulan tool yang berfungsi untuk mengedit video.

18

3.

Composition Bagian komposisi akan menampilkan isi frame untuk komposisi yang telah dipilih.

4.

Library and Effect View Bagian ini merupakan tempat file source dan juga berisi tampilan efek yang akan dimunculkan di video. Ini adalah tempat semua import Komposisi, Video, Audio, Graphics, dan lain lain.

19

5.. Kumpulan Pallete Kumpulan pallete berisi beberapa fitur seperti Time, Audio, Effect, dan lain-lain. Pallete-nya memang besar, tetapi sebagai pembelajaran dasar tidak terlalu diperlukan.

20

6.

Detail Effect dan Layers Pallete ini digunakan untuk navigasi dalam mengedit video. Memberikan sentuhan permainan LAYER MODE, BLEND MODE, maupun MASKING yang berfungsi untuk menggabungkan 2 gambar atau lebih sehingga nmenjadi satu tampilan animasi yang utuh.

7.

Timeline Timeline memiliki fungsi menampilkan durasi dan panjang video serta tampilan layer dan keyframe.

21

Rujukan Belajar Carilah video yang mengaplikasikan tools yang sudah dijelaskan di atas, maka dengan begitu akan memberikan gambaran untuk video seperti apa yang akan anda buat.

Serta carilah beberapa contoh motion graphic, dan analisis tools apa saja yang digunakan dalam video tersebut.

22

Latihan Jodohkanlah pernyataan di kolom A dengan jawaban yang ada di kolom B. Pilihan jawaban hanya dapat digunakan untuk 1x menjawab.

8.

9.

10.

10. k 23

9. l

7.

8. j

6.

Kunci jawaban: 5. h 6. i 7. a

5.

4. e

4.

3. f

3.

a. b. c. d. e. f. g. h. i. j. k. l.

B Toolbar Menu bar Brush Pentool Rotation tool Timeline Handtool Selection tool Camera tool Eraser tool Anchor point Library

2. d

2.

A Kumpulan tool yang berfungsi untuk mengedit video Tool yang dapat digunakan untuk menggambar suatu objek secara bebas Berfungsi menampilkan panjang video serta tampilan layer dan keyframe Tool yang berfungsi sebagai pemutar untuk merubah rotasi dari objek.

Tool yang Difungsikan untuk memilih, menggeser serta menggulung layer bar yang ada di Timeline panel Tools ini hanya dapat digunakan pada layer camera saja. Berfungsi untuk merotasikan kamera secara bebas.

Kumpulan menu untuk mengakses fitur yang ada di adobe after effect.

Tool yang digunakan untuk menghapus isi dari sebuah layer.

Bagian ini merupakan tempat file source Tool untuk membuat titik tumpuan pada sebuah gambar yang akan di animasikan.

1. b

NO. 1.

Ringkasan

Adobe after effects adalah sebuah software yang sangat professional untuk kebutuhan dari motion graphic design. After effect memiliki fitur-fitur penting dalam membuat animasi atau motion graphic. Ada 3 hal yang dapat dilakukan oleh after effects yaitu: Pembuatan visual effect, Penambahan visual 3D effect dan Motion graphic.

Ada banyak tools dalam after effect, beberapa diantaranya yang sering digunakan adalah selection tool, pentool, anchor point, shape, dan transform.

Tindak Lanjut 1. Jika anda dapat menjawab dengan benar 8-seluruh soal, maka anda diperkenankan untuk mempelajari kegiatan 3.

2. Jika anda mampu menjawab pertanyaan dengan benar, antara 7-6 soal, maka anda disarankan untuk mempelajari kembali matari yang dianggap sulit. Cobalah diskusikan dengan fasilitator.

3. Jika anda hanya dapat menjawab benar sebanyak 5 atau kurang, maka anda dianjurkan untuk mengulang kembali seluruh bacaan pada kegiatan 2 ini.

4. Cobalah mempraktekan tools yang dijelaskan di modul pada kegiatan 2 ini.

24