Job Sheet (Lembar Kerja) Multimedia Membuat Animasi Tingkat Dasar

Ukuran: px
Mulai penontonan dengan halaman:

Download "Job Sheet (Lembar Kerja) Multimedia Membuat Animasi Tingkat Dasar"

Transkripsi

1 Job Sheet (Lembar Kerja) Multimedia Membuat Animasi Tingkat Dasar Pengertian Umum FRAME - informasi umum mengenai frame Frame berarti adegan, berarti satu frame pada movie anda melambangkan satu potongan adegan, yang akan menyusun keseluruhan animasi atau movie anda. Setiap frame memiliki properti, yang menentukan bagaimana frame tersebut menyusun movie. Keyframe berarti frame kunci anda dapat meletakkan obyek pada keyframe (berlambang titik hitam) Frame berarti adegan, berarti satu frame pada movie anda melambangkan satu potongan adegan, yang akan menyusun keseluruhan animasi atau movie anda. Setiap frame memiliki properti, yang menentukan bagaimana frame tersebut menyusun movie. Keyframe berarti frame kunci anda dapat meletakkan obyek pada keyframe (berlambang titik hitam) Istilah-istilah mengenai frame : Keyframe dengan actions, keyframe yang memiliki actions berarti keyframe tersebut akan memanggil sebuah kode yang kita tentukan dari modul yang tersedia. Beberapa diantaranya yakni, go to, play, get url, stop, tell target, if frame is loaded, dll. Pelan-pelan saja, semua istilah diatas akan dijelaskan di bagian lain...:) Frame dengan motion tween, jenis ini akan banyak anda jumpai. Ini berarti bahwa diantara dua keyframe, Flash dapat mengambil perhitungan otomatis secara gerak dan skala tentang isi dari frame yang ada di antaranya dan akan menciptakan sekuens gerak atau animasi. Perhatikan bahwa motion tween ini hanya bisa dilakukan untuk obyek yang berupa symbol atau grup dan hanya dapat berlaku pada satu obyek setiap layer. Pada Flash 4 dilambangkan dengan warna biru muda. 1

2 Frame dengan shape tween, berarti bahwa tweening dilakukan untuk obyek diantara dua keyframe berupa morphing dari benda yang bukan symbol atau group. Shape tween hanya berlaku untuk obyek yang telah broken apart, ctrl + b shortcut. Frame kosong, kalau setelah sebuah keyframe terdapat rangkaian frame yang kosong, maka movie akan menampilkan image atau obyek terakhir pada keyframe sebelumnya. Hal ini dapat anda terapkan untuk membuat sebuah background yang statis dengan animasi pada layer bagian atasnya. Sound Frame, pada setiap keyframe dapat anda sertakan suara/sound, dengan double klik, pilih frame properties, kemudian pilih tab sound. Sebelumnya anda telah mengimpor file sound dengan ekstensi wav. Semacam grafik akan muncul untuk melambangkan adanya sound pada frame tersebut. Insert Frame, kita dapat menyelipkan rangkaian frame sekaligus dengan memilih frame tab sekaligus, katakanlah dari timeline 10 hingga 25, dari layer 1 hingga 3, kemudian setelah highlight muncul, kita klik kanan dan pilih insert frame, there you go. Insert Blank Keyframe, kita menyelipkan sebuah keyframe kosong, berguna untuk menghentikan animasi pada layer tersebut. Sebagai contoh, bila anda ingin agar animasi pada suatu layar berhenti pada frame ke 25 maka anda klik kanan, dan pilih insert blank keyframe. Reverse Frame, berarti membalikkan urutan frame. Sangat berguna untuk menimbulkan kesan reversi, misalnya sebuah tabel muncul perlahan dari bawah ke atas, setelah di klik anda menginginkan efek bahwa tabel tersebut perlahan kembali ke bawah. Anda tidak perlu membuat lagi motion tween yang baru cukup dengan copy frames yang mengandung sekuens muncul, paste pada tempatnya, kemudian highlight dan pilih reverse frames...done. Shortcut dan Kesimpulan menyelipkan frame - klik kanan pada area frame, pilih insert frame merubah urutan frame - klik kanan, pilih reverse frames Secara singkat cara melakukan motion tween adalah sebagai berikut : Letakkan sebuah obyek pada frame pertama pada bagian kiri dari movie anda. (pastikan berupa grup atau simbol). Kemudian insert keyframe pada angka timeline 30. Geser obyek jauh ke arah kanan, atau ke manapun anda suka. Pilih frame manapun di antara timeline 1 hingga 30, kemudian klik kanan, akan muncul sebuah dialog window. Pilih 'Properties' dari dialog menu tersebut. Klik tab 'Tweening' diantara beberapa tab yang timbul. Pilih tween motion dan pilih apakah akan melambat menjelang akhir (easing out) atau semakin mempercepat (easing in). Beres :), berlatihlah sesering mungkin menggunakan motion tween. Untuk shape tween anda gunakan obyek yang telah broken apart, Ctrl + B 2

3 3

4 Membuat Animasi Sederhana dengan Permainan Keyframe Langkah 1 Buka Program Flash MX kamu Lalu pilih new... Flash Document Langkah 2 Menentukan besarnya STAGE (coba pelajari dulu layout Flash agar lebih paham) Caranya: 1. Klik Size pada Properties 2. Akan Muncul Document Properties Atur dimensions: disini saya menggunakan 300 x 200 px 3. Tekan OK Langkah 3 4

5 1. Tekan R pada keyboad lalu gambar kotak di Stage 2. Lakukan pewarnaan dengan menekan V pada keyboard dan klik kotak lalu pilih Fill yang ada tanda nomor 2 di gambar 3. Pilih warna disini saya menggunakan warna biru dongker dengan nilai hexadecimal # Langkah 4 Tekan T pada keyboard untuk menggunakan Text Tool lalu ketik terserah namun disini saya mengeti huruf "F" 5

6 Langkah 5 Lihat Kotak Timeline Di situ kita akan bermain... ;P Baiklah sekarang tekan F5 pada keyboard... hasilnya frame akan bertambah hal ini untuk mengatur ritme dari animasi OK tekan sebanyak 5 X Hasilnya: lalu Tekan F6 pada keyboard... hasilnya key Frame (untuk animasi) akan muncul jika sudah tambahkan huruf pada stage 6

7 Ulangi Langkah 5 dan 6 (Terus tambahkan huruf sehingga membentuk tulisan FLASH tutorial Flash OK!!! Untuk melihat hasilnya... berdoa dulu ya... Tekan CTRL + Enter 7

8 Membuat Gradien di Adobe Flash Pada Tutorial kali ini kita akan mempelajari cara membuat gradien di Flash, membuat gradien di flash agak sedikit berbeda dengan gradien di photoshop karena di flash kita bukan memakai fill tapi cenderung memakai pengaturan color (Shift + Alt + F9) Ok, mari kita praktekkan dengan Tutorial: 1. Buka Program Adobe Flash, Disini Bisa menggunakan Adobe Flash CS3,CS4,CS5 2. Pada Lembar kerja buatlah gambar terserah tapi disini saya akan mencontohkan dengan menggambar kotak, pada pengaturan sudut (Rectangle Option) gunakan angka 15 Gunakan Free Transform Tool (Q) untuk mengatur besar kecilnya kotak yang anda buat 3. Seperti penjelasan saya di awal, kita tidak bisa merubah fill karena fill hanya terdiri dari 1 Warna, untuk itu kita harus masuk ke pengaturan color dengan Window - color (Shift + Alt + F9) nanti akan muncul Color Setting seperti ini 8

9 Pilih Linear Gradien atau Radial Gradien, namun disini saya mencontohkan dengan linear gradien, Anda bisa memilih Flow: Extend Color Untuk pengaturan Warna yang diinginkan bisa klik kedua panel di bawah yang ada tanda 2 panah caranya klik kotak tersebut dan pilih warna yang anda inginkan Contohnya: Kombinasi hitam dan biru 9

10 4. Ok sekarang pasti anda bertanya-tanya... bagaimana cara mengubah posisi gradien agar tidak kaku seperti gambar di atas, ahaaa... caranya gunakan Gradient Transform Tool (F) Anda bisa mengatur bentuk gradien yang anda inginkan 10

11 dan juga memberikan hiasan text Hasilnya kira-kira seperti ini Gradien di Flash 11

12 Membuat Animasi Berputar (Kipas Angin) Tutorial kali ini tak lepas dari Kipas angin, bagaimana kita membuat kipas angin atau animasi berputar di Flash? ikuti langkah berikut ini :) 1. Siapkan Kipas angin, Lihat arah berputarnya, jangan lama-lama nanti pusing, wkwkwk Nyalakan komputer dan buka program Flash, Disini saya memakai Adobe Flash CS 4 3. Buat Object 2 buah segitiga + 1 Buah object lingkaran di Lembar kerja flash Caranya: Untuk membuat Segitiga gunakan PolyStar Tool pada toolbar, Untuk Pengaturan gunakan Style: Polygon, Number Of Side: 3 Untuk membuat Lingkaran gunakan Oval Tool dan tekan dan tahan tombol shift agar lingkaran bulat sempurna. Petunjuk Gambar IG 4. Atur gambar sehingga membentuk Sebuah baling baling kipas dan seleksi semuanya lalu tekan CTRL + G (Group) untuk menggabungkan 3 object tersebut menjadi 1 kesatuan 12

13 Petunjuk Gambar IG 5. Sekarang waktunya membuat Frame pada Layer 1 klik Frame 50 dan pilih insert Frame Petunjuk Gambar IG 13

14 6. Masih di Frame 50, klik kanan lagi dan sekarang pilih Create Classic Tween 7. Pada Properties, atur Tweening, pilih Rotate: CW (Searah jarum jam) Petunjuk Gambar IG Setelah selesai, tekan F6 di frame 50 untuk memunculkan keyframe Selesai untuk melihat hasilnya tekan CTRL + Enter 14

15 Membuat Animasi Ombak 1. Buka program flash 8 Ubah ukuran stage menjadi 768 x 576 pixels. Ganti warna bacground menjadi warna hitam 2. Ganti warna fill color menjadi # dan warna stroke dijadikan none 3. Klik rectangle tool untuk membuat airnya dengan mendragnya ke stage seperti gambar dibawah ini. 15

16 4. Klik kanan di frame 15 lalu klik insert keyframe, Ubah gambar airnya dengan cara tarik ke atas menggunakan selection tool yang sebelah kiri Gambarnya : 16

17 7. Klik di frame 1 lalu pilih tween shape gambarnya 17

18 Di frame 35 klik kanan insert keyframe, Ubah gambarnya seperti di bawah ini 18

19 8. Klik Di frame 15 pilih tween shape 9. Lalu copy frame 1 caranya : klik kanan pada frame 1 dan pilih Copy Frames kemudian Pastekan di frame Klik Di frame 35 pilih tween shape Seperti gambar dibawah ini: Selamat mencoba...(@_@) Jika semua sudah selesai tinggal kita menekan ctrl + enter dan nikmati hasilnya. 19

20 Motion Tween 1. Buatlah sebuah lingkaran. Seleksi lingkaran tersebut dan tekan F8. Pada kotak dialog yang muncul pilih Movie Clip sebagai Type dan tekan OK. 2. Tempatkan movie clip tersebut ke stage sebelah kiri Movie clip berada di stage sebelah kiri 3. Klik kanan frame 10 dan pilih Insert Keyframe. Ubah letak movie clip ke stage sebelah kanan pada frame 10 Movie clip berada di stage sebelah kanan 4. Klik kanan frame 20 dan pilih Insert Keyframe. Ubah letak movie clip ke stage sebelah kiri pada frame Klik kanan frame 1 dan pilih Create Motion Tween, lakukan hal yang sama pada frame 10. Lalu lihat hasilnya dengan menekan Ctrl+enter. Frame 1 yang diklik kanan 20

21 Animasi Sederhana dengan Motion Tweening Langkah pertama, yaitu buat 3 layer. Karna kita di sini hanya menggunakan sedikit layer untuk membuat animasi. Agar proses lebih mudah membuat layer lihat gambar di bawah, di sana ada menu di lingkari dengan warna merah.. Nah klik sebanyak 2 kali maka dengan mengeklik 1 kali kita membuat 1 layer klo 2 otomatis 2 layer Nah selanjutnya, beri nama masing-masing layer seperti yang sudah dicontohkan gambar dibawah ini. Agar memudahkan proses pembuatannya 21

22 Kemudian ubah warna backgoundnya menjadi hitam, biasanya di awal-awal kita membuka flash bacgroundnya berwarne putih klo belum di rubah setingannya Setelah itu klik layer teks dan buat tulisan seperti yang saya contohkan atau sesuka hati kalian.. Pakek punyaku juga boleh 22

23 Setelah itu klik layer bola, dan buat bentuk bola denga warna putih Pembuatan objeknya sudah selesai kini kita menginjak ke animasinya, buatlah frame sepanjang 90 -> kemudian klik kanan lalu pilih insert frame 23

24 Jika sudah semua hasilnya kurang lebih seperti ini Setelah itu kita buat animasi motion tweening, sebagai objeknya layer bola Buatlah keyframe, seperti yang saya contohkan >> kemudian klik kanan>>pilih insert keyframe 24

25 Setelah langkah di atas selesai, drag layer bola / drag objek bolanya dengan menekan tombol v di keyboard >>kemudian klik gambar bolanya Setelah geser bolanya ( jangan menggeser menggunakan mouse pakai saja 25

26 tanda panah kanan di keyboard agar posisinya tidak berubah ) Klo sudah selesai hasilnya seperti gambar yang di atas 26

27 Lanjut ke langkah berikutnya, kita menuju ke layer bola>>klik kanan di dalam frame / seperti gambar di bawah ini>>kemudian pilih create motion tween Setelah selesai klik juga frame ke 90 caranya>>klik kanan frame yg sudah kita buat>>pilih create motion tween 27

28 Semua juga sama buat semua layer di rubah menjadi motion tweening Jika semua sudah selesai tinggal kita menekan ctrl+enter dan nikmati hasilnya. 28

29 Mask Mask merupakan fasilitas di flash yang mampu membuat objek gambar ditampilkan sesuai dengan objek shape yang kita kehendaki. Di samping motion tween, mask merupakan tehnik yang harus dikuasai. Karena di dalam pengembangannya nanti kita akan dapat membuat animasi yang menarik dari variasi mask. 1. Import sebuah, gambar masukkan kedalam stage dengan menekan Ctrl+R pada keyboard. Tempatkan gambar di tengah-tengah stage. Contoh gambar yang kami import 2. Insert layer baru, buat objek lingkaran di layer baru tersebut. Tekan tombol yang diberi lingkaran di atas untuk meng-insert layer baru 3. Atur posisi lingkaran sehingga berada di tengah gambar (pastikan ukuran lingkaran lebih kecil dari gambar dan juga gunakan lingkaran yang sudah diberi warna/fill) 29

30 Lingkaran berwarna merah 4. Atur posisi layer sehingga layer yang berisi lingkaran berada di atas layer gambar. Layer 2 berisi lingkaran dan layer 1 berisi gambar 5. Klik kanan layer paling atas dan pilih Mask. 30

31 Klik kanan dan tekan Mask 6. Hasil akhirnya akan seperti di bawah ini 7. Anda juga dapat merubah hasil akhir dengan mengganti lingkaran dengan objek lain, misal segi lima (dengan terlebih dahulu menghapus lingkaran tadi) 31

32 Membuat Taman MATAHARI 1. Buka program flash 8 Ubah ukuran stage menjadi 768 x 576 pixels. Ganti warna bacground menjadi warna warna biru #0099FF 2. buat 4 layer yaitu dengan nama: Rumput hijau, tiang, kotak nama, matahari 3. Di layer rumput hijau Klik rectangle tool,untuk membuat rumput hijau dengan mendragnya ke stage seperti gambar dibawah ini. 4. Klik di frame 1 pada layer: tiang lalu gunakan rectangle tool lagi untuk membuat tiang penunjuk arah, setelah selesai pembuatan tiangnya maka untuk pemberian garis tiang dan arah gunakanlah line tool setelah itu tekan tombol F8 dan beri nma 32

33 tiang_mc lihat gambarnya: 5. sekarang klik frame 1 pada layer: kotak nama Ganti fill color menjadi warna putih dan strokenya hitam lalu tekan tombol F8 dan beri nama Kotaknama_mc dan copy menjadi 4 lalu sesuaikan dengan gambar dan beri nama : jl. Grafis, jl.animasi, jl.film, jl.kartun. lihat gambarnya: 33

34 6. langkah terakhir, klik frame 1 di layer matahari ganti warna fill color menjadi #FFFF00 dan stroke dijadikan none gunakan rectangle tool Untuk mebuat perputaran matahari buat 8 kotak panjang lalu urutkan seperti gambar lalu tekan F8 dan beri nama sun_mc lihat gambarnya: 34

35 7. Klik 2 kali pada objek sun_mc dan akan terlihat seperti gambar ini 8. buat 1 layer lagi dan beri nama bulat klik di frame 1 layer: bulat dan klik oval tool untuk membuat objek lingkaran klik kanan > insert keyframe di frame 60 lalu klik klik kanan create motion tween di frame 30. lihat gambarnya: 35

36 9. klik di frame 1 layer 1 klik kanan > insert keyframe di frame 60 lalu klik pada frame 30, klik di propertiesnya 10. agar matahari terlihat dibelakang pindahkan layer matahari di paling bawah. untuk membuat rumputnya gunakan line tool buat seperti gambar 36

37 Selamat Untuk melihat hasilnya tekan Ctrl + enter 37

38 Membuat bintang dan awan 1. Bukalah fla yang terdapat pada tutorial bulan. Buat ukuran bulan sedikit mengecil dan tempatkan di bagian kiri atas stage 2. Lock Layer 1 lalu tekan tombol Insert Layer pada timeline. Tekan tombol di tempat kursor berada pada gambar di atas, untuk lock layer 1 3. Pada layer yang baru, buatlah sebuah lingkaran cukup kecil di stage (akan digunakan sebagai bintang). Seleksi lingkaran tersebut dan tekan F8. Pada kotak dialog yang muncul masukkan bintang sebagai name dan movie clip sebagai type lalu tekan ok. 4. Klik movie clip bintang di stage dan tekan Ctrl+F3. Pada panel properties yang muncul tekan tab filters 5. Setelah berpindah ke panel filters, tekan add filter dan pilih Glow. ubah Blur X menjadi 5, Blur Y menjadi 5, Strength 100%, Quality Low, dan color berkode #CCCCCC Tampilan pada Glow 1 movie clip bintang 6. Tekan add filter lagi dan pilih Glow. Pada Glow yang muncul masukkan settingan berikut : ubah Blur X menjadi 33, Blur Y menjadi 33, Strength 100%, Quality High, dan color berkode #FFFFFF 38

39 Tampilan pada Glow 2 movie clip bintang 7. Pastikan anda masih menyeleksi movie clip bintang di stage lalu tekan Ctrl+D sebanyak 15 kali. Letakan masing-masing bintang seperti di bawah ini: Letak bulan dan bintang 8. Lock layer 2 kemudian tekan tombol Insert Layer pada timeline lagi. Tekan tombol di tempat kursor berada pada gambar di atas, untuk lock layer 2 9. Pada layer yang baru buatlah sebuah objek berupa shape berwarna hitam tanpa garis yang akan digunakan untuk awan. Seleksi objek tersebut dan tekan F8. Pada kotak dialog yang muncul masukkan awan sebagai name dan movie clip sebagai type lalu tekan ok. 39

40 Gambar awan 10. Klik movie clip awan di stage dan tekan Ctrl+F3. Pada panel properties yang muncul ubah Color menjadi Alpha 64%. Jika sudah tekan tab Filters. 11. Setelah berpindah ke panel filters, tekan add filter dan pilih Blur. Ubah Blur X menjadi 20, Blur Y menjadi 20 dan Quality Low. Tampilan Blur movie clip awan 12. Pastikan anda masih menyeleksi movie clip awan di stage lalu tekan Ctrl+D sebanyak 3 kali. Letakan masing-masing awan seperti di bawah ini: Letak awan 13. Hasilnya kurang lebih seperti di bawah ini : Gambar bintang dan awan 40

41 14. Jumlah duplikasi dan letak masing-masing objek dapat anda ubah sesuai selera. 41

42 Animasi Shine - Mobil Mengkilap Bercahaya Langkah - Langkahnya: 1. Masukkan (import) gambar ke dalam stage misalnya gambar mobil seperti gambar di bawah ini 2. Setelah gambar berada pada stage, atur besarnya stage sesuai dengan ukuran gambar yang telah di import tadi misalnya 500 px (width) dan 315 px (height) 42

43 3. Ganti nama layer1 menjadi mobil 4. Tambahkan satu layer baru, kemudian ganti layer tersebut dengan nama efek. 5. Klik icon rectangle tool ( tekan huruf R di keyboard ), kemudian gambar persegi panjang melebihi gambar mobil, seperti gambar di bawah ini. 43

44 6. Klik gambar persegi panjang yang telah dibuat tadi, kemudian ubah warna persegi panjang seperti gambar di bawah ini 7. Kemudian untuk mendapatkan efek cahaya yang mengkilap, lakukan pengaturan warna persegi panjang seperti gambar di bawah ini 44

45 8. Efek mengkilap telah selesai dibuat, kemudian langkah selanjutnya, tambahkan satu layer lagi, kemudian ganti nama layer tersebut dengan animasi 9. Masih di layer animasi kill icon Pen tool 10. Kemudian buatlah bagian yang akan dianimasikan misalnya seperti gambar di 45

46 bawah ini. 11. Setelah area yang dianimasikan selesai dibuat, maka langkah selanjutnya yaitu klik kanan pada layer animasi pilih menu mask 12. Klik frame 30 pada setiap layer, kemudian tekan F6 untuk memberikan insert 46

47 keyframe 13. Klik kanan antara frame 1 30 pada layer efek, kemudian pilih menu create motion tween 14. Klik frame 30 pada layer efek, kemudian pindahkan gambar persegi panjang ke sebelah kanan dari gambar mobil, seperti gambar di bawah ini 47

48 15. Tekan ctrl + enter untuk melihat hasilnya 48

49 Mewarnai Text Bagian 1 Cara 1 Cara ini hanya cara dasar mewarnai suatu text. 1. Buatlah sebuah flash document. 2. Buatlah sebuah static text dengan tulisan WARUNG FLASH. 3. Seleksi static text tersebut dan tekan fill color. Silahkan pilih dan tekan warna yang anda inginkan. Misalnya kita pilih warna merah. 4. Dan text pun berubah warnanya menjadi merah. 49

50 Cara 2 Di cara yang kedua ini, kita akan membuat bayangan hitam pada text yang kita buat. 1. Buatlah sebuah flash document. 2. Buatlah sebuah static text dengan tulisan WARUNG FLASH. 3. Seleksi static text tersebut dan tekan fill color. Silahkan pilih dan tekan warna yang anda inginkan. Misalnya kita pilih warna merah. 4. Seleksi static text dan tekan CTRL+D sekali maka akan muncul duplikasi dari static text. 5. Seleksi static text hasil duplikasi tadi dan tekan fill color. Kemudian pilih dan tekan warna hitam. 50

51 6. Pastikan anda masih menyeleksi static text hasil duplikasi. Pada menu bar silahkan anda pilih Modify>Arrange>Send To Back. 7. Jika benar, static text hasil duplikasi akan berada di belakang static text yang asli. 8. Sekarang atur letak static text hasil duplikasi dengan menggunakan tombol panah pada keyboard sampai letaknya kurang lebih seperti gambar di bawah ini : 51

52 Cara 3 Di cara ketiga ini, kita akan menggunakan Drop Shadow dari panel filters. Hasil yang akan diperoleh akan mirip dengan yang kita buat dengan Cara 2 tetapi akan ada efek blur pada bayangan hitamnya. 1. Buatlah sebuah flash document. 2. Buatlah sebuah static text dengan tulisan WARUNG FLASH. 3. Seleksi static text tersebut dan tekan fill color. Silahkan pilih dan tekan warna yang anda inginkan. Misalnya kita pilih warna merah. 4. Pastikan anda masih menyeleksi static text, lalu pada menu bar pilih Window>Properties>Filters. 5. Pada panel filters yang muncul tekan tanda + dan pilih Drop Shadow. 52

53 6. Pastikan nilai-nilai drop shadow pada panel filters terlihat seperti gambar dibawah ini: 7. Dan hasil akhirnya akan seperti ini : 8. Nilai-nilai Drop Shadow pada panel filters tidak harus seperti yang di atas. Itu hanya contoh saja. Anda dapat mengaturnya sampai dirasa cocok dengan yang anda buat. Cara 4 Cara ke empat ini juga akan menggunakan panel filters. Kita akan menggunakan effect glow. 1. Buatlah sebuah flash document. Atur warna stage menjadi hitam. 53

54 2. Buatlah sebuah static text dengan tulisan WARUNG FLASH. 3. Seleksi static text tersebut dan tekan fill color. Silahkan pilih dan tekan warna yang anda inginkan. Misalnya kita pilih warna cokelat (#006600). 4. Pastikan anda masih menyeleksi static text, lalu pada menu bar pilih Window>Properties>Filters. 5. Pada panel filters yang muncul tekan tanda + dan pilih Glow. 6. Pastikan nilai-nilai Glow pada panel filters terlihat seperti gambar dibawah ini: 54

55 7. Dan hasil akhirnya akan seperti ini : 8. Nilai-nilai Glow pada panel filters tidak harus seperti yang di atas. Itu hanya contoh saja. Anda dapat mengaturnya sampai dirasa cocok dengan yang anda buat. Cara 5 Di cara kelima ini, cara pewarnaannya akan berbeda dengan sebelumnya. Kita akan mem-break apart terlebih dahulu textnya sebelum di warnai. 1. Buatlah sebuah flash document. Atur warna stage menjadi hitam. 2. Buatlah sebuah static text dengan tulisan WARUNG FLASH. 3. Seleksi static text dan tekan Ctrl+B sebanyak 2 kali sehingga static text berubah menjadi shape seperti gambar di bawah ini : 4. Bukalah panel color dengan menekan tombol Shift+F9 pada keyboard. 5. Di panel color, ubah Type menjadi linear. 55

56 6. Anda akan melihat 2 buah slider warna yang berjajar horizontal. 7. Klik 2 kali slider warna yang pertama dan pilih warna putih. 8. Klik 2 kali slider warna yang kedua dan pilih warna gray (#666666). 56

57 9. Sehingga di panel color akan terlihat seperti gambar di bawah ini : 10. Seleksi seluruh shape bertuliskan Warung Flash lalu tekan tombol Paint Bucket. 11. Lakukan pewarnaan ke shape bertuliskan Warung Flash. Caranya klik (jangan lepaskan klik) sembarang shape lalu drag ke bawah dan lepaskan klik. 57

58 12. Jika sudah, deselect (Ctrl+Shift+A) seluruh tulisan dan hasilnya akan terlihat seperti ini : Cara 6 Cara keenam ini juga hampir sama dengan cara kelima. Bedanya kita tidak menggunakan pewarnaan type linear tetapi type solid. 1. Buatlah sebuah flash document. Atur warna stage menjadi hitam. 2. Buatlah sebuah static text dengan tulisan WARUNG FLASH. 58

59 3. Seleksi static text dan tekan Ctrl+B sebanyak 2 kali sehingga static text berubah menjadi shape seperti gambar di bawah ini : 4. Buatlah sebuah garis yang membelah tulisan Warung Flash menjadi 2 seperti gambar di bawah ini : 5. Tekan fill color dan pilih warna oranye (#FF6600) 6. Tekan tombol paint bucket lalu warnai seluruh tulisan Warung Flash bagian atas dengan warna oranye. 7. Tekan fill color dan pilih warna merah. 8. Tekan tombol paint bucket lalu warnai seluruh tulisan Warung Flash bagian atas dengan warna merah. 59

60 9. Hapus seluruh garis yang membelah tulisan. 10. Jika sudah, maka tulisan akan terlihat seperti ini : 60

Gambar 1.1. Fill dan Stroke

Gambar 1.1. Fill dan Stroke MENGGAMBAR OBJEK Menggambar objek sederhana dengan menggunakan Adobe Flash CS6. Objek yang akan kita gambar adalah Gajah. Tools yang akan digunakan diantaranya Oval Tool (O) dan Line Tool (N) untuk membuat

Lebih terperinci

BELAJAR MACROMEDIA FLASH MX

BELAJAR MACROMEDIA FLASH MX Online Courses BELAJAR MACROMEDIA FLASH MX 1. Membuat Jam Dinding Langkah - langkahnya sbb: 1. Buka Program Flash Start >> All Program >> Flash, pilih flash dokumen disini penulis menggunakan Flash MX

Lebih terperinci

3. Klik tombol Add Filter sehingga tampak pilihan efek filter 4. Pilih efek animasinya serta atur pada perintah di dalamnya

3. Klik tombol Add Filter sehingga tampak pilihan efek filter 4. Pilih efek animasinya serta atur pada perintah di dalamnya MEMBERI EFEK FILTER PADA TEKS Program Adobe Flash Pro CS 5 Menyediakan Efek Filter Untuk Objek Teks seperti efek blur, glow, bevel, drop shadow dan filter lainnya Langkah memberi efek filter adalah 1.

Lebih terperinci

PENGENALAN MACROMEDIA FLASH 8

PENGENALAN MACROMEDIA FLASH 8 Macromedia FLASH (LULY) 1 MODUL-1 PENGENALAN MACROMEDIA FLASH 8 Pada modul pertama ini kita akan melihat secara sekilas area kerja Macromedia Flash Pro 8 yang akan digunakan dalam pembuatan animasi pada

Lebih terperinci

Macromedia Flash 8. Untuk dapat memahami dasar-dasar dari software macromedia flash 8 kita akan melewati beberapa tahapan belajar, yaitu:

Macromedia Flash 8. Untuk dapat memahami dasar-dasar dari software macromedia flash 8 kita akan melewati beberapa tahapan belajar, yaitu: Macromedia Flash 8 Macromedia flash 8 ialah sebuah software yang memiliki banyak fungsi. Selain digunakan untuk membuat animasi kartun program atau software ini juga dapat digunakan untuk membuat animasi

Lebih terperinci

BAHAN PRAKTIKUM FLASH. Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika

BAHAN PRAKTIKUM FLASH. Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika BAHAN PRAKTIKUM FLASH Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika Bahan praktikum ini berisi latihan penunjang untuk matakuliah pengembangan media pembelajaran matematika. Berisi

Lebih terperinci

5. Keuntungan memakai macro media flash Pro 8 salah satunya adalah Attractive Designs yang artinya

5. Keuntungan memakai macro media flash Pro 8 salah satunya adalah Attractive Designs yang artinya 1. Menu pada area kerja Flash Pro 8 berisi 2. Keuntungan memakai macro media flash Pro 8 salah satunya adalah Mobile devices Emulator artinya 3. Panel Properties & Filters & Parameters pada Macromedia

Lebih terperinci

Classic Tweening. Group dan Ungroup Group pada prinsipnya adalah mengelompokkan beberapa objek menjadi satu kesatuan.

Classic Tweening. Group dan Ungroup Group pada prinsipnya adalah mengelompokkan beberapa objek menjadi satu kesatuan. Classic Tweening Materi yang dipelajari pada bagian ini adalah: Pembuatan animasi bergerak. Membuat group dan un-group. Efek tambahan saat animasi: rotasi, easing, motion effect (efek muncul dan menghilang),

Lebih terperinci

Latihan Animasi Flash

Latihan Animasi Flash Latihan Animasi Flash Dalam latihan kali ini kita akan membuat animasi Flash pergerakan objek mobil dengan metode tweening motion yang disertai dengan action script untuk mengendalikan animasi. Berikut

Lebih terperinci

MEMBUAT JAM DIGITAL. By : gapra27

MEMBUAT JAM DIGITAL. By : gapra27 MEMBUAT JAM DIGITAL By : gapra27 86 Disini kita akan mencoba untuk membuat sebuah jam digital dengan keampuhan ActionScript Macromedia Flash 8. Berikut adalah langkahlangkahnya (ikuti dengan benar) : Langkah

Lebih terperinci

BAB IX MACROMEDIA FLASH (5) MASK DAN MASKING

BAB IX MACROMEDIA FLASH (5) MASK DAN MASKING BAB IX MACROMEDIA FLASH (5) MASK DAN MASKING Materi yang dipelajari pada bagian ini adalah: Membuat layer mask, animasi mask dan multilayer masking Mask adalah fasilitas dari Flash yang membuat Anda bisa

Lebih terperinci

MEMBUAT LOGO/TULISAN BOUNCING ANIMASI 3D DENGAN WARNA GRADASI DI FLASH 8

MEMBUAT LOGO/TULISAN BOUNCING ANIMASI 3D DENGAN WARNA GRADASI DI FLASH 8 MEMBUAT LOGO/TULISAN BOUNCING ANIMASI 3D DENGAN WARNA GRADASI DI FLASH 8 1 Buka flash 8, lalu pilih menu Modify > Document (shortcut key: Ctrl+J). di dalam Document Properties window akan terlihat, ubahlah

Lebih terperinci

Tutorial Macromedia Flash 8

Tutorial Macromedia Flash 8 Tutorial Macromedia Flash 8 Tutorial 1 Pengenalan Dasar Macromedia Flash 8 By cnfmedia FLASH 8 USER INTERFACE PENJELASAN USER INTERFACE User interface di Flash terbagi atas 5 bagian, yaitu: 1. Stage Stage

Lebih terperinci

PRAKTIKUM 01: DASAR-DASAR PEMBUATAN OBJEK FLASH. Menu Timeline Panel

PRAKTIKUM 01: DASAR-DASAR PEMBUATAN OBJEK FLASH. Menu Timeline Panel PRAKTIKUM 01: DASAR-DASAR PEMBUATAN OBJEK FLASH A. Mengenal Area Kerja Flash Menu Timeline Panel Tool Box Properties Stage Keterangan: Menu, berisi kumpulan instruksi atau perintah yang digunakan dalam

Lebih terperinci

soal dan jawaban adobe flash

soal dan jawaban adobe flash soal dan jawaban adobe flash text berbayang S e n i n, 0 9 D e s e m b e r 2 0 1 3 1). Adalah panel untuk mengorganisasikan layer dan mengontrol jalannya animasi flash. a) Menu Bar b) Timeline c) Library

Lebih terperinci

BAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH )

BAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH ) BAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH ) A. Pendahuluan Salah satu perkembangan mutakhir teknologi komputer yang berpengaruh besar terhadap aplikasi komputer adalah munculnya perangkat lunak

Lebih terperinci

Latihan 45 Teks dengan Efek Zoom In pada Setiap Huruf

Latihan 45 Teks dengan Efek Zoom In pada Setiap Huruf Latihan 45 Teks dengan Efek Zoom In pada Setiap Huruf Pada latihan ini kita akan membuat animasi teks dengan efek Zoom In di setiap huruf penyusunnya. Metode animasinya dimulai dari kiri ke kanan secara

Lebih terperinci

BAB V MEMBUAT DOKUMEN ANIMASI SEDERHANA

BAB V MEMBUAT DOKUMEN ANIMASI SEDERHANA BAB V MEMBUAT DOKUMEN ANIMASI SEDERHANA Kompetensi Dasar : Membuat dokumen pengolah animas sederhana Indikator : - Mengatur lembar kerja Menggambar objek Menggambar objek dengan teknik pewarnaan Membuat

Lebih terperinci

Dewanto Harjunowibowo

Dewanto Harjunowibowo Training Target: Pemula Trainer : Dewanto Harjunowibowo Pendidikan Fisika PMIPA Universitas Sebelas Maret 2014 PENGANTAR Modul ini dibuat sedemikian rupa sehingga diharapkan para pengguna (user) bisa dengan

Lebih terperinci

FLASH TUTORIAL. Desman Hidayat, S.Kom

FLASH TUTORIAL. Desman Hidayat, S.Kom FLASH TUTORIAL Desman Hidayat, S.Kom desmaster2009@yahoo.com PENGENALAN Flash adalah salah satu perangkat lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash digunakan untuk membuat

Lebih terperinci

Modul 6 Macromedia Flash 8

Modul 6 Macromedia Flash 8 Laporan Praktikum Modul 6 Macromedia Flash 8 Mata kuliah : CF 1310 Pengantar Teknologi Informasi Disusun oleh : Nama Route Gemilang 5208 100 073 Semester Ganjil 2008/2009 Jurusan Sistem Informasi Fakultas

Lebih terperinci

MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1

MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1 MACROMEDIA FLASH Macromedia flash/adobe Flash adalah perangkat lunak aplikasi untuk pembuatan animasi yang digunakan untuk halaman web. Macromedia flash mampu melengkapi website dengan beberapa macam animasi

Lebih terperinci

Bab 4. Penggunaan Efek Pada Teks

Bab 4. Penggunaan Efek Pada Teks Bab 4. Penggunaan Efek Pada Teks Sebagai salah satu aplikasi pembuat animasi yang handal, Adobe Flash CS4 menyediakan berbagai macam efek yang dapat Anda gunakan untuk mempercantik penulisan suatu teks,

Lebih terperinci

BAB 4 FLASH ANIMASI BAGIAN 1. Mahasiswa mampu menggunakan tools yang ada di adobe flash Mahasiswa mampu mengembangkan kreatifitas.

BAB 4 FLASH ANIMASI BAGIAN 1. Mahasiswa mampu menggunakan tools yang ada di adobe flash Mahasiswa mampu mengembangkan kreatifitas. BAB 4 FLASH ANIMASI BAGIAN 1 I. TUGAS PENDAHULUAN 1. Sebutkan aplikasi yang dapat dimanfaatkan oleh flash? 2. Apakah yang dimaksud dengan frame dan keyframe? 3. Jelaskan tentang animasi frame to frame,

Lebih terperinci

Fendy Novafianto

Fendy Novafianto Fendy Novafianto fendynovafianto@ymail.com MENGENAL MACROMEDIA FLASH 8 A. Interface Flash Macromedia Flash merupakan salah satu program animasi 2D vector yang sangat handal. Disini kita bisa membuat animasi

Lebih terperinci

Macromedia Flash Open a Recent Item : membuka file berekstensi.fla yang terakhir anda buka di flash.

Macromedia Flash Open a Recent Item : membuka file berekstensi.fla yang terakhir anda buka di flash. Macromedia Flash 8 Pada setiap versi, Macromedia/Adobe Flash memiliki tampilan yang berbeda-beda. Perbedaan itu disebabkan juga pada penambahan fiturnya. Namun dari perbedaan tersebut sebenarnya ada yang

Lebih terperinci

Tehnik Animasi Kartun Flash

Tehnik Animasi Kartun Flash DISCLAIMER Seluruh dokumen E-Trik di dalam CD ini dapat digunakan dan disebarkan secara bebas untuk tujuan belajar bukan komersial (non-profit), dengan syarat tidak menghapus atau merubah atribut penulis

Lebih terperinci

MODUL V ANIMASI DASAR

MODUL V ANIMASI DASAR 1 Modul Ajar Praktikum Multimedia 5 MODUL V ANIMASI DASAR A. KOMPETENSI DASAR Mengenalkan tool-tools yang terdapat pada pada Adobe Flash. Mengenalkan dan menerapkan dasar-dasar membuat animasi dengan menggunakan

Lebih terperinci

TAHAP-TAHAP PEMBUATAN ANIMASI

TAHAP-TAHAP PEMBUATAN ANIMASI TAHAP-TAHAP PEMBUATAN ANIMASI Software yang digunakan adalah Macromedia Flash 8 a. Untuk membuat document baru klik pada kolom Create New dan pilih Flash Document. b. Ukuran default document 550x 400 pixel

Lebih terperinci

Kubus atau Balok??? Dengan Luas dan Volume-nya

Kubus atau Balok??? Dengan Luas dan Volume-nya Langkah-langkah Pengerjaan Multimedia Interaktif Kubus atau Balok??? Dengan Luas dan Volume-nya A. Halaman intro.swf Langkah-langkah pengerjaan: 1. Buka program Macromedia Flash Professional 8. 2. Buat

Lebih terperinci

MEMBUAT JAM ANALOG. By : gapra27

MEMBUAT JAM ANALOG. By : gapra27 MEMBUAT JAM ANALOG By : gapra27 Anda pasti sudah dapat membanyangkan bentuk dari jam analog itu seperti apa bentuknya. Disini kita akan membuat sebuah jam analog sederhana. Langkah-langkah untuk membuatnya

Lebih terperinci

Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile

Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile Membuat Company profile Meggunakan Macromedia Flash MX Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile 1. Mempersiapkan bahan-bahan yang di butuh kan dari image, teks

Lebih terperinci

Kata Pengantar. Penulis berharap buku ini dapat bermanfaat.

Kata Pengantar. Penulis berharap buku ini dapat bermanfaat. Kata Pengantar Macromedia Flash 8 adalah versi terbaru dari Flash. Sejak diakuisisi oleh Adobe, kemampuan dan fitur-fiturnya menjadi sangat dahsyat dan lengkap sehingga dapat digunakan untuk membuat berbagai

Lebih terperinci

A. Area Kerja Flash MX

A. Area Kerja Flash MX AREA KERJA DAN TOOLS FLASH A. Area Kerja Flash MX Menu Timeline Panel Toolbox Action Frame dan Propeties Stage Area gambar pada Flash MX Profesional 2004 terdiri dari beberapa bagian: 1. Menu, berisi kumpulan

Lebih terperinci

Materi Praktikum 1 MEMBUAT ANIMASI SIKLUS HIDUP KUPU-KUPU

Materi Praktikum 1 MEMBUAT ANIMASI SIKLUS HIDUP KUPU-KUPU Materi Praktikum 1 MEMBUAT ANIMASI SIKLUS HIDUP KUPU-KUPU TUJUAN Setelah mengikuti kegiatan belajar ini, Anda diharapkan dapat membuat animasi siklus hidup kupu-kupu dengan memanfaatkan tool pada Flash

Lebih terperinci

ANIMASI DASAR: MOTION TWEEN, SHAPE,PUTAR, SKALA DAN GUIDE

ANIMASI DASAR: MOTION TWEEN, SHAPE,PUTAR, SKALA DAN GUIDE ANIMASI DASAR: MOTION TWEEN, SHAPE,PUTAR, SKALA DAN GUIDE 1. Animasi Dasar Motion Tween adalah animasi pergerakan suatu objek (motion) Buat objek lingkaran menggunakan Oval Tool Langkah 2 Seleksi objek

Lebih terperinci

BAB VIII MACROMEDIA FLASH (4) SHAPE TWEENING

BAB VIII MACROMEDIA FLASH (4) SHAPE TWEENING BAB VIII MACROMEDIA FLASH (4) SHAPE TWEENING Pada tutorial ini dibahas secara lebih detil mengenai shape tweening, perbedaanya dengan motion tweening, teks ke teks tweening, shape tweening modifier dan

Lebih terperinci

Langkah-langkah Membuat Multimedia

Langkah-langkah Membuat Multimedia Langkah-langkah Membuat Multimedia Jalankan program flash 8. 1. Save file dengan nama home.fla. 2. Beri nama layer1 dengan background. Membuat halaman awal 3. Buat kotak rectangle tanpa isi (no fill )

Lebih terperinci

5. Perintah Convert to Symbol dapat dilakukan dengan menekan tombol... pada keyboard. a. F5 b. F6 c. F7 d. F8 e. F9

5. Perintah Convert to Symbol dapat dilakukan dengan menekan tombol... pada keyboard. a. F5 b. F6 c. F7 d. F8 e. F9 1. Untuk memilih obyek tidak menyeluruh atau beberapa bagian saja menggunakan: a. Arrow Tool b. Subselection Tool c. Pen Tool d. Rectangle Tool e. Lasso Tool 2. Tombol yang digunakan untuk mengubah bentuk

Lebih terperinci

Membuat banner web berbasis Flash Membuat tombol untuk navigasi movie klip Membuat jam digital

Membuat banner web berbasis Flash Membuat tombol untuk navigasi movie klip Membuat jam digital Kata Pengantar Buku Student Exercise Series Flash merupakan pasangan dan pelengkap dari seri buku Student Guide Series yang cocok dan pas untuk dijadikan pegangan belajar dan latihan secara mudah, praktis,

Lebih terperinci

Ali Salim

Ali Salim Kuliah Umum IlmuKomputer.Com Copyright 2003 IlmuKomputer.Com Tutorial Flash 4.0 Ali Salim alisalim@inbox.lv Lisensi Dokumen: Copyright 2003 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan,

Lebih terperinci

KATA PENGANTAR. Manggar, Juli 2007 SYAHRIAL, S.T. Modul Animasi Vektor

KATA PENGANTAR. Manggar, Juli 2007 SYAHRIAL, S.T. Modul Animasi Vektor DAS SAR-DASAR ANIMA ASI VEKTOR MACROMED DIA FLASH 8 Disusun oleh : SYAHRIAL, S.T KATA PENGANTAR Komunikasi adalah hal yang sangat vital dalam kehidupan kita untuk berinteraksi dengan orang lain. Presentasi

Lebih terperinci

Bab 8 EFEK HUJAN DAN KILAT

Bab 8 EFEK HUJAN DAN KILAT Bab 8 EFEK HUJAN DAN KILAT Agar dalam sebuah film kartun pendek yang tengah Anda buat misalnya, dapat diperoleh adegan yang dramatis dengan ditambahkannya efek hujan yang disertai petir yang menyambar-nyambar,

Lebih terperinci

PENGENALAN INTERFACE MACROMEDIA DITECTOR MX

PENGENALAN INTERFACE MACROMEDIA DITECTOR MX PENGENALAN INTERFACE MACROMEDIA DITECTOR MX Sebelum kita mempraktekkan tutorial singkat ini, sebaiknya software Macromedia Director di-install terlebih dahulu. Untuk menjalankan program Macromedia Director

Lebih terperinci

PTE Konsentrasi AV Adobe Flash CS3. Pipit Utami

PTE Konsentrasi AV Adobe Flash CS3. Pipit Utami PTE Konsentrasi AV 2017 Adobe Flash CS3 Pipit Utami Double klik shortcut yang ada pada dekstop pilih pilihan Flash File (ActionScript 2.0), program siap digunakan. 2 1 3 2 5 8 6 4 7 3 Keterangan: 1) Timeline

Lebih terperinci

MODUL TIK KELAS XI IPA, IPS & BAHASA

MODUL TIK KELAS XI IPA, IPS & BAHASA MODUL TIK KELAS XI IPA, IPS & BAHASA SOFTWARE DESAIN ANIMASI MACROMEDIA FLASH, MEDIA DAN TEKNIK DALAM PROSES BERKARYA DESAIN ANIMASI I. STANDAR KOMPETENSI Mengenal Adobe Flash II. KOMPETENSI DASAR Memahami

Lebih terperinci

5) Buat kotak rectangle dengan isi #D06AD0 ( ) pada sembarang tempat, kemudian pada properties ketikan width = 800, height = 600, x : 0 dan y : 0.

5) Buat kotak rectangle dengan isi #D06AD0 ( ) pada sembarang tempat, kemudian pada properties ketikan width = 800, height = 600, x : 0 dan y : 0. Langkah-langkah pengerjaan: Pembuatan program interaktif ini terbagi dalam 5 tahap, yaitu: 1. main menu 2. home 3. Penjumlahan 4. Pengurangan Tahap-tahap tersebut akan dijelaskan sebagi berikut: 1. Main

Lebih terperinci

Flash Dasar Banget. By: Giri Prahasta

Flash Dasar Banget. By: Giri Prahasta Flash Dasar Banget By: Giri Prahasta Putra @rigirigiri Introduksi... 2 74 Kata tentang Flash... 2 Mulai Ah... 3 Mengubah ukuran stage... 4 Membuat lingkaran... 5 Urusan besar dan kecil... 8 Menggerakkan

Lebih terperinci

PRAKTIKUM MULTIMEDIA MODUL VI CREATING A SIMPLE COMPANY PROFILE AND QUIZ IN FLASH WITH ACTIONSCRIPT. Disusun Oleh : Munengsih Sari Bunga

PRAKTIKUM MULTIMEDIA MODUL VI CREATING A SIMPLE COMPANY PROFILE AND QUIZ IN FLASH WITH ACTIONSCRIPT. Disusun Oleh : Munengsih Sari Bunga PRAKTIKUM MULTIMEDIA MODUL VI CREATING A SIMPLE COMPANY PROFILE AND QUIZ IN FLASH WITH ACTIONSCRIPT Disusun Oleh : POLITEKNIK INDRAMAYU 2012 2 MODUL VI CREATING A SIMPLE COMPANY PROFILE AND QUIZ IN FLASH

Lebih terperinci

TAMBAHAN PERSIAPAN UAS:

TAMBAHAN PERSIAPAN UAS: TAMBAHAN PERSIAPAN UAS: 101. Bingkai yang siap diproyeksikan atau ditampilkan satu persatu ke layar secara bergantian (mirip dengan klise film) disebut dengan. a. layer b. symbol c. frame d. properties

Lebih terperinci

TUTORIAL MEMBUAT ANIMASI FILM MOBIL DAN SEKILAS TENTANG ACTIONS SCRIPT

TUTORIAL MEMBUAT ANIMASI FILM MOBIL DAN SEKILAS TENTANG ACTIONS SCRIPT TUTORIAL MEMBUAT ANIMASI FILM MOBIL DAN SEKILAS TENTANG ACTIONS SCRIPT Animasi film yang saya maksud disini bukanlah sebuah film panjang, namun sekedar film pendek. Animasi ini akan dikendalikan oleh sebuah

Lebih terperinci

FLASH DASAR-DASAR ANIMASI

FLASH DASAR-DASAR ANIMASI FLASH DASAR-DASAR ANIMASI A. Apa itu Macromedia Flash? Macromedia Flash (selanjutnya hanya disebut Flash) adalah sebuah perangkat lunak yang dapat digunakan untuk menambahkan aspek dinamis sebuah web atau

Lebih terperinci

BAB III ANALISA DAN PEMBAHASAN MASALAH

BAB III ANALISA DAN PEMBAHASAN MASALAH BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1 Aplikasi Program Belajar Anak Cerdas Dalam Aplikasi ini diperlukan perancangan sebuah macromedia dengan rancangan yang baik, menarik, berkesan dan mudah dimengerti.

Lebih terperinci

disusun oleh : AMäL JAMALUDIN

disusun oleh : AMäL JAMALUDIN disusun oleh : AMäL JAMALUDIN FLASH Macromedia Flash adalah program yang sedang populer sekarang ini untuk membuat dan memanipulasi grafik dan animasi. Sekarang namanya adalah Adobe Flash, yang sebelumnya

Lebih terperinci

BAHAN AJAR INTERAKTIF TIKMM072 B18

BAHAN AJAR INTERAKTIF TIKMM072 B18 PENGENALAN SOFTWARE MACROMEDIA FLASH 8 Tujuan : Setelah mengikuti diklat ini, diharapkan peserta dapat : - Menggunakan tool-tool macromedia flash untuk melakukan pengolahan obyek - Membuat animasi sederhana

Lebih terperinci

BAB 1: PENDAHULUAN DURASI: 2 JAM

BAB 1: PENDAHULUAN DURASI: 2 JAM BAB 1: PENDAHULUAN PENGERTIAN ANIMASI Animasi yang akan digunakan dalam Macromedia Flash MX adalah animasi 2 dimensi. Konsep animasi adalah menampilkan perubahan dari suatu obyek, sehingga obyek tersebut

Lebih terperinci

Aneka Kreasi Animasi Teks

Aneka Kreasi Animasi Teks Aneka Kreasi Animasi Teks Animasi teks sangat banyak digunakan dan diperlukan dalam berbagai keperluan, seperti pada aplikasi presentasi, aplikasi web, banner iklan, dan sebagainya. Animasi teks sangat

Lebih terperinci

ANIMASI PEMBELAHAN SEL

ANIMASI PEMBELAHAN SEL ANIMASI PEMBELAHAN SEL A. Tujuan 1. Membuat animasi benda bergerak 2. Membuat animasi sederhana pembelajaran biologi tentang pembelahan sel menggunakan macromedia flash B. Alat dan Bahan 1. Petunjuk Pratikum

Lebih terperinci

PANDUAN PENGGUNAAN ANIMASI FLASH

PANDUAN PENGGUNAAN ANIMASI FLASH PANDUAN PENGGUNAAN ANIMASI FLASH DAFTAR ISI. PENGANTAR ANIMASI... 2. TEKNIK ANIMASI... 2. Frame-by-Frame... 2 2.2 Shape Tweening... 2 2.3 Motion Tweening... 2 3. TEKNIK MASKING... 3 4. TEKNIK MOTION GUIDE...

Lebih terperinci

Modul 1 PENGENALAN ADOBE FLASH

Modul 1 PENGENALAN ADOBE FLASH Modul 1 PENGENALAN ADOBE FLASH INDIKATOR PENCAPAIAN HASIL BELAJAR Peserta dapat memahami fungsi bagian-bagian dalam tampilan Adobe Flash. Peserta dapat membuat bentuk dasar (shape) mengunakan Adobe Flash.

Lebih terperinci

BAB III PEMBAHASAN. 3.1 Pengeditan Gambar dengan Menggunakan Adobe Photoshop 7.0. Langkah-langkah pengeditan gambar dengan Adobe Photoshop 7.

BAB III PEMBAHASAN. 3.1 Pengeditan Gambar dengan Menggunakan Adobe Photoshop 7.0. Langkah-langkah pengeditan gambar dengan Adobe Photoshop 7. BAB III PEMBAHASAN 3.1 Pengeditan Gambar dengan Menggunakan Adobe Photoshop 7.0 Langkah-langkah pengeditan gambar dengan Adobe Photoshop 7.0: 3.1.1 Menyiapkan Jendela Kerja Baru a. Pilih dan klik menu

Lebih terperinci

Bab 5. Dasar-dasar Action Script

Bab 5. Dasar-dasar Action Script Bab 5. Dasar-dasar Action Script Pada animasi yang telah Anda pelajari pada bab sebelumnya, dijalankan secara berurutan dari frame ke frame. Berikutnya dengan adanya Behaviors dan Action Script, animasi

Lebih terperinci

Pada gambar dibawah ini, jendela utama dari Adobe Flash CS3, yang terdiri dari beberapa bagian :

Pada gambar dibawah ini, jendela utama dari Adobe Flash CS3, yang terdiri dari beberapa bagian : Membuat animasi dengan Adobe Flash CS3 Bagian 1. Dasar/Teori/Konsep/Kerangka Pikir: Pendahuluan Adobe Flash CS3 sendiri merupakan sebuah tool yang dapat digunakan untuk membuat berbagai macam animasi,

Lebih terperinci

4. Masuk ke freehand/illustrator, copy badannya terlebih dahulu (ctrl+c), kembali ke flash, letakan pada layer 1, frame ke-1, paste (ctrl + v). 5. kli

4. Masuk ke freehand/illustrator, copy badannya terlebih dahulu (ctrl+c), kembali ke flash, letakan pada layer 1, frame ke-1, paste (ctrl + v). 5. kli Software Update Sub Title : Flas MX : des.2007 : Basic-Symbol Symbol adalah sebuah elemen dalam flash yang dapat berupa object tombol, images ataupun movie clip. Symbol ini dapat digunakan berulang kali

Lebih terperinci

Membuat Tombol Enter dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando

Membuat Tombol Enter dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando Membuat Tombol Enter dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando Pembuatan tombol enter di bawah ini adalah pembuatan tombol dengan menggunakan alat seleksi lingkaran dan gradient, langkah-langkah

Lebih terperinci

ANIMASI PEMBELAHAN SEL A. Tujuan

ANIMASI PEMBELAHAN SEL A. Tujuan ANIMASI PEMBELAHAN SEL A. Tujuan 1. Membuat animasi benda bergerak 2. Membuat animasi sederhana pembelajaran biologi tentang pembelahan sel menggunakan macromedia flash B. Alat dan Bahan 1. Petunjuk Pratikum

Lebih terperinci

LANGKAH-LANGKAH PENGERJAAN

LANGKAH-LANGKAH PENGERJAAN LANGKAH-LANGKAH PENGERJAAN Adapun langkah-langkah pengerjaan multimedia pembelajaran matematika ini adalah: 1. Jalankan program flash 8 2. Save file dengan nama MULTIMEDIA.fla. 3. Pada panel properties,

Lebih terperinci

SIMBOL DAN LIBRARIES

SIMBOL DAN LIBRARIES SIMBOL DAN LIBRARIES Materi yang dipelajari pada bagian ini adalah: pembuatan simbol grafis, simbol tombol (termasuk teks sebagai tombol) dan simbol movieclips. Men-share simbol antar file dan meng-impor

Lebih terperinci

Proposal Penelitian. Setelah mempelajari bagian ini, diharapkan dapat: Proposal Penelitian

Proposal Penelitian. Setelah mempelajari bagian ini, diharapkan dapat: Proposal Penelitian Setelah mempelajari bagian ini, diharapkan dapat: 1. Membuat animasi dengan Adobe Flash 2. Merancang struktur navigasi pembelajar 3. Membuat presantasi berbasis multimedia berdasarkan frame 43. Membuat

Lebih terperinci

ULANGAN UMUM BERSAMA SEMESTER GANJIL SMP KRISTEN TIRTAMARTA TAHUN PELAJARAN

ULANGAN UMUM BERSAMA SEMESTER GANJIL SMP KRISTEN TIRTAMARTA TAHUN PELAJARAN ULANGAN UMUM BERSAMA SEMESTER GANJIL SMP KRISTEN TIRTAMARTA TAHUN PELAJARAN 2009-2010 Mata Pelajaran : Teknologi Informasi dan Komunikasi Hari / Tanggal : Kelas : IX Waktu : (60 menit) I. Pilih jawaban

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI II.1. Game Permainan ( game) adalah suatu sistem atau program dimana satu atau lebih pemain mengambil keputusan melalui kendali pada objek didalam permainan untuk suatu tujuan tertentu.

Lebih terperinci

Pengembangan Animasi Dasar Pada Flash 8 Professional

Pengembangan Animasi Dasar Pada Flash 8 Professional Pengembangan Animasi Dasar Pada Flash 8 Professional 1. Buka file dasar-1.fla (file flash document yang dibuat pada tutorial 3). 2. Simpan pekerjaan dengan nama file dasar-2. Klik menu File > pilih dan

Lebih terperinci

Macromedia Flash Bagian II

Macromedia Flash Bagian II Macromedia Flash Bagian II Ari Fadli fadli.te.unsoed@gmail http://fadli84.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk

Lebih terperinci

Bab 3. Bekerja dengan Symbol, Instance dan Sound

Bab 3. Bekerja dengan Symbol, Instance dan Sound Bab 3. Bekerja dengan Symbol, Instance dan Sound Symbol adalah objek berupa gambar (vektor maupun bitmap), teks, file sound, maupun clip animasi yang sifatnya reusable (dapat digunakan berkali-kali). Setiap

Lebih terperinci

2. Setelah terbuka, pilih tab Create New, pilih Flash Document

2. Setelah terbuka, pilih tab Create New, pilih Flash Document Simetri Putar 1. Buka software Macromedia Flash 8 2. Setelah terbuka, pilih tab Create New, pilih Flash Document 3. Agar lebih mudah dalam menempatkan posisi gambar nantinya, tampilkan grid dengan cara

Lebih terperinci

MEMBUAT ANIMASI DENGAN MACROMEDIA FLASH 8. Macromedia Flash 8. Membuat Animasi Sederhana (1)

MEMBUAT ANIMASI DENGAN MACROMEDIA FLASH 8. Macromedia Flash 8. Membuat Animasi Sederhana (1) MEMBUAT ANIMASI DENGAN MACROMEDIA FLASH 8 Macromedia Flash 8 Membuat Animasi Sederhana (1) www.sumantomantos.wordpress.com Nah Sekarang Kita akan coba untuk membuat sebuah animasi sederhana dengan menggunakan

Lebih terperinci

MODUL 4 PRESENTASI DENGAN FLASH

MODUL 4 PRESENTASI DENGAN FLASH MODUL 4 PRESENTASI DENGAN FLASH copyright@heribertus heri istiyanto 2008 email: sebelasseptember@yahoo.com, heri@istiyanto.com phone: +6281578706171/+6281392116123 Membuat Slide Presentasi Meskipun membuat

Lebih terperinci

MEMBUAT PRESENTASI DENGAN MENGGUNAKAN MACROMEDIA FLASH MX 2004

MEMBUAT PRESENTASI DENGAN MENGGUNAKAN MACROMEDIA FLASH MX 2004 MEMBUAT PRESENTASI DENGAN MENGGUNAKAN MACROMEDIA FLASH MX 2004 GRAPHIC, BUTTON DAN MOVIE CLIP Sebelum kita memulai membuat tampilan presentasi, alangkah lebih baik apabila kita kenal terlebih dahulu objek/

Lebih terperinci

BAB 1 PENDAHULUAN A. Pengenalan Flash MX B. Area Kerja Macromedia Flash MX Menu Stage

BAB 1 PENDAHULUAN A. Pengenalan Flash MX B. Area Kerja Macromedia Flash MX Menu Stage BAB 1 PENDAHULUAN A. Pengenalan Flash MX Macromedia Flash MX (Flash 8) merupakan vesi terbaru dari software Macromedia Flash sebelumnya (Macromedia Flash 7). Macromedia Flash adalah software yang banyak

Lebih terperinci

MEMBUAT ANIMASI DUA DIMENSI dengan Macromedia Flash

MEMBUAT ANIMASI DUA DIMENSI dengan Macromedia Flash MEMBUAT ANIMASI DUA DIMENSI dengan Macromedia Flash UNTUK KALANGAN SENDIRI Dilarang menyalin sebagian atau seluruh bagian modul ini tanpa ijin dari penyusun. Modul Workshop : Membuat Animasi Dua Dimensi

Lebih terperinci

Komunikasi Multimedia

Komunikasi Multimedia Komunikasi Multimedia Modul ke: Memahami Animasi pada Multimedia Modern dengan Macromedia Flash Fakultas Ilmu Komunikasi Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id Animasi

Lebih terperinci

Dasar-Dasar Menggambar dengan Flash (Objek dan Teks) Oleh: Ali Mahmudi

Dasar-Dasar Menggambar dengan Flash (Objek dan Teks) Oleh: Ali Mahmudi Dasar-Dasar Menggambar dengan Flash (Objek dan Teks) Oleh: Ali Mahmudi Mengenal Macromedia Flash. Macromedia Flash MX merupakan perangkat lunak untuk merancang grafis dan animasi. Macromedia Flash MX merupakan

Lebih terperinci

Program Pembuat Animasi 2D Flash

Program Pembuat Animasi 2D Flash Program Pembuat Animasi 2D Flash I Animasi Konvensional Pada awal penemuannya, animasi dibuat dari berlembar-lembar kertas gambar yang kemudian di- "putar" sehingga muncul efek gambar bergerak. Teknik

Lebih terperinci

Membuat Menu Membuat Button Langkah untuk membuat button menu adalah sebagai berikut: Buatlah sebuah objek berbentuk persegi dengan Rectangle Tool(R)

Membuat Menu Membuat Button Langkah untuk membuat button menu adalah sebagai berikut: Buatlah sebuah objek berbentuk persegi dengan Rectangle Tool(R) Tutorial Interaktif Elemen-elemen dasar pada Tutorial Interaktif Macromedia Flash 8 saat ini banyak digunakan untuk pembuatan presentasi, Tutorial Interaktif ataupun Company Profile. Kali ini kita akan

Lebih terperinci

BAB IV HASIL DAN PEMBAHASAN

BAB IV HASIL DAN PEMBAHASAN BAB IV HASIL DAN PEMBAHASAN IV.1. Tampilan Hasil Adapun hasil dari perancangan program pada proyek game mencari perbedaan pada gambar sebagai berikut : IV.1.1. Halaman Game Gambar VI.1.1. Halaman Game

Lebih terperinci

PRAKTEK : MEMBUAT LOGO

PRAKTEK : MEMBUAT LOGO PRAKTEK : MEMBUAT LOGO Aplikasi : Adobe Illustrator Adobe Photoshop 1. Buka Program adobe ilustrator, buat sebuah dokumen baru dengan ukuran A4, Kosongkan nilai bleed dan masukan number of artboard = 1.

Lebih terperinci

B. Motion Tween, Pada animasi ini, kita hanya menggunakan 1 object, object tersebut tidak berubah, yang berubah hanya posisinya saja, entah itu berger

B. Motion Tween, Pada animasi ini, kita hanya menggunakan 1 object, object tersebut tidak berubah, yang berubah hanya posisinya saja, entah itu berger Software Update Level : : des.2007 : Basic Dalam Flash, kita mengenai ada 3 jenis animasi, yaitu: A. Frame by Frame animation, artinya animasi dari satu frame ke frame berikutnya, tiap frame mewakili 1

Lebih terperinci

Membuat Gambar Animasi dengan Berbagai Macam Gerak

Membuat Gambar Animasi dengan Berbagai Macam Gerak Membuat Gambar Animasi dengan Berbagai Macam Gerak Tatik yuniati tatikyuniati10@yahoo.co.id Abstrak Animasi adalah gambar begerak berbentuk dari sekumpulan objek (gambar) yang disusun secara beraturan

Lebih terperinci

DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta

DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta Standar Kompetensi : Menggunakan perangkat lunak pembuat grafis. Kompetensi Dasar : Membuat grafis dengan berbagai

Lebih terperinci

TUTORIAL MEMBUAT ANIMASI UNSUR ATOM FISIKA DENGAN MACROMEDIA FLASH PROFESSIONAL 8

TUTORIAL MEMBUAT ANIMASI UNSUR ATOM FISIKA DENGAN MACROMEDIA FLASH PROFESSIONAL 8 1 TUTORIAL MEMBUAT ANIMASI UNSUR ATOM FISIKA DENGAN MACROMEDIA FLASH PROFESSIONAL 8 Masih ingatkah kalian tentang teori unsur atom pada pelajaran Fisika yang pernah kita pelajari ketika di SMP? bahwa ekektron

Lebih terperinci

HANDOUT DASAR ANIMASI

HANDOUT DASAR ANIMASI HANDOUT DASAR ANIMASI AREA KERJA MACROMEDIA FLASH MX 2004 TKJ Macromedia Flash MX 2004 adalah sebuah program animasi yang telah banyak digunakan oleh para desaier untuk menghasilkan desain yang profesional.

Lebih terperinci

6.1 Praktek Penggunaan Panel Layer

6.1 Praktek Penggunaan Panel Layer 6.1 Praktek Penggunaan Panel Layer Untuk melakukan editing di Adobe Photoshop yang harus diperhatikan dan minimal menguasai dan mengenal tab layer yang disediakan, karena tab layer tersebut merupakan map

Lebih terperinci

MELUKIS SUDUT-SUDUT ISTIMEWA,YUK!

MELUKIS SUDUT-SUDUT ISTIMEWA,YUK! Langkah-langkah Pembuatan Multimedia Interaktif Matematika MELUKIS SUDUT-SUDUT ISTIMEWA,YUK! Oleh: JURUSAN PENDIDIKAN MATEMATIKA FAKULTAS PENDIDIKAN MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS PENDIDIKAN

Lebih terperinci

babastudio.com babastudio.com

babastudio.com babastudio.com 1.1 PHOTOSHOP INTRODUCTION Photoshop adalah program atau aplikasi untuk membuat dan memanipulasi atau mengedit objek atau gambar untuk dijadikan model design. Contohnya dalam dunia photography, photoshop

Lebih terperinci

4. Kegiatan Belajar 4 : Membuat Animasi 2D ke dalam multimedia

4. Kegiatan Belajar 4 : Membuat Animasi 2D ke dalam multimedia 4. Kegiatan Belajar 4 : Membuat Animasi 2D ke dalam multimedia a. Tujuan Kegiatan Pembelajaran 4 1) Peserta diklat paham dan mampu menambahkan efek suara pada animasi yang dibuat dengan menggunakan SWiSHmax.

Lebih terperinci

KENALAN AMA INDESIGN YUUK...

KENALAN AMA INDESIGN YUUK... KENALAN AMA INDESIGN YUUK... Powered by : Team RG LPM HIMMAH I MENGENAL ADOBE INDESIGN Mengenal Area Kerja Area kerja Adobe InDesign mirip dengan area kerja Adobe Photoshop. Di sebelah kiri terdapat ToolBox,

Lebih terperinci

Bab 7 MEMBUAT APLIKASI MP3 PLAYER APLIKASI MP3 PLAYER SEDERHANA

Bab 7 MEMBUAT APLIKASI MP3 PLAYER APLIKASI MP3 PLAYER SEDERHANA Bab 7 MEMBUAT APLIKASI MP3 PLAYER Dalam bab ini akan membahas tentang pembuatan movie atau aplikasi dasar dengan ActionScript untuk memberikan dasar dan sebagai pengantar untuk dapat melanjutkan pada bab

Lebih terperinci

MGMP KKPI Kabupaten Sragen MACROMEDIA FLASH MX Tahun Modul Tutorial Dasar Dasar

MGMP KKPI Kabupaten Sragen MACROMEDIA FLASH MX Tahun Modul Tutorial Dasar Dasar Modul Tutorial Dasar Dasar MACROMEDIA FLASH MX 2004 Disusun Oleh : Rokhmad_sragen@yahoo.com www.rokhmad.blogspot.com MGMP KKPI Kabupaten Sragen Tahun 2011 Created by : www.rokhmad.blogspot.com Page 1 Tutorial

Lebih terperinci

Januari 2003 Jakarta 1

Januari 2003 Jakarta 1 Januari 2003 Jakarta 1 Bab 1 Dasar-dasar pada Macromedia Flash Produk Macromedia yang pernah Anda jumpai tidak jauh beda, seperti halnya Dreamweaver atau Director,dan tampilan Flash pada layar Anda pun

Lebih terperinci

Modul ANIMASI FLASH KOMPETENSI 1. TUJUAN

Modul ANIMASI FLASH KOMPETENSI 1. TUJUAN Modul 4 ANIMASI FLASH Bagian 2 KOMPETENSI Setelah menyelesaikan modul ini, mahasiswa diharapkan dapat mengetahui dan membuat jenis animasi path, masking, movie clip,button dan graphic. 1. TUJUAN Mahasiswa

Lebih terperinci