Adobe Flash Cs3 Lanjut (dasar) 612573

DAFTAR ISI

Halaman Sampul .........................................................................................................................................

i

Daftar Isi .........................................................................................................................................................

ii

Pendahuluan .................................................................................................................................................

iii

KEGIATAN 1 : Mengenal Adobe Flash CS3 Professional .............................................................

1

KEGIATAN 2 : Menggambar Bentuk Dasar, Menggunakan Warna, dan Mengimpor Gambar ............................................................................................................................. 8 KEGIATAN 3 : Membuat Animasi Objek Bergerak ........................................................................

15

KEGIATAN 4 : Membuat Animasi dengan Masking dan Path serta Mengimport Suara ..

20

KEGIATAN 5 : Membuat Animasi Teks ..............................................................................................

25

KEGIATAN 6 : Membuat Animasi Jaring-jaring Kubus ................................................................

32

KEGIATAN 7 : Mempublish dan Mengekspor File .........................................................................

50

Daftar Pustaka ..............................................................................................................................................

53

ii

PENDAHULUAN

Animasi merupakan salah satu bentuk visual bergerak yang dapat dimanfaatkan untuk menjelaskan materi pelajaran yang sulit disampaikan secara konvensional. Dengan diintergrasikan ke media lain seperti video, presentasi, atau sebagai bahan ajar tersendiri animasi cocok untuk menjelaskan materi-materi pelajaran yang secara langsung sulit dihadirkan di kelas atau disampaikan dalam bentuk buku. Dengan tujuan memberi pengetahuan dasar tentang bagaimana membuat animasi kepada para pengajar/guru modul Pembuatan Animasi dengan Adobe Flash CS3 Professional ini ditulis. Modul ini berisi 7 kegiatan belajar yaitu: KEGIATAN 1 : Mengenal Adobe Flash CS3 Professional KEGIATAN 2 : Menggambar Bentuk Dasar, Menggunakan Warna, dan Mengimpor Gambar KEGIATAN 3 : Membuat Animasi Objek Bergerak KEGIATAN 4 : Membuat Animasi dengan Masking dan Path serta Mengimport Suara KEGIATAN 5 : Membuat Animasi Teks KEGIATAN 6 : Membuat Animasi Jaring-jaring Kubus KEGIATAN 7 : Mempublish dan Mengekspor File Setelah mengikuti kegiatan-kegiatan belajar tersebut diharapkan mahasiswa dapat membuat animasi sederhana dengan menggunakan Adobe Flash CS3 Professional. Dengan pengetahuan dasar pembuatan animasi, diharapkan mahasiswa dapat mengembangkan bahan ajar yang lebih menarik dan mudah dipahami oleh siswa. Selamat Belajar.

iii

KEGIATAN 1 MENGENAL ADOBE FLASH CS3

Tujuan Kegiatan Setelah mengikuti kegiatan belajar ini, Mahasiswa diharapkan dapat menyebutkan: 1. Cara membuka program Adobe Flash CS3 Professional, dan 2. bagian-bagian jendela kerja Adobe Flash CS3 Professional

Uraian Materi Software Adobe Flash CS3 banyak digunakan untuk membuat aplikasi animasi. Flash (baik yang dulu dikeluarkan oleh Macromedia dan Adobe) banyak digunakan untuk membuat media pembelajaran. Banyak media pembelajaran matematika yang menggunakan software ini. Sebagai seorang pendidik, sangat baik jika mampu membuat media pembelajaran sesuai dengan kebutuhan. Flash, merupakan software yang dirancang untuk membuat animasi berbasis vektor dengan hasil yang mempunyai ukuran yang kecil. Awalnya software ini memang diarahkan untuk membuat animasi atau aplikasi berbasis internet (online). Tetapi pada perkembangannya banyak digunakan untuk membuat animasi atau aplikasi yang bukan berbasis internet (offline). Dengan actionscript 2.0 ataupun actionscript 3.0 yang dibawanya, Flash dapat digunakan untuk mengembangkan game atau bahan ajar seperti kuis atau simulasi. Penggunaan Flash untuk animasi atau pembuatan bahan ajar interaktif tidaklah sulit, tool-tool yang tersedia cukup mudah digunakan, beberapa template dan Komponen juga sudah disediakan siap digunakan. Dengan anggapan sotfware Flash telah terinstal pada komputer yang Anda gunakan, berikut ini langkah awal untuk mengenal penggunaan Adobe Flash CS 3.

1

A. MEMBUKA FLASH 1. Pilih ikon

pada desktop

2. Akan muncul tampilan sebagai berikut.

Gambar 1. 1 Halaman awal Adobe Flash CS

2

Pilih Create New  Flash File (ActionScript 2.0) untuk membuka jendela baru 3. Jendela Kerja pada Adobe Flash CS 3. Setelah membuat dokumen flash, muncul tampilan seperti berikut: 2

1

5

4

3

6

7 Gambar 1. 2 Bagian-bagian Adobe Flash

3

Tabel 1.1. Bagian-bagin Adobe Flash CS3 No

Keterangan

Fungsi

1

Menu

Berisi tentang menu perintah yang ada pada Adobe Flash CS3

2

Toolbar

Toolbar merupakan berisi berbagai macam tool. Tool-tool tersebut dikelompokkan menjadi empat kelompok: (1) Selection Tools, berisi tomboltombol untuk memilih objek, (2) Draw Tools, berisi tombol-tombol untuk membuat dan mengedit gambar atau teks, (3) Colors, berisi tombol-tombol yang digunakan untuk mengatur warna objek, dan (4) Views, berisi tomboltombol yang digunakan untuk mengatur tampilan gambar.

3

Layer

Layer digunakan untuk menempatkan satu atau beberapa objek dalam stage.

4

Timeline

Merupakan komponen yang digunakan untuk mengatur atau mengontrol jalannya animasi untuk beberapa layer. Semakin panjang frame dalam layer, maka semakin lama animasi akan berjalan.

5

s

ini berisi tool

6

Stage

Stage juga disebut layar atau panggung. Stage digunakan untuk memainkan objek-objek yang akan diberi animasi. Dalam stage kita dapat membuat gambar, teks, memberi warna.

7



ini terdiri dari bebera . Ada library yang mengatur obyek dalam dokumen, nama objek, warna dan lain lain.

Properti

B. MENGENAL TOOL DI ADOBE CS3 Untuk membuat suatu objek,mengedit objek dan memberi warna pada objek digunakan tool box. Berikut akan disajikan nama tool yang ada di toolbox beserta fungsinya. Tabel 1.2. Jenis Tools dan Fungsinya. 4

Selection Tool. Digunakan untuk memilih dan memindah objek. Sub Selection Tool. Digunakan untuk mengubah bentuk dengan mengedit titik-titk. Free Transform Tool. Digunakan untuk mengubah ukuran atau memutar bentuk objek sesuai dengan keinginan. Lasso Tool. Digunakan untuk menyeleksi bagian objek yang akan diedit. Pen Tool. Digunakan untuk membuat bentuk objek secara bebas dengan titik sebagai penghubung. Teks. Digunakan untuk membuat teks, kata atau kalimat. Line Tool. Digunakan untuk membuat garis. Rectangle Tool. Digunakan untuk membuat objek berbentuk segi empat atau segi banyak. Pencil Tool. Digunakan untuk membuat objek secara bebas. Brush Tool. DIgunakan untuk menggambar objek secara bebas dengan ukuran ketebalan dan bentuk yang sudah disediakan. Ink Botle Tool. Digunakan untuk memberi warna outline(garis tepi) dari suatu objek. Paint Bucket Tool. Digunakan untuk memberi warna pada objek secara bebas. Eyedropper Tool. Digunakan untuk mengambil contoh warna. Eraser Tool. Digunakan untuk menghapus objek. Hand Tool. Digunakan untuk mengatur stage. 5

Zoom Tool. Digunakan untuk memperkecil atau memperbesar tampilan objek pada stage. Oval Tool. Diguanakan untuk membuat lingkaran atau elips. Stroke Color. Digunakan untuk memberi atau memilih warna untuk outline(garis tepi) Fill Color. Digunakan untuk memberi warna pada objek.

Black and White. Digunakan untuk mengubah warna outline atau fiil dengan warna hitam atau putih. Option Tool. Digunakan untuk mengatur fungsi tambahan pada tombol yang sedang aktif.

C. OBJEK DALAM ADOBE FLASH CS3 Dasar Objek Ketika menggambar objek dalam Flash, seperti objek lingkaran, kotak, oval, dan lain secara otomatis Flash akan menyediakan dua unsur objek, yaitu Fill (bidang objek) dan Stroke (garis tepi). Buat objek persegi panjang dengan menggunakan Rectangle Tool. 1. Buka Flash. 2. Pilih Create New  Flash File (ActionScript 2.0) untuk membuka jendela baru. 3. Klik tool rectangle, letakkan kursor di stage. Drag and drop sehingga terbentuk persegi panjang. Stroke (garis tepi, warna hitam) Menyeleksi Objek

Fiil (Bidang, warna hijau)

Gambar 1.3 Objek

6

Menyeleksi Objek Seperti yang dijelaskan di atas, objek dalam flash terbagi dalam dua unsur, yaitu Fill objek dan Stroke Objek. Untuk memilih Fill objek, Stroke Objek, atau Fill dan Stroke objek dapat dilihat pada gambar berikut ini.

Gambar 1.4

Gambar 1.5

Gambar 1.6

Gambar 1.7

Keterangan : Gambar 1.4 : Objek belum diseleksi. Gambar 1.5 : Fill objek terseleksi. Gambar 1.6 : Stroke objek terseleksi. Gambar 1.7 : Fill dan Stroke Objek terseleksi. Untuk melakukan penyeleksian objek, dilakukan dengan menggunakan Selection Tool yang terdapat dalam Toolbox. Kemudian tinggal diklik fill atau stroke dari objek yang akan diseleksi. Untuk menyeleksi seluruh objek (baik fill dan stroke), cukup double klik pada objek. Menyimpan Document. Untuk menyimpan dokument, klik menu file, pilih save. Atau dapat juga digunakan kombinasi tombol ctrl+s.

D. ACTION SCRIPT Salah satu kelebihan Flash dibanding dengan perangkat lunak animasi lain yaitu adanya action script. ActionScript adalah bahasa pemrograman Adobe Flash yang digunakan untuk membuat animasi atau interaksi, ActionScript mengizinkan untuk membuat intruksi berorientasi action(lakukan perintah) dan instruksi berorientasi logis (analisis masalah sebelum melakukan perintah). Kita bisa memunculkan ActionScript dengan cara menekan tombol F9 pada keyboard atau melalui menubar dengan cara click windows actions. 7

Gambar 1.8 ActionScript pada Adobe Sama dengan bahasa pemrograman yang lain, ActionScript berisi banyak elemen yang berbeda serta strukturnya sendiri. Kita harus merangkai ActionScript dengan benar agar ActionScript dapat menjalankan perintah sesuai dengan keinginan. Jika tidak dirangkai dengan benar, maka animasi yang kita buat tidak akan berjalan. ActionScript bersifat Case Sensiftive (penulisan huruf besar kecil diperhatikan), sehingga perlu diperhatikan penulisannya. Sebagai contoh: onRelease beda dengan onrelease.

8

KEGIATAN 2 MENGGAMBAR BENTUK DASAR, MENGGUNAKAN WARNA, DAN MENGIMPOR GAMBAR

Tujuan Kegiatan Setelah mengikuti kegiatan belajar ini, Mahasiswa diharapkan dapat menggunakan tool-tool pada Adobe Flash CS3 Professional untuk: 1. Menggambar bentuk-bentuk dasar (garis, kotak,lingkaran atau oval, dan bentuk bebas), 2. Mewarnai objek, 3. Mengolah teks, dan 4. Mengimport gambar.

URAIAN MATERI A. MENGGAMBAR BENTUK DASAR. 1. Membuat Garis Dengan Line Tool Flash menyediakan pilihan untuk membuat beragam bentuk garis. Pilih ikon line Tool ( ) pada toolbox. Kemudian lihat pilihan di

properties

di

bawah

stage,

masukkan angka ketebalan garis ataupun warna garis. Untuk membuat garis,

Gambar 2.1. Penggunaan Line Tool

arahkan pointer ke stage, drag sehingga terbentuk garis yang diinginkan.

9

2. Membuat Garis dengan Pencil Tool Untuk membuat

garis bebas, dapat

digunakan pencil tool. Pilih ikon pencil tool ( ) pada toolbox, kemudian atur warnanya dengan memilih colors di bawahnya. Untuk membuat garis lurus, pada options di bawah toolbar pilihlah opsi Straighten, untuk garis lengkung yang halus pilih Smooth, dan untuk membuat garis sesuai dengan gerakan mouse pilih ink.

Gambar 2.2. Penggunaan Pencil Tool

3. Menggambar Lingkaran atau Elips Pilih oval tool (

) untuk menggambar

bentuk lingkaran atau elips. Untuk memulai menggambar, klik pada stage dan drag sebesar lingkaran atau oval yang Anda inginkan. Adapun jenis dan warna garis serta warna isi bentuk itu dapat dipilih pada Colors. Gambar 2.3. Penggunaan Oval Tool 4. Menggambar Kotak. Untuk menggambar kotak Anda dapat menggunakan Rectangle Tool (

) untuk

menggambar bentuk kotak pada layar. Untuk memulai menggambar, klik pada stage dan drag sebesar kotak yang Anda inginkan. Adapun jenis dan warna garis serta warna isi (fill) bentuk itu dapat dipilih pada Colors.

10

Apabila Anda ingin bentuk sudut kotak tidak berbentuk lancip tetapi berupa sudut yang halus (lengkung), Anda dapat mengubahnya dengan cara pilih Rectangle (

) dan pilih

Set Corner Radius yang berada di bagian bawah . Masukkan nilai 5 dalam kotak dialog Rectangle Setting dan pilih OK. Mulailah menggambar kotak dan hasilnya akan terlihat seperti gambar disamping.

5. Menggambar Bentuk Bersegi Banyak.

Gambar 2.4. Penggunaan Rectangle Tool

Gambar 2.5. Rounding Rectangle Tool

Untuk menggambar bentuk bersegi banyak, klik dan tahan pada Rectangle Tool (

), kemudian pilih polygon tool.

Untuk

memilih bentuk bersegi banyak atau bintang. Pilih Options pada properties, kemudian pada jendela dialog tool settings

Gambar 2.6. Membuat Polygon dan Polystar 11

yang muncul Anda dapat memilih bentuk yang diinginkan serta dapat mengisikan angka berapa segi banyak yang akan dibuat. Untuk menggambarnya, klik mouse pada stage kemudian drag sesuai dengan besarnya objek yang diperlukan.

6. Menggambar Bentuk Bebas atau Unik. Untuk membuat bentuk bebas atau unik Anda dapat menggunakan Pen Tool (

).

Klik mouse pada stage, drag dan lepas, maka garis akan terbentuk. Gerakkan kembali mouse kearah yang diinginkan dan klik untuk membuat sudut atau anchor point. Bila bentuknya merupakan kurva tertutup, maka dapat diberi warna.

Gambar 2.6. Membuat Polygon dan Polystar

7. Mengubah Ukuran Objek. Pilih Selection Tool (

) doble klik pada

gambar/objek yang akan diubah ukurannya. Pilih Free Transform Tool (

), maka pada

ujung bentuk akan muncul kotak kecil atau handle. Pada option pilih opsi Scale. Klik pada salah satu titik kemudian drag kotak kecil tersebut kearah luar, ukuran akan membesar dan drag kearah dalam, maka ukuran akan mengecil.

Gambar 2.8. Mengubah Ukuran Objek

12

8. Memutar Objek Pilih selection tool ( ), double klik pada gambar/objek yang akan diputar. Pilih Free Transform Tool (

), pada ujung bentuk

akan muncul kotak kecil atau handle. Pada option, pilih opsi Rotate and Skew ( ) , kemudian arahkan mouse mendekati salah satu handle yang ada di sudut hingga kursor membentuk panah melingkar. Klik dan drag kearah putaran yang diinginkan.

Gambar 2.9. Memutar

B. Menggunakan Warna 1. Mengganti Warna. Untuk mengganti warna isi (fiil) atau garis (stroke) dari bentuk yang telah dibuat dilakukan dengan menyeleksi/memilih bentuk yang akan diganti dengan menggunakan selection tool (

). Double klik gambar

diganti warnanya, kemudian pada colors pilih opsi

yang

ingin

stroke color

( ), klik dan pilih

warna untuk mengubah warna garis atau pilih fiil color () klik dan pilih warna untuk mengubah warna isi bentuk.

13

2. Gradasi Untuk memberi warna gradasi

pada

suatu

gambar/objek, pilih menu window  color mixer, jendela color mixer akan muncul di sebelah kanan

layar. Pilih gambar/objek

Gambar 2. 10. Memberikan Efek Gradasi yang akan diberi warna gradasi dengan selection tool, pada pull-down menu di color mixer, pilih type radial. Pilih warna yang lebih terang untuk bagian sebelah kiri sedangkan bagian kanan yang lebih gelap.

Untuk mengedit gradasi pilih Gradient

Transform Tool (tekan tombol F). Klik dan drag handle yang muncul sesuai dengan arah yang diinginkan.

Gambar 2. 11. Mengatur Gradasi Warna

14

C. MENGIMPOR GAMBAR DAN MENGOLAHNYA. 1. Mengimpor Gambar. Untuk memasukkan gambar dalam format bitmap, seperti foto, ke dalam movie dapat dilakukan dengan cara mengimpor gambar/foto tersebut. Pilih menu File  import  import to stage, lalu cari letaknya direktori gambar yang akan di impor.

2. Memperbesar/memperkecil Untuk memperbesar

atau

memperkecil ukuran gambar dapat dilakukan dengan menggunakan Scale Tool (

) pada toolbar disebelah kiri. Agar

ukuran gambar tidak distorsi, tekan shift pada keyb oard pada saat memperbesar/memperkecil gambar.

3. Mengubah Bitmap menjadi Vektor (Trace Bitmap) Dalam flash, terdapat fasilitas untuk mengubah gambar dalam format bitmap menjadi vector, yaitu menu trace bitmap. Fasilias ini berguna untuk mengurang besarnya file karena penggunaan gambar bitmap dalam animasi. Namun tentunya kualitas gambar bitmap itu sendiri akan mengalami penurunan. Untuk mengaplikasi trace bitmap pada gambar/foto yang telah kita impor, sebelumnya pilih/seleksi terlebih dulu gambarnya menggunakan selection tool (

) pada toolbar. Kemudian pilih menu

Modify  Bitmap  Trace Bitmap. 15

Setelah muncul kotak dialog

Trace

Bitmap, masukkan angka pada kolom color threshold dan minimum area. Semakin besar angka yang dimasukkan semakin besar pula file yang dikompres. Namun sebaiknya tidak memasukkan angka lebih kecil dari 10 (sepuluh) karena pengaruhnya pada pengurangan besarnya file sebagai tujuan utama trace bitmap akan sangat kecil. Bahkan pada beberapa komputer (dengan spesifikasi rendah) akan mengakibatkan hang, karena komputer dipaksa bekerja terlalu keras untuk menguraikan gambar tersebut. Setelah proses tracing bitmap selesai, pilih menu modify  group, agar gambar yang sudah ditrace tersebut terkumpul sebagai satu image.

4. Pengolahan Gambar Lebih Lanjut. Untuk mendapatkan gambar dengan hasil olahan lebih lanjut, disarankan untuk menggunakan software lain yang memang khusus untuk mengolah gambar/foto, seperti: Adobe Fireworks, Adobe Photoshop atau Corel Photopaint. Flash digunakan pada saat gambar tersebut telah siap untuk dianimasikan.

16

KEGIATAN 3 MEMBUAT ANIMASI OBJEK BERGERAK

TUJUAN Setelah mengikuti kegiatan belajar ini, Mahasiswa diharapkan dapat membuat: 1. Animasi objek bergerak dengan pergeseran tempat 2. Animasi objek bergerak membesar atau mengecil 3. Animasi objek bergerak dengan berputar 4. Animasi perubahan bentuk

URAIAN MATERI A. ANIMASI OBJEK BERGERAK. Animasi objek bergerak merupakan animasi dasar pada flash. Untuk membuat animasi objek yang bergerak/bergeser dari suatu posisi ke posisi lain digunakan Motion Tween. Berikut disajikan langkahlangkah untuk membuat animasi objek berjalan. 1. Buatlah dokumen flash. 2. Buatlah persegi panjang dengan rectangle tool pada stage.

Gambar 3.1. Persegi Panjang 3. Ubah persegi panjang yang dibuat menjadi

Graphic.

selection tool (

Caranya,

pilih

), kemudian double

klik pada persegi panjang. Pada menu, pilih Modify  convert to symbol

Gambar 3.2. Menu konversi symbol pada Flash

(atau tekan F8). 17

4. Pada kotak dialog yang muncul isikan isian berikut:

Gambar 3. 3. Kotak Dialog Convert Symbol 5. Klik Ok. Kemudian klik mouse di frame 30 pada Timeline, kemudian pilih Insert  Timeline  Keyframe atau klik kanan mouse pilih Insert Keyframe.

Gambar 3.4. Insert Key Frame. 6. Klik mouse pada persegi panjang, kemudian geser persegi panjang ke kanan.

7. Pada Timeline akan muncul tampilan seperti berikut:

Gambar 3.5. Timeline

8. Blok pada Timeline dari frame 1 sampai 30. Kemudian pilih jendela Properties, pada pilihan Tween pilih Motion.

Gambar 3.6 Properti Tween 18

Atau klik kanan mouse pada Timeline pilih Create Motion Tween.

Gambar 3.7. Shortcut Create Motion Tween. 9. Apabila animasi Motion Tween dibuat, maka pada Timeline akan muncul panah seperti berikut.

Gambar 3.8. Timeline suatu layer setelah dikenakan efek Motion Tween. 10. Tekan ctrl + enter untuk melihat hasilnya. B. ANIMASI OBJEK BERGERAK DENGAN PEMBESARAN ATAU PENGECILAN BENTUK Animasi objek bergerak merupakan animasi dasar pada flash. Untuk membuat animasi objek yang bergerak/bergeser dari suatu posisi ke posisi lain digunakan Tween Motion. Berikut disajikan langkah-langkah untuk membuat animasi objek berjalan. 1. Buatlah objek persegi panjang dengan mengikuti langkah 1 sampai langkah 4 pada point A di atas. 2. Kemudian klik mouse di frame 30 pada Timeline, pilih Insert  Timeline  Keyframe atau klik kanan

19

Gambar 3.4. Insert Key Frame

3. Pilih Free Transform Tool (

), arahkan kursor ke salah satu titik sudut yang

muncul di gambar persegi panjang. Sambil menekan tombol Shift pada Keyboard, klik mouse pada titik tersebut dan geser ke arah luar sehingga persegi panjang membesar. Kemudian lepaskan mouse. 4. Jalankan animasi dengan menekan tombol ctrl+enter.

20

C. ANIMASI PERUBAHAN BENTUK Untuk membuat animasi perubahan bentuk digunakan perintah create shape motion. Berikut diberikan contoh animasi perubahan bentuk dari oval menjadi persegi panjang. Lakukan langkah berikut: 1. Buat file baru. 2. Dengen menggunakan Oval Tool, buatlah objek oval.

3. Klik di frame 40 pada time line, klik kanan mouse

pilih

Insert

Blank Keyframe.

Di posisi frame ke-40, buatlah objek persegi panjang

4. Klik mouse pada bagian tengah timeline, pilih jendela properties pada opsi Tween pilih Shape.

5. Jalankan animasi dengan menekan tombol ctrl+enter. Untuk memperoleh animasi yang gerakannya lebih teratur, dapat digunakan Shape Hints. Sebagai contoh dapat dipraktekkan pada animasi yang baru saja kita buat. Ikuti langkah berikut:

21

1. Klik mouse pada frame pertama. 2. Pilih Modify  Shape  Add Shape Hint, akan muncul bulatan kecil berwarna merah. 3. Ulangi sebanyak tiga kali kemudian drag masing-masing titik a, b, c, d sesuai gambar. 4. Klik mouse pada frame terakhir. 5. Pindahkan masing-masing titik a, b, c, dan d sesuai gambar. Titik akan berubah menjadi hijau.

6. Klik kembali mouse pada frame pertama, dapat dilihat bahwa titik berubah warna menjadi kuning, artinya Shape Hint telah berhasil.

7. Jalankan animasi dengan menekan ctrl + enter.

22

KEGIATAN 4 MEMBUAT ANIMASI DENGAN MASKING DAN PATH SERTA MENGIMPORT SUARA

TUJUAN Setelah mengikuti kegiatan belajar ini, Mahasiswa diharapkan dapat: 1. Membuat animasi dengan masking 2. Membuat animasi mengikuti alur/guideline 3. Mengimport Sara pada animasi

URAIN MATERI A. ANIMASI MASKING Animasi masking adalah animasi yang menampilkan objek yang semula di sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu: 1. Area masking yang bergerak, objek yang di mask diam. 2. Area masking yang diam dan objek yang di mask yang bergerak. Kedua teknik tersebut akan menampilkan hasil animasi yang berbeda. Selain itu area masking hanya boleh berupa fill. Jadi untuk outline(garis) tidak diperbolehkan. Untuk membuat animasi masking, berikut diberikan contohnya. 1. Buka file baru. 2. Ubah background dengan warna hitam melalui property.

3. Buat dua layer. Ubah nama layer menjadi layer teks dan mask dengan posisi layer mask di atas layer teks.

23

4. Pada layer teks, di frame ke-1 buat tulisan TADRIS MATEMATIKA FITK dengan warna hijau seperti gambar berikut:

5. Klik kanan frame 40 pada layer text dan pilih Insert Frame.

6. Pada layer mask frame ke-1 buatlah elips dengan menggunakan oval tool dan beri warna hitam (sesuai dengan warna background). Letakkan di sebelah kiri stage, lurus dengan teks yang dibuat.

7. Pada layer mask frame ke-40 klik kanan pilih Insert Keyframe. Lalu ubah posisi elips

24

ke samping kanan stage.

8. Pada layer mask frame ke-1 klik kanan pilih Create Motion Tween. 9. Pada layer mask, klik kanan kemudian pilih mask.

10. Jalnkan animasi dengan menekan ctrl+enter.

C. ANIMASI GERAK DENGAN MENGIKUTI LINTASAN (GUIDELINE) Dalam membuat animasi bergerak, gerakan objek dapat diatur mengikuti suatu lintasan (guideline). Berikut diberikan contoh animasi gerak dengan mengikuti lintasan. 1.

Buat file baru.

2.

Ganti nama layer 1 menjadi objek.

3.

Kemudian klik menu insert  Timeline  Motion Guide

25

4.

Pada layer objek frame ke-1 buat lingkran dengan oval tool.

5.

Convert objek menjadi Graphic dengan cara double klik objek dan tekan F8. Beri nama symbol menjadi lingkaran_gr.

6.

Pada layer Guide: objek pilih frame ke-1. Buatlah suatu lintasan dengan menggunakan pencil tool (atau tekan tombol y pada keyboard).

7.

Klik kanan frame ke-40 pada layer objek, pilih Insert KeyFrame.

26

8.

Klik kanan frame ke-40 pada layer Guide : objek, pilih Insert KeyFrame.

9.

Pada frame ke-40 pada layer objek, pindahkan objek lingaran_gr ke akhir lintasan.

10. klik kanan frame ke-1 pada layer objek, pilih Create Motion Tween. 11. Jalankan animasi dengan menekan ctrl+enter.

D. MEMBERI SUARA PADA ANIMASI Dalam suatu media pembelaran, suara yang disertakan dalam media dapat membantu siswa dalam memahami materi. Adobe Flash menyajikan fasilitas untuk menyisipkan suara pada suatu animasi. Berikut contoh menyisipkan suara pada animasi masking. 1.

Bukalah file yang menyimpan animasi masking yang telah dibuat

2. Tambahkan layer baru, posisikan di atas dan ganti nama layer dengan suara.

3. Pilih menu file ImportImport to Library 4. Pilih file suara yang akan di import ke dalam library flash. Jika sudah, maka nama file suara yang diimport akan muncul di dalam library.

27

5. Pada layer suara frame ke-1, buka library, drag file suara yang anda import ke dalam stage. 6. Untuk mengatur efek dan pengulangan suara, dapat diganti pada properties.

7. Jalankan animasi dengan menekan ctr+enter.

Apabila suara yang Anda gunakan durasinya lebih cepat dari animasinya, maka Anda dapat memperpanjang suara dengan cara mengisi nilai >1 pada kolom disamping repeat, atau mengubah repeat ke mode loop.

28

KEGIATAN 5 MEMEBUAT ANIMASI TEKS

TUJUAN Setelah mengikuti kegiatan belajar ini, Mahasiswa diharapkan dapat: 1. Menggunakan teks pada flash 2. Membuat animasi teks berkedip 3. Membuat animasi teks berputar 4. Membuat animasi teks loncat

URAIAN MATERI A. Membuat Animasi Teks Bekedip Animasi teks berkedip-kedip, yaitu pada saat dijalankan teks akan tampil dan menghilang. Berikut langkah pembuatannya: 1. Buat dokumen baru dari menu File  New (Ctrl+N). 2. Tampilkan Document Properties (Ctrl+J)dan atur ukuran stage. W: 400 px, H: 150 px.

Gambar 4.1. Pengaturan ukuran stage pada documen properties 3. Klik Text Tool (

), kemudian ketik tulisan “Animasi Teks” pada stage di posisi

Frame 1 dari Layer 1.

Gambar 4.2. Tulisan Animasi Teks di stage 29

4. Tekan tombol F6 (Insert Keyframe) di posisi Frame 10, Frame 12, Frame 14, Frame 25, Frame 27dan Frame 29 dari Layer 1.

Gambar 4.3. Hasil Insert keyframe pada frame 5. Tekan tombol F7 (Insert Blank Keyframe) di posisi Frame 11, Frame 13, Frame 26, dan Frame 28 dari Layer 1.

Gambar 4.4. Hasil Insert blank keyframe pada frame 6. Simpan dan beri nama animasi teks berkedip.fla. 7. Untuk melihat hasilnya tekan tombol Ctrl+Enter.

B. Membuat Animasi Teks Berputar Membuat animasi Teks Berputar, yaitu ketika animasi dijalankan, huruf-huruf pada teks tersebut akan berputar secara bergantian sampai pada huruf urutan yang terakhir. Supaya lebih jelas,ikutilah langkah latihan berikut: 1. Buat dokumen baru dari menu File  New(Ctrl+N). 2. Tampilkan Document Properties (Ctrl+J) dan atur ukuran stage. W: 400 px, H: 150 px, dan Frame rate: 28 fps.

Gambar 4.5. Pengaturan Stage pada dokument properties 3. Klik pada posisi Frame 1dari Layer 1, kemudian klik Text Tool ( ) dan ketik tulisan “Animasi Teks” pada stage. 30

Gambar 4.6. Tulisan Animasi Teks di stage 4. Pilih teks yang akan dibuat animasi, kemudian Break Apart (Ctrl+B). Maka hasilnya sebagai berikut.

Gambar 4.7. Break apart Tulisan Animasi Teks di stage 5. Klik pada posisi Frame 1 dari Layer 1, kemudian klik menu Modify  Timeline  Distribute to Layers (Ctrl+Shift+D). Berikut hasilnya.

Gambar 4.8. Hasil distribute layer 6. Klik pada posisi Frame 5 dari Layr A, kemudian tekan tombol F6 (Insert Keyframe).

Gambar 4.9. Insert Keyframe pada posisi frame 5 7. Blok posisi Frame 1 sampai Frame 5 dari Layer A (caranya klik dua kali pada salah satu frame antara 1 sampai dengan 5). Kemudian pada Properties (Ctrl+F3), atur pada bagian Tween: Motion dan Rotate: CW. 31

Gambar 4.10. pengaturan Tween dan rotate pada properties 8. Maka hasilnya seperti gambar berikut.

Gambar 4.11. hasil create motion tween frame 1 sampai 5 9. Tekan tombol F6(Insert Keyframe) di posisi Frame 3 dan Frame 8 dari Layer N.

Gambar 4.12. insert keyframe pada frame 3 dan 8 10. Blok posisi Frame 3 sampai Frame 8 dari Layer N. Kemudian pada Properties (Ctrl+F3), atur pada bagian Tween: Motion dan Rotate: CW.

Gambar 4.13. Pengaturan Tween dan rotate pada properties 11. Maka hasilnya sebagai berikut.

Gambar 4.14. Hasil create motion tween frame 3 sampai 8 32

12. Klik pada posisi Frame 8 dari Layer A, kemudian tekan tombol F5 (Insert Frame).

Gambar 4.15. Hasil insert frame pada frame 8 13. Kemudian untuk layer berikutnya, lakukan dengan cara yang sama seperti Layer A dan Layer N di atas, hingga hasil akhir kondisi Layer dan Frame seperti berikut. 14. Simpan dengan nama animasi teks putar.fla.

Gambar 4.16. Hasil akhir tampilan semua layer 15. Jalankan animasi dengan menekan tombol ctrl+enter.

C. Membuat Animasi Teks Loncat Pada latihan kali ini Anda akandibimbing untuk membuat animasi teks loncat-loncat, yaitu pada saat dijalankan, masing-masing huruf dari teks akan loncat atau bergerak ke atas secara bergantian. Berikut langkah latihannya: 1. Buat dokumen baru dari menu File  New(Ctrl+N).

33

2. Tampilkan Document Properties (Ctrl+J) dan atur ukuran stage. W: 400 px, H: 150 px.

Gambar 4.17. Pengaturan ukuran stage pada document properties 3. Klik pada posisi Frame 1 dari Layer 1, lalu klik Text Tool ( ) dan ketikkan tulisan “Animasi Teks” pada stage.

Gambar 4.18. Tulisan Animasi Teks di satge 4. Pilih tulisan “Animasi Teks” tersebut, kemudian lakukan Break Apart (Ctrl+B). Maka hasilnya sebagai berikut.

Gambar 4.19. Hasil break apart tulisan animasi teks 5. Klik pada posisi Frame 1 dari Layer 1, kemudian klik menu Modify  Timeline  Distribute to Layers (Ctrl+Shift+D). Maka hasilnya seperti gambar berikut.

Gambar 4.20. Hasil distribute ke layar 34

6. Klik pada posisi Frame 5 dan 10 pada Layer A, kemudian tekan tombol F6 (Insert Keyframe).

Gambar 4.21. Hasil insert keyframe pada posisi 5 dan 10 7. Klik pada posisi Frame 5 dari Layer A, kemudian teks “A” pada stage dipindah posisinya ke atas.

Gambar 4.22. Pindah posisi teks A ke atas 8. Blok posisi Frame 1 sampai dengan Frame 10 dari Layer A, kemudian pada Properties bagian Tween pilih Motion. Maka hasilnya sebagai berikut.

Gambar 4.23. hasil create motion tween pada frame 1 sampai 10 9. Tekan tombol F6 (Insert Keyframe) di posisi Frame 5, Frame 10, dan Frame 15 pada Layer n.

Gambar 4.24. hasil insert keyframe pada posisi frame 5, 10, dan 15 10. Klik pada posisi Frame 10 dari Layer n, pindahkan teks n menuju bagian atas seperti langkah nomor 7.

35

11. Blok posisi Frame 5 sampai Frame 15 dari Layer n, kemudian pada Properties (Ctrl+F3) bagian Tween pilih Motion. Maka hasilnya seperti berikut.

Gambar 4.25. hasil insert keyframe pada posisi frame 5, sampai 15 12. Lakukan juga langkah di atas terhadap teks i, m, a, s, i. Sehingga, hasil akhir dari setiaplayer akan tampak seperti gambar berikut.

Gambar 4.26. hasil akhir tampilan layer 13. Simpan dengan nama animasi teks loncat.fla. 14. Untuk melihat hasilnya tekan tombol Ctrl+Enter.

36

KEGIATAN 6 MEMBUAT ANIMASI JARING-JARING KUBUS

TUJUAN Setelah mengikuti kegiatan belajar ini, mahasiswa diharapkan dapat membuat animasi jaring-jaring kubus dengan memanfaatkan tool pada Adobe Flash CS 3 Professional.

Uraian Materi Ada banyak bentuk anaimasi yang bias ada buat untuk menunjukkan jarring-jaring suatu kubus. Berikut diberikan 2 contoh bentuk animasi jaring-jaring kubus.

37

ANIMASI PERTAMA A. Menyiapkan File Baru Buat File baru, atur stage dengan setting properties W:550 dan H:400 seperti pada gambar disamping.

B. Membuat Gambar / Mengimport Gambar dan Mengatur Gerakan Animasi 1. Pada frame 1 layer 1 buat gambar kubus/masukkan gambar kubus (Mahasiswa dapat mengimpor atau membuat gambar sendiri). 2. Pada frame 6, klik kanan insert blank keyframe, lalu import kubus terbuka 1.

38

Pada frame

insert blank keyframe

3.

11, klik kanan

, lalu import kubus terbuka 2.

4.

Pada frame 16, klik kanan insert blank keyframe, lalu import kubus terbuka 3.

5.

Pada frame 21, klik kanan insert blank keyframe, lalu import kubus terbuka 4.

6.

Pada frame 26, klik kanan insert blank keyframe, lalu import kubus terbuka 5.

39

Pada frame

insert blank keyframe

7.

31, klik kanan

, lalu import kubus terbuka 6.

8.

Pada frame 36, klik kanan insert blank keyframe, lalu import kubus terbuka 7.

9.

Pada frame 41, klik kanan insert blank keyframe, lalu import kubus terbuka 8.

40

Pada frame

10.

insert blank keyframe

Pada frame 46, klik kanan insert blank keyframe, lalu import kubus terbuka 9.

11.

12.

51, klik kanan , lalu import kubus terbuka 10.

Pada frame 56, klik kanan insert blank keyframe, lalu import kubus terbuka 11.

41

Pada frame

13.

insert blank keyframe

Pada frame 65, klik kanan insert blank keyframe, lalu import kubus terbuka 12.

14. Pada frame 56, klik kanan lalu pilih Create Motion Tween.

15. Pada frame 65, tekan F9 pada keyboard, ketikkan Stop(); lalu tutup jendela actions

16. Selesai, tekan ctrl + enter untuk melihat animasi. 42

ANIMASI KEDUA A. Menyiapkan File Baru 1. Buat File baru, atur stage dengan setting properties W:550 dan H:400 seperti pada gambar disamping. 2. Buat 13 layer pada Timeline masing-masing dengan nama kubus, buka1, buka2, buka3, buka4, buka5, buka6, buka7, buka8, buka9, buka10, buka11, dan buka 12.

B. Membuat Gambar / Mengimport Gambar

1. Pada frema 1 layer kubus beri gambar kubus. 2. Pada frema 1 layer buka1 beri gambar buka1. 3. Pada frema 1 layer buka2 beri gambar buka2. 4. Pada frema 1 layer buka3 beri gambar buka3.

5. Pada frema 1 layer buka4 beri gambar buka4. 6. Pada frema 1 layer buka5 beri gambar buka5. 7. Pada frema 1 layer buka6 beri gambar buka6. 8. Pada frema 1 layer buka7 beri gambar buka7.

43

9. Pada frema 1 layer buka8 beri gambar buka8.

10. Pada frema 1 layer buka9 beri gambar buka9.

11. Pada frema 1 layer buka10 beri gambar

buka10.

12. Pada frema 1 layer buka11 beri gambar

buka11.

13. Pada frema 1 layer buka12 beri gambar

buka12.

14. Kemudian atur agar posisi gambar sebagai berikut.

15. Buat layer baru antara layer kubus dan layer buka1, beri namah panah1. Pada frame 1 beri gambar panah seperti berikut. 16. Buat layer baru antara layer buka1 dan layer buka2, beri namah panah2. Pada frame 1 beri gambar panah seperti berikut. 17. Buat layer baru antara layer buka2 dan layer buka3, beri namah panah3. Pada frame 1 beri gambar panah seperti berikut. 18. Buat layer baru antara layer buka3 dan layer buka4, beri namah panah4. Pada frame 1 beri gambar panah seperti berikut. 44

19. Buat layer baru antara layer buka4 dan layer buka5, beri namah panah5. Pada frame 1 beri gambar panah seperti berikut. 20. Buat layer baru antara layer buka5 dan layer buka6, beri namah panah6. Pada frame 1 beri gambar panah seperti berikut. 21. Buat layer baru antara layer buka6 dan layer buka7, beri namah panah7. Pada frame 1 beri gambar panah seperti berikut. 22. Buat layer baru antara layer buka7 dan layer buka8, beri namah panah8. Pada frame 1 beri gambar panah seperti berikut. 23. Buat layer baru antara layer buka8 dan layer buka9, beri namah panah9. Pada frame 1 beri gambar panah seperti berikut. 24. Buat layer baru antara layer buka9 dan layer buka10, beri namah panah10. Pada frame 1 beri gambar panah seperti berikut. 25. Buat layer baru antara layer buka10 dan layer buka11, beri namah panah11. Pada frame 1 beri gambar panah seperti berikut. 26. Buat layer baru antara layer buka11 dan layer buka12, beri namah panah12. Pada frame 1 beri gambar panah seperti berikut. 27. Kemudian atur agar semua gambar

posisinya

sebagai

berikut.

28. Pastikan posisi urutan layer seperti berikut.

45

C. Mengatur Gerakan Animasi 1. Geser frame 1 pada layer kubus ke frame 5. 2. Klik kanan mouse di frame 9 pada layer kubus, pilih insert keyframe.

3. Klik frame 5 pada layerkubus. Pada jendela properties pilih color pada posisi Alpha dengan intensitas 0%, seperti yang ditunjukkan pada gambar.

4. Blok frame 5 sampai dengan frame 9 pada layer kubus, klik kanan mouse kemudian pilih Create Motion Tween. 5. Geser frame 1 pada layer Panah 1 ke frame 10, dan pada frame 20 lakukan insert keyframe. 6. Kemudian buat layer baru di atas layer Panah 1, beri nama Penutup 1. 7. Pada frame 10 insert blank keyframe.

8. Klik mouse pada frame 10 layer penutup 1, dengan menggunakan rectangle tool, buat sebuah kotak di stage dengan ukuran menutupi gambar Panah 1. Warna terserah Anda.

46

9. Klik mouse dua kali pada gambar kotak, kemudian pilih Modify  Convert to symbol. Pada jendela dialog yang muncul, masukkan nilai seperti pada gambar berikut ini. Lalu klik tombol OK.

10. Klik frame 20 pada layer penutup 1, klik kanan mouselalu pilih Insert Keyframe. 11. Klik frame 10 pada layer penutup 1, pilih Selection Tool lalu geser objek penutup 1 seperti yang ditunjukkan pada gambar berikut ini.

12. Blok frame 10 sampai dengan frame 20 pada layer penutup 1, klik kanan mouse lalu pilih Create Motion Tween. 13. Klik kanan mouse pada kotak kecil di layer penutup 1, pilih Mask.

47

Maka posisi pada layer akan berubah seperti berikut.

14. Geser frame 1 pada layer buka1 ke frame 21. 15. Klik kanan mouse di frame 25 pada layer buka1, pilih insert keyframe.

16. Klik frame 21 pada layer buka1. Pada jendela properties pilih color pada posisi Alpha dengan intensitas 0%, seperti yang ditunjukkan pada gambar.

17. Blok frame 21 sampai dengan frame 25 pada layer buka1, klik kanan mouse kemudian pilih Create Motion Tween. 18. Geser frame 1 pada layer panah2 ke frame 26, dan pada frame 35 lakukan insert keyframe. 19. Kemudian buat layer baru di atas layer panah2, beri nama penutup2. 20. Pada frame 26 insert blank keyframe. 48

21. Klik frame 26 pada layer panutup2. Pada Library, cari objek dengan nama penutup, klik lalu drag/geser kearah stage. Tempatkan objek kotak tersebut di atas objek panah2, sehingga objek panah2 tertutup seluruhnya oleh objek penutup yang ada pada layer penutup2.

22. Klik frame 35 pada layer penutup2, klik kanan mouselalu pilih Insert Keyframe. 23. Klik frame 26 pada layer penutup2, pilih Selection Tool lalu geser objek penutup2 seperti yang ditunjukkan pada gambar berikut ini.

49

24. Blok frame 26 sampai dengan frame 35 pada layer Penutup 2, klik kanan mouselalu pilih Create Motion Tween. 25. Klik kanan mouse pada kotak kecil di layer Penutup 2, pilih Mask

Maka posisi pada layer akan berubah seperti berikut.

26. Geser frame 1 pada layer buka2 ke frame 36. 27. Klik kanan mouse di frame 40 pada layer buka2, pilih insert keyframe.

50

28. Klik frame 36 pada layer buka2. Pada jendela properties pilih colorpada posisi Alpha dengan intensitas 0%, seperti yang ditunjukkan pada gambar.

29. Blok frame 36 sampai dengan frame 40 pada layer buka2, klik kanan mouse kemudian pilih Create Motion Tween. 30. Geser frame 1 pada layer panah3 ke frame 41, dan pada frame 50 lakukan insert keyframe. 31. Kemudian buat layer baru di atas layer panah3, beri nama penutup3. 32. Pada frame 41 insert blank keyframe.

33. Klik frame 41 pada layer penutup3. Pada Library, cari objek dengan nama penutup, klik lalu drag/geser kearah stage. Tempatkan objek kotak tersebut di atas objek Panah 3, sehingga objek panah 3 tertutup seluruhnya oleh objek Penutup yang ada pada layer penutup3.

51

34. Klik frame 50 pada layer penutup3, klik kanan mouselalu pilih Insert Keyframe. 35. Klik frame 41 pada layer penutup3, pilih Selection Tool lalu geser objek penutup3 seperti yang ditunjukkan pada gambar berikut ini.

36. Blok frame 41 sampai dengan frame 50 pada layer penutup3, klik kanan mouse lalu pilih Create Motion Tween. 37. Klik kanan mouse pada kotak kecil di layer Penutup 3, pilih Mask.

Maka posisi pada layer akan berubah seperti berikut.

52

38. Geser frame 1 pada layer buka3 ke frame 51. 39. Klik kanan mouse di frame 55 pada layer buka3, pilih insert keyframe. 40. Klik frame 51 pada layer buka3. Pada jendela properties pilih color pada posisi Alpha dengan intensitas 0%, seperti yang ditunjukkan pada gambar.

41. Blok frame 51 sampai dengan frame 55 pada layer buka3, klik kanan mouse kemudian pilih Create Motion Tween. 42. Geser frame 1 pada layer panah4 ke frame 56, dan pada frame 65 lakukan insert keyframe. 43. Kemudian buat layer baru di atas layer panah4, beri nama penutup4. 44. Pada frame 56 insert blank keyframe.

45. Klik frame 56 pada layer penutup4. Pada Library, cari objek dengan nama penutup, klik lalu drag/geser kearah stage. Tempatkan objek kotak tersebut di atas objek panah4, sehingga objek panah4 tertutup seluruhnya oleh objek penutup yang ada pada layer penutup4.

53

46. Klik frame 65 pada layer penutup4, klik kanan mouselalu pilih Insert Keyframe. 47. Klik frame 56 pada layer penutup 4, pilih Selection Tool lalu geser objek penutup4 seperti yang ditunjukkan pada gambar berikut ini.

48. Blok frame 56 sampai dengan frame 65 pada layer penutup4, klik kanan mouse lalu pilih Create Motion Tween. 49. Klik kanan mouse pada kotak kecil di layer penutup4, pilih Mask.

54

50. Maka posisi pada layer akan berubah seperti berikut.

51. Ulangi langkah 14 sampai 41 di atas untuk mengatur gerakan pada layer buka4 sampai layer buka12, layer panah5 sampai layer panah12 serta layer penutup5 sampai layer penutup12, seperti yang ditunjukkan pada gambar berikut ini.

52. Selanjutnya, Klik mouse di frame 195 pada layer kubus, tekan tombol shift, tahan, klik mouse frame 195 pada layer buka12. Klik kanan mousepilih Insert Frame.

55

Maka pada layar monitor akan menjadi seperti gambar berikut.

53. Klik frame 190 pada layer buka12, tekan F9 akan muncul jedela action, tuliskan stop(); seperti gambar.

56

54. Coba jalankan animasi dengan menekan tombol Ctrl + Enter secara bersamaan. 55. Simpan file dengan nama jaring-jaring kubus. 56. Selesai sudah animasi jaring-jaring kubus.

57

KEGIATAN 7 MEMPUBLISH DAN MENGEKSPOR FILE

TUJUAN Setelah mengikuti kegiatan belajar ini, mahasiswa diharapkan dapat: 1. mempublish file flash ke berbagai format lain. 2. mengekspor image dan movie file flash ke format lain.

URAIAN MATERI Adobe Flash CS3 Professional mempunyai kemampuan untuk mengekspor/mempublish file ke format lain, dengan tujuan agar hasilnya dapat dijalank an tanpa tergantung software flash atau dapat diintegrasikan dengan software lain. A. Mempublish file 1. Buka file yang akan di publish (sebagai contoh jaring-jaring kubus). 2. Pilih File  Publish Settings

Pada jendela dialog yang muncul pilih: 1. Flash (.swf) apabila ingin mempublish file yang berjalan dengan menggunakan flash player. File ini dapat digunakan untuk di ke internet. 2. HTML (.html) apabila ingin mempublish file dalam bentuk html. File ini dapat digunakan untuk di ke internet. 3. Gif Image (.gif) apabila ingin mempublish file dalam bentuk animasi gif. File ini dapat digunakan untuk di ke internet.

58

4. JPEG Image (.jpg) apabila ingin mempublish file dalam bentuk file image/gambar dengan format JPEG. File ini dapat digunakan untuk di ke internet. 5. PNG(.png) apabila ingin mempublish file dalam bentuk image/gambar dengan format PNG. File ini dapat digunakan untuk di ke internet. 6. Windows Projector (.exe) apabila ingin mempublish fileyang dapat berjalan sendiri (standalone). 7. Macintosh Projector apabila ingin mempublish file yang dapat berjalan sendiri (standalone) di komputer Macintosh. 8. QuickTime (.mov) apabila ingin mempublish file dalam bentuk movie yang berjalan dengan menggunakan QuickTime player.

Setelah memilih format file (untuk latihan ini pilihFlash (.swf) ), selanjutnya menentukan nama dan lokasi penyimpanannya. 1. Pilih Ikon

yang terdapat di samping tipe format file yang dipilih. Pada jendela dialog

yang muncul isikan nama file pada kolom File name. Untuk lokasi penyimpanan, pilih Browse Folders, kemudian tentukan direktori foldernya.

2. Pilih Save. 3. Pilih Publish. 4. Pilih OK.

59

B. Mengekspor File Selain menggunakan fasilitas publish, Adobe Flash CS3 Professional juga menyediakan fungsi export untuk mengirim file ke dalam format lain. Fungsi export hanya dapat mengirim file ke dalam file image/gambar dan movie saja, tidak dapat mengirim file ke dalam format .exe (standalone). B.1. Untuk menggunakan fungsi export image: 1. Klik mouse pada bagian frame yang akan diexport. Pilih File  Export  Export Image Pada jendela dialog Export Image yang muncul berikan nama filenya, serta pilih format file yang diinginkan. Untuk lokasi penyimpanan, pilih Browse Folders, kemudian tentukan direktori foldernya.

2. Pilih Save B.2. Untuk menggunakan fungsi export image: 1. Pilih File Export  Export Movie Pada jendela dialog Export Movie yang muncul berikan nama filenya, serta pilih format file yang diinginkan. Untuk lokasi penyimpanan, pilih Browse Folders, kemudian tentukan direktori foldernya.

60

2. Pilih Save.

61

DAFTAR PUSTAKA

ActionScript 3.0 for Adobe Flash Professional CS5 Classroom in a Book

62