pengenalan tentang bumper/motion graphic...
Post on 01-Feb-2018
220 Views
Preview:
TRANSCRIPT
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
PENGENALAN TENTANG BUMPER/MOTION GRAPHIC
DAN CARA PEMBUATANNYA
Selfianah Selfianah@raharja.info :: http://5elfi.blogspot.com
Abstrak Bumper/Motion Graphics adalah percabangan dari Seni Desain Grafis yang merupakan
penggabungan dari, Ilustrasi, Tipografi, Fotografi dan Videografi dengan menggunakan
teknik Animasi. Pada tahap membuat bumper ini, software yang akan di pakai adalah
Adobe After Effect CS3. Alasan menggunakan software ini karena Adobe After effects
merupakan software Motion Grahic yang dapat digunakan sebagai software
Compositing, Animasi dan Video Effect dan lengkapnya efek animasi yang ada di
dalam software ini membuat para designer tidak hilang ide. Bumper Biasanya dipakai
pada awal dan akhir sebuah acara dengan menampilkan animasi logo televisi. Untuk
durasi sebuah bumper tidak kurang dan lebih dari 15 detik.
Kata Kunci: Animasi, Multimedia, Bumper/Motion Graphic
Pendahuluan Teknologi Informasi dan Komunikasi dari waktu ke waktu semakin berkembang, dan
banyak sekali bermacam-macam Teknologi informasi yang bermunculan. Teknologi
informasi meliputi segala hal yang berkaitan dengan proses, penggunaan sebagai alat
bantu, manipulasi, dan pengelolaan informasi. Banyak sekali media Teknologi
informasi yang bermunculan seperti halnya dalam perkembangan ilmu desain grafis
ataupun multimedia. Multimedia dapat diartikan sebagai penggunaan beberapa media
yang berbeda untuk menggabungkan dan menyampaikan informasi dalam bentuk teks,
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
audio, video, grafik, dan animasi. Multimedia memiliki manfaat yang beragam, yaitu
dapat digunakan pada industri kreatif, komersial, hiburan, pendidikan, kesehatan, dll.
Salah satu yang behubungan dengan Multimedia yaitu 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. Motion Graphic Animation
adalah tipe animasi yang menampilkan tulisan dan grafik, misalnya penggunaan running
teks dalam iklan atau logo corporate di station ID atau company profile. Jenis animasi
ini juga digunakan dalam opening film atau acara di televisi. Motion Graphic Animation
di Indonesia lebih dikenal sebagai “bumper” bisa kita lihat pada kemunculan MTV
ataupun contoh lainnya pada nickelodeon. Bumper – bumber ini lah yang bisa disebut
dengan motion graphic. Bumper Disebut juga invisible art karena komponen-komponen
ini terlihat tapi tidak disadari oleh pemirsa di dalam sebuah program. komponennya
diisi oleh motion designer dalam pembuatan titles, logo animation, product animation,
visual effects dan lainnya. Dalam pembuatan Bumper/Motion Graphic, software yang
banyak dipakai adalah Adobe After Effect. Saat ini Adobe after effect telah banyak
digunakan dalam pasca produksi pembuatan film, animasi, multimedia dan keperluan
web design. Adobe After effects merupakan software yang menggunakan prinsip
susunan layer, seperti halnya software-software grafis dan animasi yang ada pada saat
ini, misalnya Adobe Photoshop, Macromedia Flash MX. Adobe After Effect berjalan
diatas system operasi Windows.
Pembahasan Bumper/Motion Graphic merupakan hal penting yang harus ada di dalam suatu produk
multimedia. Berfungsi untuk memperindah tampilan awal produk tersebut agar terlihat
lebih menarik dan tidak terlalu flat/biasa saja. Biasanya software yang dipakai dalam
membuat Bumper/Motion Graphic yaitu Adobe After Effect. Penulis akan menjelaskan
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
langkah-langkah pembuatan Bumper/Motion Graphic menggunakan Adobe After Effect
CS3 yaitu sebagai berikut.
1. Buka Software After Effect CS3
2. Pilih menu file → New → New Project untuk membuat project baru.
Namun project tersebut belum ada adegan /Composition. Oleh karena itu klik
menu Composition → New Composition. Agar sesuai dengan ukuran pada flash,
atur Preset = Custom, dan pixel aspect Ratio = Square pixels:
1. Lebar layar/Width: 1366 Pixel
2. Tinggi layar/Heigh: 768 Pixel
3. Frame Rate: 25 Frame per second (gambar per detik)
4. Duration 0:00:20:00 artinya: 0 jam, 0 menit, 20 detik, 0 frame
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
3. Untuk memasukkan gambar, Klik menu File→ Import → File …
Pilih file yang akan dimasukkan, klik tombol Open.
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
4. Agar gambar bisa tampil, drag background ke Timeline Comp 1 atau langsung ke
window Preview.
5. Pastikan Current Time Indicator berada di awal movie (00:00f). Di palette Time
Control, klik tombol First Frame.
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
6. Untuk membuat gambar matahari berputar, di Timeline Comp 1, klik panah segitiga
putih di samping Layer matahari, maka muncul Transform. Klik panah segitiga
putih pada Transform, maka akan muncul parameter Rotation.
7. Untuk memulai animasi rotasi, klik icon Time Vary Stop Watch di samping
Rotation, ubah angka menjadi 4x + 230,9o, maka ada keyframe baru di awal
movie/detik 0 (00:00f).
8. Geser Current Time Indicator ke detik 20 (20:00f), lalu atur Rotation menjadi
7x+301,5o, seperti gambar di bawah ini.
9. Buat animasi pada awan 1, dengan cara klik icon Time Vary Stop Watch di
samping Position, lalu ubah angka menjadi 579,0, 182,0 maka ada keyframe baru
di awal movie/detik 0(00:00f).
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
10. Geser Current Time Indicator ke detik 04 (04:00f) lalu atur posisi menjadi 461,0,
182,0, seperti gambar di bawah ini.
11. Atur position pada keyframe berikutnya sampai dengan keyframe 20. Cara dan
angkanya sama seperti Gambar 3.10 dan Gambar 3.11.
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
12. Buat animasi pada awan 2, dengan cara klik icon Time Vary Stop Watch di
samping Position, lalu ubah angka menjadi 847,0, 184,0 maka ada keyframe baru
di awal movie/detik 0(00:00f).
13. Geser Current Time Indicator ke detik 04 (04:00f) lalu atur posisi menjadi 987,0,
184,0, seperti gambar di bawah ini.
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
14. Atur position pada keyframe berikutnya sampai dengan keyframe 20. Cara dan
angkanya sama seperti Gambar 3.13 dan Gambar 3.14.
15. Buat animasi multimedia production, dengan cara klik animation→ browse presets
dan pilih transition wipes → Iris - rounde.ffx.
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
16. Buat animasi Opacity pada MULTIMEDIA PRODUCTION dengan cara klik icon
Time Vary Stop Watch di samping Opacity lalu atur angkanya menjadi 100 pada
frame awal, 100 pada frame tengah dan 0 pada frame akhir.
17. Buat animasi transition pada layer Mempersembahkan, caranya dengan pilih
Effects & Presets → Transition → CC Radial Scale Wipe.
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
18. Buat animasi Position pada layer Pesawat dengan cara klik icon Time Vary Stop
Watch di samping Position, lalu ubah angka menjadi 1605,0, 208,0 pada keyframe
7(07:00f) dan angka -253,0, 554,0 pada keyframe 11(11:00f).
19. Render hasil animasi yang telah dibuat dengan cara pilih Composition →Make
Movie lalu pilih Render.
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
Penutup Artikel yang dibuat ini berisi tahapan-tahapan dalam membuat sebuah Bumper/Motion
Graphic yang biasanya dipakai pada pertelevisian. Bumper/Motion Graphic banyak
digunakan pada pasca produksi pembuatan film, video production dan animasi web.
Selain Adobe After Effects ada software Shake, Digital Fusion dan Combustion yang
memang dirancang untuk aplikasi visual effects pada komputer desktop. Bumper
Biasanya dipakai pada awal dan akhir sebuah acara dengan menampilkan animasi logo
televisi. untuk durasi sebuah bumper tidak kurang dan lebih dari 15 detik. Bumper
Disebut juga invisible art karena komponen-komponen ini terlihat tapi tidak disadari
oleh pemirsa di dalam sebuah program. komponennya diisi oleh motion designer dalam
pembuatan titles, logo animation, product animation, visual effects dan lainnya.
Referensi https://cdbahanajar.wordpress.com/2012/03/06/pengertian-cd-interaktif-cd-interaktif-
pembelajaran/
http://chugygogog.blogspot.co.id/2009/09/motion-graphic-atu-bumper.html
http://www.cdpembelajaranpendidikan.com/2016/07/pengertian-cd-pembelajaran-
interaktif.html
https://kitabgaul.com/word/intro
https://www.5elfi.blogspot.com
Biografi Hai, nama saya Selfianah Lahir di Kota Tangerang 23 Maret 1997. Saat ini saya sedang
menempuh jenjang pendidikan di salah satu Perguruan Tinggi di Kota Tangerang
Jurusan Teknik Informatika Konsentrasi Software Engineering. Hoby saya
menggambar, karna hoby saya tersebut, sekarang saya juga bekerja pada bagian Design
Graphic di sebuah perusahaan yang bergerak di bidang Plastic Injection. Antara
pendidikan dengan pekerjaan saya memang berbeda, tapi bukan berarti saya tidak mampu
mempelajarinya. Karna perbedaan itu lah saya ingin belajar anatara dunia IT digabung dengan dunia
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
Design Graphic. Untuk Sharing lebih lanjut, bisa add di facebook dengan nama Selfi legacy atau chat via
email di selfianah@gmail.com.
top related