job sheet multimedia - animasi

62
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 1

Upload: bang-stev

Post on 24-Oct-2015

343 views

Category:

Documents


78 download

TRANSCRIPT

Page 1: Job Sheet Multimedia - Animasi

Job Sheet (Lembar Kerja) MultimediaMembuat 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

Page 2: Job Sheet Multimedia - Animasi

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 Kesimpulanmenyelipkan frame - klik kanan pada area frame, pilih insert framemerubah 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

Page 3: Job Sheet Multimedia - Animasi

Membuat Animasi Sederhana dengan Permainan Keyframe

Langkah 1Buka Program Flash MX kamu

Lalu pilih new... Flash Document

Langkah 2Menentukan besarnya STAGE (coba pelajari dulu layout Flash agar lebih paham)

Caranya:1. Klik Size pada Properties2. Akan Muncul Document PropertiesAtur dimensions:disini saya menggunakan 300 x 200 px 3. Tekan OK

Langkah 3

3

Page 4: Job Sheet Multimedia - Animasi

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 gambar3. Pilih warna disini saya menggunakan warna biru dongker dengan nilai hexadecimal #000066

Langkah 4Tekan T pada keyboard untuk menggunakan Text Tool lalu ketik terserah namun disini saya mengeti huruf "F"

4

Page 5: Job Sheet Multimedia - Animasi

Langkah 5 Lihat Kotak TimelineDi situ kita akan bermain... ;PBaiklah sekarang tekan F5 pada keyboard... hasilnya frame akan bertambah hal ini untuk mengatur ritme dari animasi

OK tekan sebanyak 5 XHasilnya:

lalu Tekan F6 pada keyboard... hasilnya key Frame (untuk animasi) akan munculjika sudah tambahkan huruf pada stage

Ulangi Langkah 5 dan 6 (Terus tambahkan huruf sehingga membentuk tulisan FLASH

5

Page 6: Job Sheet Multimedia - Animasi

tutorial FlashOK!!!

Untuk melihat hasilnya... berdoa dulu ya... Tekan CTRL + Enter

6

Page 7: Job Sheet Multimedia - Animasi

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

7

Page 8: Job Sheet Multimedia - Animasi

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

8

Page 9: Job Sheet Multimedia - Animasi

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

9

Page 10: Job Sheet Multimedia - Animasi

dan juga memberikan hiasan text

Hasilnya kira-kira seperti ini

Gradien di Flash

10

Page 11: Job Sheet Multimedia - Animasi

 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....2. Nyalakan komputer dan buka program Flash, Disini saya memakai Adobe Flash CS 43. Buat Object 2 buah segitiga + 1 Buah object lingkaran di Lembar kerja flashCaranya: Untuk membuat Segitiga gunakan PolyStar Tool pada toolbar , Untuk Pengaturan gunakan Style: Polygon, Number Of Side: 3Untuk 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

11

Page 12: Job Sheet Multimedia - Animasi

Petunjuk Gambar IG

5. Sekarang waktunya membuat Frame pada Layer 1 klik Frame 50 dan pilih insert Frame

Petunjuk Gambar IG

12

Page 13: Job Sheet Multimedia - Animasi

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

13

Page 14: Job Sheet Multimedia - Animasi

Membuat Animasi Ombak

1. Buka program flash 8Ubah ukuran stage menjadi 768 x 576 pixels.Ganti warna bacground menjadi warna hitam

2. Ganti warna fill color menjadi #336699 dan warna stroke dijadikan none

3. Klik rectangle tool untuk membuat airnya dengan mendragnya ke stage seperti gambar dibawah ini.

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 :

14

Page 15: Job Sheet Multimedia - Animasi

7. Klik di frame 1 lalu pilih tween shape

gambarnya

15

Page 16: Job Sheet Multimedia - Animasi

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

8. Klik Di frame 15 pilih tween shape

16

Page 17: Job Sheet Multimedia - Animasi

9. Lalu copy frame 1caranya : klik kanan pada frame 1 dan pilih Copy Frames kemudian Pastekan di frame 60

10. Klik Di frame 35 pilih tween shapeSeperti gambar dibawah ini:

Selamat mencoba...(@_@)

Jika semua sudah selesai tinggal kita menekan ctrl + enter dan nikmati hasilnya.

17

Page 18: Job Sheet Multimedia - Animasi

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 20

5. 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

18

Page 19: Job Sheet Multimedia - Animasi

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

19

Page 20: Job Sheet Multimedia - Animasi

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…

20

Page 21: Job Sheet Multimedia - Animasi

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

21

Page 22: Job Sheet Multimedia - Animasi

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

22

Page 23: Job Sheet Multimedia - Animasi

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 tanda panah kanan di keyboard agar posisinya tidak berubah )

23

Page 24: Job Sheet Multimedia - Animasi

Klo sudah selesai hasilnya seperti gambar yang di atas

Lanjut ke langkah berikutnya, kita menuju ke layer bola>>klik kanan di dalam frame / seperti gambar di bawah ini>>kemudian pilih create motion tween

24

Page 25: Job Sheet Multimedia - Animasi

Setelah selesai klik juga frame ke 90 caranya>>klik kanan frame yg sudah kita buat>>pilih create motion tween

25

Page 26: Job Sheet Multimedia - Animasi

Semua juga sama buat semua layer di rubah menjadi motion tweening

Jika semua sudah selesai tinggal kita menekan ctrl+enter dan nikmati hasilnya.

26

Page 27: Job Sheet Multimedia - Animasi

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)

27

Page 28: Job Sheet Multimedia - Animasi

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.

28

Page 29: Job Sheet Multimedia - Animasi

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)

29

Page 30: Job Sheet Multimedia - Animasi

Membuat Taman MATAHARI

1. Buka program flash 8Ubah 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 tiang_mclihat gambarnya:

30

Page 31: Job Sheet Multimedia - Animasi

5. sekarang klik frame 1 pada layer: kotak namaGanti 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:

31

Page 32: Job Sheet Multimedia - Animasi

6. langkah terakhir, klik frame 1 di layer matahari ganti warna fill color menjadi #FFFF00

dan stroke dijadikan none gunakan rectangle toolUntuk mebuat perputaran matahari buat 8 kotak panjang lalu urutkan seperti gambar lalu tekan F8 dan beri nama sun_mclihat gambarnya:

32

Page 33: Job Sheet Multimedia - Animasi

7. Klik 2 kali pada objek sun_mc dan akan terlihat seperti gambar ini

8. buat 1 layer lagi dan beri nama bulatklik di frame 1 layer: bulat dan klik oval tool untuk membuat objek lingkaran klik kanan > insert keyframe di frame 60 lalu klikklik kanan create motion tween di frame 30.lihat gambarnya:

33

Page 34: Job Sheet Multimedia - Animasi

9. klik di frame 1 layer 1klik kanan > insert keyframe di frame 60lalu 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

Selamat Mencoba>>>>@_@Untuk melihat hasilnya tekan Ctrl + enter

34

Page 35: Job Sheet Multimedia - Animasi

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

35

Page 36: Job Sheet Multimedia - Animasi

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.

36

Page 37: Job Sheet Multimedia - Animasi

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

37

Page 38: Job Sheet Multimedia - Animasi

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

38

Page 39: Job Sheet Multimedia - Animasi

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)

39

Page 40: Job Sheet Multimedia - Animasi

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.

40

Page 41: Job Sheet Multimedia - Animasi

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

8. Efek mengkilap telah selesai dibuat, kemudian langkah selanjutnya, tambahkan satu layer lagi, kemudian ganti nama layer tersebut dengan animasi

41

Page 42: Job Sheet Multimedia - Animasi

9. Masih di layer animasi kill icon Pen tool

10. Kemudian buatlah bagian yang akan dianimasikan misalnya seperti gambar di bawah ini.

11. Setelah area yang dianimasikan selesai dibuat, maka langkah selanjutnya yaitu klik kanan pada layer animasi pilih menu mask

42

Page 43: Job Sheet Multimedia - Animasi

12. Klik frame 30 pada setiap layer, kemudian tekan F6 untuk memberikan insert 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

43

Page 44: Job Sheet Multimedia - Animasi

15. Tekan ctrl + enter untuk melihat hasilnya…

44

Page 45: Job Sheet Multimedia - Animasi

Mewarnai Text Bagian 1

Cara 1Cara 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.

45

Page 46: Job Sheet Multimedia - Animasi

Cara 2Di 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.

46

Page 47: Job Sheet Multimedia - Animasi

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 :

47

Page 48: Job Sheet Multimedia - Animasi

Cara 3Di 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.

48

Page 49: Job Sheet Multimedia - Animasi

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 4Cara ke empat ini juga akan menggunakan panel filters. Kita akan menggunakan effect glow.1. Buatlah sebuah flash document. Atur warna stage menjadi hitam.

49

Page 50: Job Sheet Multimedia - Animasi

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:

50

Page 51: Job Sheet Multimedia - Animasi

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 5Di 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.

51

Page 52: Job Sheet Multimedia - Animasi

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).

52

Page 53: Job Sheet Multimedia - Animasi

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.

53

Page 54: Job Sheet Multimedia - Animasi

12. Jika sudah, deselect (Ctrl+Shift+A) seluruh tulisan dan hasilnya akan terlihat seperti ini :

Cara 6Cara 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.

54

Page 55: Job Sheet Multimedia - Animasi

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.

55

Page 56: Job Sheet Multimedia - Animasi

9. Hapus seluruh garis yang membelah tulisan.

10. Jika sudah, maka tulisan akan terlihat seperti ini :

56