MODUL TIK KELAS XI IPA, IPS & BAHASA SOFTWARE DESAIN ANIMASI MACROMEDIA FLASH, MEDIA DAN TEKNIK DALAM PROSES BERKARYA DESAIN ANIMASI I. STANDAR KOMPETENSI Mengenal Adobe Flash II. KOMPETENSI DASAR Memahami awal penggunaan software aplikasi Adobe Siswa dapat Mengetahui fasilitas dalam Adobe Flash dalam merancang Animasi. III. TUJUAN PEMBELAJARAN Peserta didik dapat: 1. Menyebutkan definisi dari animasi 2. Menjelaskan beberapa jenis animasi 3. Mengetahui software aplikasi untuk membuat animasi 4. Menjalankan program aplikasi Adobe Flash dengan benar 5. Mengenal tools dan panel pada Flash 6. Mengenal lembar kerja Flash 7. Merancang gambar animasi dengan adobe flash 8. Mampu membuat animasi sederhana
IV. PETA KONSEP Software desain animasi, media & teknik dalam proses berkarya desain animasi Mengenal Adobe Flash Memahami awal penggunaan software aplikasi Adobe Siswa dapat mengetahui fasilitas dalam Adobe Flash dalam merancang animasi Siswa dapat merancang suatu objek dengan Adobe Flash
V. MATERI 1. Mengaktifkan Adobe Flash CS4 Untuk membuka program Adobe Flash CS4, dapat melakukan salah satu cara berikut : Klik icon Adobe Flash CS4 pada desktop (Layar Monitor) Klik Start Menu All Program Adobe Master Collection Adobe Flash CS4 2. Mengenal Layar Kerja Jendela kerja Adobe Flash CS4 terdiri atas : a. Menubar Berisi kumpulan menu atau perintah-perintah yang digunakan dalam Adobe Flash CS4
b. Tool Panel Tools panel merupakan panel berisi berbagai macam tool. Tool-tool tersebut dikelompokkan menjadi empat kelompok: 1. Tools; berisi tombol-tombol untuk membuat dan mengedit gambar 2. View; untuk mengatur tampilan lembar kerja 3. Color; menentukan warna yang dipakai saat mengedit 4. Option; alat bantu lain untuk mengedit gambar Tool Nama Fungsi Shortcut Selection Tool Memilih dan memindahkan objek V Subselection Tool Mengubah bentuk objek dengan edit A
points Free Transform Tool Mengubah ukuran atau memutar Q bentuk objek sesuai keinginan Gradient Transform Mengubah warna gradasi F Tool Lasso Tool Menyeleksi bagian objek yang akan L diedit Pen Tool Membuat bentuk objek secara bebas P berupa dengan titik-titik sebagai penghubung Text Tool Membuat teks (kata atau kalimat) T Line Tool Membuat Garis N Rectangle Tool Membuat objek berbentuk segi R empat atau segi banyak Oval Tool Membuat objek elips atau lingkaran O Pencil Tool Menggambar objek secara bebas Y Brush Tool Menggambar objek secara bebas B dengan ukuran ketebalan dan bentuk yang sudah disediakan Ink Bottle Tool Memberi warna garis tepi (outline) S Paint Bucket Tool Memberi warna pada objek secara K bebas Eyedropper Tool Mengambil contoh warna I Eraser Tool Menghapus objek E Hand Tool Menggeser stage H Zoom Tool Meperbesar atau memperkecil tampilan objek atau stage M atau Z
Stroke Color Fill Color Option Tool Memberi atau memilih warna untuk garis tepi Memberi warna pada objek Mengatur fungsi tambahan pada tool yang sedang aktif c. 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. d. Tabbed Document Berisi kumpulan atau daftar dokumen yang dibuat dalam Adobe Flash CS4 e. Stage Stage disebut juga layar atau panggung. Stage digunakan untuk memainkan objek-objek yang akan diberi animasi. Dalam stage kita dapat membuat gambar, teks, memberi warna dan lain-lain. f. Back Stage Merupakan area yang dapat digunakan ketika stage utama telah penuh oleh objek-objek yang digunakan.
g. Icon Panel Meruapakn kumpulan menu yang berupa pengaturan untuk menampilkan warna-warna, library, pengaturan paragraph, dan motion preset. h. Panel Group Panel group merupakan jendela panel yang berisi panduan singkat untuk membantu penguna, informasi dan fasilitas yang tersedia seperti pengaturan publish, dan properties. 3. Membuat dan Menyimpan Dokumen Baru A. Membuat Dokumen A.1 Membuat dokumen dengan Adobe Flash Document Untuk membuat dokumen dapat dilakukan dengan memilih File New atau dengan menggunakan shortcut-key Ctrl-N Mengubah properti dokumen Untuk mengubah properti dokumen dapat dilakukan melalui menu Modify Document akan muncul tampilan kotak dialog di bawah ini:
A.2 membuat dokumen melalui Template Selain membat dokumen dengan blank dokumen, kita juga dapat membuat dokumen dengan template. Caranya pilih menu New Template maka akan muncul kotak dialog di bawah ini : Pada list Category kita dapat memilih jenis dokumen yang akan dibuat, sedangkan Templates untuk menentukan bentuk yang akan dibuat.
B. Menyimpan Dokumen untuk menyimpan dokumen dapat dilakukan dengan cara memilih menu File maka akan muncul kotak dialog: Perhatikan file yang telah terbentuk mempunyai ekstensi.fla Ketik nama file dan klik tombol Save. VI. CONTOH SOAL 1. Icon Tools di bawah ini adalah milik Adobe Flash yaitu : a. b. c.
d. e. 2. Dalam Adobe Flash kita mengenal 3 macam symbol, yaitu : a. Button, Graphic, Layer b. Movie Clip, Scene, Layer c. Graphic, Button, Movie Clip d. Graphic, Movie Clip, Timeline e. Scene, Timeline, Layer 3. Untuk menyembunyikan (hide) area kerja pada Timeline sementara menggunakan : a. b. c. d. e. 4. Pada Area Action Panel kita mengenal stilah Script Panel, seperti yang ditunjukkan oleh gambar berikut ini, yang berfungsi untuk : a. Berisi kumpulan action yang disediakan oleh Flash b. Menunjukkan action yang diberikan pada frame atau object c. Tempat dimana kode action akan ditulis d. Mengatur tampilan pada script panel e. mengakses informasi lengkap seputar penggunan Action Script 5. Tombol yang digunakan untuk mengubah bentuk suatu object, baik dalam hal skala,putar, ataupun menyamping menggunakan : a. Fill Transform Tool b. Ink Transform Tool (Bottle ) c. Paint Transform Tool (Bucket ) d. Free Transform Tool e. Brush Transform Tool 6. Dengan memperhatikan gambar di bawah ini, animasi yang dilakukan adalah
a. Frame by Frame b. Motion Tween c. Motion Guide d. Motion Shape e. Tweening Size 7. Animasi garis berwarna biru yang sedang dilakukan pada gambar dibawah ini adalah: a. Motion Guide b. Motion Tween c. Frame by Frame d. Motion Shape e. Tweening Size 8. Perintah Convert to Symbol dapat dilakukan dengan menekan tombol... pada keyboard. a. F5 b. F6 c. F7 d. F8 e. F9 9. Ekstention pada adobe Flash adalah : a..wsf dan Fla b..lfa dan Wsf c..fla dan Swf d..swf dan Wsf e..html dan Fla 10. Kita dapat memasukkan sebuah gambar ke dalam lembar kerja dengan menggunakan perintah: a. File _ Import _ Import to library b. File _ Import _ Ctrl + R c. File _ Import _ Import Video d. File _ Import _ Ctrl + Shift + O e. File _ Import _ Import to stage VII. GLOSSARIUM 1. Menubar : Berisi kempulan menu atau perintah yang digunakan dalam Adobe Flash CS4 2. Tool Panel : Merupakan panel berisi berbagai macam tool 3. Timeline : Komponen yang digunakan untuk mengatur atau mengontrol jalannya animasi. 4. Stage : layar kerja untuk memainkan objek-objek yang akan diberi animasi.
5. Document Properties : untuk mengubah properti dokumen dari mulai ukuran layar, warna, dll. 6. Save : untuk menyimpan dokumen. VIII. DAFTAR PUSTAKA 1. 2014. Lembar Kerja Siswa Teknologi Informasi Dan Komunikasi Kelas XI. Bumi Serpong Damai (BSD) : Pesona EDU ilearning. 2. http://dhafintutorial.blogspot.com/2012/08/area-kerja-adobe-flash-cs4.html 3. http://dhafintutorial.blogspot.com/2012/08/mengenal-toolbox.html 4. http://www.calstatela.edu/sites/default/files/groups/information%20technology%20 Services/training/pdf/flashcs4p1.pdf