Flash iOS Storybook App için Kapak Grafiği

• Mayıs Ayı 11, 2024

Bu öğreticide, Flash iOS uygulama hikaye kitabının her sayfası için film klipleri oluşturacağız ve sayfa navigasyonunu oluşturmaya hazırlık olarak bunları ana Zaman Çizelgesi'ne yerleştireceğiz.

Hikaye kitabı için animasyonlu tanıtımı yapmak için Öğretici Birinci Aşama'yı oluşturan okuyucular için bu fla dosyasını bir kenara koyun ve yeni bir proje dosyası başlatın.

Başlangıçta yeni bir Flash ile başlayacağız^R, 1024 genişlik, 768 yükseklik ve 24 ila 30 Kare Hızına sahip iOS uygulama projesi dosyası. Bu boyutlar bir manzara düzeni içindir. Genişliği 768'e ve yüksekliği 1024'e ayarlayarak bir portre düzeni oluşturabilirsiniz. Yeni bir iOS projesine nasıl başlayacağınız için Birinci Aşama'daki ilk eğiticilere bakın.

Zaten bir Photoshop oluşturduğunuzu varsayıyorum^R, kitabınızın her sayfası için psd dosyası. Bu dosya alt katmandaki arka plan grafiğini içermelidir. Arka plan katmanına dahil olmayan tasarım öğeleri, yukarıda kendi katmanlarında olmalıdır. Photoshop dosyalarınızı nasıl hazırlayacağınız için Birinci Aşama'daki ilk birkaç eğiticiye bakın.

Henüz yapmadıysanız, her sayfanın psd dosyasını Photoshop'a açın ve alt katmandaki grafiği ayrı bir png dosyası olarak kaydedin.

1. Sayfanın arka plan grafiğini içeren alt katmanı seçin.
   
   
2. Menubar'dan Düzenle - Kopyala'yı tıklayın.
   
   
3. Yeni bir 1024 x 768 x 72 çözünürlüklü görüntü penceresi başlatın.
   
   
4. Düzenle - Yapıştır'ı tıklayın.
   
   
5. Yeni dosyayı cover.png kaydedin.
   
   
6. PNG dosyalarını sırayla adlandırarak kitabınızın her sayfası için bunu tekrarlayın (ör. Cover.png, page1.png, page2.png vb.).
   
   

Şimdi yeni fla dosyasında kitabın kapak sayfasını oluşturacağız.

1. Ana Zaman Çizelgesi'nin Kare 1'inde, katman 1'i "sayfalar" olarak yeniden adlandırın.
   
   
2. Dosya - İçe Aktar - Sahne Alanına Aktar'ı tıklayın ve cover.png dosyasını seçin.
   
   
3. Png'ye sağ tıklayın ve Sembole Dönüştür'ü seçin.
   
   
4. Film Klibi Türünü ayarlayın ve ActionScript için Dışa Aktar onay kutusunu seçin.
   
   
5. Sembolü "cover" olarak adlandırın.
   
   
6. Özellikler panelinde "kapak" ise bir Örnek Adı verin.
   
   

Cover.png dosyasını iki çerçevede kullanacağız ve kitabın ilk sayfasına Çerçeve 3'te başlayacağız.

ÖNEMLİ: Bu uygulama geliştirme eğitimleri Flash acemi düşünülerek yazılmıştır. Uygulamanızı uygulama mağazası için sonlandırmadan önce uygulamanızı bu eğiticilerin kapsamının ötesinde optimize etmeniz gerekecektir.


Telif Hakkı 2018 Adobe Systems Incorporated. Tüm hakları Saklıdır. Adobe ürün ekran görüntüleri, Adobe Systems Incorporated'ın izniyle kullanılmıştır. Adobe, Photoshop, Photoshop Albümü, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Köprü, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Havai Fişek, Contribute, Captivate, Flash Catalyst ve Flash Paper Amerika Birleşik Devletleri ve / veya diğer ülkelerde Adobe Systems Incorporated'in [a] tescilli ticari markaları veya ticari markalarıdır.