Ikhtisar Flash Storybook Fase 2
Tutorial ini memulai fase kedua dari Flash kamiR Seri Aplikasi Buku Cerita iOS. Jika Anda telah mengikuti, Anda tahu bahwa fase pertama merinci cara membuat adegan intro animasi untuk aplikasi buku cerita. Intro animasi ini bersifat opsional tetapi Anda mungkin ingin membaca tutorial tersebut, karena tutorial ini membahas cara membuat beberapa animasi dan tombol Flash dasar.

Alasan pengantar animasi ini adalah opsional untuk proyek ini karena sebagian besar aplikasi buku cerita terbuka dengan grafik statis sampul buku dan tombol atau area panas di mana pembaca menyentuh atau menggesek untuk membalik halaman.

Di sinilah kita akan memulai fase dua dari seri. Jika Anda telah membuat intro animasi di fase satu, cukup sisihkan untuk saat ini. Kami akan mengintegrasikan keduanya bersama-sama nanti.

Mari kita lihat buku cerita. Seperti yang Anda lihat, kami memiliki beberapa item di dalam dan di luar panggung dan Timeline utama kami memiliki 32 frame. Pada Bingkai 1 dari Timeline utama, panggung berisi gambar sampul statis untuk buku cerita. Selain grafik sampul buku, satu-satunya hal di atas panggung adalah tombol sakelar di sampul kiri atas. Tombol ini mengaktifkan halaman menu pengaturan.

Di luar panggung dan ke kiri adalah grafik pageCurl yang akan kami animasikan untuk mensimulasikan halaman yang diputar saat disentuh atau digesek.

Di atas panggung adalah halaman overlay menu pengaturan. Ketika Anda mengklik tombol sakelar di panggung, halaman menu pengaturan membuka apa yang sudah ada di panggung. Halaman pengaturan ini berisi tautan ke halaman informasi buku cerita, seperti halaman Indeks dan Kredit. Ini juga berisi tombol sakelar untuk menghidupkan / mematikan musik latar belakang dan tautan ke situs web penulis.

Mengapa kita memerlukan halaman menu pengaturan ini? Karena mengandung tautan ke halaman Indeks, pembaca selalu memiliki cara untuk kembali ke awal buku dari halaman saat ini yang mereka lihat. Ini juga merupakan ide yang baik untuk memberi pembaca pilihan untuk mematikan musik latar. Dan tentu saja, Anda ingin pembaca mengunjungi situs web Anda untuk informasi lebih lanjut tentang Anda dan aplikasi buku lainnya.

Sekarang, mari kita lihat lapisan di panel Timeline. Seperti yang Anda lihat, lapisan bawah adalah lapisan halaman. Dimulai dengan Frame 3, setiap frame berisi klip video untuk satu halaman buku. Kami akan membuat klip video berbeda untuk setiap halaman dan menempatkan klip video di atas panggung. Ketika kita bergerak di sepanjang Timeline, kita "halaman" melalui buku.

Dari atas ke bawah, lapisan lainnya adalah sebagai berikut.

  • actionsMain - berisi ActionScript untuk navigasi utama dan acara.

  • actionPages - berisi ActionScript yang akan dijalankan pada halaman buku tertentu. Seperti yang Anda lihat, halaman-halaman ini adalah 11 dan 31.

  • setTogBtn - berisi tombol sakelar menu pengaturan.

  • folder setMenu - folder ini berisi lapisan yang menampilkan grafik latar belakang menu pengaturan dan tombol individual untuk menu.

  • buttonsMain - berisi tombol navigasi maju dan mundur.

  • buttonsPages - berisi tombol yang akan memulai ActionScript di halaman 11 dan 31.

  • pageCurl - berisi klip video pageCurl yang menciptakan simulasi pergantian halaman.

  • halaman - klip video untuk setiap halaman buku cerita dan halaman informasi lainnya.

PENTING: Tutorial pengembangan aplikasi ini ditulis dengan mempertimbangkan pemula Flash. Anda perlu mengoptimalkan aplikasi Anda di luar apa yang dicakup dalam tutorial ini sebelum menyelesaikan aplikasi Anda untuk app store.


Hak Cipta 2018 Adobe Systems Incorporated. Seluruh hak cipta. Tangkapan layar produk Adobe dicetak ulang dengan izin dari Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Kembang Api, Berkontribusi, Memikat, Flash Catalyst dan Flash Paper adalah [adalah] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.