ส่งออกภาพเคลื่อนไหว Photoshop ไปเป็นลำดับ PNG

• อาจ 7, 2024

จนถึงตอนนี้เราได้สร้าง Photoshop ที่ง่ายมาก^R แอนิเมชั่นที่มี 6 เฟรมเท่านั้น เมื่อเราเล่นภาพเคลื่อนไหวเราจะเห็นว่าลูกบอลเคลื่อนที่ขึ้นไปด้านบนของหน้าต่างภาพจากนั้นก็ตกลงไปที่ด้านล่าง ก่อนที่เราจะส่งออกเฟรมของแอนิเมชันเป็นลำดับ PNG เราต้องทำให้ลูกบอลมีความนุ่มนวลขึ้นเล็กน้อย ภาพเคลื่อนไหวของเราจะดูสมจริงมากขึ้นถ้าเราเพิ่มเฟรมให้กับลูกที่ตกลงมา เราจะทำสิ่งนี้โดยจัดการกับเฟรมและเล่นในสิ่งที่ตรงกันข้าม

1. เลือกเฟรม 2 - 5 ในแผงภาพเคลื่อนไหวและเลือกคัดลอกเฟรมจากเมนูแผง (ไอคอนที่มุมบนขวา)
   
   
2. เลือกเฟรม 6 และเลือกวางเฟรมจากเมนูแผง ในกล่องโต้ตอบวางเฟรมเลือกวางหลังจากการเลือก
   
   
3. เฟรมที่วางควรปรากฏหลังเฟรม 6 และควรเลือกไว้ จากเมนูพาเนลเลือกสลับเฟรม
   
   

ตอนนี้เรามี 10 เฟรมสำหรับอนิเมชั่นของเรา เล่นภาพเคลื่อนไหวและลูกบอลควรเลื่อนขึ้นและกลับลงในอัตราเดียวกัน

บันทึกไฟล์ภาพเคลื่อนไหวในรูปแบบ Photoshop เริ่มต้นเป็น ball.psd

งานต่อไปของเราคือส่งออกเฟรมของภาพเคลื่อนไหวเป็น PNG แยกตามลำดับ แม้ว่าอัตราเฟรมของ. 2 fps นั้นดีสำหรับอนิเมชั่นดั้งเดิม แต่เราต้องเปลี่ยนเป็น 1 fps สำหรับกระบวนการส่งออก

1. ในแผงภาพเคลื่อนไหวเปลี่ยน. 2 วินาทีเป็น 1 วินาทีในแต่ละ 10 เฟรม
   
   
2. เลือกเฟรม 1 ในแผงภาพเคลื่อนไหวแล้วคลิกไฟล์ - ส่งออก - วิดีโอแสดงผล
   
   
3. ในส่วนตำแหน่งของกล่องโต้ตอบวิดีโอ Render ให้เลือกโฟลเดอร์ปลายทางสำหรับภาพ PNG คุณสามารถวาง PNG ในโฟลเดอร์ย่อยโดยอัตโนมัติหากคุณเลือก
   
   
4. ในส่วนตัวเลือกไฟล์เลือกลำดับภาพและกำหนดประเภทเป็น PNG รักษาค่าเริ่มต้นเริ่มต้นของ 0 และตั้งค่าตัวเลขเป็น 1 ซึ่งจะทำให้ PNG เอาท์พุทเป็นชื่อ ball0.png ผ่าน ball9.png (โดยไม่มีศูนย์นำหน้า)
   
   
5. รักษาขนาดเริ่มต้นให้เป็นขนาดเอกสาร นี่ควรเป็น 256 x 256 ตามที่เราตั้งไว้ที่จุดเริ่มต้นของบทช่วยสอน
   
   
6. ในส่วนช่วงเลือกเฟรมทั้งหมดเพื่อส่งออกเฟรมทั้งหมดจากภาพเคลื่อนไหว
   
   
7. ในส่วนตัวเลือกการแสดงผลให้ตั้งค่าช่องอัลฟ่าเป็นไม่มีและตั้งค่าเฟรมเรทไว้ที่ 1 เฟรมต่อวินาที
   
   
8. คลิกที่ปุ่มแสดงผลและคุณจะเห็น 10 pngs ปรากฏขึ้นในโฟลเดอร์เอาท์พุทของคุณ
   
   

ตอนนี้เรามีลำดับ PNG ของเราสำหรับนำเข้าสู่ TexturePacker

←ย้อนกลับ | ถัดไป→

ลิขสิทธิ์ 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 ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ