Anda di halaman 1dari 9
1 Sukabiru Tutz | http://sukabiru.wordpress.com
1
Sukabiru Tutz | http://sukabiru.wordpress.com
Gw bukan master di bidang flash, jadi di tutorial ini gw hanya mencoba menjelaskan hal-hal
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

bisa download sukabiru magazine :D. Nah ini contoh2nya Sebelumnya gw cantumin dulu program2 yang harus ada

Sebelumnya gw cantumin dulu program2 yang harus ada dulu :

1. Macromedia Flash (syukur udah adobe flash wkwkw)

2. Photoshop/Corel Draw/Indesign/Pagemaker (buat ngedesain halaman majalah)

3. Aimp2 (dengerin lagu, haree gene masih pake winamp)

4. 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 :

2

e-book ini , setelah diextract ada beberapa file yang penting seperti : 2 Sukabiru Tutz |
- Pages : berisi halaman-halaman yang akan kita masukkan ke magz - Sound : berisi

- 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

: hasil compile dari ezine.fla 1. Pembuatan Kerangka Majalah Buka ezine.fla menggunakan macromedia flash, nah itu

Buka ezine.fla menggunakan macromedia flash, nah itu masih tampilan dasarnya. Let’s customize it!

- Merubah background Aktifkan dulu layer back dengan mengekliknya

3

it! - Merubah background Aktifkan dulu layer back dengan mengekliknya 3 Sukabiru Tutz | http://sukabiru.wordpress.com
Klik File -> Import -> Import to Stage (Ctrl + R) . pilih gambar yang

Klik File -> Import -> Import to Stage (Ctrl + R). pilih gambar yang udah disiapkan trus

klik open. Atur aja biar sesuai dengan background dan tombol2nya

kekanan-kiri-atas-bawah-kecilin-perbesar. Untuk mengetesnya klik Control -> test Movie atau (Ctrl + Enter)

Contoh :

bisa digeser

-> test Movie atau (Ctrl + Enter) Contoh : bisa digeser 2. Pembuatan Halaman Setelah kerangka

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

4

Jangan lupa save dengan ekstensi .jpg dengan resolusi 515px vs 616px 4 Sukabiru Tutz | http://sukabiru.wordpress.com
Disini kita juga bisa pake flash kalau mau ditambahin animasi atau video :D. but remember!

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

file halaman dengan angka sesuai dengan urutan daftar isi Next step! Buka file config.xml dengan notepad

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

<pages>

<page>pages/1.jpg</page>

<page>pages/2.jpg</page>

5

<page>pages/2.jpg</page> 5 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:

</pages> Screenshot: Untuk mengetesnya jalankan file ezine.swf And done!! 6

Untuk mengetesnya jalankan file ezine.swf And done!!

6

Screenshot: Untuk mengetesnya jalankan file ezine.swf And done!! 6 Sukabiru Tutz | http://sukabiru.wordpress.com

Tambahan

1. Mengubah tombol ‘backcover’

Tambahan 1. Mengubah tombol ‘backcover’ Di magazine ini ada 5 tombol navigasi yaitu cover | 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

Klik kanan tombol ‘back cover’ kemudian pilih action Kemudian kita rubah angka di myBook.flipGotoPage( );

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

terakhir majalah. Contoh disini halaman terakhir adalah 24 Test dengan menjalankan file ezine.swf 7 Sukabiru Tutz

Test dengan menjalankan file ezine.swf

7

disini halaman terakhir adalah 24 Test dengan menjalankan file ezine.swf 7 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

dll. Sehingga minimal file yang ada seperti dibawah Seleksi semua file tersebut kemudian klik kanan ->

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

to archive Checklist created sfx archive dan solid archive lalu pilih tab advance terus klik SFX

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

8

Atau jika sesuai dengan tutorial kali ini maka isi dengan

Overwrite=1 8 Atau jika sesuai dengan tutorial kali ini maka isi dengan Sukabiru Tutz | http://sukabiru.wordpress.com

Setup=ezine.swf TempMode

Silent=1

Overwrite=1

Setup=ezine.swf TempMode Silent=1 Overwrite=1 untuk memasukan icon na kita pilih load SFX icon from file klik

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

Klik ok lagi sampai winrar selesai mengkompress filenya Referensi 1. Kaskus subforum All About Design Visit

Referensi 1. Kaskus subforum All About Design

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

9

Design Visit my blog for other cool tutz : http://sukabiru.wordpress.com 9 Sukabiru Tutz | http://sukabiru.wordpress.com