26 April 2008

Buat Banner pake Flash yuuk!!


Untuk melihat berita terbaru di internet pasti kita akan masuk ke situs detik.com kan?, siapa sih yang ga' tau situs berita yang satu ini dan paling kesohor di Indonesia itu :)

Selain sebagai pelopor era portal di Indonesia sampai saat ini saya belum liat ada yang menandingi kiprah portal yang satu ini, tapi di Indonesia maksudnya.. :) kalau di luar mah banyak.

Portal? hehehe ... diliat2 kok gak beda ama blog kita yah tampilannya :) yang menampilkan postingan baru di homepage-nya gitu... sama pasang banner2 di sidebar-nya.. boleh tukeran link ga' boos? hehehe... Ayo boos yang punya detik.com di kembangin lagi dong Portalnya...

heyaah... Apa hubungannya dengan buat banner pake Flash? yaa.. coba liat di detik sekarang pemasangan banner-nya hampir semua sudah menggunakan flash, karena selain lebih menarik dan bisa interaktif penampilannya, di era sekarang ini relatif lebih enak dibanding dulu2. Maksudnya untuk pemasangan banner dengan flash dulu pengelola website masih mikir2 karena pertimbangan user yang akan akses website tersebut ada flash-nya ga'? dan banyak yang belum familiar dengan ini, begitu liat website yang 'bolong2' karena gak keluar tampilan flash-nya dibilang 'jelek banget sih nih website'? hehehe..

Sebelum saya kasih Trik membuat banner dengan flash ini, mungkin perlu tau juga kalau buat banner ataupun animasi untuk keperluan di website dengan flash usahakan menggunakan versi 1 atau 2 dibawah dari versi yang sedang beredar sekarang, ini untuk menghindari banner kita kelewat 'canggih' :) yang mengakibatkan gak akan muncul juga kalau di buka menggunakan flash versi dibawahnya, yaa kalau yang sedang beredar sekarang adalah versi 9, kita buatnya pakai versi 7 atau 8 aja (di save ke versi tersebut maksudnya kalau buatnya sih terserah mau pakai versi berapa..)

Dan Tips-nya adalah karena objeknya akan bergerak, supaya menarik dan informasinya masuk dengan banner yang kita buat ini, kita buat satu layout 'akhir' apa informasi yang akan kita sampaikan dari banner yang akan kita buat tersebut.

Misal kita akan membuat banner dari sebuah 'logo', kita pisahkan satu objek dengan objek yang lainnya, seperti text title dengan objek logo tersebut dan dibuat satu persatu yang diakhiri dengan terbentuknya sebuah logo tersebut.

Untuk jelasnya coba ikuti langkah2 berikut, saya akan coba membuat banner animasi untuk logo millis 'blogger-indonesia@yahoogroups' yang ada di blog saya... heyaah.. kok logo millis blogger-indonesia mas yang dicoba? bilang aja mau nginvite ya mas? :) daripada logo yang lain nanti malah disangka jualan lagi.... hehehe

Tapi kalo yang mau join ya ga' dilarang dan semua tips dan trik saya pasti di posting disana... :)

Berikut langkah2-nya:

Langkah-1
Buat file flash baru dengan nama 'banner'

Langkah-2
Tentukan ukuran banner yang akan kita dibuat.
Saya akan coba banner dengan ukuran 200 x 100 px. Untuk merubah ukuran tersebut bisa melalu toolbar 'modify' | 'document', dan untuk fps (frame per second) gunakan standard aja yaitu 12 fps.


Langkah-3
Setting file flash menjadi versi dibawahnya, karena yang akan saya coba tidak membutuhkan animasi yang aneh2 atau dengan fitur yang ada di flash versi terbaru yaa.. saya coba dengan setting ke flash versi 7 aja, caranya dari:
'File' | 'Publish Settings' atau melalui menu 'setting' yang ada di bawah lembar kerja anda.

Dari window masuk ke tab 'flash' kemudian pilih 'version' dari menu option yang ada , rubah menjadi version 7.

Langkah-4

Bagi yang baru mencoba flash kenali lembar kerja flash anda, flash menggunakan 'time line' dengan kontek 'frame by frame' untuk membuat objek bergerak. Jadi ibarat kita menyusun gambar dari satu frame ke frame berikutnya yang kalau dijalankan akan membuat sebuah gerakan. Lihat gambar mana yang dimaksud dengan frame yang ada di atas lembar kerja anda.

Langkah-5
Buat objek satu demi satu dari logo yang akan dibuat banner dengan tool yang ada di sebelah kiri lembar kerja anda yang tidak berbeda dengan program pengolahan grafis seperti 'Photo Shop', 'Firework' dll.

Kebetulan yang saya buat adalah semua attributnya adalah text, tapi bila ada objek gambar tinggal diimport dahulu gambar tersebut melalui 'file' | 'import' | 'import to library' yang selanjutnya untuk memasukkan di lembar kerja tinggal di drag saja image yang ada di library-nya yang ada di sebelah kanan lembar kerja anda.

Langkah-6
Pisahkan satu objek dengan objek lainnya dengan layer dan menggunakan 'timeline' sendiri-sendiri, untuk memisahkannya coba dengan 'select all' (Ctrl-A) kemudian klik kanan pada objek tersebut 'distribute to layer' (lihat perubahan pada 'timeline' diatas lembar kerja anda). Hapus layer yang tidak digunakan dengan klik pada layer dan cklik icon 'del' yang ada di bawahnya.


Langkah-7
Untuk membuat suatu objek gerakan di flash kita buat sebuah 'keyframe'
Dari layer title 'blogger' dan pada 'timeline' klik pada frame 30 'insert keyframe' (F6)

Kemudian klik layer 'blogger' untuk 'menyorot' semua objek yang ada di 'timeline' tersebut,

lalu klik kanan dan 'Create Motion Tween'

Langkah-8
Anda telah membuat pergerakan objek title 'blogger' sekarang,

tapi karena terletak di tempat yang sama jadi pergerakannya tidak dapat terlihat, coba pindahkan objek yang ada di 'frame 1' ke tempat lain, dengan cara klik pada 'frame 1' kemudian klik dan drag objek 'title blogger' ke tempat yang anda inginkan, seperti pada gambar berikut.

Setelah itu 'Enter' untuk mencoba melihat pergerakan objek tersebut...
Yaa.. anda sudah membuat sebuat animasi sederhana menggerakkan objek di flash...

Ulangi langkah-7 dan 8 untuk membuat pergerakan objek yang lainnya 'indonesia', '@', dan 'yahoogroups', supaya tidak monoton coba buat pergerakan lainnya seperti pergerakan sebaliknya atau tidak hanya di drag tapi di perbesar objeknya yang akan membuat anmasi pergerakan objek dari besar ke kecil.

Sedangkan untuk pemunculan objek yang tidak bersamaan bisa di geser saja yang ada di 'timeline', dengan cara select 'timeline' objek klik dan geser ke timeline yang akan anda pindahkan, lihat gambar untuk jelasnya.

Langkah-9
Sampai sini anda telah membuat sebuah banner logo dengan flash, untuk langkah terakhir adalah mem-publish file flash anda ke format 'swf' supaya bisa dijalankan di website dari file editor flash-nya dengan format 'fla'.

Simpan file flash anda kemudian untuk membuat file 'swf' bisa dari:
'File' | 'Publish' yang akan disimpan di satu folder dengan file 'fla' flash anda.

Coba file banner anda, dan silahkan berkreasi dengan membuat banner2 yang menarik lainnya.

Selamat Mencoba!

Untuk yang ingin memperdalam flash atau bagaimana membuat animasi yang lainnya bisa coba2 disini: http://flashkit.com

7 April 2008

Pindah nge-Blog ke Wordpress, Gimana dengan Blogspot yang terlanjur 'Kondang'?

"Blog Saya pindah ke Wordpress Berbayar mas..", tiba2 message YM saya muncul. "Oo bagus..." saya jawab sekenanya :) karena emang lagi tanggung baca2 email masuk dan yang saya tau udah beberapa bulan ini teman saya nge-blog menggunakan alamat domain sendiri yang di re-direct ke Blogspot-nya, yang mengikuti Trik "Mengalihkan Halaman Website (Re-Direct Page)" dari blog saya katanya.

Dari email yang masuk ada email dari temen saya ini yang dikirim ke millis mengenai perpindahan blog-nya itu, gak lama dia manggil lagi "OK mas.. saya mau kasih tau yang lain lagi nih.." katanya lagi, walah.. yang saya tau blog-nya itu kan udah cukup rame dan lumayan "kondang" yang di blogspot dengan link dari blog2 lain yang mungkin udah ratusan, trus harus kasih tau ke semua gituh? Walah... Tape Deech!!! :)

Pindah Ngeblog ke Wordpress dengan hosting sendiri memang lebih safety dari sisi pengamanan data postingan kita di blog, tapi kalo blog kita udah terlanjur "kondang" seperti kasus diatas ya mending dialihkan langsung aja dari blogspot secara otomatis, gak perlu pemberitahuan lagi jadi kalau orang akses alamat blog kita yang di blogspot akan langsung masuk ke alamat domain kita yang baru itu.

Begini Triknya:
Dari Blogspot masuk ke Menu "Layout" | "Elemen Halaman"
Kemudian "Add a Page Element" | "HTML/javascript"

Di Kotak yang lebih besar halaman "HTML/Javascript" masukkan script javascript berikut:

<script language="JavaScript">
<!-- //ReverseFrameBuster
if (self == top) top.location.replace("[Alamat Pengalihan]");
//-->
</script>

Keterangan:
[Alamat Pengalihan] : URL domain anda (contoh: http://riristore.com)

Selamat Mencoba!