Mengontrol Movie Clip

MODUL 6
MENGONTROL MOVIE CLIP

Dari Hasil animasi yang kita buat, penting sekali bagi kita untuk dapat mengontrol animasi movie clip yang telah kita buat agar dapat dijalankan dengan baik. Mengontrol movie clip disini artinya kita disuruh membuat beberapa tombol-tombol perintah seperti tombol play dan tombol stop. Tombol Play digunakan untuk menjalankan movie dan tombol stop digunakan untuk memberhentikan movie clip. Bagaimana Caranya? Untuk uraian selanjutnya, mari kita ikuti bahasan berikut ini:

1. Membuat Tombol Dengan Event Klik pada Mouse
a. Buka sebuah dokumen baru Animasi Flash dengan ketentuan:
- Width : 15 cm dan Height: 8 cm
- Warna Background : Biru
- Frame Rate : 20
(Pengaturan dokumen sudah kita bahas sebelumnya pada matari sebelummnya, kalo Anda masih lupa cara mengatur dokumennya, Klik disini
b. Buat 3 buah layer dengan cara Klik Tombol Insert Layer, sehingga hasilnya sebagai berikut:



c. Untuk mengganti nama layernya, Double Klik Tulisan Layer 1 misalnya, ganti masing-masing namanya :
Layer 1 = Background
Layer 2 = Bola
Layer 3 = Tombol



d. Kemudian Klik Kanan pada Frame ke-30 pada Layer Background
e. Kemudian Pilih Insert Frame
f. Kemudian Klik Frame Pertama pada Layer Bola (Untuk menggambar objek bola)
g. Ambil Oval Tool (O), kemudian gambarkan pada stage pada sebelah kiri



h. Kemudian Klik Kanan Frame Pertama pada layar bola tadi, pilih Create Mottion Tween

i. Kemudian Klik Kanan Pada Frame Ke 30 pada Layer Bola, Pilih Insert Keyframe



j. Pindahkan Objek Bola menggunakan selection tool dari sebelah kiri ke sebelah kanan.



k. Selanjutnya, Klik Frame Pertama layer tombol
l. Untuk membuat tombol, ikuti langkah sebagai berikut:
1) Klik menu Window – Pilih Common Libraries – Pilih Buttons



2) Kemudian Akan muncul jendela libraries untuk tombol



3) Kemudian Cari Folder Playback Rounded
4) Klik Kanan Folder tersebut, pilih Expand Folder untuk membuka folder tersebut



5) Kemudian cari button rounded green play dan rounded green stop.
6) Klik dan tahan serta geser ke area stage button rounded green play (Untuk membuat tombol play)



7) Sehingga hasilnya seperti gambar diatas yaitu terdapat dua tombol play dan tombol stop
8) Untuk mengetikkan kode program pada tombol play, klik kanan pada tombol play pilih action
Atau klik tombol play, kemudian tekan F9 pada keyboard, sehingga muncul jendela editor Action. Ketikkan kode program seperti gambar dibawah ini.



9) Untuk menghilangkan jendela Action tadi, tekan F9 lagi.
10) Kemudian untuk mengetikkan kode program pada tombol stop langkahnya sama dengan tombol play. Ketikkan kode program seperti gambar dibawah ini.



m. Kemudian Klik kanan pada frame ke 30 pada layer tombol
n. Pilih insert frame (agar tombol yang dibuat bisa mengikuti pada saat dijalankan)
o. Tekan Ctrl + Enter untuk melihat hasilnya.


2. Membuat Tombol Dengan Event Enter
Sebenarnya cara dan langkah untuk membuat tombol sama dengan diatas, hanya yang berbeda pada kode programnya. Untuk membuat kode program menggunakan event enter Anda cukup mengubah tulisan :

on(release)

menjadi:

on(keypress "<enter>")

lihat hasilnya:

READ MORE - Mengontrol Movie Clip

Read more »

Mengubah Warna Objek

MODUL 5
MEMFORMAT OBJEK

Penting bagi ita untuk mengubah atau memformat objek atau desain yang kita buat dengan tujuan agar kelihatan lebih menarik. Format warna objek disini meliputi pemformatan warna background maupun objek yang telah didesain pada stage berupa objek lingkaran, objek teks, objek persegi, maupun objek lainnya.

Untuk uraian selanjutnya, mari kita ikuti bahasan berikut ini:
1. Memformat Dokument Kerja (stage)
Langkah yang dapat dilakukan adalah sebagai berikut:
a. Terlebih dahulu, anda siapkan satu dokumen flash
b. Kemudian klik Menu Modify, pilih Document



c. Kemudian akan muncul jendela document sebagai berikut:



- Title : untuk memberi judul
- Description : untuk memberikan kolom keterangan
- Dimensions : untuk memberikan ukuran stage yang akan kita buat
- Background color : untuk memberikan warna background pada stage
- Frame rate : untuk mengontrol kecepatan/ kelambatan objek
- Ruler units: satuan ukuran stage
d. Sekarang ketikkan Dimensions : 270 px x 200 px
e. Tentukan warna background warna Hitam
f. Tentukan Frame ratenya 30
g. Kemudian Klik Ok
2. Memformat Objek Lingkaran
a. Gambarkan sebuah lingkaran pada dokumen dengan menggunakan objek oval tool, sehingga hasilnya seperti ini:



b. Untuk mengubah warna objek bola, lakukan langkah sbb:
- Klik Paint Bucket Tool
- Tentukan warna yang Anda inginkan pada Fill Color, misalnya biru
- Klikkan Paint Bucket Tool tadi pada area lingkaran, sehingga akan berubah seperti berikut:



3. Memformat Objek Tulisan (Text)
a. Klik Text Tool
b. Gambarkan pada stage
c. Kemudian Ketikkan : AL ANSORI, sehingga hasilnya seperti ini:



d. Kemudian Klik Selection Tool
e. Kemudian Klik Menu Text :
- Pilih Font: untuk mengganti jenis huruf
- Pilih Size: untuk mengganti ukuran huruf
- Pilih Style: untuk menjadikan teks tebal, miring dsb
f. Hasilnya:



g. Supaya tulisannya dapat menyesuaikan dengan panjangnya, klik kotak-kotak kecil yang ada pada sudut tulisan
h. Tarik perlahan kearah sebelah kanan, sehingga hasilnya:



i. Untuk mengganti warna, klik Fill Color, tentukan pilihan warnanya, misal merah

READ MORE - Mengubah Warna Objek

Read more »

Membuat Efek Marquee

Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

Selamat Datang Di Aan Samudra Blog

</MARQUEE>

Hasilnya:



Selamat Datang Di Aan Samudra Blog



ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

Selamat Datang Di Aan Samudra Blog

</MARQUEE>

Hasilnya:



Selamat Datang Di Aan Samudra Blog





Contoh marquee dengan variasi hurup dan warna latar belakang :

<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

Selamat Datang Di Aan Samudra Blog
</MARQUEE></b></FONT></div>

hasilnya :

&ltFONT FACE="georgia" color="White">

Selamat Datang Di Aan Samudra Blog

Contoh marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://aansamudra.blogspot.com/2010/12/mengenal-area-kerja-flash-8-pro.html" target="new">Mengenal Area Kerja Flash 8</a><br/>

<a href="http://aansamudra.blogspot.com/2010/12/animasi-dasar-tween-mottion.html" target="new">Animasi Dasar Tween Mottion </a><br/>

<a href="http://aansamudra.blogspot.com/2010/12/animasi-mottion-shape.html" target="new">Animasi Mottion Shape </a><br/>

</marquee>

hasilnya:



Mengenal Area Kerja Flash 8


Animasi Dasar Tween Mottion


Animasi Mottion Shape





Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.



Dikutif dari : Blog Kang Rohman

READ MORE - Membuat Efek Marquee

Read more »

Membuat Link Posting

Dalam dunia blog, tentu anda tidak asing lagi dengan yang namanya link. Apabila anda seorang blogger, tentu saja membuat link adalah sebuah keharusan. Berbeda dengan website pada umumnya, di jagat per blog-an ada yang namanya link exchange atau bertukar link dengan blog lain, jadi kalau anda tidak bisa membuat link, ini dapat berakibat anda akan di asingkan alias di cuekin oleh blogger lainnya karena di anggap pelit dalam memberikan link. Dalam topik membuat link ini, saya akan mengulasnya dalam beberapa sub bagian yakni :

Link pada posting-an

Jika anda membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link, misalkan artikel tersebut bercerita tentang bisnis yang anda ikuti pada sebuah website di internet, lalu anda ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang anda ceritakan. Misalkan dalam artikel tersebut ada kata –kata seperti Jika anda tertarik silahkan anda Klik Disini, nah untuk membuat link dari kata-kata tersebut silahkan ikuti langkah-langkah berikut :

1. Highlight kata-kata yang ingin di buat link, contoh di atas adalah klik disini.

2. Klik ikon yang bergambar seperti ini yang berada pada toolbar, maka setelah itu akan muncul tulisan http:// pada window baru yang berbentuk seperti gambar di bawah ini :

3. Isi kotak yang ada tulisan tersebut dengan alamat situs yang anda inginkan, misalkan : http://www.aansamudra.blogspot.com/

4. Klik OK. Selesai

Link dengan window baru

Mungkin anda punya pikiran, kalau anda membuat sebuah link trus pembaca mengkliknya, anda kwawatir kalau pengunjung blog kita akan meninggalkan blog kita. Untuk meminimalisir hal tersebut, bisa dilakukan dengan cara membuat window baru, jadi ketika pengunjung mengklik salah satu link yang kita buat, halaman blog kita tidak akan tertimpa dengan halaman baru tapi yang terjadi adalah halaman blog anda tetap ada dan halaman yang baru di klik akan muncul terpisah. Sebagai contoh, silahkan anda klik tulisan Resep Bisnis atau Obral plus pada banner header diatas. Ketika anda mengkliknya, akan tercipta window baru. Untuk membuat link seperti ini dapat di lakukan dengan cara :

1. Apabila sudah melakukan cara membuat link seperti keterangan diatas, klik menu yang ada pada toolbar.

2. Pada tulisan yang kita link tadi akan muncul kode seperti ini ( contoh tulisan klik disini di link ke http://www.aansamudra.blogspot.com:

<a href="http://www.aansamudra.blogspot.com">klik disini</a>

maka disini anda harus menambahkan embel-embel kode HTML target="new' ataupun target="_blank" pada awal ataupun akhir kode tersebut . Contoh kode yang sudah di modifikasi adalah :

<a href="http://www.aansamudra.blogspot.com" target="new">klik di sini</a>

atau :

<a href="http://www.aansamudra.blogspot.com" target="new">klik di sini</a>

atau bisa juga seperti ini :

<a href="http://www.aansamudra.blogspot.com" target="_blank">klik di sini</a>

READ MORE - Membuat Link Posting

Read more »