Cover Graphic untuk Flash iOS Storybook App

• Mungkin 18, 2024

Dalam tutorial ini, kita akan membuat klip film untuk setiap halaman buku cerita aplikasi Flash iOS dan menempatkannya di Timeline utama sebagai persiapan untuk membangun navigasi halaman.

Bagi pembaca yang membuat Fase Satu tutorial untuk membuat intro animasi untuk buku cerita mereka, letakkan file fla ini di samping dan mulai file proyek baru.

Kami akan mulai dari awal dengan Flash baru^R File proyek aplikasi iOS dengan lebar 1024, tinggi 768 dan Frame Rate 24 hingga 30. Dimensi ini untuk tata letak lanskap. Anda dapat membuat tata letak potret dengan mengatur lebar ke 768 dan ketinggian ke 1024. Rujuk ke beberapa tutorial pertama di Fase Satu untuk cara memulai proyek iOS baru.

Saya berasumsi bahwa Anda telah membuat Photoshop^R file psd untuk setiap halaman buku Anda. File ini harus berisi grafik latar belakang pada lapisan bawah. Elemen-elemen desain individu yang tidak termasuk dalam lapisan latar belakang harus pada lapisan mereka sendiri di atas. Rujuk ke beberapa tutorial pertama di Fase Satu untuk cara menyiapkan file Photoshop Anda.

Jika Anda belum melakukannya, buka file psd setiap halaman ke Photoshop dan simpan grafik di lapisan bawah sebagai file png terpisah.

1. Pilih lapisan bawah yang berisi grafik latar belakang untuk halaman tersebut.
   
   
2. Dari menu, klik Edit - Salin.
   
   
3. Mulai jendela gambar beresolusi 1024 x 768 x 72 yang baru.
   
   
4. Klik Edit - Tempel.
   
   
5. Simpan file baru sebagai cover.png.
   
   
6. Ulangi ini untuk setiap halaman buku Anda, beri nama file png secara berurutan (yaitu cover.png, page1.png, page2.png dll.).
   
   

Sekarang kita akan membangun halaman sampul buku di file fla baru.

1. Pada Frame 1 dari Timeline utama, ubah nama layer 1 menjadi "halaman".
   
   
2. Klik File - Impor - Impor ke Tahap dan pilih file cover.png.
   
   
3. Klik kanan pada png dan pilih Terselubung ke Simbol.
   
   
4. Setel Jenis Klip Video dan pilih kotak centang untuk Ekspor untuk ActionScript.
   
   
5. Beri nama simbol "sampul".
   
   
6. Pada panel Properties berikan Nama Instance jika "cover".
   
   

Kami akan menggunakan file cover.png pada dua frame dan memulai halaman pertama buku pada Frame 3.

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 [a] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.

Petunjuk Video: Disney MOANA: Beware The Kakamora! - iOS | Disney Storybook (Mungkin 2024).