ModulFlash4pp

5/11/2018 ModulFlash4pp - slidepdf.com

http://slidepdf.com/reader/full/modulflash4pp 1/17

MODUL PELATIHAN PRODUKSI MULTIMEDIA

MEMBUAT ANIMASI UNTUK POWER POINT

MENGUNAKAN FLASH

Oleh :

Toni Setyawan, ST

SEMARANG

2008



___________________________________________________________tonimation@yahoo.com

Modul 1

PENGENALAN FLASH MX

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Peserta dapat memahami fungsi bagian-bagian dalam tampilan Flash MX.

• Peserta dapat membuat bentuk dasar (shape) mengunakan Flash MX.

URAIAN

Pada saat kita menjalankan Flash MX dari Macromedia akan muncul tampilan seperti

gambar berikut.

Pada tampilan diatas dapat dikelompokkan menjadi beberapa bagian dan akan diuraikan

hal-hal yang penting dan sering digunakan :

Modul Animasi dgn Flash oleh : Toni Setyawan, ST Halaman - 1/14




Pull down Menu

Menu Pull down adalah kumpulan perintah-perintah yang terdapat pada Flash MX. Kelompok

File terdapat perintah :

Publish Seting : mengatur bentuk publish yang diinginkan

Publish : mempubilsh animasi ke bentuk akhir

Export Movie : mengubah file animasi menjadi file video

Kelompok Edit terdapat untuk mengedit mis copy, paste

Copy Frame : Copy seluruh object yang ada dalam frame

Paste Frame : pengeluarkan hasil copy frame

Kelompok Insert terdapat perintah :

Convert to symbol : mengkonversi object menjadi symbol.

New symbol : membuat object baru.

Kelompok Modify terdapat perintah group yang berfungsi mengelompokkan object.

Kelompok Windows terdapat perintah untuk mengeluarkan macam-macam docker.

Command Bar

Command Bar adalah icon perintah yang umum.

Merataka object : Align

Redo : mengulang perintah yg di undo

Undo : membatalkan perintah

Paste : mengeluarkan memory clipboard

Copy : mengisi memory clipboard

Cut : menghapus objek tepilih

Preview : melihat hasil yang akan dicetak

Print : mencetak tampilan

Save : menyimpan data fla

Open : membuka data fla

New : membuat data baru





Tools Bar

Tools Bar adalah icon perintah untuk mengambar

Arrow tool Subselection tool memilih object mengedit line object

Line tool Lasso tool membuat garis memblock sebuah area

Pen tool Teks tool membuat garis secara vector membuat tulisan

Oval tool Rectangle tool membuat lingkaran atau elips membuat segi empat

Pencil tool Brush tool membuat garis bebas membuat sebuah area bebas

Free Transform merubah ukuran secara bebas

Ink bottle tool Paint bucket tool memberi garis tepi pada object memberi warna pada area

Eye dropper tool Eraser tool mengambil sample warna menghapus

Hand tool Zoom tool mengubah posisi stage membesarkan posisi stage

Stroke color warna garis tepi (stroke)

Fill color warna object

Time Line

Time line adalah tempat frame yang akan bergantian tampil berdasarkan time rate yang telah

kita atur.

Layer FrameShow/hide layer Keyframe

Lock layer

Delete layerTambah layer folder

Add motion guideTambah layer





Stage

Stage adalah layer tempat kita untuk mengambar dan membuat animasi.

Nama scene yang ditampilkan

Posisi Zoom View

Mengubah scene yang ditampilkan

Mengubah symbol yang tampilkan

Properties

Properties akan selalu berubah tergantung object yang dipilih, karena yang ditampilkan adalah

properties dari object yang dipilih.

Pada tampilan berikut ini adalah properties movie yang terdiri dari

Size (ukuran)Publish (type publish yang dipilih)

Background (warna latar belakang)Frame rate (tampilan frame per detik)





Pada tampilan berikut ini adalah properties text yang terdiri dari

mode teks jenis huruf warna huruf bold Justify

ukuran huruf italic

Lebar koordinat x

Tinggi koordiant y

Pada tampilan berikut ini adalah properties shape yang terdiri dari

Warna garis tepi ukuran garis tepi motif garis tepi

Warna shape

Lebar koordinat x

Tinggi koordiant y

Docker

Docker adalah kumpulan icon tool sebagai perintah untuk melakukan sesuatu. Docker yang

ditampilkan bisa di atur sesuai perintah yang sering kita lakukan. Docker bisa ditampilkan pada

layer lebih dari satu, hal ini akan memudahkan kita untuk mengunakan flash, karena tinggal

menklik icon untuk memerintah.

Sebagai contoh tampilan di atas adalah docker Align dan transform yang sering digunakan.

Docker align berisi perintah yang terdapat pada kelompok Align seperti rata kiri, rata kanan,

center dan lain-lainnya. Sedangkan Docker Transform berisi ukuran objek dalam persen, rotate





untuk memutar objeck dalam satuan derajat dan skew untuk memiringkan objeck dalam satuan

derajat.

LATIHAN

Buatlah gambar seperti gambar dibawah ini mengunakan perintah-perintah yang telah diuraikan

diatas.

1. Buatlah data baru dengan mengklik new pada command bar.

2. Atur properties animasi tersebut dengan mengubah parameter menekan tombol Size pada

Properties. Setelah itu akan muncul tampilan berikut :

Ubah dimensi menjadi ukuran yang anda inginkan misalkan 400 x 300 dimana 400 adalah

lebar dan 300 adalah tinggi. Kemudian ubah background dengan warna putih dengan cara

mengklik segitiga kecil kemudian pilih warnanya. Ubah pula Frame Rate menjadi 15 frame

perdetik.





3. Dengan Rectangle Tool pada toolbar buatlah segiempat bertumpukan seperti gambar di

bawah ini. Clik and drag mouse dari titik kiri atas ke titik kiri bawah Kemudian lakukan hal

yang sama untuk segi empat di bawahnya

Tip : sebelum mengambar dan setelah memilih Rectangle Tool pada toolbar, lihat dulu warnanya, apakah sudah sesuai dengan keinginan anda? Warna putih dengan garis merah diagonal berarti tidak memakai warna atau tidak memakai bagian itu.Dalam contoh disamping object yang dibuat tidak memakai garis tepi (stroke).

4. Editlah sudut sudutnya dengan mengunakan selection tool pada toolbar. Kemudian klik

object yang akan diedit sudutnya dengan mengklik bagian tepi object tersebut.Bila berhasil akan muncul garis hijau di bagian tepi dan segi empat

di tiap sudutnya. Untuk merubah posisi sudutnya, clik and drag segi

empat tersebut ke tempat yang anda inginkan. Setelah sesuai

dengan bentuk yang diinginkan click ke tempat kosong, maka garis

hijau akan hilang.

5. Buatlah tempat roda dengan menghapus gambar mengunakan erase pada tool bar. Hingga

menjadi seperti gambar dibawah ini





6. Dengan elips Tool pada toolbar buatlah dua buah lingkaran yang dipasang sebagai roda

seperti gambar dibawah ini.

Tip : Agar tidak mengganggu object yang sudah ada buatlah object baru di tempat kosong, kemudian

baru dipindahkan ke tempat yang sesuai.Untuk roda ke dua gunakan fasilitas copy dan paste. Kemudian pindahkan ke tempat yang sesuai

7. Untuk merubah warna atau gradasinya, klik oject lalu ubah warnanya denganj

menggunakan docker color mixer seperti dibawah ini.

Model gradasi

Solid Linier

Radial

Warna yang dipilih Transparansi

Warna awal gradasi Warna akhir gradasi

Untuk mengetahui perubahannya kita bisa mencobanya satu-persatu.

8. Dengan Texs Tool pada toolbar buatlah dua buah tulisan dengan mengklik posisi yang

diinginkan. Untuk merubah ukuran, font dan warnanya gunkan texs properties seperti

gambar dibawah ini.

Jenis Font Ukuran Warna Bold Italic Align

-0-





Modul 2

MOTION TWEEN


• Peserta dapat memahami, menggunakan dan membuat Motion Tween.

URAIAN

Motion Tween adalah fasilitas pada Flash yang berfungsi untuk menggerakkan object

dalam satu layer. Agar object yang lain tidak ikut bergerak maka object tersebut harus

diletakkan pada layer yang berbeda. Pada Motion Tween kita dapat menggerakkan object

berdasar posisi maupun berputar, bahkan kita dapat mengubah warnanya.

layer yang terdapat objeck yang akan digerakkan

keyframe awal keyframe akhir

akan muncul tanda panah dan background birusebagai tanda kalau sudah berujut motion tween

Posisi awal dan posisi akhir pada sebuah gerakan (tween) ditandai dengan adanya

keyframe. Jadi keyframe ini memuat data objeck. Data object yang dimuat dalam keyframe

adalah data posisi, warna, ukuran dan rotasi. Kita juga bisa memasang keyframe di tengah-

tengah tween bila kita menginginkan ada perubahan di tengah tween.

LATIHAN

1. Buatlah Gambar seperti dibawah ini dan letakkan pada stage

Tip : Agar garis jalan tidak ikut berputar, buatlah roda dan jalan pada layer yang berbeda .





Panjangkan frame hingga frame 30 dengan cara mengklik kanan frame ke 30 pada layer

tersebut kemudian pilih insert frame. Lihat gambar berikut

Jika berhasil maka tampilan time line akan berubah menjadi seperti gambar berikut ini

2. Kemudian buatlah motion tween pada layer roda dengan mengklik kanan keyframe roda

(keyframe disimbolkan dengan frame yang ada titiknya) lalu pilih create motion tween. Jika

benar maka time line menjadi biru dan terdapat garis putus-putus dan akan menjadi seperti

gambar dibawah ini.

3. Kemudian buatlah keyframe pada frame terakhir dengan mengklik kanan frame terakhir

roda lalu pilih insert keyframe. Jika benar maka time line akan menjadi seperti gambar

dibawah ini.





4. Pada saat ini kita sudah memiliki dua posisi object ditandai dengan dua keyframe. Jadi

keyframe adalah status motion tween. Untuk membuatnya bergerak kita tinggal merubah

posisi pada keyframe yang lain. Caranya klik key frame yang belakang lalu ubah posisi roda

ke sebelah kanan seperti gambar berikut.

5. Tekan enter untuk melihat hasil tween. Bila motion tween berhasil maka roda akan bergerak

dari kiri ke kanan. Untuk membuat rodanya berputar maka klik Tween Properties seperti

gambar dibawah ini.

Mode TweenMotion : posisi Shape : bentuk

Ease : Linieritas TweenRotate

CW : Berputar searah jarum jam CCW : Berlawanan jarum jam

6. Kalau semua telah selesai dan benar dikerjakan maka setelah ditekan enter akan terlihat

roda yang menguling dari kiri ke kanan. Untuk membuat perubahan warna atau

transparansinya kita dapat mengklik posisi frame kemudian mengklik object yang akan kita

ubah. Untuk parameternya dapat dilihat pada object properties berikut

Color : Brightness : Kecerahan

Tint : Menganti warna

Alpha : Menganti transparansi

Advance : Gabuangan dari semua parameter

7. Kalau semua telah selesai dan benar dikerjakan maka setelah ditekan enter akan terlihat

roda yang menguling dari kiri ke kanan dan berubah warna

-0-





Modul 3

EXPORT MEDIA


• Peserta dapat melakukan export menjadi media lain untuk dimasukkan sebagai media

animasi dalam Power Point.

URAIAN

Seperti halnya software-software yang lain Flash MX juga terdapat fasilitas export. Fungsi export

digunakan untuk mengubah animasi flash menjadi media lainnya, misal: swf, wav, avi, mov, gif

animasi, exe, wmf, html dll. Export ini dalam flash lazim diistilahkan dengan Publish. Memang

dalam flash terdapat berbagai macam export yang dapat dilakukan. Karena orientasi kita

membuat animasi untuk Media Pembelajaran Interaktif maka modul ini hanya akan membahas

export media berwujud swf. Kita memilih swf karena selain kompatibel dengan berbagai aplikasi

media juga memiliki ukuran file yang kecil.

LATIHAN EXPORT

1. Sebelum kita melakukan publish sebaiknya kita melakukan publish settings dengan cara

click File pada pull down menu lalu pilih publish settings . Maka akan muncul gambar berikut.

tab GIF





Dari gambar dihalaman sebelumnya kita dapat menset file apa yang akan kita inginkan

sebagai animasi hasil publish.

2. Untuk Power Point biasa digunakan swf (Power Point terbaru) dan untuk yang lama

mengunakan GIF image (.gif), sebaiknya tanda centang di HTML hilangkan saja dengan

mengklik tanda tersebut. Sebelum melakukan publishing kita harus menyimpan terlebih

dahulu hasil kerja yang telah kita lakukan. File swf dan gif yang akan dihasilkan dari prose

publis akan terletak dalam direktori yang sama dengan file fla (file kerja Flash) yang telah

kita buat.

3. Pada setingan defauld file gif yang dihasilnkan adalah file gif yang static atau tidak bergerak.

Bila kita menginginkan file gif tersebut adalah gif animasi maka ubahlah seting gif dengan

cara mengklik tab gif pada gambar di halaman sebelunya dan akan muncul seperti gambar

di bawah ini :

ubah status static

menjadi animated

4. Setelah kita klik OK maka pengaturan setting publish telah selesai. Untuk mem-publish kita

bisa mengklik File pada pull down menu lalu pilih Publish atau tekan saja publish pada saat

melakukan seting. Kalau proses publish berhasil kita akan melihat tampilan animasi hasil

Publish.

5. Export movie digunakan untuk membuat animasi dengan format video. Caranya adalah

mengklick File pada pull down menu lalu pilih export movie. Selanjutnya kita tinggal mengisi

nama file dan format video yang akan kita buat. Dalam modul ini tidak memahas lebih lanjut

export metoda ini, karena tidak digunakan dalam pembuatan MPI.

6. Export image digunakan apabila kita ingin meng-export frame by frame ke dalam format

gambar. Dalam modul ini tidak memahas lebih lanjut export metoda ini, karena tidak

digunakan dalam pembuatan MPI.

-0-





TES AKHIR 1 Buatlah animasi seperti gambar dibawah ini dengan ukuran 200 x 200 dan frame rate 15 fps,

kemudian export ke dalam bentuk gif animated. Kemudian file gif animated tersebut di gunakan

sebagai media animasi di Power Point.

Gambar baling-baling yang berputar di atas menara.

Gambar bola mengelinding di bidang datar trus menurun.

Gambar bola biliyard putih yang disodok stick lalu

mengelinding dan menabrak bola biru, selanjutnya bola

biru mengelinding dan menabrak bola merah.




Bio Data

Nama : Toni Setyawan. ST

NIP : 132 299 006Tempat / tanggal lahir : Klaten, 12 April 1971

Kebangsaan : Indonesia

Suku / Agama : Jawa / IslamHobi : Elektronika dan Komputer

Hand Phone : 08164881971Alamat E-mail : [email protected]

Alamat blog : tonimation.blog.friendster.comAlamat Rumah : Tembalang Pesona Asri Blok R No. 19, Semarang

Pendidikan Formal

• Pada tahap Penyelesaian Tesis S2 di Teknologi Pendidikan Universitas SebelasMaret Surakarta.

• Sarjana Teknik dari Teknik Elektro, fakultas Teknik Universitas Diponegoro

Semarang• Sekolah Menengah Atas di SMAN 2 Klaten

• Sekolah Menengah Pertama di SMPN 1 Klaten• Sekolah Dasar di SDN Bareng lor 2 Klaten

Pendidikan Non Vormal

• English Course di ELTI Semarang.

Pelatihan

• Linux Administrator

• Pelatihan Penulisan Naskah Multimedia• Pelatihan Pengkaji Media Naskah Multimedia

• Pelatihan Produksi Multimedia

Workshop

• Workshop Multimedia oleh Digital Studio College Jakarta• Workshop Analisis Kebutuhan, Penyusunan GBIPM dan Jabaran Materi untuk

Multimedia Pembelajaran Interaktif

• Workshop Pengembangan Multimedia Pembelajaran• Workshop Pengembangan konten web untuk berita dan artikel

Lokakarya

• Lokakarya Pengembangan Program Diploma III Fakultas Teknik, UniversitasDiponegoro.

• Lokakarya Quality Control Produksi Media Pembelajaran Interaktif, Semarang.

Keahlian

1. Team Leader dalam Tim Produksi Multimedia

2. Animator dalam Tim Produksi Multimedia3. Programer Simulasi dalam Tim Produksi Multimedia

4. Design Grafis dalam Tim Produksi Multimedia

5. Digitizer dalam Tim Produksi Multimedia6. Cameraman dalam Tim Produksi Multimedia

7. Video Editing dalam Tim Produksi Multimedia8. Photografer dalam Tim Produksi Multimedia

9. Trainer Produksi Animasi mengunakan Flash MX10. Trainer Produksi Programer Simulasi mengunakan Action Script Flash MX



11. Trainer Produksi Design Grafis mengunakan Adobe PhotoShop

12. Trainer Produksi Digitizer mengunakan Cool Edit

13. Pembicara seminar dengan tema Teknik Produksi Multimedia14. Pengkaji Media pembuatan Naskah Multimedia

15. Administrator jaringan dan perawatan peralatan di BPM Semarang

Pengalaman Kerja

Mulai Agustus 2008 : Dosen Tidak Tetap di Jurusan Teknologi PendidikanUniversitas Negeri Semarang.

2005 - 2008 : Dosen Tidak Tetap di Jurusan Multimedia, Fakultas IlmuKomputer Universitas Dian Nuswantoro.

Mulai Desember 2001 : Staf Produksi di Balai Pengembangan Multimedia Semarang.

April – Juni 2001 : Anggota Tim “Technical Assistance Training Program” untukmembuat program “Sistem Informasi Management” untuk

proyek Word Bank dengan STIE Anindyaguna Semarang.Juli – Agustus 2000 : Anggota Tim Philarindo Perkasa untuk membuat Local Area

Network di APAC INTI Corporation, Semarang.Desember 1999 : Anggota Tim Philarindo Perkasa untuk membuat Local Area

Network di SMK Negeri 3 Pati.November 1999 : Anggota Tim Philarindo Perkasa untuk membuat Local Area

Network di Kantor Karantina Tumbuhan Tanjung Mas,

Semarang.Maret 1999- Juli 2003 : Dosen Luar Biasa di Fakultas Teknik Universitas,

Pandanaran Semarang.Mulai September 1998 : Dosen Luar Biasa di Fakultas Teknik Universitas Diponegoro

Semarang.

Juli – Agustus 1998 : Anggota Tim Philarindo Perkasa untuk membuat program “Sistem Informasi Pendidikan dan Pelatihan” untuk Perum

Perhutani Madiun.Maret – Mei 1998 : Anggota Tim Philarindo Perkasa untuk membuat Local Area

Network di AKA Wikajasa Semarang.

Semarang, 21 Juli 2008Hormat saya

Toni Setyawan, ST

ModulFlash4pp

Documents

Transcript of ModulFlash4pp