Materi MACROMEDIA

TIK

1.      Pengertian animasi (macromedia Flash)

Macromedia flash adalah sebuah program animasi yang telah banyak di gunakan oleh para desainer untuk menghasilkan desain yang profesional. Di antara program-program animasi, program macromedia Flash merupakan program yang paling fleksibel untuk keperluan pembuatan animasi sehingga banyak yang menggunakan program tersebut. Macromedia Flash berguna untuk membuat animasi, baik animasi interaktif maupun animasi non-interaktif.

Keunggulan program macromedia Flash di banding program lain yang sejenis, yaitu:

·         Dapat membuat tombol interaktif dengan sebuah movie atau objek yang lain.

·         Dapat membuat perubahan transparasi warna dalam movie.

·         Membuat perubahan animasi dari satu bentuk ke bentuk yang lain.

·         Dapat membuat gerakan animasi dengan mengikuti alur yang telah di tetapkan .

·         Dapat di konversi dan di duplikasikan (publish) kedalam beberapa tipe, di antaranya .swf, .html, .gif, .jpg, .png, .exe, .mov, .

2.        Istilah-Istilah Dalam Program Macromedia Flash

·         Properties, suatu cabang perintah dari suatu perintah lain.

·         Animasi, sebuah gerakan objek maupun teks yang di atur sedemikian rupa sehingga kelihatan menarik.

·         Actions script, suatu perintah yang diletakkan pada suatu frame atau objek agar frame atau objek tersebut dapat di gerakkan secara interaktif.

·         Movie clip, suatu animasi yang dapat di gabungkan dengan animasi atau objek yang lain.

·         Frame, suatu bagian dari layar yang di gunakan untuk mengatur pembuatan animasi.

·         Scene, atau slide adalah suatu layar yang digunakan untuk menyusun objek-objek baik objek teks maupun gambar.

·         Timeline, bagian yang digunakan untuk menampung layer.

·         Masking, perintah yang digunakan untuk menghilangkan isi layer sehingga isi layer tersebut akan tampak saat movie dijalankan.

·         Layer, sebuah nama tempat yang di gunakan untuk menampung satu gerakan objek, sehingga jika ingin membuat gerakan lebih dari satu objek sebaiknya di letakkan pada layer tersendiri.

·         Keyframe, suatu tanda yang di gunakan untuk membatasi suatu gerakan animasi.

·         SWF adalah Small Web Format atau Shockwave Flash yaitu format file animasi flash yang biasa digunakan untuk web atau blog

·         Stage adalah tempat untuk meletakkan konten gambar yang terdiri dari gambar vector, teks, tombol, gambar bitmap atau video klip dan lain-lain. Secara defauld, stage berbentuk kotak berwarna putih.

·         Timeline adalah tempat untuk mengatur dan mengontrol objek yang terdapat di layer dan frame. Jalannya animasi diatur dalam timeline.
atau posisi objek untuk menganimasikan objek tersebut.

·         Flash Player adalah Aplikasi yang dibutuhkan agar file swf dapat diputar

3.    Menjalankan Macromedia Flash

Langkah menjalankan program macromedia Flash jika menggunakan windows xp adalah sbb:

Tekan tombol start All program Macromedia Macromedia Flash atau

Tekan tombol start programs Adobe Flash CS3.

maka program macromedia akan terbuka.

4.        Dasar-dasar pada Macromedia Flash

Layar Flash terbagi dalam empat area utama, yaitu toolbox, timeline, stage, dan panel.

1.      Toolbox merupakan alat utama buat merancang disain dan tulisan dalam Flash. Toolbox terbagi dalam empat bagian: tools,view,colors,options.

• Tools di bagian ini terdiri atas alat untuk mendisain,menulis,mewarnai gambar sesuai dengan keinginan kita.

• View di bagian ini tersedia alat untuk memindahkan stage dan memperbesar ataupun memperkecil stage sesuai dengan keinginan.

• Colors di bagian ini tersedia alat untuk mewarnai gambar ,garis, tulisan atau objek yang akan kita rubah warnanya menjadi warna yang lain.

1.      Timeline merupakan fasilitas yang digunakan untuk membuat,mengatur format animasi yang akan kita rancang. Timeline terdiri atas tiga bagian yaitu Scene, Layer dan Frame.

2.      Panel berfungsi untuk membuat atribut yang digunakan oleh tool-tool dalam toolbox untuk merancang dan merubah objek pada stage.

2.      Movie Properties untuk mengatur format pada stage sesuai dengan kebutuhan yang Anda inginkan.

Caranya:

1. Pilih menu Modify -> Movie

2. pada kotak dialog Movie Properties, masukkan lebar dan tinggi

3. Pada kotak Background Color, tentukan warna latar belakang Stage yang akan Anda gunakan.

4. Anda juga dapat memasukan kecepatan frame pada kotak Frame Rate, jika diinginkan.

Macromedia Flash menyediakan berbagai macam perangkat dalam toolbox, diantaranya adalah alat untuk merancang gambar. Dengan alat yang ada pada toolbox Anda dapat mencoba untuk membuat garis ,segi tiga segi empat dan sebagainya.

• Untuk membuat garis Anda menggunakan tool Line.

• Untuk membuat bentuk lingkaran, oval, persegi panjang dan bujur sangkar Anda memakai tool Oval dan Rectanggle.

• Untuk membuat kurva Anda menggunakan tool Pen.

• Untuk menggambar secara bebas Anda menggunakan tool Pencil

• Untuk membuat gambar dengan kuas Anda menggunakan tool Brush.

v Mengedit Gambar

Untuk memilih dan mengubah gambar pada Macromedia Flash Anda bisa memakai:

• Klik tool Arrow dan SubSelection

• Klik tool Lasso untuk menentukan objek secara bebas

• Klik tool Zoom untuk memperkecil dan memperbesar objek

• Klik tool Hand untuk memindah stage

Contoh Merubah dengan arrow:

Untuk memilih suatu bentuk objek:

1. Klik tool Arrow pada Toolbox

2. Klik pada segmen garis yang di kehendaki

Contoh, menggunakan tool lasso yaitu:

Untuk menggunakan tool Lasso:

1. Klik tool Lasso pada Tollbox

2. Letakkan mouse pada objek yang mau di pilih

3. Klik dan tarik mouse serta mengikuti bentuk objek tersebut

4. Klik dua kali untuk mengahiri pemilihan objek

Untuk memperbesar serta memperkecil tampilan pada stage:

1. Klik tool Zoom pada Toolbox

2. Kursor Zoom bertanda plus muncul di stage

3. Klik untuk memperbesar tampilan pada stage

4. Tekan tombol Alt ,sambil klik mouse untuk memperkecil tampilan pada stage.

Untuk menggunakan tool Hand:

1. Klik tool Hand pada Toolbox

2. Penunjuk mouse berbentuk tangan menggenggam muncul di stage

3. Klik tahan dan geser sesuai dengan keinginan .

Menyalin suatu objek:

1. Tentukan objek yang akan di salin

2. Klik menu Edit -> Copy atau tekan Ctrl+C secara bersama untuk menyalin objek yang di inginkan

3. Klik menu Edit -> Paste atau tekan Ctrl+V untuk meletakan hasil yang akan di pindah.

Mengahapus suatu objek:

1. Tentukan objek yang akan dihapus

2. Klik menu Edit -> Cut atau Edit -> Clear atau tekan tombol Del pada kyboard

Pada Macromedia Flash warna di bedakan menjadi dua istilah:

• Fill Color: warna pengisi objek.

• Stroke Color: warna untuk garis sisi objek

Pada Toolbox terdapat tool color yang berfungsi untuk menentukan warna pada objek dalam ataupun objek luar sebelum atau sesudah Anda membuat objek-objek pada stage.ada lima tombol pada tool color:

• Stroke Color: berfungsi untuk menentukan warna garis luar pada objek

• Fill Color: berfungsi untuk membuat warna dalam objek

• Swap Color: berfungsi untuk menukar warna Stroke dan fill yang sedang aktif

• No Color: berfungsi untukj membuang warna pada stroke atau fill

• Difault Color: berfungsi untuk menggunakan warna hitam putih pada Stroke dan Fill.

v Animasi

Ada dua macam cara untuk membuat animasi pada Macromedia Flash, yaitu dengan frame by frame animation dan tweened animation. Frame by frame dilakukan dengan membuat gambar yang berbeda, kemudian diatur pada frame-frame secara berurutan. Tweened animation di buat dengan menentukan posisi frame pertama dan terakhir.

- Membuat animasi Insert Keyframe

1. Klik Tool Oval pada Toolbox

2. Klik dan tarik pada stage,sehingga membentuk sebuah lingkaran

3. Klik kanan tombol mouse pada time line,untuk membuat Insert

Keyframe 2

4. Klik warna merah pada tool color

5. Klik menu pada modify -> Transform -> Rotate

6. Klik dan tarik lingkaran kecil pada ujung kanan atas sampai posisi

90.  rajat (searah jarum jam).

7. Klik kanan tombol mouse pada time line,untuk membuat Insert

Keyframe 3

8. Klik warna Hijau pada tool color

9. Klik menu pada modify -> Transform -> Rotate

10. Klik dan tarik lingkaran kecil pada ujung kanan atas sampai posisi

90 drajat (searah jarum jam).

11. Klik kanan tombol mouse pada time line,untuk membuat Insert

Keyframe 4

12. Klik warna Kuning pada tool color.

13. Klik menu pada modify -> Transform -> Rotate

14. Klik dan tarik lingkaran kecil pada ujung kanan atas sampai posisi

90.  rajat (searah jarum jam).

Contoh: animasi lingkaran dengan warna berubah-ubah.

·         Membuat Animasi dengan bentuk teks

Untuk membuat animasi dalam bentuk teks,bitmap dan objek gabungan, anda harus mengubah terlebih dahulu, dengan menggunakan perintah Modify -> Break Apart , yang bertujuan agar teks, bitmap, dan objek gabungan tersebut bisa diubah dalam bentuk lain.

Macam-Macam Animasi Dalam Macromedia Flash

1.Animasi frame to frame
adalah animasi yang jarang sekali di buat oleh orang-orang,karena sulit membuatnya juga memakan banyak memori
2.Animasi motion tween
Adalah animasi yang di buat untuk membuat suatu gerakan yang teratur
3.Animasi motion guide
Adalah animasi yang dapat kita gunakan untuk membuat suatu gerakan yang mengikuti jalur yang kita buat
4.Animasi masking
Adalah animasi yang digunakan untuk menampilkan objek yang semula di sembunyikan
5.Animasi motion shape
Adalah animasi yang digunakan untuk membuat animasi perubahan bentuk dari satu bentuk ke bentuk yang lain
6.Animasi motion tween rotate
Adalah animasi yang digunakan untuk membuat animasi perputaran,baik berputar di tempat maupun berputar sambil berjalan.

Macam-macam animasi dalam Macromedia Flash, antara lain:

Flash mempunyai tiga metode dalam membuat animasi, yaitu metode animasi Tween (bisa Shape Tween atau Motion Tween), metode animasi Frame-by-Frame, dan metode Actions Script. Semua animasi nantinya akan dibuat berdasarkan ketiga metode tersebut karena ketiga hal tersebut merupakan dasar dari pembuatan animasi di Flash. Dengan ketiga metode tersebut dan kreatif serta imajinasi, nantinya akan dihasilkan animasi-animasi yang sangat menarik dan menakjubkan.

1.      Metode Animasi Tween

Tween berasal dari kata between in yang kalau diartikan dalam bahasa Indonesia secara harafiah adalah di antara. Dalam Flash Tween digunakan untuk istilah animasi.

Metode animasi Tween adalah metode yang paling sering digunakan dalam membuat animasi di Flash karena metode adalah metode paling mudah dan paling cepat dalam membuat animasi. Kita hanya perlu membuat atau menentukan objek di frame awal dan objek di akhir, kemudian secara otomatis Flash akan membuat frame di antara (between in/tween) frame awal dan frame akhir tersebut sehingga terciptalah gerakan atau animasi.

Animasi tween adalah sebuah cara yang efektif untuk membuat animasi berupa gerak dan perubahan ukuran objek, putaran, perubahan warna, atau perubahan atribut lainnya pada waktu tayang tertentu. Animasi ini dibuat dengan menggunakan perintah create motion tween atau dengan panel property. Pembuatan animasi dengan motion tween dilakukan dengan mengklik insert > create motion tween, lalu pada stage dibuat sebuah objek. Langkah selanjutnya adalah mengklik frame yang diinginkan lalu menginsert keyframe dan meletakkan objek yang telah dibuat pada tempat yang diinginkan. Untuk melihat animasi yang dibuat dengan menekan tombol enter.

Selain motion tween ada juga yang disebut dengan motion shape. Dengan motion shape, dapat dibuat animasi yang dapat berubah bentuk dari bentuk satu ke bentuk yang lain. Langkah-langkah membuat animasi dengan motion shape sama dengan animasi dengan motion tween hanya saja objek harus di-break apart dengan cara pilih menu  Modify > Break apart atau tekan Ctrl + B. Kemudian aktifkan tombol properties, pada pilihan Tween, pilih Shape.

2.      Metode Frame-By-Frame

Metode animasi frame-by-frame merupakan metode pembuatan animasi dengan cara manual, yaitu kita harus membuat setiap objek atau isi yang berbeda pada setiap frame untuk menghasilkan gerakan atau animasi.

Animasi frame by frame adalah animasi yang dibuat dengan mengubah isi objek animasi pada stage dalam setiap framenya. Animasi ini cocok digunakan untuk pembuatan animasi yang kompleks dari sebuah perubahan image dalam setiap frame. Pembuatan animasi diawali dengan pembuatan objek pada frame tertentu. Selanjutnya membuat beberapa frame dengan menginsert keyframe, lalu pada setiap frame yang telah dibuat, objek diubah sesuai dengan keinginan. Untuk melihat hasil animasi, ditekan tombol enter.

Meskipun animasi yang dihasilkan metode ini terlihat bagus dan halus daripada animasi yang dibuat dengan metode tween, metode ini jarang digunakan karena pembuatan animasi menggunakan metode ini memerlukan ketelitian dan memakan waktu yang lama serta ukuran file animasipun lebih besar.

3.      Animasi Action Script

Action script adalah sebuah bahasa pemprograman dalam Macromedia Flash  8 yang digunakan untuk menambah interaktifitas pada sebuah movie. Sebagai contoh, action script digunakan untuk membuat tombol-tombol navigasi dalam sebuah movie. Action script terdiri dari beberapa elemen operator yang diletakkan menjadi satu kesatuan yang terdapat dalam panel action. Dalam panel action terdapat bahasa-bahasa action yang dapat digunakan untuk membuat animasi. Ada dua cara untuk menulis perintah action, yaitu normal mode dan expert mode. Penulisan perintah action dilakukan dengan mengklik ganda bahasa aktion yang dipilih dan akan ditampilkan pada script stage secara otomatis.