tutorial macromedia flash PDF

Preview

Summary

xcvbnmqwertyuiopasdfghjklzxcvbnm uiopasdfghjklzxcvbnmrtyuiopasdfghj klzxcvbnmqwertyuiopasdfghjklzxcvb nmqwertyuiopasdfghjklzxcvbnmqwe Panduan Belajar Macromedia Flash rtyuiopasdfghjklzxcvbnmqwertyuiop asdfghjklzxcvbnmqwertyuiopasdfghj Oleh: Nita Endrya, M.Pd. klzxcvbnmqwertyuiopasdfghjklzxcvb nmqwer...

Description

xcvbnmqwertyuiopasdfghjklzxcvbnm uiopasdfghjklzxcvbnmrtyuiopasdfghj klzxcvbnmqwertyuiopasdfghjklzxcvb nmqwertyuiopasdfghjklzxcvbnmqwe Panduan Belajar Macromedia Flash rtyuiopasdfghjklzxcvbnmqwertyuiop Oleh: asdfghjklzxcvbnmqwertyuiopasdfghj Nita Endrya, M.Pd. klzxcvbnmqwertyuiopasdfghjklzxcvb nmqwertyuiopasdfghjklzxcvbnmqwe rtyuiopasdfghjklzxcvbnmqwertyuiop asdfghjklzxcvbnmqwertyuiopasdfghj klzxcvbnmqwertyuiopasdfghjklzxcvb nmqwertyuiopasdfghjklzxcvbnmrtyu iopasdfghjklzxcvbnmqwertyuiopasdf ghjklzxcvbnmqwertyuiopasdfghjklzx cvbnmqwertyuiopasdfghjklzxcvbnmq wertyuiopasdfghjklzxcvbnmqwertyui opasdfghjklzxcvbnmqwertyuiopasdfg

Darftar Isi

Menjalankan Macromedia flash 8 .................................................................................. 3 Mengenal elemen-elemen dalam Macromedia flash 8 ........................................... 6 Mengenal timeline; frame, layer................................................................................. 12 Membuat objek garis, kurva, lingkaran, kotak ...................................................... 17 Mewarnai objek dan mengatur letak posisi objek ................................................ 20 Membuat tulisan/teks ..................................................................................................... 23 Library .................................................................................................................................. 24 Mengolah objek ................................................................................................................ 25 Membuat movie clip......................................................................................................... 26 Membuat animasi ............................................................................................................. 27 Mengolah tombol/ button.............................................................................................. 30 Memasukkan suara, gambar ......................................................................................... 31 Mempublikasikan flash .................................................................................................. 32

Macromedia Flash

Point-point penting yang akan dibahas yaitu: Menjalankan Macromedia flash 8 • •

Cara memulai menjalankan program flash seperti membuat dokumen baru, membuka dokumen yang telah ada. Cara menyimpan dokumen yang telah dibuat.

Mengenal elemen-elemen dalam Macromedia flash 8 Mengetahui fungsi umum elemen-elemen yang ada dalam flash sepeti : • Mengetahui fungsi tombol-tombol dalam panel tools (penting dalam pembuatan dan pengeditan objek) • Mengetahui fungsi timeline (berperan dalam pembuatan animasi yang mencakup layer dan frame sebagai tempat meletakkan objek) • Batang menu /menubar (file, edit, view, insert, modify...dll) • Mengetahui cara pengaturan lembar kerja (documen/stage) • Panel library berperan sebagai tempat terdapatnya seluruh objek yang sudah dibuat dalam suatu projek flash baik berupa movie clip, suara, tombol, gambar, video • Mengenal fungsi scene

Mengenal timeline; frame, layer Mengenal perbedaan layer dan frame . • Mengenal cara mengolah layer dan penempatan objek pada setiap layer karena layer berperan dalam pembuatan animasi yang berbeda-beda pada setiap objek. Pemahaman mengenai cara menambah layer, memberi nama layer, mengatur urutan layer, mengunci layer, menyembunyikan layer, meghapus layer. • Mengenal cara mengolah frame, memasukkan keyframe, menambah, mengkopi, menghapus frame. Frame digunakan untuk membuat animasi.

Membuat objek garis, kurva, lingkaran, kotak Mengetahui cara membuat objek-objek sederhana seperti garis, kotak, lingkaran, segitiga, balok, persegi menggunakan tombol-tombol yang ada pada panel tools. • Menggambar objek menggunakan pen tool • Menggunakan pencil tool

Mewarnai objek dan mengatur letak posisi objek Mengetahui cara mengolah objek seperti mengatur ketebalan garis, mengubah bentuk garis, memberikan warna pada garis dan bidang, mengubah ukuran objek secara bebas menggunakan free transform tool. • Menggunakan panel color mixer dalam mengatur warna objek baik garis maupun bidang. • Mengatur posisi objek dan perataan antar objek.

Membuat tulisan/teks Mengetahui cara menggunakan teks tools, membuat teks, mengedit jenis tulisan, besar huruf, warna, mengatur jarak antar karakter dan memformat paragraf.

Library Cara mengambil objek dalam library, pentingnya library dalam suatu projek flash. Cara memasukkan objek gambar lain (gambar yang telah didownload/foto) kedalam library maupun dokumen flash.

Nita Endrya, M.Pd.

1

Mengolah objek Membuat gambar-gambar kartun. Gambar latar dll.

PROJEK ; Membuat objek kartun sederhana (manusia, binatang, tumbuhan, pemandangan alam/kota) Membuat movie clip Mengetahui kegunaan movie clip yaitu suatu simbol yang didalamnya dapat berisi animasi.

Membuat animasi Mengetahui cara membuat animasi create motion tween, shape tween, dan animasi per frame. • Mengetahui cara membuat animasi warna, animasi gerak, animasi putar, animasi skala, animasi bentuk. • Mengetahui cara menggabungkan animasi Untuk memahami cara membuat animasi diperlukan banyak latihan dan ketelitian dalam penempatan setiap objek dalam frame dan layer.

PROJEK ; membuat beberapa animasi pendek (simulasi percobaan, simulasi gerakan hewan, simulasi air mengalir dll) dalam beberapa scene Mengolah tombol/ button (membuat tombol dan mengolah action script pada tombol) • •

Membuat simbol tombol Memasukkan perintah dalam tombol menggunakan action goto.

Memasukkan suara, gambar Mengetahui cara menyisipkan suara pada tombol dan movie clip

Mempublikasikan flash Berperan dalam hasil akhir dari karya flash ke dalam bentuk lain, baik berupa flash player, dokumen HTML, movie dll.

Nita Endrya, M.Pd.

2

Macromedia flash merupakan suatu program aplikasi yang dapat digunakan untuk membuat gambar, animasi, media interaktif dll. Animasi (gambar/objek bergerak) dapat digunakan sebagai media yang effektif sebagai media pembelajaran dan dengan menggunakan program ini kita dapat membuat gambar sendiri (gambar 2 dimensi, seperti gambar kartun) dan merancang animasi pembelajaran sendiri. Disini kita akan belajar mengenai bagaimana membuat animasi sederhana menggunakan macromedia flash. Menjalankan flash 8 dan menyimpan dokumen flash • Cara memulai menjalankan program flash seperti membuat dokumen baru, membuka dokumen yang telah ada. • Cara menyimpan dokumen yang telah dibuat. Cara memulai program flash sama seperti membuka microsoft word atau program-program aplikasi lainnya... bila macromedia flash sudah terinstal di komputer anda maka anda tinggal mengklik 2kali icon yang sudah ada di desktop atau di tempat lain seperti start > all programs > macromedia flash Illustrasi gambar icon flash pada desktop Klik 2 x pada mouse

Nita Endrya, M.Pd.

3

Illustrasi gambar icon flash pada start > all programs > macromedia flash

Setelah di klik maka akan muncul tampilan layar petama pada flash Ilustrasi gambar

Open a recent item : membuka file yang baru saja dibuka (file tersebut telah pernah dibuka sebelumnya dan telah tersimpan di komputer) Nita Endrya, M.Pd.

4

Create new > flash document : untuk membuat file / dokumen flash yang baru

Pada pembelajaran ini kita akan memilih flash document untuk membuat dokumen baru. Cara menyimpan dokumen flash sama seperti menyimpan file/dokumen pada program – program lainnya yaitu dengan mengklik file pada menu > save Setelah mengklik save maka akan muncul tampilan untuk menentukan dimana lokasi kita menyimpan file tersebut dan nama yang kita gunakan, selanjutnya tekan tombol save.

Nita Endrya, M.Pd.

5

Mengenal elemen-elemen dalam flash 8 Mengetahui fungsi umum elemen-elemen yang ada dalam flash sepeti, • Mengetahui fungsi tombol-tombol dalam panel tools (penting dalam pembuatan dan pengeditan objek) • Mengetahui fungsi timeline (berperan dalam pembuatan animasi yang mencakup layer dan frame sebagai tempat meletakkan objek) • Batang menu /menubar (file, edit, view, insert, modify...dll) • Mengetahui cara pengaturan lembar kerja (documen/stage) • Panel library berperan sebagai tempat terdapatnya seluruh objek yang sudah dibuat dalam suatu projek flash baik berupa movie clip, suara, tombol, gambar, video • Mengenal fungsi scene

Setelah kamu membuka dokumen baru pada flash maka akan keluar tampilan berikut. Kali ini kita akan memahami mengenai elemen apa saja yang penting dalam membuat animasi pada flash. Timeline : layer & frame

Panel tools

menu

stage

Panel set

Nita Endrya, M.Pd.

6

Panel tools

 Selection tool (V) ; digunakan untuk menyeleksi objek  Free transform tool (Q) ; untuk mengubah ukuran objek  Line tool (N) ; untuk membuat garis  Pen tool (P) ; untuk membuat objek  Oval tool (O) ; untuk menggambar lingkaran  Pencil tool (Y) ; untuk menggambar objek yang bentuknya seperti coretan pensil.  Ink bottle tool (S) ; untuk memberi warna pada garis  Eyedropper tool (I) ; untuk mengambil warna dari objek yang ada  Subselection tool (A) : untuk menyeleksi objek secara lebih rinci  Gradient transform tool (F) ; untuk memutar warna dasar objek untuk warna gradasi  Lasso tool (L) ; untuk menyeleksi objek dengan menggunakan garis yang di tentukan sendiri  Teks tool (T) ; untuk membuat teks  Rectangel tool (R) ; untuk membuat objek kotak  Brush tool (B) ; untuk membuat objek menggunakan kuas Berperan dalam membuat objek/ gambar, serta mewarnai dan membuat tulisan pada objek. Selain itu juga tersedia tombol untuk mengatur besar / kecilnya ukuran documen (stage) Option pada panel tools bergantung pada tool yang sedang aktif

 Paint bucket tool (K) ; untuk mewarnai bidang pada objek  Eraser tool (E) ; untuk menghapus objek  Hand tool (H) and zoom tool (M,Z); untuk menggeser dokumen dan memperbesar tampilan objek.  Untuk memberikan warna pada objek. ; stroke color, memberi warna pada garis ; fill color, memberi warna pada bidang ; black and white, menjadikan tampilan hitam putih ; no color, tidak ada warna/menghilangkan warna ; swap color, menukar warna / tukar menukar warna

Nita Endrya, M.Pd.

7

Timeline :

Berperan dalam pembuatan animasi. Pada timeline terdapat layer dan frame yang berperan dalam pengaturan objek dan pengaturan pembuatan animasi.

 Show/hide all layers ; memunculkan/menyembunyikan objek pada layer  Lock/unlock all layers ; mengunci/mengaktifkan kembali objek pada layer  Show all layers as outlines ; menampilkan seluruh objek pada layer berupa garis/kerangka  Delete layer ; membuang/menghapus layer  Insert layer ; menambah layer  Add motion guide ; berperan sebagai petunjuk arah jalannya animasi  Insert layer folder ; menambahkan folder pada layer untuk mengelompokkan layer

 Layer ; berperan dalam pengaturan posisi objek/gambar pada layar kerja  Frame ; berperan dalam proses pengaturan animasi

Nita Endrya, M.Pd.

8

Stage :

Merupakan lembar kerja, seperti lembaran kertas yang nantinya berisi objek baik berupa gambar maupun tulisan.

Mengatur tampilan documen Ketika tampilan layar kerja aktif maka pada panel properties akan muncul tombol untuk mengatur tampilan halaman. Untuk mengatur besar layar kerja yang digunakan maka tekan tombol size

Setelah mengklik tombol tersebut maka akan muncul seperti tampilan di bawah ini : Dimensions ; untuk menentukan ukuran lembar kerja. Width (lebar) dan height (tinggi). masukkan nilainya pada kolom yang tersedia. Background color ; menentukan warna layar kerja sesuai dengan yang diinginkan Frame rate ; menentukan kecepatan frame. Misalnya 12 fps (frame per second) berati 12 frame dalam waktu 1 detik. Ruler units ; menentukan ukuran lembar kerja dalam pixels, inci, cm atau mm.

Nita Endrya, M.Pd.

9

Panel library Berfungsi untuk menampung semua objek yang ada atau yang sudah dibuat baik berupa gambar, movie clip atau button dan juga semua file yang digunakan seperti file suara. Untuk mengaktifkan panel library klik window pada menu > library Setelah itu akan muncul panel library yang menampung semua objek dan simbol dalam documen flash.

Nita Endrya, M.Pd.

10

Scene

Scene digunakan untuk memperbanyak layar kerja.

Menambah scene baru dengan cara klik insert pada menu > scene. Tampilan scene dapat dilihat pada edit scene pada timeline

Untuk melihat seluruh scene yang kita gunakan dengan cara klik window > other panels > scene. Kemudian akan keluar panel scene disana kita bisa merubah nama scene, menduplikatkan scene yang telah ada atau membuang scene yang tidak diperlukan.

Nita Endrya, M.Pd.

11

Mengenal timeline; frame, layer Mengenal perbedaan layer dan frame . • Mengenal cara mengolah layer dan penempatan objek pada setiap layer karena layer berperan dalam pembuatan animasi yang berbeda-beda pada setiap objek. Pemahaman mengenai cara menambah layer, memberi nama layer, mengatur urutan layer, mengunci layer, menyembunyikan layer, meghapus layer. • Mengenal cara mengolah frame, memasukkan keyframe, menambah, mengkopi, menghapus frame. Frame digunakan untuk membuat animasi.

Timeline :

Layer 1

Ilustrasi tampilan pada lembar kerja / stage Layer 1 dan layer 2 seperti lapisan-lapisan

Layer 2

Tampilan sebenarnya pada stage

Tampilan bila dilihat pada lembar kerja

Nita Endrya, M.Pd.

12

Frame : Frame merupakan tempat meletakkan objek. Objek pada frame 1 bisa sama dan bisa berbeda dengan frame berikutnya atau frame 2. Frame 1

Frame 2

Tampilan pada lembar kerja flash

ilustrasi peletakan objek pada frame dan layer

frame

layer

Nita Endrya, M.Pd.

13

Bekerja dengan layer Menambah layer Add motion guide Insert layer folder Delete layer Show/hide all layer

: : : : :

Lock/unlock all layer Show all layers as outlines

klik insert layer berfungsi saat menentukan arah jalannya animasi berfungsi untuk membuat folder untuk mengelompokkan layer berfungsi untuk membuang /menghapus layer berfungsi untuk menyembunyikan atau menampilkan objek yang berada pada layer : berfungsi untuk mengunci objek pada layer agar tidak bisa di edit : berfungsi untuk menampilkan kerangka objek pada layer.

Insert layer

Add motion guide

Delete layer

Lock/unlock all layers

Insert layer folder

Show /hide all layers

Show all layers as outlines

Nita Endrya, M.Pd.

14

Bekerja dengan frame Frame merupakan tempat meletakkan suatu objek. Pada timeline frame terlihat seperti kotak-kotak kecil. Setiap layer biasanya terdiri dari beberapa frame. Layer dan frame berperan penting dalam membuat animasi dan pergerakan objek.

Pada frame ada yang perlu diperhatikan salah satunya yaitu penggunaan keyframe • Keyframe : Sebelum kita membuat suatu objek baik berupa gambar kotak, lingkaran maupun tulisan terlebih dahulu kita harus memasukkan / mengaktifkan keyframe. Pada frame yang tidak terdapat keyframe maka pada lembar kerja tidak akan bisa dibuat suatu objek/gambar. Keyframe ini ditandai dengan bulatan kosong. Pada keyframe yang telah diberi objek maka keyframenya berupa bulatan hitam yang artinya pada keyframe tersebut sudah terisi objek. Perhatikan ilustrasi berikut Keyframe yang tidak terdapat objek

frame yang belum terdapat keyframe

Keyframe yang sudah berisi objek

Selanjutnya yang akan dibahas yaitu cara menambah frame, menghapus frame, menghapus keyframe dll. Perhatikan gambar dibawah ini!.

Elemen lainnya yang terdapat pada saat kita klik kanan pada mouse diantaranya :

Nita Endrya, M.Pd.

15

• • • • • • • • • • • • •

Create motion tween Insert frame Remove frames Insert keyframe Insert blank keyframe Clear keyframe Convert to keyframe Convert to blank keyframe Cut frame Copy frame Paste frame Clear frame Select all frame

: : : : : : : : : : : : :

digunakan saat membuat suatu animasi menambah frame membuang/menghapus frame memasukkan keyframe memasukkan keyframe kosong menghapus keyframe mengubah menjadi bentuk keyframe mengubah menjadi bentuk keyframe kosong memotong frame mengkopi frame menempelkan yang telah dikopi menghapus frame menyeleksi seluruh frame pada timeline

Nita Endrya, M.Pd.

16

Membuat objek garis, kurva, lingkaran, kotak Mengetahui cara membuat objek-objek sederhana seperti garis, kotak, lingkaran, segitiga, balok, persegi menggunakan tombol-tombol yang ada pada panel tools. • Menggambar objek menggunakan pen tool • Menggunakan pencil tool

Membuat Objek Untuk membuat objek-objek pada flash baik itu garis, kotak, lingkaran dll, kita bisa mempergunakan tombol-tombol yang ada pada panel tools misalnya untuk membuat garis kita bisa menggunakan Line Tool (N/tekan huruf N pada keyboard) , membuat lingkarang menggunakan Oval Tool (O/tekan huruf O pada keyboard), membuat kotak menggunakan Rectangel Tool (R/tekan hufur R pada keyboard). Setelah kita memilih tombol objek yang akan kita buat selanjutnya buatlah Line Tool objek tersebut pada stage dengan cara klik kiri pada mouse lalu tarik ke samping kanan bawa hingga gambar objek mulai terbentuk. Kemudian Line Tool lepaskan setelah objek yang kita lukis sesuai dengan ukuran yang diinginkan. Perhatikan ilustrasi berikut. Line Tool

>>>> >>>> >>>>

Klik kiri pada mouse, tarik lalu lepaskan ketika objek telah terbentuk

Untuk objek kotak, garis dll.. dapat dibuat dengan cara yang sama

Nita Endrya, M.Pd.

17

Garis yang di buat pada flash umumnya dapat di tarik sehingga membentuk garis lengkung contohnya : Garis ditarik ke dalam

Garis ditarik ke luar

Garis pada lingkaran ditarik ke dalam

Garis pada lingkaran ditarik ke luar pada bagian ujung

Garis ditarik ke dalam dan keluar

Untuk pemantapan, silahkan cobakan membuat garis lengkung pada objek maupun garis!!!.

Nita Endrya, M.Pd.

18

Menggambar objek menggunakan pen tool Menggambar dengan menggunakan pen tool caranya dengan mengaktifkan pen tool terlebih dahulu, setelah itu arahkan pointer mouse pada area yang ingin di gambar klik sekali dan untuk membuat garis geser pointer mouse ke bagian lain dan klik kiri pada mouse, begitu seterusnya sampai terbentuk objek. Ilustrasi gambar membuat objek menggunakan pen tool. Titik pertama

Titik ketiga

Titik kedua

Menggambar objek menggunakan pencil tool Menggambar objek menggunakan pencil tool sama dengan menggambar menggunakan pensil biasa, kita bisa membuat objek secara bebas dengan cara mengaktifkan pencil tool terlebih dahulu kemudian klik kiri pada mouse > tahan lalu gambar objek sesuai bentuk yang diinginkan setelah selesai membuat objek lepaskan klikkan tadi pada mouse. Gambar gambar objek yang dibuat menggunakan pencil tool.

Nita Endrya, M.Pd.

19

Mewarnai objek dan mengatur letak posisi objek Mengetahui cara mengolah objek seperti mengatur ketebalan garis, mengubah bentuk garis, memberikan warna pada garis dan bidang, mengubah ukuran objek secara bebas menggunakan free transform tool. • Menggunakan panel color mixer dalam mengatur warna objek baik garis maupun bidang. • Mengatur posisi objek dan perataan antar objek

Menggunakan panel co...