Tutorial Flash: Animasi Efek Cahaya

Pada kesempatan kali ini saya posting tutorial flash tentang cara membuat animasi efek cahaya atau bisa juga disebut efek mengkilap. Contohnya seperti ini:

Bagaimana membuatnya?... Ok kita langsung praktek aja ya...
Kita mulai saja ya… pertama tentunya buka dulu program flash sobat. Buat stage baru, pada panel property ubah background menjadi hitam, serta ukuran stage yang diinginkan misalnya ukuran 500 x 150. Lihat kotak dialog property berikut:

Untuk memunculkan panel property, klik window pada menubar lalu centang property.
Pada menubar klik insert-->timeline-->layer atau klik icon new layer. buatlah 3 layer dan ganti nama layer -layer tersebut menjadi layer teks 1, teks 2 dan Kotak dengan cara klik 2 kali pada tulisan layer.

Pada layer teks 1 buat teks menggunakan tekt tool pada toolbox di samping kiri stage, misalnya seperti ini:

Copy paste layer teks 1, pada menu bar klik edit-->copy , kemudian aktifkan layer teks 2 klik edit-->paste in place. Ubah teks 2 dengan warna putih sehingga seperti ini:

aktifkan layer kotak, buat kotak menggunakan rectangle tool. miringkan kotak dengan cara klik modify-->transform-->ratate and skew. tarik mouse ke kanan sehingga kotak menjadi bentuk jajargenjang. Sebelum membuat objek kotak sebaiknya klik bulatan dibawah icon mata pada layer teks 2 agar tidak mengganggu dalam pembuatan gambar kotak.

aktifkan layer teks 1, pada timeline ke 50 klik kanan -->insert key frame.
lakukan hal yang sama untuk layer teks 2 dan layer kotak.
aktifkan layer kotak, klik pada frame ke 50. gerakkan objek kotak ke sebelah kanan sehingga seperti ini:

klik kanan frame ke 1 pada layer kotak -->create motion tween. pada panel property ubah jenis tween menjadi motion. Klik kanan pada layer kotak-->mask, sehingga hasil akhirnya jadi seperti ini:

Langkah finishing adalah mengtes hasil akhirnya dengan cara tekan cntrl + enter. Jika tidak ada kesalahan hasilnya seperti ini:

jangan lupa untuk menyimpan kerjaan sobat, ekspor juga menjadi file animasi gif. caranya klik file-->eksport-->export movie. pilih ekstensi *GIF, jika muncul kotak dialog export GIF hilangkan ceklist tranparent agar background kita sesuai dengan yang kita buat.

Selamat mencoba, semoga berhasil. amien

Read More

Cara Menampilkan Hari, Tanggal dan Jam di Blog dengan Adobe Flash

Pada tutorial sebelumnya telah saya posting mengenai cara atau trik menyembunyikan hari dan tanggal pada postingan. Nah pada kesempatan kali ini justru saya tulis tutorial yang merupakan kebalikan dari postingan sebelumnya, yaitu cara menampilkan hari tanggal dan waktu pada blog, agar blog/web sobat kelihatanya lebih dinamis dan tentunya agar kita tahu waktu jika lagi online. script/ code trik menampilkan hari, tanggal dan jam kali ini adalah menggunakan adobe flash.

Oke deh langsung aja ke TKP, buka adobe flash sobat, kebetulan saya pakai adobe CS3. Pilih Flash File (actions script 2.0) pada kotak dialog yang muncul.

Buat stage baru dengan ukuran 450 x 40 pixel ( ukurannya bebas sesuai dengan selera sobat, usahakan sesuaikan dengan ukuran blog di mana sobat akan pasang). Untuk mengubah ukuran stage llihat kotak dialog properties (pada menu bar klik window--properties):

Impor sebuah background dengan cara klik file—impor—impor to stage. Misalnya seperti ini:

Buat teks (tgl-bulan-tahun) dengan menggunakan text tool. pada toolbox disamping kiri stage. Klik teks tersebut, kemudian pada jendela properties ubah teks menjadi "dynamic text"dan beri nama variable teks dengan nama “Day”.

Buat kembali sebuah teks ( jam: mnt: dtk) lakukan hal yang sama dengan teks pertama, hanya saja nama variabelnya ganti dengan nama “Time”

Buatlah layer baru dengan cara klik kanan pada layer 1, klik insert layer atau klik icon insert layer (lihat gambar)

Klik kanan frame 1 pada layer 2, insert action atau tekan F9.

Copy paste script berikut:


//ini script hari

function makeDayArray() {
this.length = 7;
this[1]="Ahad", this[2]="Senin";
this[3]="Selasa", this[4]="Rabu";
this[5]="Kamis", this[6]="Jum'at";
this[7] = "Sabtu";
return this();
}
//ini script bulan
function makeMonthArray() {
this.length = 12;
this[1]="Januari", this[2]="Februari";
this[3]="Maret", this[4]="April";
this[5]="Mei", this[6]="Juni";
this[7]="Juli", this[8]="Agustus";
this[9]="September", this[10]="Oktober";
this[11]="November", this[12]="Desember";
return this();
}

//get data di komputer

_root.onEnterFrame = function() {
myDate = new Date();

//get day and date
dayName = new makeDayArray();
monthName = new makeMonthArray();
day = myDate.getDay()+1;
dates = myDate.getDate();
month = myDate.getMonth()+1;
year = myDate.getFullYear();

//get time
hour = myDate.getHours();
minute = myDate.getMinutes();
second = myDate.getSeconds();
//tampilan
newDay = dayName[day];
newMonth = monthName[month];
Day = newDay+", "+dates+" "+newMonth+" "+year;
Time = hour+":"+minute+":"+second;
};

Untuk mengetesnya sobat tekan control + enter. Jika tidak ada masalah maka akan muncul seperti ini:

Jika seperti ini berarti script hari dan tanggal dengan adobe flash sobat sudah berjalan lancar, tinggal save aja. Kemudian sobat ekspor menjadi file *swf dengan cara klik File—export—export movie. Pilih jenis file swf, klik save.

Upload file *swf tersebut ke hostingan dimana sobat biasa menyimpan file, seperti di googlepage, geocities, ziddu dan sebagainya. Tentunya tempat hosting filenya harus yang support dengan file flash, misalnya saya simpan filenya di fileave.com.

Langkah terakhir adalah sobat pasang script yang telah kita buat tadi di blog/web sobat. Gimana caranya menampilkan script hari tanggal dan waktu dengan adobe flash di blog kita???

Jawabannya gampang kok, jika sobat menggunakan blogspot, tinggal masuk aja ke akun blogger--tata letak--tambah gadget--java scrpit dan copy paste aja script berikut:

<embed quality="high" allowscriptaccess="always" flashvars="alink1=http://om-ucha.blogspot.com/" type="application/x-shockwave-flash" src="http://uchadilyasa.fileave.com/script%20hari%20tgl.swf" wmode="transparent" height="100%" width="100%"></embed>

Ganti tulisan "http://om-ucha.blogspot.com" dengan alamat blog sobat dan ganti tulisan "http://uchadilyasa.fileave.com...swf" dengan alamat file dimana sobat simpan file script tadi.

Nah sekarang blog sobat sudah memiliki hari, tanggal dan waktu biar pengunjung ga lupa lagi dengan hari dan tanggal serta waktu ketika online.

Selamat mencoba, semoga berhasil. amin

Read More

Tutorial Flash: Animasi Burung Terbang

Kalau ga salah pernah ada sobat yang comment di postingan terdahulu mengenai tutorial flash. sebelumnya saya mohon maaf pada sobat tersebut, karena tidak pernah merespons commentnya. Itu semua disebabkan karena memang saya tidak bisa adobe flash sehingga otomatis tidak bisa buat tutorialnya. Tapi saya ucapkan terima kasih atas komentarnya yang membuat saya mau belajar otodidak tentang flash. Walaupun masih pemula, saya coba buat tutorial flash " animasi burung terbang" untuk pertama kalinya.

Oke dech langsung aja kita buka adobe flash nya ( saya pake flash cs3

)

Klik flash file paling atas di bawah create new sehingga terbuka area kerja baru flash.
klik 2 kali pada layer 1, ganti nama layer 1 dengan nama burung 1.

Buatlah gambar seekor burung dengan menggunakan tool pada toolbox, diantarannya menggunakan pen tool:

Gunakan pentool untuk membuat sketsa burung dan warnai sesuka sobat. Untuk mengedit lekukan tubuh burung gunakan convert anchor pointool, munculkan toolnya dengan cara klik kiri pada segitiga kecil seperti gambar :

Misalnya sobat buat burung seperti ini:

Buatlah layer baru dengan nama burung 2, agar tidak mengganggu sembunyikan layer burung 1 dengan cara klik titik di bawah icon mata. Duplikat gambar burung tadi ke layer burung 2 tersebut. Rotasi burung tadi dengan cara klik objek burung dengan selection tool, pada menu bar pilih modify->> tranform-->> freetransform, putarlah menjadi seperti ini:

Buatlah sayap yang berbeda pada masing-masing burung misalnya seperti ini:

burung1

burung 2

Pada layer burung 1 buatlah keyframe dengan cara klik layer lalu tekan (f6), misalnya kita buat 4 keyframe. Lakukan hal yang sama pada layer burung 2 sehingga menjadi seperti ini:

Hapus keyframe ke 3 dan 4 pada layer burung 1 dan hapus keyframe 1 dan 2 pada layer burung 2 dengan cara klik pada keyframe tekan del pada keyboard.

Duplikat keyframe pada masing-masing layer dengan cara sorot ke empat keyframe lalu klik kanan-->> copy frame. letakkan di timeline yang ke-5, klik kanan -->>paste frame. lalukan sampai time line ke-40.

Langkah terakhir adalah melihat hasilnya dengan cara tekan cltrl+enter. kemudian simpan ke file *swf dengan cara klik file-->>import-->> import video. ubah ekstensinya jadi *swf lalu save.
Hasilnya dari tutorial di atas, seperti ini:

Selamat mencoba, semoga berhasil, amin.

Read More