Macromedia Flash

download Macromedia Flash

of 52

  • date post

    28-Oct-2015
  • Category

    Documents

  • view

    206
  • download

    2

Embed Size (px)

Transcript of Macromedia Flash

Pengenalan dan Pengoperasian scanner untuk mengentry data Grafis

Macromedia Flash

KompetensiAnimation 2 Dimention LatihanSatu (1)

Sub KompetensiPengenalan dan Pengoperasian software Macromedia flash Mx

Tujuan dan Sasaran Siswa dapat mengenal dan mengoprasikan software Macromedia Flash

Pendahuluan

Macromedia flash Mx merupakan standart profesional pembuatan animasi atau web yang sudah teruji kehandalannya. Pembahasan Pengenalan interface macromedia flash Mx

Gambar 1.1 Tampilan interface macromedia flash MxSebelum memulai membuat objek (animasi), anda perlu mengenal bebarapa interface dalam macromedia 8. Interface-interface tersebut nantinya akan banyak membantu anda mengatur atau mengedit objek animasi yang digunakan.

Salah satu bagian terpenting dalam interface macromedia flash Mx salah satunya adalah drawing tools berguna untuk membuat dan memanipulasi gambar atau objek. Drawing tools dibagi menjadi 4 bagian yaitu : tools, view, colors dan options.

Tools

Tool berfungsi untuk mengatur atau mengedit objek atau animasi yang sedang kita buat. Tool ini juga adalah salah satu bagian terpenting dalam macromedia flash Mx yang berguna mengedit atau memanipulasi gambar objek.

Gambar 1.2 Toolbox

Keterangan Tool Box

Arrow Tool

Digunakan untuk memilih objek. Dengan sebuah klik berarti kita memilih objek tersebut, dengan klik ganda kita berarti kita memilih objek dan seluruh komponen yang dimilikinya. Dengan menDrag Arrow Tool kita dapat membuat sebuah area persegi yang akan mengaktifkan memlilih atas semua yang ada didalamnya.Subselect Tool

Digunakan untuk memodifikasi suatu garis yang dibuat dengan pen tool.Free Transform Tool

Digunakan untuk memodifikasi bentuk dari suatu objek.Fill Transform Tool

Digunakan untuk memodifikasi bentuk dan posisi dari gradient fills.Line Tool

Merupakan alat untuk membuat garis. Bila kita membuat garis sambil menekan tombol Shift, maka akan terbentuk garis yang tepat horizontal, vertical, atau miring 450.Lasso Tool

Digunakan untuk memilih suatu area secara tidak teratur. Semua yang termasuk areanya akan terpilih.Pen Tool

Merupakan tool untuk membuat kurva-kurva atau bentuk bebas.

Text Tool

Digunakan untuk membuat text box yang daapt kita isi dengan berbagai tulisan.Oval Tool

Adalah tool untuk membuat objek elips (oval). Untuk menggambar lingkaran, pengunakan tool ini sambil menekan tombol Shift.

Rectangle Tool

Digunakan untuk membuat bentuk persegi. Bila kita ingin membuat bentuk bujur sangkar secara sempurna, gunakan tool ini sambil menekan Shift

Pencil Tool

Merupakan alat untuk membuat garis. Bila kita membuat garis sambil menekan tombol shift, maka akan terbentuk garis yang tepat horizontal, vertical, miring, atau miring 450.

Brus Tool

Digunakan untuk menggambar dengan kuas secara bebas, tool ini mempunyai beberapa pilihan untuk mengontrol berbagai efek dari sapuan kuas kita. Ink Bottle Tool

Digunakan untuk mewarnai suatu garis

Paint Bucket Tool

Digunakan untuk memodifikasi warna dan gradasi warna didalam suatu objek. Eyedropper Tool

Digunakan untuk mengambil warna yang berasal dari suatu objek distage sehingga kita bisa menyamakan warna ketika menggambar. Eraser Tool

Digunakan untuk menghapus suatu gambar. View

bagian view menyiapkan 2 tool pilihan, yaitu tool hand, tool zoom. Tool hand bisa digunakan untuk menggulung stage disegala arah seolah oleh anda menggunakan scroller 360 derajet, sedangkan tool zoom digunakan untuk memperbesar atau memperkecil tampilan objek.

Gambar 1.3 View

Colors

Bagian colors menyediakan tool untuk memodifikasi warna pada garis (stroke color), isi objek (fill objek), dan text.

Gambar 1.4 Colors

0ption

Bagian option menyediakan tool setting yang menyertai tool yang sedang aktif, misalnya jika mengklik tool rectangle, pada bagian option akan memperlihatkan tool round rectangle radius yang merupakan tool setting yang berguna untuk mengatur sudut-sudut kotak yang dibuat dengan tool rectangle.

Gambar 1.5 Option

Stage

Stage adalah area tempat kita bekerja dan membuat objek atau animasi. Ibarat kita seorang pelukis, stage adalah kertas gambarnya.

Gambar 1.6 Stage

Timeline

Untuk mengilustrasikan berjalannya animasi dari waktu ke waktu, macromedia flash Mx menggunakan timeline (waktu). Beberapa hal yang perlu diketahui berkaitan dengan penggunaan timeline adalah frame, keyframe, dan layer.

Gambar 1.7 Timeline

Panel

Panel merupakan kotak dialog yang berguna untuk melihat, mengatur dan mengubah elemen-elemen atau objek-objek didalam macromedia flash Mx. Dalam panel terdapat pilihan-pilihan control, fungsi, symbol, warna, teks, frame,dan elemen-elemen lain sesuai dengan panel yang gunakan. Dengan panel, pembuatan animasi akan menjadi lebih jelas dan cepat dibandingkan dengan penggunaan menu yang bertumpuk.

KompetensiAnimation 2 Dimention LatihanKedua(2)

Sub KompetensiDasar Animasi ( Pengenalan fungsi Tweening (motion & shape), frame by frame animation )

Tujuan dan Sasaran Siswa dapat membuat animasi dengan mengunakan tween :shape dan motion

Pendahuluan

Animasi adalah perpindahan objek dari satu tempat, ketempat lain dan bayaknya gerak dan berulang-ulang disebut movie clip. Bagaimana cara kerja animasi dalam software macromedia flash Mx?

Kini sudah saatnya kita memasuki inti dari macromedia flash Mx, yaitu animasi. Pronsipnya anda dapat membuat sebuah animasi dengan mengubah isi dari setiap frame yang berurutan. Bayangkanlah kumpulan frame-frame yang berurutan itu sebagai sebuah gulungan rol film. Anda pasti sudah mengerti bahwa sebuah gulungan film terdiri dari berbagai gambar yang terputus-putus dan saling berhubungan. Anggap saja setiap frame dalam macromedia flash Mx berisi gambar-gambar yang saling berhungan itu sehingga bila anda menekan tombol play, maka akan terbentuklah sebuah gambar yang bergerak dan itulah yang akan kita sebut dengan animasi. Dengan macromedia flash Mx, anda didukung untuk menciptakan animasi berikut seperti : membuat animasi kartun, iklan, baner dan lain-lain.Pembahasan

Mengenal Interface TimelineGambar 2.1 Interface Timeline

Ket :1. Insert Layer2. Insert Layer Folder

3. Add Motion Guide4. Delete layer

5. Center frame6. Onion Skin Outlines

7. Curren Frame

8. Frame Rate

9. Elapsed Time

10. Tweened Animation

11. Frame-by-frame animation

12. Frame View pop up menu

13. Timeline Header

14. Playhead

Memahami Konsep Timeline Dan FrameTimeline adalah waktu seperti penggaris biasa, dimana setiap penggaris dibagi dalam satuan panjang yang sama, misalnya tiap satu cm, dalam timeline, ruas yang terbagi iitu disebut frame. bisa dikatakan timeline merupakan kumpulan dari frame-frame. KeyFrame adalah sebuah frame dimana anda mendefinisikan suatu perubahan didalam animasi, misalkan kita harus letakkan keyFrame pada suatu frame yang anda kehendaki untuk menandakan awal gerak suatu objek. Prinsipnya, flash akan menyimpan bentuk dari suatu objek pada setiap keyframe hingga anda harus menciptakan keyframe hanya pada tempat- tempat dimana kita melakukan suatu perubahan pada objek.keyFrame diindikasikan dalam timeline sebagai lingkaran hitam kecil berwarna hitam bial mengandung isi dan sebagai sebuah lingkaran berlubang bila kita mengandung isi.Mengatur Frame Rate

Frame rate adalah kecepatan suatu animasi dimainkan satuan frame perdetik(fps). Standart kecepatan dalam flash adalah 24 fps. Sedangkan pada aplikasi web seperti Time dan AVI Movies pada umumnya mempunyai kecepatan 12 fps. Biasanya kecepatan 12 ini akan memberikan hasil terbaik diweb. Frame rate yang terlalu pelan akan menyebabkan akan animasi akan terpatah-patah dan bila frame rate terlalu cepat mengaburkan details animasi. Langkah untuk mengubah frame rate dengan memilih modify ( Document atau dengan mengklik tombol size yang ada pada properties. Ubahlah nilai fps pada tag frame rate. Perintah ini juga dapat anda gunakan sebagai pengaturan stage.Gambar 2.2 Mengubah frame rate lewat dokumen properties

Ada 2 tween pada macromedia flash Mx yaitu :1. Motion tween diindikasikan sebagai sebagai lingkaran hitam pada awal, dilanjutkan dengan anak panah menuju keyframe akhir dengan latar belakang biru terang.Perintah yang digunakan adalah klik kanan > create motion tween diantara frame yang akan digerakan.

Gambar 2.3 motion tween

Gambar 2.4 motion tween yang tidak lengkap

Garis putus-putus menandakan objek belum terGroupKet : motion tween hanya dapat digunakan untuk objek yang tergroup

2. Shape tween diindikasikan sama seperti motion tween. Tetapi latar belakang hijau terang.

Gambar 2.5 Shape tween

Gambar 2.6 Shape tween yang tidak lengkap

Garis putus-putus menandakan salah satu objek terGroup

Ket :

shape tween hanya dapat digunakan pada objek yang tidak tergroup

Fasilitas lain yang ditawarkan oleh motion tween untuk mengendalikan animasi.

Merotasi dan merubah ukuran objek

Dengan motion tween anda dapat memutar sebuah objek pada porosnya. Bukalah sebuah property inspector, pilih menu Windows ( Properties. Kliklah frame yang mengandung motion tween/shape. Maka pada property inspector akan tampil sebagai berikut :

Gambar 2.7 Properties

Pilihlah rotate dengan meng-klik pull down menu ( segi hitam terbalik ) dan klik diantara pilihan yang diberikan :

None, berarti anda tidak menerapkan efek rotasi motion tween anda. Auto, merupakan pilihan untuk memutar o