web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ......

48
Didit karyadi / Phone: +6285728040743 / +6285293452205 Email : [email protected] / Blog: didot4com.wordpress.com Bila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab. 1. Macromedia Flash 8 Program Flash 8 merupakan software milik perusahaan Macromedia dan merupakan pengembangan dari Flash versi sebelumnya. Macromedia Flash sendiri merupakan sebuah program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi yang sangat menakjubkan untuk keperluan pembangunan situs web yang interaktif dan dinamis. Selain itu, aplikasi ini juga dapat digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi pada situs web, banner, tombol animasi, menu interaktif, interaktif form isian, e-card, screen saver dan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. Movie-movie Flash 8 memiliki ukuran file yang kecil sehingga dapat di download secara cepat dan dapat ditampilkan dengan ukuran layar yang dapat disesuaikan dengan keinginan. Aplikasi Flash 8 merupakan sebuah standar aplikasi industri perancangan animasi web yang tak tertandingi dengan peningkatan pengaturan dan perluasan kemampuan integrasi yang lebih tinggi lagi. Area kerja Flash 8 dirancang secara khusus agar ruang kerja yang digunakan dapat diatur dan lebih mudah dipahami oleh pemakai pemula maupun para desainer Flash yang telah berpengalaman. Macromedia Flash 8 adalah program yang cukup komplek sehingga tidak mungkin untuk menjabarkannya secara lengkap. Pada makalah ini hanya akan diberikan sebagian pengertian dan fungsi-fungsi dasar dalam Macromedia Flash 8.

Upload: dodung

Post on 02-Feb-2018

221 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

1. Macromedia Flash 8

Program Flash 8 merupakan software milik perusahaan Macromedia dan merupakan

pengembangan dari Flash versi sebelumnya. Macromedia Flash sendiri merupakan sebuah

program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi

yang sangat menakjubkan untuk keperluan pembangunan situs web yang interaktif dan dinamis.

Selain itu, aplikasi ini juga dapat digunakan untuk membuat animasi logo, movie, game,

pembuatan navigasi pada situs web, banner, tombol animasi, menu interaktif, interaktif form

isian, e-card, screen saver dan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-

aplikasi web lainnya.

Movie-movie Flash 8 memiliki ukuran file yang kecil sehingga dapat di download

secara cepat dan dapat ditampilkan dengan ukuran layar yang dapat disesuaikan dengan

keinginan. Aplikasi Flash 8 merupakan sebuah standar aplikasi industri perancangan animasi

web yang tak tertandingi dengan peningkatan pengaturan dan perluasan kemampuan integrasi

yang lebih tinggi lagi.

Area kerja Flash 8 dirancang secara khusus agar ruang kerja yang digunakan dapat

diatur dan lebih mudah dipahami oleh pemakai pemula maupun para desainer Flash yang telah

berpengalaman. Macromedia Flash 8 adalah program yang cukup komplek sehingga tidak

mungkin untuk menjabarkannya secara lengkap. Pada makalah ini hanya akan diberikan

sebagian pengertian dan fungsi-fungsi dasar dalam Macromedia Flash 8.

Page 2: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

1. User Interface

Dengan membuka program macromedia Flash 8 akan muncul tampilan muka sebagai

berikut.

Panel

Stage

Work area

Toolbox Action Script and Properties

Gambar .2.1. User Interface

Panel yang berada disebelah kanan terdiri atas Color Mixer an color Swatches. Work area

adalah bagian dari scene, dimana kita dapat membuat berbagai gambar dan animasi di dalamnya.

Dalam work area ini terdapat stage, dimana ketika hasil kerja dijalankan (test movie) hanya

gambar dan animasi yang terdapat di dalam stage saja yang muncul sedangkan gambar dan

animasi yang berada di dalam work area, akan tetapi animasi di luar stage tidak akan

dimunculkan.

2. Timeline

Timeline adalah tempat dimana movie tersebut berada sehingga timeline mempunyai

tugas mengatur waktu cerita dan pemunculan objek-objek tertentu. Timeline merupakan objek

utama untuk membuat animasi dan objek-objek interaktif. Timeline terdiri atas tiga bagian

pokok, yaitu: Scene, Layer, dan Frame. Jika animasi dipandang seperti sebuah buku yang

dibuka lembar demi lembar, maka timeline adalah buku, scene adalah bab-bab dalam buku, dan

layer adalah halaman buku, serta frame merupakan kecepatan tangan dalam membuka lembaran

buku tersebut. Timeline dapat digambarkan sebagai berikut:

Page 3: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Frame rateDelete LayerAdd Layer Folder

Add Motion GuideAdd Layer

Frame NumberHiden layer

Lock layer

Outline view

Play head

Subselection toolLasso tool

Text toolRectangle tool

Brush tool

Fill transform toolPaint bucket tool

Eraser tool

Zoom tool

Swap colour

No colour

Arrow toolLine tool

Pen toolOval tool

Pencil tool

Free transform toolInk bottle toolEye dropper

Hand tool

Stroke colourBlack and White

Fill colour

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Gambar.2.2. Tampilan timeline

3. ToolBox

Toolbox berisi alat-alat gambar dan alat-alat lainya yang diperlukan untuk mengedit

objek dalam animasi. Toolbox tersebut antara lain:

Page 4: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Keterangan:

Arrow tool digunakan untuk memilih objek dan memodifikasi bentuk stroke (garis) dan

bentuk objek yang lain.

Subselection tool digunakan untuk menempilkan point-point dari suatu garis/outline suatu

shape dan meng-edit point-point tersebut menjadi bentuk yang diinginkan. Pemakaiannnya

klik subselection tool kemudian klik suatu garis/stroke

Lasso tool digunakan untuk menyeleksi suatu objek/shape dengan bentuk area seleksi sesuai

dengan yang diinginkan

Pen tool digunakan untuk membuat suatu bentuk dengan bantuan point handle dan tangent

handle.

Oval tool digunakan untuk membuat objek oval, apabila weight dan height yang sama akan

membentuk sebuah objek yang berupa lingkaran

Rectangle tool digunakan untuk membuat objek persegi dan persegi panjang

Brush tool digunakan untuk memberi warna pada objek dengan cara menyapu (seperti kuas

cat)

Ink bottle tool digunakan untuk mengubah warna stroke (garis), style (jenis), dan tebal

stroke.

Paint bucket tool digunakan untuk mewarnai fill.

Dropper tool digunakan untuk mengcopy warna fill, style, tebal dan warna stroke yang

dimiliki oleh suatu objek lalu di-paste pada objek lain yang diinginkan.

Eraser tool digunakan untuk menghapus objek yang berupa shape

Hand tool digunakan untuk menggeser stage

Zoom tool digunakan untuk memperbesar atau memperkecil tampilan gambar

Stroke color digunakan untuk menetukan warna outline pada objek gambar.

Fill color digunakan untuk mewarnai gambar/objek.

Text tool digunakan untuk menulis di stage

4. Panel

Dalam Flash, panel berfungsi untuk menampilkan dan mengubah informasi suatu gambar

atau objek dalam stage. Ada bermacam-macam panel dalam Flash dimana setiap panel akan

Page 5: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.memberikan informasi sesuai dengan objek yang dipilih. Beberapa panel yang ada dalam Flash 8

adalah sebagai berikut:

- Panel frame, memberikan informasi dan pengaturan mengenai frame, pemberian label

dalam frame dan animasi apa yang terdapat dalam frame yang bersangkutan

- Panel Align, untuk mengatur posisi objek dalam stage.

- Panel info, terdapat informasi besar kecilnya objek (Height dan Width) dan posisi objek

dalam stage. Informasi ini dapat diubah sesuai dengan kebutuhan, setelah diubah, objek

akan menyesuaikan dengan informasi baru yang telah dimasukkan.

- Panel Library, di dalamnya terdapat symbol - symbol. Dengan panel library ini

memudahkan jika dalam stage dibutuhkan symbol yang di dalam library sudah ada tingal

mengambilnya saja tidak perlu membuatnya lagi.

- Panel Color Mixer, berfungsi untuk mengatur pewarnaan pada objek.

Dibawah ini beberapa contoh panel.

Gambar.2.4 Beberapa contoh panel.

5 . Action Script

Action script adalah pemrograman di Flash dengan menggunakan bahasa pemograman

java script. Action script dapat digunakan untuk mengontrol objek di Flash, untuk membuat

navigasi, dan elemen interaktif lainnya. Tampilan action panel seperti gambar 2.5.

Page 6: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Gambar.2.5 Tampilan action panel

Tambahan:

Pewarnaan Dalam macromedia flash 8, ada beberapa teknik pewarnaan yang bisa digunankan: Yang paling dasar dengan point bucket tools dan pada colour bagian fill colour tinggal kita pilih warana yang kita inginkan

untuk bagian atas untuk member warna pada garis dan bagian bawah untuk member warna bagian isi. Itu untuk pewarnaan dasarPewarnaan menggunakan panel samping kanan (colour)Missal kita buat objek kotak

Pada bagian panel samping kanan akan terlihat

Yang pertama pada tipe kita akan pilih solid, lihat gambar setelah dipilihsolid. Maka gambar tidak akan berubah. Kemudian kita pilih linear, maka gambar akan berubah

Kemudian lihat panel sebelah kanan tampak seperti gambar berikut

Page 7: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Ada dua kotak berbentuk limas kita bisa mengubah warnannya dan menambah jumlah kotak sesuai dengan keinginan kita. Untuk engubanh warna tinggal klik dua kali bagian kotak dan klik satu kali untuk menambah jumlah,. Lihat gambar berikut

hasil

tampilan samping kananAda hal lain yang perlu diperhatikan, tekan poin bucket tools lalu klikkan pada objek tadi. Dengan klik biasa maka hasil akan sama tapi klik jangan dilepaskan lalu tarik maka sesuatu akan berubah.Ini dipilih menyilang pada samping kanan

untuk variasi yang lain bisa dipilih sendiriSekarang masuk tipe radialMasih lanjut dari gambar yang terakhir jika dipilih radial akan berubah seperti gambar berikut

jika diklik kan disamping kiri akan tampak seperti gambar berikut

Kalau kita ganti tipe dengan bitmap maka akan disuruh membuka dari direktori computer, kita tinggal pilih file yang kita inginkan lalu tekan open, berikut hasi jadi

Penggunaan oval tools (O)Dalam penggunaanya ovaltools bias di buat menjadi beberapa variasi seperti gambar berikut. Untuk mebuat bulat yang benar-benar bbulat tekan shift pada keyboard anda. Atau anda biasa memvariasikan dengan menarik kebawah, kiri atau miring tinggal pakai free transform tools

Page 8: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Penggunaan gradian transform tools (F)Untuk penggunaan gradient transform tools seperti yang dijelaskan di awal. Pada bagian ini akan

dijelaskan lebih rinci.

Pertama buat lingkaran terlebih dahulu pilih beberapa warna. Sebagai contoh warna pelangi

missal. Dengan mengklik

Diambil sampel seperti gambar berikut:

Page 9: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.Setelah itu klik gambar dengan selection tools lalu klik gradient trans form tools

Berikut hasil setelah dirotasi dan digeser

Saat dirotasi Saat digeser secara vertical

Page 10: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Hasil akhir

Penggunaan lasso tools (L)Seperti dijelaskan diawal lasso tools digunakan untuk memotong gambar atau mengedit gambar.Contoh kita akan memotong gambar yang sudah jadi

Pada gambar diatas masih terdapat kotak putih padahal kita ingin menghilangkannya. Pertama klik kanan pada gambar pilih break a part. Kalau sudah klik lasso tools pada option pilih magic wand

Page 11: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Terus klik pada gambar yang kita inginkan pilih bagian putih. Klik lalu pada keyboard tekan delete atau backspaceHasil jadinya

Penggunaan rectangle tool (R)Penggunaan secara biasa tekan shift pada keyboard anda untuk mebut segi empat,. Dan persegi panjang dengan menggeser kekiri dan kebawah

Page 12: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Lebih lanjut tentang rectangle tools

- double klik pada icon rectangle tools maka akan muncul seperti pada gambar berikut

Corner radius disini berfungsi untuk member efek lengkung pada bagian sisi kotak. Missal kita

pilih 10 points lihat hasil berikut ini

Kemudian kita akan membuat polygon, pada rectangle tools terdapat panah kecil kebawah klik

dan pilih polistar

Page 13: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Kemudian buat objek

Jika ingin menambah bagian sisi, pada panel bawah terdapat menu option klki kemudian akan

muncul tool setting,

Pada number of side kita ganti menjadi 8 kita lihat hasilnya

Masih dengan menu yang sama pada tool setting pilih style : kita pilih star lihat pada gambar

berikut

Page 14: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Kemudian kalau kita gambar

6 . Teknik Animasi Macromedia Flash 8

Dalam sebuah dokumen Flash, sebuah animasi dapat dibuat dengan mengubah isi

beberapa frame secara berturut-turut. Animasi bisa dibuat dengan animasi tween, animasi frame

by frame dan animasi action script.

a. Animasi frame by frame

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.

b. Animasi tween

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

Page 15: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.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.

Berikut dijelaskan lebih rinci beberapa variasi menggunakan animasi motion tween

1. Motion tween

Kita ingin mengerakan objek dari kiri ke kanan. Pertama kita buat objek missal bulat

posisi di kiri (dibuat dengan oval tools -> klik pada stage -> tahan kemudian tarik)

klik kanan pada frame misal 15 (bebas sesuai keinginan). Ihat gambar

Page 16: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Langkah selanjutnya klik kanan antara frame 1 dan 15 pilih create motion tween.

Lihat gambar setelah di create motion tween

Objek pada frame lima belas geser ke kanan (ingat menggunakan tools: selection

tools). Lihat gambar

Page 17: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

2. Motion shape

Misal kita akan membuat objek berubah dari bulat menjadi kotak. Langkah sama

dengan motion tween. Hanya saja pada frame 1 buat objek bulat tanpa garis luar

Cara menghilangkan atau menghapus garis luar:

Pada awal pemilihan warna lihat panel sisi kanan pada colour pilih stroke colour atau

ada gambar pensil,

pilih gambar kotak yang di coret seperti pada gambar berikut

Berikuta dalah gambar bulat

Page 18: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

dan di frame 15 klik kanan pilih insert blankkeyframe lihat gambar

Berikut adalah tampilan setelah proses imsert blankkeyframe

Nanti akan muncul di frame gambar bulat putih (menandakan diframe tersebut tidak

ada objek, kalau ada objek warna bulat tersebut menjadi hitam), kemudian buat objek

kotak.

Page 19: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Klik kiri antara frame 1 dan 15. Lihat panel properties lihat tween pilih shape lihat

gambar

Setelah jadi lihat di bagian frame akan berubah warna menjadi hijau dan gambar akan

berubah menjadi tampak seperti pada gambar

Page 20: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

3. Motion guide

Langkah sama dengan motion tween hanya saja ditambah lintasan atau guide dengan

cara klik kanan pada layer 1 pilih add motion guide. Ihat gambar

Atau klik gambar pada timeline

Lihat hasil setelah diberi motion guide

Page 21: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Kemudian klik diframe 1 layer guide buat lintasan (bebas). Missal seperti pada

gambar berikut

Catatan objek pada frame 1 letakan diawal lintasan dan objek pada frame 15 letakan

diakhir lintasan

Page 22: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Selesai.

4. Kombinasi motion dengan masking

Langkah sama sama dengan di motion tween. Kemudian kita perlu menambah layer

baru dengan cara klik kanan add layer.

Tempat layer baru di paling bawah dengan cara klik tahan geser ke bawah.

Buat tulisan menggunakan teks tools (missal: animasi). Letakan diarea gerakan

delayer 2, Langkah berikutnya klik kanan pada layer paling atas pilih mask.

Page 23: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Kemudian berikut adalah tampilan layer setelah diberi efek mask

Berikut adalah hasil

sebelum biberi efek.

setelah diberi efek.

Page 24: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

7. Symbol

Ada dua komponen paling pokok atau paling sering digunakan: yang pertama adalah

button dan yang kedua adalah movie clip. Yang pertama dibahas adalah movie clip.

Pembuatannya simple pertama buat objek kotak (bebas) pada objek klik kanan pilih

convert to symbol pilih movie clip beri nama anim tween.

Kemudian setelah selesai kita double klik, dari sini langkah sama dengan di animasi

motion tween. Berikut tampilan layer dan framenya

Page 25: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Langkah berikutnya kita buat akan membuat tombol play dan stop (masih di dalam

movie clip tween) buat layer baru. Dengan cara klik kanan pilih insert layer.

Pada layer baru ini kita buat tulisan play dan stop secara terpisah.

Kemudian pada tulisan play di seleksi lalu klik kanan pilih convert to symbol,

kemudian pilih button (ingat pembuatan symbol movie clip). Cara yang sama

digunakan untuk stop. Langkah selanjutnya kita akan mengedit tombol play dan stop.

Tombol play, pada tombol play kita double klik kemudian akan terlihat up – over -

down – hit. Up adalah tampilan awal, over saat kursor disorotkan ke tombol, down

saat di klik dan hit adalah area (memudah saat diklik). Untuk up kita akan

menambahkan background kotak (dibuat dengan rectangle tools) lihat gambar berikut

isi dipilih warna kuning dan garis luar hitam, angkah selajutnya pada

over klik kanan pilih keyframe lihat gambar berikut

Kemudian tampilan frame akan menjadi seperti gambar berikut

Page 26: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Kemudian kita akan merubah bacgroun kotak dari warna kuning menjadi biru muda.

Untuk pewarnaan pilih tool point bucket,

kemudian pada colour klik fill colour

Pilih warnan biru

Langkah yang sama dilakukan pada bagian over kita akan piih warna hijau

Page 27: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Berikut hasil secara terperinci

Up over down Selasai.

Kita akan mengoperasikan tombol. Masih di dalam movie clip tween. Pada frame 1

kita akan memberi action atau perintah stop dengan cara klik kiri pada frame 1 lihat

pada panel properties klik action, kemudian ada icon + klik pilih global function pilih

timeline control pilih stop.

Untuk tombol play klik + pilih movie clip control pilih on kemudian pilih realese klik

setelah kurung buka klik tanda + global function pilih time line control pilih play

Untuk stop sama hanya pada bagian play kita ganti dengan stop. Selesai.

*.Project membuat presentasi sederhana

Kita siapkan 3 buah layer, layer pertama kita ganti nama dengan background, kedua

isi, dan ketiga tombol. Lihat gambar berikut

Page 28: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Pada layer background klik pada frame 1 layer background (ingat jangan salah

penempatan atau pemilihan) kita akan mengimport gambar yang sudah disediakan di

directori computer dengan cara sebagai berikut

Setelah memilih gambar klik open

Berikut ini adalah gambar yang saya pilih

Page 29: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Untuk background bisa kita ubah-ubah sesuai keiginanan kita. Langkah selanjutnya

adalah menyiapkan tombol (masih ingat cara membuat tombol: lihat penjelasan

diatas) disini kita akan mencoba membuat tombol yang bisa dipakai beberapa kali

jadi menghemat dalam pembuatan tombol. Pertama kita siapkan nama untuk tombol

dan beberapa detail lihat gambar dibawah. Ingat anda bisa membuat dengan kreasi

anda sendiri tanpa harus sama dengan tutorial

Jika sudah langsung ke pembuatan tombol

Pertama buat kotak seukuran tulisan yang dibuat tadi (ingat tanpa garis tepi)

kotak dibuat dengan warna #B4B5FE jika dilihat di colour mixer

panel samping kanan dengan alfa 30%. Dalam pemilihan warna sesuai selera masing-

masing.jika sudah klik kanan pilih convert to symbol, beri nama “tbtbcopy” anda

Page 30: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

boleh member nama apa saja. Langkah selanjutnya double klik pada tombol tadi pad.

Jika sudah klik pada frame “up” klik kanan pilih key frame sebanyak 3 kali. Jika

sudah klim pada frame up hapus objek dan pada frame down kemudian hapus objek.

Berikut tampilan layer dan frame jika sudah jadi

Jika sudah selesai double klik ingat jang pada objek

Berikut tombol jadinya

Akan tampak berwarna biru muda

Jika sudah tarik/drag dari library kemudian tempat kan pada tulisan yang sudah dibuat

tadi. Berikut hasil jadinya

Oh lupa satu lagi tanda silang untuk keluar nanti. Kemudian sesuaikan dengan ukuran

tulisannya.

Page 31: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Pada tombol

Beranda kita beri action

on (release) {gotoAndStop(1);

}

isi kita beri action

on (release) {gotoAndStop(2);

}

penutup kita beri action

on (release) {gotoAndStop(3);

}

Kalau perlu tombol keluar diberi perintah

on(release){

fscommand("quit",1);

}

selesai

jika bingung tinggal kopas pasti jadi

masih bingung lagi berikut langkah-langkahnya

klik kiri pada tombol kemudian pada panel bawah klik action

Page 32: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Kemudian kli tanda + terus movie clip control pilih on ikuti sesuai gambar berikut

Jika suda akan muncul seperti gambar berikut

Kemudian pilih release

Page 33: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Langkah berikutnya klik tanda plus lagi pilih global function pilih timeline control

pilih gotoAndStop

Jika sudah pada bagian () isikan angka 1, ini menunjukan tombol ini member perintah

untuh berhenti menuju ke frame 1

Lihat gambar berikut

Untuk isi ganti menjadi angka 2 pada bagian (), penutup menjadi angka 3, tinggal

kopas dari actition tombol yang sudah tadi.

Pada layer isi kita siapkan 3 keyframe dengan cara klik kanan pada frame insert

keyframe sebanyak dua kali. Berikut adalah susunan frame nya

Klik pada frame 1 kita akan meberi perintah stop, caranya sama menberi acion pada

tombol tadi hanya saja kita pilih stop

Page 34: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Kli tanda + pilih global function pilih timeline control pilih stop

Pada frame 1 kita buat tulisan “selamat datang” frame 2 materi

Bebas kita isikan tulisan sesuai yang dibutuh kan

dan frame 3 penutup buat tulisan “terimakasih”. Berikut ini adalah hasil jadi

Bila kita menginngikan pada bagian isi lebih banyak slde. Mudah seleksi objek

tulisan tadi kemudian klik kanan pilih konver to symbol pilih movie clip dan beri

nama isi humor pilih oke

Jika sudah double klik pada movie clip yang kita buat tadi, kemudian pada frame 1

klik kanan pilih keyframe sebanyak dua kali, seperti pada gambar berikut

Page 35: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Klik diframe 2 edit tulisan begitu juga diframe 3.

Tambal 1 layer lagi dengan nama tombol. Jika tadi kita sudah belajar mebuat tombol

kita akan memanfraatkan tombol yang sudha ada di flash. Caranya klik windows pilih

coomon libraries pilih button, lihat gambar dibawah ini:

Jika sudah akan muncul

Page 36: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Setelah muncul seperti gambar diatas pilih salah satu folder kemudian klik kanan

pilih expand all folder lihat gambar berikut

Page 37: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Tinggal kita pilih tombol yang dibutuhkan yang mewakili next dan back

Berikut adalah tombol yang saya pilih (gel right dan ge left)

Untuk tombol kita beri action

Untuk tombol kita beri perintah

Ingat-ingat langkah sebelumnya dan perhatikan detailnya saat membuat diflash. Dan

pastikan anda tidak lupa setiap langkahnya karena jika anda bisa menguasai modul ini

bisa dipastikan anda bisa membuat presentasi lebih baik dari pada tutorial yang saya

berikan.

Langkah berikutnya pada frame 1 klik kemudian diberi perintah stop

Pada layer tombol frame 1 klik kanan pilih keyframe sebanyak 2 kali

Berikut adalah susunan layer dan frame

Page 38: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

Pada frame 1 layer tombol hapus tombol back klik pada frame 3 hapus tombol knapa

hal ini harus dilakukan hal ini untuk menunjukan bahwa isi dimulai dan dengan memperhaikan

tombol maka isi sudah berakhir

Tutorial sudah selesai sampai disini terimakasih anda sudah membaca. Mohon maaf bila ada salah kata dan bagian dari tutorial ini yang kurang jelas karena saya juga masih dalam tahap belajar. Bila anda masih mengalami kesulitan saya siap memberikan les private untuk tariff tidak usah dipikirkan bisa nego yang jelas jika anda mau belajar saya siap memberikan anda pelatihan dari 1 ½ jam sampai 4 jam perpertemuan dengan sekali bayar dengan tariff yang sama. Atau jika anda

Page 39: Web viewdan pembuatan keseluruhan isi situs web atau pembuatan aplikasi-aplikasi web lainnya. ... Pada makalah ini hanya akan diberikan sebagian ... adalah pemrograman di

Didit karyadi / Phone: +6285728040743 / +6285293452205Email : [email protected] / Blog: didot4com.wordpress.comBila ingin berdiskusi atau bertukar informasi mengenai macromedia flas 8 bisa hubungi phone atau kirim email atau komen di blog saya insyaAllah sebisa mungkin akan saya jawab.

tidak mau repot-repot tinggal hubungi no diatas kalau bisa via call karena lebih memudahkan dalam memberikan arahan tanpa biaya, paling kalau ada pulsa anda kena tariff dari operator masing-masing. Saya akan membantu sebisa saya dan jika anda lebih banyak tahu kita bisa saling share ilmu. Selamat berjuang dan berlatih