Tutor Adobe Flash Cs3-smamuh.pdf

MATERI AJAR ANIMASI ADOBE FLASH CS3

Oleh : Chaidar Husain,S.Kom, M.Pd e-mail : [email protected]

MAJELIS PENDIDIKAN DASAR DAN MENENGAH SMA MUHAMMADIYAH TARAKAN OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

1

Pendahuluan

Animasi

Kelahiran animasi sudah dimulai sejak jaman batu yaitu lebih dari 15000 tahun yang lalu. Hal ini dibuktikan dengan ditemukannya lukisan dan cerita bergambar pada dinding gua jaman paleolitikum. Berabad-abad kemudian perkembangan cerita bergambar sampai pada bangsa Mesir kuno yaitu pada tahun 2000 SM yang sering sekali menggambar subjek yang diceritakan dalam bentuk pergerakan. Salah satu gambar yang ditemukan adalah beberapa gambar posisi gulat pada jaman Mesir. Kebiasaan menggambar ini juga diikuti oleh bangsa Yunani dan Romawi. Perkembangan cerita bergambar pada jaman kuno inilah yang merupakan cikal bakal teknik animasi jaman sekarang. Pada tahun 1914, Winsor McCay membuat animasi bernama Gertie the Dinosaur. Pada tahun berikutnya Otto Mesmer membuat animasi bisu dengan plot cerita terkenal yaitu Felix the Cat. Pelopor dunia animasi adalah Walt Disney dan Roy Disney. Pada tahun 1923 mereka membuat animasi fantasi disertai iringan musik dengan tokoh kartun seekor tikus bernama Mortimer, sebuah tokoh cikal bakal Mickey Mouse. Setelah sukses dalam menghidupkan Mickey Mouse mereka membuat animasi "White snow and seven dwarfs" dan berbagai animasi lainnya yang sukses sampai sekarang dinaungi oleh Pixar Animation. Animasi mampu menyampaikan suatu konsep yang kompleks menjadi menarik secara visual dan juga dinamik sehingga animasi terus berkembang hingga saat ini. Secara sederhana prinsip kerja animasi adalah dengan: 

Menumpuk beberapa gambar secara bergantian dan berurutanContoh: Prinsip kerja animasi dengan menumpuk beberapa gambar secara berurutan dalam tempo yang cepat. Gambar akan ditampilkan mulai dari urutan pertama sampai terakhir sehingga seolah olah gambar yang ada misalnya gambar bola bergerak dari bawah keatas. Kecepatan gerak bola tergantung pada delay antar gambar. Semakin kecil delay maka akan semakin cepat pula gerakan bola itu. Langkah ini juga merupakan cara pembuatan kartun-kartun klasik.



Mengubah nilai koordinat suatu objek sehingga diperoleh sebuah efek gambar yang hidup. Contoh: Prinsip kerja animasi dengan mengubah nilai koordinat objek adalah dengan mengatur-atur nilai koordinat X dan Y objek tersebut, gambar misalnya bola akan berpindah dari koordinat (1,5) menuju (2,4). Dengan mengatur delay antar perintah perubahan nilai koordinat, maka akan didapatkan sebuah animasi yang hidup yang gerakannya dapat diatur-atur.

Kelebihan Animasi Dibanding Bentuk Multimedia yang Lain Penggunaan animasi secara umum mempunyai beberapa keuntungan antara lain : 

Animasi digunakan untuk mengiklan produk baru yang kelihatan merupakan produk masa depan.



Animasi dapat menampilkan produk dalam desain yang bervariasi



Animasi tidak membutuhkan studio khusus, dapat dikerjakan dengan komputer.

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

2



Animasi sering digunakan untuk menyampaikan pesan yang yang sulit atau untuk menjangkau pasar khusus, misalnya anak-anak



Animasi dapat menggantikan produk aktual dengan prototype



Animasi menjadikan presentasi bisnis lebih menarik



Sebagai media hiburan, contoh : film, Video Klip, Games



Media iklan/promosi



Media bantu/Tools



Media Pelengkap, Animasi digunakan sebagai pelengkap atau tambahan atau hiasan pada suatu tampilan yang digunakan untuk mempercantik atau menarik pada objek yang ditampilkan.

Apa Itu Animasi Animasi adalah gambar begerak berbentuk dari sekumpulan objek (gambar) yang disusun secara beraturan mengikuti alur pergerakan yang telah ditentukan pada setiap pertambahan hitungan waktu yang terjadi. Gambar atau objek yang dimaksud dalam definisi di atas bisa berupa gambar manusia, hewan, maupun tulisan. Pada proses pembuatannyam sang pembuat animasi atau yang lebih dikenal dengan animator harus menggunakan logika berfikir untuk menentukan alur gerak suatu objek dari keadaan awal hingga keadaan akhir objek tersebut. Perencanaan yang matang dalam perumusan alur gerak berdasarkan logika yang tepat akan menghasilkan animasi yang menarik untuk disaksikan. Apabila kita perhatikan penjelasan sebelumnya, maka dapat disimpulkan bahwa terdapat dua hal penting yang harus diperhatikan dalam pembuatan animasi, yaitu Objek/ gambar dan alur gerak. Atau juga Animasi merupakan suatu teknik menampilkan gambar berurut sedemikian rupa sehingga penonton merasakan adanya ilusi gerakan (motion) pada gambar yang ditampilkan. Secara umum ilusi gerakan merupakan perubahan yang dideteksi secara visual oleh mata penonton sehingga tidak harus perubahan yang terjadi merupakan perubahan posisi sebagai makna dari istilah ‘gerakan’. Perubahan seperti perubahan warna pun dapat dikatakan sebuah animasi. Definisi animasi yang lain, Kata animasi diambil dari kata ANIMATION; TO ANIMATE, dan apabila kita lihat dalam kamus bahasa Inggris-Indonesia artinya kurang lebih adalah hidup atau menghidupkan. Jadi kurang lebih definisinya adalah menghidupkan segala macam benda atau obyek mati seolah-olah terlihat hidup bila dinikmati. Arti kehidupan disini bukan berarti memberi nyawa karena nyawa merupakan Allah, tetapi animsai menghidupkan segala macam benda atau obyek mati hanya bersifat ilusi. Walaupun sekarang ini pengertian animasi telah melebar hingga memiliki pengertian segala sesuatu yang mempunyai elemen gerak namun sekali lagi elemen gerak animasi adalah bersifat ilusi. Animasi pada prinsipnya merupakan urutan gambar yang diekspos pada tenggang waktu tertentu sehingga tercipta sebuah ilusi gambar bergerak.

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

3

Jenis-Jenis Animasi Dilihat dari tehnik pembuatannya animasi yang ada saat ini dapat dikategorikan menjadi 3, yaitu: A. Animasi Stop-motion (Stop Motion Animation) B. Animasi Tradisional (Traditional animation) C. Animasi Komputer (Computer Graphics Animation) A.

Stop-motion animation Stop-motion animation sering pula disebut claymation karena dalam perkembangannya, jenis animasi ini sering menggunakan clay (tanah liat) sebagai objek yang digerakkan .Tehnik stop-motion animation merupakan animasi yang dihasilkan dari penggambilan gambar berupa obyek (boneka atau yang lainnya) yang digerakkan setahap demi setahap. Dalam pengerjaannya teknik ini memiliki tingkat kesulitan dan memerlukan kesabaran yang tinggi. Wallace and Gromit dan Chicken Run , karya Nick Parks, merupakan salah satu contoh karya stop motion animation. Contoh lainnya adalah Celebrity Deadmatch di MTV yang menyajikan adegan perkelahian antara berbagai selebriti dunia.

B.

Animasi Tradisional (Traditional animation) Tradisional animasi adalah tehnik animasi yang paling umum dikenal sampai saat ini. Dinamakan tradisional karena tehnik animasi inilah yang digunakan pada saat animasi pertama kali dikembangkan. Tradisional animasi juga sering disebut cel animation karena tehnik pengerjaannya dilakukan pada celluloid transparent yang sekilas mirip sekali dengan transparansi OHP yang sering kita gunakan. Pada pembuatan animasi tradisional, setiap tahap gerakan digambar satu persatu di atas cel. Dengan berkembangnya teknologi komputer, pembuatan animasi tradisional ini telah dikerjakan dengan menggunakan komputer. Dewasa ini teknik pembuatan animasi tradisional yang dibuat dengan menggunakan komputer lebih dikenal dengan istilah animasi 2 Dimensi.

C.

Animasi Komputer Sesuai dengan namanya, animasi ini secara keseluruhan dikerjakan dengan menggunakan komputer. Dari pembuatan karakter, mengatur gerakkan “pemain” dan kamera, pemberian suara, serta special effeknya semuanya di kerjakan dengan komputer. Dengan animasi komputer, hal-hal yang awalnya tidak mungkin digambarkan dengan animasi menjadi mungkin dan lebih mudah. Sebagai contoh perjalanan wahana ruang angkasa ke suatu planet dapat digambarkan secara jelas, atau proses terjadinya tsunami. Perkembangan teknologi komputer saat ini, memungkinkan orang dengan mudah membuat animasi. Animasi yang dihasilkan tergantung keahlian yang dimiliki dan software yang digunakan.

Menurut hofstetter, animasi di bagi menjadi 4(empat) jenis : 

Frame Animation : Suatu animasi yang dibuat dengan mengubah objek pada setiap frame. Objekobjek tersebut nantinya akan tampak pada lokasi-lokasi yang berbeda pada layar.



Vector Animation : Suatu animasi yang dibuat dengan mengubah bentuk suatu objek.

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

4



Computational Animation : Suatu animasi yang dibuat dengan memindahkan objek berdasarkan koordinat x dan y. Koordinat x untuk posisi horizontal dan posisi y untuk posisi vertical.



Morphing : Peralihan satu bentuk objek ke bentuk objek lainnya dengan memanipulasi lebih dari satu frame sehingga nantinya akan dihasilkan keseluruhan gerakan yang sangat lembut untuk menampilkan perubahan satu sampai perubahan bentuk lainnya.

Beberapa kategori pada animasi computer yaitu : 

Computer Assisted Animation, animasi pada kategori ini biasanya menunjuk pada system animasi 2 dimensi, yaitu mengkomputerisasi proses animasi tradisional yang menggunakan gambaran tangan. Computer digunakan untuk pewarnaan, penerapan virtual kamera dan penataan data yang digunakan dalam sebuah animasi.



Computer Generated Animation, pada kategori ini biasanya digunakan untuk animasi 3 dimensi dengan program 3D seperti 3D Studio Max, Maya, Autocad dll.

Berkembangnya teknologi merupakan awal dari perkembangan perfilman, perkembangan yang diawali dengan munculnya software atau perangkat lunak. Software animasi yang digunakan sebagai fungsi untuk menjadi animasi 2 Dimensi dan 3 Dimensi. Software animasi 2D biasanya digunakan untuk membuat animasi tradisional, dimana memiliki kemampuan dalam mengatur gerak, menggambar, sebagian bisa mengimpor suara dan mengatur waktu. Software yang digunakan biasanya adalah Macromedia flash,GIF animation dan corel Rave, swish max, After Effects, Moho, CreaToon, ToonBoo. contoh film 2 dimensi adalah Shincan, Looney Tunes, Pink Panther, Tom and Jerry, Scooby doo. Software Animasi 3D memiliki kemampuan dan fasilitas yang canggih dengan kualitas yang baik. Kelebihan dalam membuat obyek 3D yaitu dalam pemberian efek, penyesuaian dan pengaturan gerak, import suara dan video serta lainya. Beberapa contoh software animasi 3D yaitu MAX Studio , Alias Wave Front AMA , Light Wave , poser ( figure animation ), bryce ( landscape animation ), Maya dan sebagainya. Contoh film dengan menggunakan sistem animasi 3 dimensi adalah Bugs Life, AntZ, Dinosaurs, Final Fantasy, Toy Story 2, Monster Inc., hingga Finding Nemo, The Incredible, Shark Tale. Software Animasi Saat ini terdapat banyak jenis software animasi yang beredar di pasaran, dari software yang mempunyai kemampuan yang sederhana hingga yang komplek, dari yang gratis hingga puluhan juta rupiah. Dari sisi fungsi penggunaan software animasi dapat dikelompokkan menjadi Software Animasi 2 Dimensi dan Software Animasi 3 Dimensi. 1.

Software Animasi 2 Dimensi.

Software animasi 2D adalah software yang digunakan untuk membuat animasi tradisional (flat animation), umumnya mempunyai kemampuan untuk menggambar, mengatur gerak, mengatur waktu, beberapa dapat mengimpor suara. Dari sisi penggunaan umumnya tidak sulit. Contoh dari Software Animasi 2D ini antara lain: OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

5



Macromedia Flash



Adobe Flash



Macromedia Director



ToonBoom Studio



Adobe ImageReady



Corel RaVe



Swish Max



Adobe After Effect

2.

Software Animasi 3 Dimensi

Software animasi 3D mempunyai fasilitas dan kemampuan yang canggih untuk membuat animasi 3 dimensi. Fasilitas dan kemampuan tersebut antara lain, membuat obyek 3D, pengaturan gerak kamera, pemberian efek, import video dan suara, serta masih banyak lagi. Beberapa software animasi 3D mempunyai

kemampuan

khusus,

misalnya

untuk

animasi

figure(manusia),

animasi

landscape

(pemandangan), animasi title (judul), dll. Karena kemampuannya yang canggih, dalam penggunaannya diperlukan pengetahuan yang cukup tinggi dan terkadang rumit. Contoh dari Software Animasi 3D ini antara lain: 

3D Studio Max



Maya



Poser (figure animation)



Bryce (landscape animation)



Vue (landscape animation)



Cinema 4D



Blender (gratis)



Daz3D (gratis)

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

6

Lingkungan Kerja Adobe Flash CS3

Adobe Flash CS3 Professional, merupakan software yang dirancang untuk membuat animasi berbasis vektor dengan hasil yang mempunyai ukuran yang kecil. Awalnya software ini memang diarahkan untuk membuat animasi atau aplikasi berbasis internet (online). Tetapi pada perkembangannya banyak digunakan untuk membuat animasi atau aplikasi yang bukan berbasis internet (offline). Dengan Actionscript 3.0 yang dibawanya, Adobe Flash CS3 Professional dapat digunakan untuk mengembangkan game atau bahan ajar seperti kuis atau simulasi. Penggunaan Adobe Flash CS3 Professional untuk animasi atau pembuatan bahan ajar interaktif tidaklah sulit, tool-tool yang tersedia cukup mudah digunakan, beberapa template dan component juga sudah disediakan dan siap digunakan. Dengan anggapan software Adobe Flash CS3 Professional telah terinstal pada komputer yang Andagunakan, berikut ini langkah awal untuk mengenal penggunaan Adobe Flash CS3 Professional. Memulai aplikasi Adobe Flash CS3 Profesional Klik Ikon

Akan muncul tampilan sebagai berikut

Untuk membuka file yang ada silahkan pilih Untuk membuat file baru silahkan pilih

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

“OPEN” “Flash File Actionscript 2.0”

7

Mengenal Bagian-Bagian Adobe Flash CS3 Menubar

Timeline

Stage Toolbar Area Kerja

Library

Properties Panel

1. Menubar Menubar merupakan deretan menu standar yang hampir mirip di semua aplikasi lainnya, yang apabila di klik akan menampilkan beragam pilihan, mulai dari membuat dokumen, memanipulasi objek hingga menampilkan dan menyembunyikan panel

2. Timeline Timeline atau garis waktu merupakan komponen yang digunakan untuk mengatur atau mengontrol jalannya animasi. Timeline terdiri dari beberapa layer. Layer digunakan untuk menempatkan satu atau beberapa objek dalam stage agar dapat diolah dengan objek lain. Setiap layer terdiri dari frame-frame yang digunakan untuk mengatur kecepatan animasi. Semakin panjang frame dalam layer, maka semakin lama animasi akan berjalan. Timeline juga berperan penting dalam pembuatan animasi , memanipulasi keyframe dan menumpuk pbjek dalam susunan layer.

3. Stage Jendela dokumen tempat menggambar, mengedit bitmap/symbol dan lain sebagainya. Sewaktu membuat animasi, hanya objek yang berada dalam area stage yang akan ditampilkan. Stage disebut juga layar atau panggung. Stage digunakan untuk memainkan objek-objek yang akan diberi animasi. Dalam stage kita dapat membuat gambar, teks, memberi warnadan lainlain.

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

8

4. Toolbar Kotak peralatan yang berisikan berbagai tool yang digunakan untuk membuat serta mengolah objek

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

9

5. Properties Panel Panel Properties akan berubah tampilan dan fungsinya mengikuti bagian mana yang sedang diaktifkan. Misalnya Anda sedang mengaktifkan Line tool, maka yang muncul pada jendela properties adalah fungsi-fungsi untuk mengatur line/garis seperti besarnya garis, bentuk garis, dan warna garis.

6. Library Library mempunyai fungsi sebagai perpustakaan simbol/media yang digunakan dalam animasi yang sedang dibuat. Simbol merupakan kumpulan gambar baik movie, tombol (button), sound, dan gambar statis

7. Document Properties Fungsi Document Properties adalah untuk melakukan pengaturan ukuran layar, warna background, framerate, dan dimensi dari animasi yang akan dibuat. Untuk memanggil kotak dialog Document Properties dapat dilakukan melalui 2 cara : 1. Klik pada stage kemudian pada bagian Panel Properties di bawah layar pilih tombol Size. 2. Klik kanan pada Stage atau Area Kerja (yang berwarna abu-abu) lalu pilih Document Properties.

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

10

Tampilan kotak dialog document properties

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

11

Menggunakan Adobe Flash CS3 Profesional

A. Menggambar Objek-Objek Dasar 1. Membuat Garis Flash menyediakan pilihan untuk membuat beragam bentuk garis. Pilih ikon Line Tool pada toolbar di sisi kiri layar, kemudian lihat pilihannya di panel Properties. Masukkan angka ketebalannya. Dan untuk memulai garis klik pada stage dan drag sepanjang yang anda inginkan.

2. Membuat gambar bebas dengan PENCIL TOOL Pilih ikon Pencil Tool, jika ingin lakukan pengaturan warna maupun ketebalan garis dapat dilakukan pada panel properties

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

12

3. Membuat Kotak dan Lingkaran Rectangle Tool untuk menggambar bentuk kotak pada layar. Untuk memulai menggambar, klik pada stage dan drag sebesar kotak/lingkaran yang Anda inginkan Oval Tool untuk menggambar bentuk lingkaran atau elips (Untuk menemukan oval tool, klik dan tahan pada icon rectangle tool). Adapun jenis, warna garis serta bentuk sudut dapat diatur pada properties. Apabila ingin bentuk sudut kotak tidak berbentuk lancip tetapi berupa sudut yang halus (lengkung), dapat mengubahnya dengan cara pilih Rectangle Tool dan rubah nilai yang ada pada panel Properties pada bagian

4. Menggambar Bentuk Persegi Banyak Untuk menggambar bentuk bersegi banyak, Klik dan tahan pada Rectangle tool, kemudian pilih PolyStar tool. Pilih Options pada panel Properties, Kemudian pada jendela dialog Tool Settings yang muncul Anda dapat memilih bentuk yang diinginkan serta dapat mengisikan angka berapa segi banyak yang akan dibuat.

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

13

5. Menggambar Kurva Untuk membuat bentuk bebas atau unik Anda dapat menggunakan Pen Tool. Klik mouse pada stage, drag dan lepas, maka garis akan terbentuk. Gerakkan kembali mouse ke arah yang diinginkan dklik untuk membuat sudut atau anchor point. Bila bentuknya merupakan kurva tertutup maka dapat diberi warna

6. Membesarkan, Mengecilkan dan Memutar Objek Pilih Free Transform Tool, lalu pilih objek maka pada ujung bentuk akan muncul kotak kecil atau handle, klik handle/kotak kecil untuk membesarkan/mengecilkan objek. Untuk memutar objek dekatkan mouse pada sudut handle sampai kursor mouse berubah bentuk seperti lingkaran, lalu klik mouse dan putar ke arah yang diinginkan.

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

14

Daftar Pustaka

Film Animasi 2D dan 3D (Update Terakhir 6 Mei 2014). Diperoleh 1 Januari 2015, Dari http://id.wikipedia.org/wiki/Film_Animasi_2D_dan_3D#Perbedaan_Film_Animasi_2D_ dan_3D Jayan. (2009). 7 Jam Belajar Interaktif Flash CS4 Untuk Orang Awam. Cetakan Ke-1. Palembang: Maxikom Konsep

Dasar Animassi (19 Mei 2013). Diperoleh 1 Januari 2015, http://animlicious.blogspot.com/2013/05/konsep-dasar-animasi_7152.html

Dari

Pengertian Animasi, Animasi Flash (15 Februari 2012). Diperoleh 1 Januari 2015, Dari http://tittiduit.blogspot.com/ Pengertian, Prinsip-Prinsip, dan Perbedaan Animasi (14 Juni 2014). Diperoleh 1 Januari 2015, Dari http://marcoturnip.blog.widyatama.ac.id/2014/06/14/pengertian-prinsipprinsip-dan-perbedaan-animasi/

OLEH : CHAIDAR HUSAIN,S.KOM.,M.PD

Bahan Ajar Kelas XII - SMA Muhammadiyah Tarakan

15