ปกคลุมกราฟิกสำหรับแอป Storybook ของ Flash iOS

• เมษายน 28, 2024

ในบทช่วยสอนนี้เราจะสร้างคลิปภาพยนตร์สำหรับแต่ละหน้าของนิทานของแอพ Flash iOS และวางไว้บนไทม์ไลน์หลักเพื่อเตรียมการสร้างการนำทางหน้า

สำหรับผู้อ่านที่สร้างเฟสที่หนึ่งของบทช่วยสอนเพื่อสร้างอินโทรแอนนิเมชั่นสำหรับนิทานของพวกเขาให้วางไฟล์ fla นี้ไว้ข้างบนแล้วเริ่มไฟล์โครงการใหม่

เราจะเริ่มต้นด้วยการเริ่ม Flash ใหม่^R ไฟล์โครงการแอป iOS ที่มีความกว้าง 1024 ความสูง 768 และอัตราเฟรม 24 ถึง 30 มิติเหล่านี้ใช้สำหรับเค้าโครงแนวนอน คุณสามารถสร้างเลย์เอาต์แนวตั้งได้โดยตั้งค่าความกว้างเป็น 768 และความสูงเป็น 1024 ดูที่บทแนะนำสองสามข้อแรกในเฟสแรกสำหรับวิธีเริ่มโครงการ iOS ใหม่

ฉันสมมติว่าคุณได้สร้าง Photoshop ขึ้นมาแล้ว^R ไฟล์ psd สำหรับแต่ละหน้าของหนังสือของคุณ ไฟล์นี้ควรมีกราฟิกพื้นหลังที่ชั้นล่าง องค์ประกอบการออกแบบส่วนบุคคลที่ไม่รวมอยู่ในเลเยอร์พื้นหลังควรอยู่ในเลเยอร์ของตัวเองด้านบน อ้างถึงบทช่วยสอนแรก ๆ ในขั้นตอนที่หนึ่งสำหรับวิธีการเตรียมไฟล์ Photoshop ของคุณ

หากคุณยังไม่ได้ดำเนินการให้เปิดไฟล์ psd ของแต่ละหน้าเป็น Photoshop และบันทึกกราฟิกที่เลเยอร์ด้านล่างเป็นไฟล์ png แยกต่างหาก

1. เลือกเลเยอร์ด้านล่างที่มีกราฟิกพื้นหลังสำหรับหน้า
   
   
2. จากแถบเมนูคลิกแก้ไข - คัดลอก
   
   
3. เริ่มหน้าต่างภาพความละเอียด 1024 x 768 x 72 ใหม่
   
   
4. คลิกแก้ไข - วาง
   
   
5. บันทึกไฟล์ใหม่เป็น cover.png
   
   
6. ทำซ้ำสำหรับแต่ละหน้าของหนังสือของคุณตั้งชื่อไฟล์ png ตามลำดับ (เช่น cover.png, page1.png, page2.png เป็นต้น)
   
   

ตอนนี้เราจะสร้างใบปะหน้าสำหรับหนังสือในไฟล์ fla ใหม่

1. บน Frame 1 ของ Timeline หลักให้เปลี่ยนชื่อ layer 1 เป็น "pages"
   
   
2. คลิกไฟล์ - นำเข้า - นำเข้าสู่สเตจและเลือกไฟล์ cover.png
   
   
3. คลิกขวาที่ png และเลือก Covert to Symbol
   
   
4. ตั้งค่าประเภทของคลิปภาพยนตร์และเลือกช่องทำเครื่องหมายสำหรับส่งออกสำหรับ ActionScript
   
   
5. ตั้งชื่อสัญลักษณ์ "cover"
   
   
6. ในแผงคุณสมบัติให้ชื่ออินสแตนซ์หาก "ครอบคลุม"
   
   

เราจะใช้ไฟล์ cover.png ในสองเฟรมและเริ่มต้นหน้าแรกของหนังสือใน Frame 3

สำคัญ: บทเรียนการพัฒนาแอปเหล่านี้เขียนขึ้นโดยคำนึงถึง Flash สามเณร คุณจะต้องเพิ่มประสิทธิภาพแอปของคุณเกินกว่าสิ่งที่กล่าวถึงในบทช่วยสอนเหล่านี้ก่อนที่จะจบแอปของคุณสำหรับ app store


ลิขสิทธิ์ 2018 Adobe Systems Incorporated สงวนลิขสิทธิ์. ภาพหน้าจอผลิตภัณฑ์ Adobe พิมพ์ซ้ำได้รับอนุญาตจาก Adobe Systems Incorporated Adobe, Photoshop, อัลบั้ม Photoshop, องค์ประกอบ Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, องค์ประกอบรอบปฐมทัศน์, สะพาน, After Effects, InCopy, Dreamweaver, แฟลช, ActionScript, ดอกไม้ไฟ, Contribute, Flash Catalyst และ Flash Paper เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ