Makalah Kelompok 5 Adobe Animate [PDF]

Citation preview

MAKALAH MULTIMEDIA DAN KONVERSI APLIKASI 2D



Oleh: KELOMPOK 5 SITI RABIATUL ADAWIYAH (1529040046) REWITA NENGSI TULAK (1629040020) RISKAWATI (1629041009) NUR ATHIYYAH FADHILAH (1629042016)



PENDIDIKAN TEKNIK INFORMATIKA DAN KOMPUTER PENDIDIKAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS NEGERI MAKASSAR 2018



i



KATA PENGANTAR Puji syukur kehadirat Tuhan Yang Maha Esa atas segala rahmat-NYA sehingga makalah ini dapat tersusun hingga selesai . Tidak lupa kami juga mengucapkan banyak terimakasih atas bantuan dari pihak yang telah berkontribusi dengan memberikan sumbangan baik materi maupun pikirannya. Dan harapan kami semoga makalah ini dapat menambah pengetahuan dan pengalaman bagi para pembaca, Untuk ke depannya dapat memperbaiki bentuk maupun menambah isi makalah agar menjadi lebih baik lagi. Karena keterbatasan pengetahuan maupun pengalaman kami, Kami yakin masih banyak kekurangan dalam makalah ini, Oleh karena itu kami sangat mengharapkan saran dan kritik yang membangun dari pembaca demi kesempurnaan makalah ini. Makassar, 14 September 2018



Penyusun



i



DAFTAR ISI KATA PENGANTAR ............................................................................................................... i DAFTAR ISI.............................................................................................................................. ii BAB I PENDAHULUAN .......................................................................................................... 1 A. Latar Belakang ............................................................................................................... 1 B. Rumusab Masalah .......................................................................................................... 1 C. Tujuan ............................................................................................................................ 1 BAB II ISI .................................................................................................................................. 2 A. Aplikasi Adobe Animate................................................................................................ 2 B. Penggunaan Aplikasi Adobe Animate ........................................................................... 3 BAB III PENUTUP ............................................................................................................. 6 A. Kesimpulan .................................................................................................................... 6 DAFTAR PUSTAKA .......................................................................................................... 7



ii



BAB I PENDAHULUAN A. Latar Belakang Dimensi merupakan ukuran panjang, lebar, tinggi, luas, dan sebagainya. Dimensi memiliki beberapa jenis seperti dimensi satu, dimensi dua, dan dimensi tiga. Dua dimensi merupakan dimensi antara dimensi panjang dan lebar dalam satu bidang datar, jadi hanya ada panjang dan lebar saja tanpa adanya dimensi tebal. Bidang dua dimensi dapat digambarkan dengan sumbu X dan Y. Contoh seni dua dimensi seperti kaligrafi, lukisan, gambar animasi, banner, desain produk dan lainnya. Animasi adalah gambar bergerak berbentuk dari sekumpulan objek (gambar) yang disusun secara beraturan mengikuti alur pergerakan yang telah ditentukan pada setiap pertambahan hitungan waktu yang terjadi. Gambar tersebut dapat berupa gambar makhluk hidup, benda mati, ataupun tulisan. Animasi merupakan proses membuat objek yang asalnya objek mati, kemudian disusun dalam posisi yang berbeda seolah menjadi hidup. Di dalam animasi ada dua objek penting, yaitu objek atau gambar dan alur gerak. Animasi secara umum dapat dikatakan sebagai suatu sequence gambar yang ditampilkan pada tenggang waktu (timeline) tertentu sehingga tercipta sebuah ilusi gambar bergerak. Adapun beberapa aplikasi yang mendukung pembuatan animasi dua dimensi seperti plastic animation paper, synfig studio, vectorian giotto, adobe animate, dan lainnya.. Aplikasi-aplikasi ini memiliki kelebihan dan kekurangan masing-masing dalam proses pembuatan animasi 2D. Pada kesempatan kali ini, makalah ini akan menjelaskan satu aplikasi animasi 2D yaitu Adobe Animate. B. Rumusan Masalah 1. Apa itu aplikasi Adobe Animate? 2. Bagaimana cara menggunakan aplikasi Adobe Animate? C. Tujuan 1. Mengetahui aplikasi Adobe Animate



2. Mengetahui cara menggunakan aplikasi Adobe Animate 1



BAB II PEMBAHASAN A. Aplikasi Adobe Animate Adobe Animate merupakan nama baru untuk Adobe Flash Profesional yang telah diresmikan pada tanggal 8 Februari 2016 kemarin. Adobe Animate merupakan sebuah program yang didesain khusus oleh Adobe dan program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis. Perubahan nama tersebut tak hanya sekedar namanya yang berubah, tetapi terdapat banyak fitur unggulan yang diusung dengan nama baru tersebut. Adobe Animate CC memiliki beberapa fitur unggulan, seperti Creative Cloud Libraries dan Adobe Stock Integration. Dengan fitur Creative Cloud Libraries, developer dapat membuat asetnya bisa digunakan dimana pun ketika penggunanya membutuhkan. Developer dapat menyimpan seluruh aset desain di Library, kemudian aset tersebut akan tersinkron dan dapat dibagikan kepada developer lain yang menggunakan Creative Cloud Account. Adobe Stock Integration akan memungkinkan developer membuat proyek kreatif dengan mengakses 40 juta aset berkualitas, seperti gambar bebas royalti, ilustrasi, dan grafik vektor. Akan tetapi untuk menikmati fitur ini developer harus sedikit mengeluarkan biaya karena Adobe Stock merupakan sebuah fitur dengan konten berbayar pada Adobe Animate CC. Sedangkan, fitur-fitur yang paling baru dari Animate CC adalah Typekit, Publishing setting for SpritesSheets, dan HTML5 Canvas Template. Fitur Typekit merupakan fitur yang memungkinkan developer dapat mengakses langsung ribuan jenis huruf yang berkualitas premium. Kemudian fitur Publishing setting for SpritesSheets, developer dapat mengoptimalkan iklan yang perlu dimuat dengan cepat atau situs yang membutuhkan resolusi tinggi. Sedangkan fitur HTML5 Canvas Template akan memungkinkan developer dapat menggunakan berbagai macam editor kode pemrograman. 2



B. Penggunaan Aplikasi Adobe Animate Pada makalah ini akan dijelaskan cara membuat animasi kipas angin dengan aplikasi Adobe Animate. Sebelum membuat animasi ini, pastikan sudah punya gambar kipas angin yang akan di sketch. Buka Adobe Animatenya. Silakan Pilih ActionScrips 3.0. Ukuran file silakan disesuaikan, saya menggunakan 500px x 500px.



Pilih tool >> Oval Tool >>buat sebuah gambar untuk membuat baling2nya..



Buat Baling-baling seperti gambar dibawah ini.



3



Selanjutnya buat gambar tangkai baling2nya..



Gabungkan kedua menjadi movie clip. Yang perlu diperhatikan layernya harus terpisah di dalam movieclipnya. Caranya pisahkan dulu gambar baling-balingnya dengan tangkainya. letakkan baling-baling di layer 1, tangkainya di layer dua.. kemudian baru dijadikan movie clip



Pilih gambar baling2 dan tangkai kipas, cara memilih pastikan menekan tombol shift untuk menyeleksi beberapa objek.



4



Untuk memberikan efek bergerak pada baling-baling, pengguna dapa memilih layer baling-baling klik kanan di Frame 30, selanjutnya klik kanan pilih insert KeyFrame. Lakukan juga pada layer tangkai, agar terlihat sampai frame 30



Klik kanan diantara frame 1 - 10 pilih Create Classic Tween



Klik layer Baling2, pilih frame 1.. klik Rotate >> CW. Maka hasilnya akan terlihat.



5



BAB III PENUTUP A. Kesimpulan Adobe Animate merupakan sebuah program yang didesain khusus oleh Adobe dan program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis. Adobe Animate merupakan nama baru untuk Adobe Flash Profesional yang telah diresmikan pada tanggal 8 Februari 2016 kemarin. Perubahan nama tersebut tak hanya sekedar namanya yang berubah, tetapi terdapat banyak fitur unggulan yang diusung dengan nama baru tersebut. Adobe Animate CC memiliki beberapa fitur unggulan, seperti Creative Cloud Libraries dan Adobe Stock Integration. Sedangkan, fitur-fitur yang paling baru dari Animate CC adalah Typekit, Publishing setting for SpritesSheets, dan HTML5 Canvas Template.



6



DAFTAR PUSTAKA Dirga, Iputu. 2017. Tutorial Adobe Animate: Membuat Animasi Kipas Angin Keren + File Download. https://iputu-dirga.blogspot.com/2017/05/tutorial-adobe-animate-membuatanimasi.html#.W5yYRJdlDDc diakses pada tanggal 14 September 2018. Haryo, Septhanos. 2013. Pengertian Sederhana Tentang Apa itu 2D dan 3D. http://tugaslagitugas.blogspot.com/2013/05/pengertian-sederhana-tentang-apa-itu2d.html diakses pada tanggal 14 September 2018. International Design School. 2014. Apa Itu Animasi? https://idseducation.com/articles/apaitu-animasi/ diakses pada tanggal 14 September 2018. Sukindar. 2016. Adobe Rilis Animate CC Versi Final Sebagai Pengganti Adobe Flash Professional.



https://teknojurnal.com/adobe-melunurkan-animate-cc-versi-final-



sebagai-pengganti-adobe-flash-professional/ diakses pada tanggal 14 September 2018.



7