1

Sukabiru Tutz | http://sukabiru.wordpress.com

Gw bukan master di bidang flash, jadi di tutorial ini gw hanya mencoba menjelaskan hal-hal penting yang perlu untuk membuat sebuah flipping book. Untuk konfigurasi lebih lanjut silahkan baca manual.pdf di file template.rar
Aloha !! Meet me again on sukabiru tutorial (sok2an mode ON) Okay, kali ini kita mencoba untuk membuat flipping book sendiri. Kalo ada yang belum tahu flipping book bisa download sukabiru magazine :D. Nah ini contoh2nya..

Sebelumnya gw cantumin dulu program2 yang harus ada dulu : 1. 2. 3. 4. Macromedia Flash (syukur udah adobe flash wkwkw) Photoshop/Corel Draw/Indesign/Pagemaker (buat ngedesain halaman majalah) Aimp2 (dengerin lagu, haree gene masih pake winamp) Secangkir kopi (loh? Ini kan bukan program lol)

Buka file template.rar yang udah didownload bersama e-book ini , setelah diextract ada beberapa file yang penting seperti :

Sukabiru Tutz | http://sukabiru.wordpress.com

Pages : berisi halaman-halaman yang akan kita masukkan ke magz Sound : berisi file audio ketika magz di buka config.xml : file pengaturan tentang ukuran magz, halaman, suara, cache dll ezine.fla : yang akan kita edit di langkah selanjutnya ezine.swf : hasil compile dari ezine.fla

1. Pembuatan Kerangka Majalah

Buka ezine.fla menggunakan macromedia flash, nah itu masih tampilan dasarnya. Lets customize it! Merubah background Aktifkan dulu layer back dengan mengekliknya

Sukabiru Tutz | http://sukabiru.wordpress.com

Klik File -> Import -> Import to Stage (Ctrl + R). pilih gambar yang udah disiapkan trus klik open. Atur aja biar sesuai dengan background dan tombol2nya.. bisa digeser kekanan-kiri-atas-bawah-kecilin-perbesar. Untuk mengetesnya klik Control -> test Movie atau (Ctrl + Enter) Contoh :

2. Pembuatan Halaman
Setelah kerangka majalah jadi, langkah ke-2 yaitu bikin halamannya. Nah untuk yang ini silahkan berkreasi sesuka anda. Be creative! Jangan lupa save dengan ekstensi .jpg dengan resolusi 515px vs 616px

Sukabiru Tutz | http://sukabiru.wordpress.com

Disini kita juga bisa pake flash kalau mau ditambahin animasi atau video :D. but remember! Simpan dengan resolusi 515px vs 616px.

3. Pengaturan config.xml
Final steps! Nah, setelah kita punya kerangka majalah dan punya halaman-halamannya, sekarang yang dilakuin ngegabunginnya! Biar mudah kita rename file halaman dengan angka sesuai dengan urutan daftar isi

Next step! Buka file config.xml dengan notepad.. Abaikan kode text yang lain, yang perlu diedit Cuma text diantara <pages>..</pages>. Caranya cukup urutin sesuai dengan nama file halamannya 5 <pages> <page>pages/1.jpg</page> <page>pages/2.jpg</page>

Sukabiru Tutz | http://sukabiru.wordpress.com

<page>pages/3.swf</page> <page>pages/4.jpg</page> <page>pages/5.jpg</page> <page>pages/6.jpg</page> <page>pages/7.jpg</page> <page>pages/8.jpg</page> </pages> Screenshot:

Untuk mengetesnya jalankan file ezine.swf And done!!

Sukabiru Tutz | http://sukabiru.wordpress.com

Tambahan 1. Mengubah tombol backcover

Di magazine ini ada 5 tombol navigasi yaitu cover | backcover | prev | next | exit. Yang perlu kita ubah yaitu tombol backcover karena halaman terakhir dari setiap majalah berbeda-beda tergantung dengan jumlah halamannya. The tutz! Buka ezine.fla dengan macromedia flash. Klik kanan tombol back cover kemudian pilih action

Kemudian kita rubah angka di myBook.flipGotoPage( ); dengan halaman terakhir majalah. Contoh disini halaman terakhir adalah 24

7 Test dengan menjalankan file ezine.swf

Sukabiru Tutz | http://sukabiru.wordpress.com

2. Make to 1 file exe

Biar lebih gampang makenya, kita perlu menggabungkan beberapa file magazine menjadi cukup 1 file exe. Nah disini kita menggunakan bantuan winrar. Sebelum itu kita buat file icon dulu biar keliatan keren, silahkan cari di google. Kemudian masukkan ke folder bersama file-file Pages, Sound, config.xml, ezine.fla dll. Sehingga minimal file yang ada seperti dibawah

Seleksi semua file tersebut kemudian klik kanan -> add to archive.. Checklist created sfx archive dan solid archive

lalu pilih tab advance terus klik SFX options pas di tab general pilih created current folder kalau sudah pilih tab text and icon pada box text to display in SFX window isi dengan Setup=nama file TempMode Silent=1 Overwrite=1 Atau jika sesuai dengan tutorial kali ini maka isi dengan

Sukabiru Tutz | http://sukabiru.wordpress.com

Setup=ezine.swf TempMode Silent=1 Overwrite=1

untuk memasukan icon na kita pilih load SFX icon from file klik browse lalu pilih iconnya kemudian klik ok. Sampai disini selesai settingan di winrar. Klik ok lagi sampai winrar selesai mengkompress filenya

Referensi 1. Kaskus subforum All About Design

Visit my blog for other cool tutz : http://sukabiru.wordpress.com

Sukabiru Tutz | http://sukabiru.wordpress.com