Documente Academic
Documente Profesional
Documente Cultură
Pengertian Umum
FRAME in!ormasi umum mengenai !rame
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 sa a, semua istilah diatas akan di elaskan di bagian lain...!) Frame dengan motion tween, enis ini akan banyak anda umpai. "ni berarti bah#a diantara dua keyframe, $lash dapat mengambil perhitungan otomatis secara gerak dan skala tentang isi dari frame yang ada di antaranya dan akan menciptakan sekuens gerak atau animasi. Perhatikan bah#a motion t#een ini hanya bisa dilakukan untuk obyek yang berupa symbol atau grup dan hanya dapat berlaku pada satu obyek setiap layer. Pada $lash % dilambangkan dengan #arna biru muda.
Frame dengan shape tween, berarti bah#a t#eening dilakukan untuk obyek diantara dua keyframe berupa morphing dari benda yang bukan symbol atau group. Shape t#een 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. &al 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 #av. 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 () hingga *+, dari layer ( hingga ,, 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 *+ 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 ba#ah ke atas, setelah di klik anda menginginkan efek bah#a tabel tersebut perlahan kembali ke ba#ah. -nda tidak perlu membuat lagi motion t#een yang baru cukup dengan copy frames yang mengandung sekuens muncul, paste pada tempatnya, kemudian highlight dan pilih reverse frames...done.
Untuk shape tween anda gunakan obyek yang telah broken apart,
(aranya) 1. *lik Si+e pa&a Properties 2. kan Mun$ul ,o$ument Properties tur &imensions) &isini saya menggunakan 3-- . 2-- p. 3. Tekan /* Langkah '
1. Tekan 1 pa&a keyboa& lalu gambar kotak &i Stage 2. Lakukan pewarnaan &engan menekan 2 pa&a keyboar& &an klik kotak lalu pilih Fill yang a&a tan&a nomor 2 &i gambar 3. Pilih warna &isini saya menggunakan warna biru &ongker &engan nilai he.a&e$imal 3----44 Langkah ( Tekan T pa&a keyboar& untuk menggunakan Te.t Tool lalu ketik terserah namun &isini saya mengeti huru5 6F6
Langkah ) Lihat *otak Timeline ,i situ kita akan bermain... 8P Baiklah sekarang tekan F7 pa&a keyboar&... hasilnya !rame akan bertambah hal ini untuk mengatur ritme &ari animasi /* tekan sebanyak 7 X 9asilnya)
lalu Tekan F4 pa&a keyboar&... hasilnya key Frame #untuk animasi' akan mun$ul %ika su&ah tambahkan huru5 pa&a stage
tutorial Flash /*;;; :ntuk melihat hasilnya... ber&oa &ulu ya... Tekan +TRL < Enter
!unakan Free Trans5orm Tool #?' untuk mengatur besar ke$ilnya kotak yang an&a buat 3. Seperti pen%elasan saya &i awal> kita ti&ak bisa merubah 5ill karena 5ill hanya ter&iri &ari 1 @arna> untuk itu kita harus masuk ke pengaturan $olor &engan /indo0 %olor (Shi!t - Alt - F.) nanti akan mun$ul (olor Setting seperti ini A
Pilih Linear !ra&ien atau 1a&ial !ra&ien> namun &isini saya men$ontohkan &engan linear gra&ien > n&a bisa memilih Flow) ".ten& (olor
:ntuk pengaturan @arna yang &iinginkan bisa klik ke&ua panel &i bawah yang a&a tan&a 2 panah $aranya klik kotak tersebut &an pilih warna yang an&a inginkan (ontohnya) *ombinasi hitam &an biru
0. /k sekarang pasti an&a bertanyaCtanya.... bagaimana $ara mengubah posisi gra&ien agar ti&ak kaku seperti gambar &i atas> ahaaa.... $aranya gunakan ,radient Trans!orm Tool (F)
1-
11
/etunjuk 0ambar 10 '. %tur gambar sehingga membentuk Sebuah baling baling kipas dan seleksi semuanya lalu tekan &T2L , 0 30roup) untuk menggabungkan ( obje+t tersebut menjadi 1 kesatuan
12
/etunjuk 0ambar 10 4. Sekarang !aktunya membuat Frame pada Layer 1 klik Frame 50 dan pilih insert Frame
/etunjuk 0ambar 10
13
5. 6asih di Frame 47, klik kanan lagi dan sekarang pilih Create Classic Tween 8. /ada /roperties, atur Tweening , pilih 2otate: &9 3Searah jarum jam)
/etunjuk 0ambar 10
10
Membuat
nimasi /mbak
1. Buka program 5lash A :bah ukuran stage men%a&i =4A . 7=4 pi.els. !anti warna ba$groun& men%a&i warna hitam
none
3. *lik re$tangle tool untuk membuat airnya &engan men&ragnya ke stage seperti gambar &ibawah ini.
17
0. *lik kanan &i 5rame 17 lalu klik insert key5rame> :bah gambar airnya &engan $ara tarik ke atas menggunakan sele$tion tool yang sebelah kiri ,ambarn#a 4
14
gambarnya
1=
,i 5rame 37 klik kanan insert key5rame> :bah gambarnya seperti &i bawah ini
1A
B. Lalu $opy 5rame 1 $aranya ) klik kanan pa&a 5rame 1 &an pilih +o2# Frames kemu&ian Pastekan &i 5rame 4-
1-. *lik ,i 5rame 37 pilih tween sha2e Seperti gambar &ibawah ini)
Selamat men%oba555(676) Dika semua su&ah selesai tinggal kita menekan $trl < enter &an nikmati hasilnya.
1B
Motion T0een
1. )uatlah sebuah lingkaran. Seleksi lingkaran tersebut dan tekan F;. /ada kotak dialog yang mun+ul pilih 6o<ie &lip sebagai Type dan tekan *K. ". Tempatkan mo<ie +lip tersebut ke stage sebelah kiri
6o<ie +lip berada di stage sebelah kiri (. Klik kanan -rame 17 dan pilih 1nsert Key-rame. .bah letak mo<ie +lip ke stage sebelah kanan pada -rame 17
6o<ie +lip berada di stage sebelah kanan '. Klik kanan -rame "7 dan pilih 1nsert Key-rame. .bah letak mo<ie +lip ke stage sebelah kiri pada -rame "7 4. Klik kanan -rame 1 dan pilih &reate 6otion T!een, lakukan hal yang sama pada -rame 17. Lalu lihat hasilnya dengan menekan &trl,enter.
2-
Eah selan%utnya> beri nama masingCmasing layer seperti yang su&ah &i$ontohkan gambar &ibawah ini. gar memu&ahkan proses pembuatannya
21
*emu&ian ubah warna ba$kgoun&nya men%a&i hitam> biasanya &i awalCawal kita membuka 5lash ba$groun&nya berwarne putih klo belum &i rubah setingannya
Setelah itu klik la#er teks &an buat tulisan seperti yang saya $ontohkan atau sesuka hati kalian .. Pakek punyaku %uga bolehF
22
Setelah itu klik layer bola > &an buat bentuk bola &enga warna putih
Pembuatan ob%eknya su&ah selesai kini kita mengin%ak ke animasinya> buatlah 5rame sepan%ang .8 CG kemu&ian klik kanan lalu pilih insert !rame
23
Setelah itu kita buat animasi motion tweening > sebagai ob%eknya layer bola
Buatlah key5rame > seperti yang saya $ontohkan GG kemu&ian klik kananGGpilih insert ke#!rame
20
Setelah langkah &i atas selesai> &rag layer bola H &rag ob%ek bolanya &engan menekan tombol I 9 I &i ke#board GGkemu&ian klik gambar bolanya
24
Lan%ut ke langkah berikutnya> kita menu%u ke la#er bolaGGklik kanan &i &alam 5rame H seperti gambar &i bawah iniGGkemu&ian pilih %reate motion t0een
Setelah selesai klik %uga 5rame ke .8 $aranyaGGklik kanan !rame yg su&ah kita buatGGpilih %reate motion t0een
2=
Semua %uga sama buat semua layer &i rubah men%a&i motion tweening
Dika semua su&ah selesai tinggal kita menekan $trl<enter &an nikmati hasilnya.
2A
Mask
6ask merupakan -asilitas di -lash yang mampu membuat objek gambar ditampilkan sesuai dengan objek shape yang kita kehendaki. $i samping motion t!een, mask merupakan tehnik yang harus dikuasai. Karena di dalam pengembangannya nanti kita akan dapat membuat animasi yang menarik dari <ariasi mask. 1. 1mport sebuah, gambar masukkan kedalam stage dengan menekan &trl,2 pada keyboard. Tempatkan gambar di tengah tengah stage.
&ontoh gambar yang kami import ". 1nsert layer baru, buat objek lingkaran di layer baru tersebut.
Tekan tombol yang diberi lingkaran di atas untuk meng 1nsert layer baru (. %tur posisi lingkaran sehingga berada di tengah gambar 3pastikan ukuran lingkaran lebih ke+il dari gambar dan juga gunakan lingkaran yang sudah diberi !arna=-ill)
2B
Lingkaran ber!arna merah '. %tur posisi layer sehingga layer yang berisi lingkaran berada di atas layer gambar.
Layer " berisi lingkaran dan layer 1 berisi gambar 4. Klik kanan layer paling atas dan pilih 6ask.
3-
Klik kanan dan tekan 6ask 5. >asil akhirnya akan seperti di ba!ah ini 8. %nda juga dapat merubah hasil akhir dengan mengganti lingkaran dengan objek lain, misal segi lima 3dengan terlebih dahulu menghapus lingkaran tadi)
31
2. buat 0 layer yaitu &engan nama) Rum2ut hijau> tiang> kotak nama> matahari
3. ,i layer rumput hi%au *lik re$tangle tool >untuk membuat rumput hi%au &engan men&ragnya ke stage seperti gambar &ibawah ini.
0. *lik &i !rame $ pa&a la#er4 tiang lalu gunakan re%tangle tool lagi untuk membuat tiang penun%uk arah > setelah selesai pembuatan tiangnya maka untuk pemberian garis tiang &an arah gunakanlah line tool setelah itu tekan tombol FA &an beri nma 32
7. sekarang klik !rame $ pa&a la#er4 kotak nama !anti 5ill $olor men%a&i warna 2utih &an strokenya hitam lalu tekan tombol FA &an beri nama Kotaknama7m% &an $opy men%a&i 0 lalu sesuaikan &engan gambar &an beri nama ) jl5 ,ra!is< jl5animasi< jl5!ilm< jl5kartun5 lihat gambarnya)
33
4. langkah terakhir> klik 5rame 1 &i layer matahari ganti warna 5ill $olor
men%a&i 3FFFF-&an stroke &i%a&ikan none gunakan re$tangle tool :ntuk mebuat perputaran matahari buat A kotak pan%ang lalu urutkan seperti gambar lalu tekan FA &an beri nama sun7m% lihat gambarnya)
30
=. *lik 2 kali pa&a ob%ek sunJm$ &an akan terlihat seperti gambar ini
A. buat 1 layer lagi &an beri nama bulat klik &i !rame $ la#er4 bulat &an klik o9al tool untuk membuat ob%ek lingkaran klik kanan = insert ke#!rame di !rame *8 lalu klik klik kanan $reate motion tween &i 5rame 3-. lihat gambarnya)
37
B. klik &i 5rame 1 layer 1 klik kanan G insert key5rame &i 5rame 4lalu klik pa&a 5rame 3- > klik &i propertiesnya
1-. agar matahari terlihat &ibelakang pin&ahkan layer matahari &i paling bawahF. untuk membuat rumputnya gunakan line tool buat seperti gambar
34
3=
Tekan tombol di tempat kursor berada pada gambar di atas, untuk lo+k layer 1 (. /ada layer yang baru, buatlah sebuah lingkaran +ukup ke+il di stage 3akan digunakan sebagai bintang). Seleksi lingkaran tersebut dan tekan F;. /ada kotak dialog yang mun+ul masukkan bintang sebagai name dan mo<ie +lip sebagai type lalu tekan ok. '. Klik mo<ie +lip bintang di stage dan tekan &trl,F(. /ada panel properties yang mun+ul tekan tab -ilters 4. Setelah berpindah ke panel -ilters, tekan add -ilter dan pilih 0lo!. ubah )lur ? menjadi 4, )lur @ menjadi 4, Strength 177A, Buality Lo!, dan +olor berkode C&&&&&&
Tampilan pada 0lo! 1 mo<ie +lip bintang 5. Tekan add -ilter lagi dan pilih 0lo!. /ada 0lo! yang mun+ul masukkan settingan berikut : ubah )lur ? menjadi ((, )lur @ menjadi ((, Strength 177A, Buality >igh, dan +olor berkode CFFFFFF
3A
Tampilan pada 0lo! " mo<ie +lip bintang 8. /astikan anda masih menyeleksi mo<ie +lip bintang di stage lalu tekan &trl,$ sebanyak 14 kali. Letakan masing masing bintang seperti di ba!ah ini:
Letak bulan dan bintang ;. Lo+k layer " kemudian tekan tombol 1nsert Layer pada timeline lagi.
Tekan tombol di tempat kursor berada pada gambar di atas, untuk lo+k layer " D. /ada layer yang baru buatlah sebuah objek berupa shape ber!arna hitam tanpa garis yang akan digunakan untuk a!an. Seleksi objek tersebut dan tekan F;. /ada kotak dialog yang mun+ul masukkan a!an sebagai name dan mo<ie +lip sebagai type lalu tekan ok.
3B
0ambar a!an 17. Klik mo<ie +lip a!an di stage dan tekan &trl,F(. /ada panel properties yang mun+ul ubah &olor menjadi %lpha 5'A. Eika sudah tekan tab Filters. 11. Setelah berpindah ke panel -ilters, tekan add -ilter dan pilih )lur. .bah )lur ? menjadi "7, )lur @ menjadi "7 dan Buality Lo!.
Tampilan )lur mo<ie +lip a!an 1". /astikan anda masih menyeleksi mo<ie +lip a!an di stage lalu tekan &trl,$ sebanyak ( kali. Letakan masing masing a!an seperti di ba!ah ini:
Letak a!an 1(. >asilnya kurang lebih seperti di ba!ah ini : 0ambar bintang dan a!an
0-
1'. Eumlah duplikasi dan letak masing masing objek dapat anda ubah sesuai selera.
01
2. Setelah gambar bera&a pa&a stage> atur besarnya stage sesuai &engan ukuran gambar yang telah &i import ta&i misalnya 7-- p. #wi&th' &an 317 p. #height'
02
0. Tambahkan satu layer baru> kemu&ian ganti layer tersebut &engan nama e!ek.
7. *lik i$on re%tangle tool ( tekan huru5 R di keyboard ), kemu&ian gambar persegi pan%ang melebihi gambar mobil> seperti gambar &i bawah ini.
03
4. *lik gambar persegi pan%ang yang telah &ibuat ta&i , kemu&ian ubah warna persegi pan%ang seperti gambar &i bawah ini
=. *emu&ian untuk men&apatkan e5ek $ahaya yang mengkilap> lakukan pengaturan warna persegi pan%ang seperti gambar &i bawah ini
00
A. "5ek mengkilap telah selesai &ibuat> kemu&ian langkah selan%utnya> tambahkan satu layer lagi> kemu&ian ganti nama layer tersebut &engan animasi
1-. *emu&ian buatlah bagian yang akan &ianimasikan misalnya seperti gambar &i 07
bawah ini.
11. Setelah area yang &ianimasikan selesai &ibuat> maka langkah selan%utnya yaitu klik kanan pa&a layer animasi pilih menu mask
12. *lik 5rame 3- pa&a setiap layer> kemu&ian tekan F* untuk memberikan insert
04
ke#!rame
13. *lik kanan antara 5rame 1 K 3- pa&a layer e!ek> kemu&ian pilih menu %reate motion t0een
10. *lik 5rame '8 pa&a layer e!ek> kemu&ian pin&ahkan gambar persegi pan%ang ke sebelah kanan &ari gambar mobil> seperti gambar &i bawah ini
0=
0A
(. Seleksi stati+ teFt tersebut dan tekan -ill +olor. Silahkan pilih dan tekan !arna yang anda inginkan. 6isalnya kita pilih !arna merah.
0B
&ara " $i +ara yang kedua ini, kita akan membuat bayangan hitam pada teFt yang kita buat. 1. )uatlah sebuah -lash do+ument. ". )uatlah sebuah stati+ teFt dengan tulisan WARUN FLAS!.
(. Seleksi stati+ teFt tersebut dan tekan -ill +olor. Silahkan pilih dan tekan !arna yang anda inginkan. 6isalnya kita pilih !arna merah.
'. Seleksi stati+ teFt dan tekan &T2L,$ sekali maka akan mun+ul duplikasi dari stati+ teFt.
4. Seleksi stati+ teFt hasil duplikasi tadi dan tekan -ill +olor. Kemudian pilih dan tekan !arna hitam.
7-
5. /astikan anda masih menyeleksi stati+ teFt hasil duplikasi. /ada menu bar silahkan anda pilih 6odi-yG%rrangeGSend To )a+k.
8. Eika benar, stati+ teFt hasil duplikasi akan berada di belakang stati+ teFt yang asli.
;. Sekarang atur letak stati+ teFt hasil duplikasi dengan menggunakan tombol panah pada keyboard sampai letaknya kurang lebih seperti gambar di ba!ah ini :
71
Cara " $i +ara ketiga ini, kita akan menggunakan $rop Shado! dari panel -ilters. >asil yang akan diperoleh akan mirip dengan yang kita buat dengan &ara " tetapi akan ada e-ek blur pada bayangan hitamnya. 1. )uatlah sebuah -lash do+ument. ". )uatlah sebuah stati+ teFt dengan tulisan WARUN FLAS!.
(. Seleksi stati+ teFt tersebut dan tekan -ill +olor. Silahkan pilih dan tekan !arna yang anda inginkan. 6isalnya kita pilih !arna merah. '. /astikan anda masih menyeleksi stati+ teFt, lalu pada menu bar pilih 9indo!G/ropertiesGFilters.
4. /ada panel -ilters yang mun+ul tekan tanda , dan pilih $rop Shado!.
72
5. /astikan nilai nilai drop shado! pada panel -ilters terlihat seperti gambar diba!ah ini:
;. #ilai nilai $rop Shado! pada panel -ilters tidak harus seperti yang di atas. 1tu hanya +ontoh saja. %nda dapat mengaturnya sampai dirasa +o+ok dengan yang anda buat. Cara # &ara ke empat ini juga akan menggunakan panel -ilters. Kita akan menggunakan e--e+t glo!. 1. )uatlah sebuah -lash do+ument. %tur !arna stage menjadi hitam.
73
FLAS!.
(. Seleksi stati+ teFt tersebut dan tekan -ill +olor. Silahkan pilih dan tekan !arna yang anda inginkan. 6isalnya kita pilih !arna +okelat 3C775577). '. /astikan anda masih menyeleksi stati+ teFt, lalu pada menu bar pilih 9indo!G/ropertiesGFilters.
4. /ada panel -ilters yang mun+ul tekan tanda , dan pilih 0lo!.
5. /astikan nilai nilai 0lo! pada panel -ilters terlihat seperti gambar diba!ah ini:
70
;. #ilai nilai 0lo! pada panel -ilters tidak harus seperti yang di atas. 1tu hanya +ontoh saja. %nda dapat mengaturnya sampai dirasa +o+ok dengan yang anda buat. Cara 5 $i +ara kelima ini, +ara pe!arnaannya akan berbeda dengan sebelumnya. Kita akan mem break apart terlebih dahulu teFtnya sebelum di !arnai. 1. )uatlah sebuah -lash do+ument. %tur !arna stage menjadi hitam. ". )uatlah sebuah stati+ teFt dengan tulisan WARUN FLAS!.
(. Seleksi stati+ teFt dan tekan &trl,) sebanyak " kali sehingga stati+ teFt berubah menjadi shape seperti gambar di ba!ah ini :
'. )ukalah panel +olor dengan menekan tombol Shi-t,FD pada keyboard. 4. $i panel +olor, ubah Type menjadi linear.
77
5. %nda akan melihat " buah slider !arna yang berjajar horiHontal. 8. Klik " kali slider !arna yang pertama dan pilih !arna putih.
;. Klik " kali slider !arna yang kedua dan pilih !arna gray 3C555555).
74
17. Seleksi seluruh shape bertuliskan 9arung Flash lalu tekan tombol /aint )u+ket. 11. Lakukan pe!arnaan ke shape bertuliskan 9arung Flash. &aranya klik 3jangan lepaskan klik) sembarang shape lalu drag ke ba!ah dan lepaskan klik.
7=
1". Eika sudah, desele+t 3&trl,Shi-t,%) seluruh tulisan dan hasilnya akan terlihat seperti ini :
Cara $ &ara keenam ini juga hampir sama dengan +ara kelima. )edanya kita tidak menggunakan pe!arnaan type linear tetapi type solid. 1. )uatlah sebuah -lash do+ument. %tur !arna stage menjadi hitam. ". )uatlah sebuah stati+ teFt dengan tulisan WARUN FLAS!.
7A
(. Seleksi stati+ teFt dan tekan &trl,) sebanyak " kali sehingga stati+ teFt berubah menjadi shape seperti gambar di ba!ah ini :
'. )uatlah sebuah garis yang membelah tulisan 9arung Flash menjadi " seperti gambar di ba!ah ini :
4. Tekan -ill +olor dan pilih !arna oranye 3CFF5577) 5. Tekan tombol paint bu+ket lalu !arnai seluruh tulisan 9arung Flash bagian atas dengan !arna oranye.
8. Tekan -ill +olor dan pilih !arna merah. ;. Tekan tombol paint bu+ket lalu !arnai seluruh tulisan 9arung Flash bagian atas dengan !arna merah.
7B
D. >apus seluruh garis yang membelah tulisan. 17. Eika sudah, maka tulisan akan terlihat seperti ini :
4-