วิธีสร้างแอนิเมชั่นแฟลช (พร้อมรูปภาพ)

สารบัญ:

วิธีสร้างแอนิเมชั่นแฟลช (พร้อมรูปภาพ)
วิธีสร้างแอนิเมชั่นแฟลช (พร้อมรูปภาพ)

วีดีโอ: วิธีสร้างแอนิเมชั่นแฟลช (พร้อมรูปภาพ)

วีดีโอ: วิธีสร้างแอนิเมชั่นแฟลช (พร้อมรูปภาพ)
วีดีโอ: Adobe Genuine Software Integrity Service Pop up วิธีแก้ 2024, เมษายน
Anonim

Flash เป็นสื่อชั้นนำสำหรับแอนิเมชั่นบนอินเทอร์เน็ต และแม้กระทั่งในรูปแบบอื่นๆ เช่น โทรทัศน์ การสร้าง Flash Animation อย่างง่ายใน Flash นั้นค่อนข้างง่ายที่จะทำสำเร็จ เนื่องจาก Flash มีเครื่องมือที่มีประโยชน์มากมายที่ทำให้กระบวนการทั้งหมดง่ายขึ้น หากคุณมีไอเดียสำหรับแอนิเมชั่น Flash หรือการ์ตูน คุณอาจจะร่างคร่าวๆ ได้ในเวลาเพียงไม่กี่ชั่วโมง ดูขั้นตอนที่ #1 ด้านล่างเพื่อเรียนรู้วิธีการ สร้างแอนิเมชั่นแฟลช.

การสนับสนุน Adobe Flash สิ้นสุดในเดือนธันวาคม 2020 หลังจากนั้นจะไม่สามารถใช้ Flash ได้อีก

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 1
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 1

ขั้นตอนที่ 1. ทำความเข้าใจพื้นฐานของแอนิเมชั่นแบบเฟรมต่อเฟรม

นี่ถือเป็นวิธีการแอนิเมชั่น "ดั้งเดิม" ซึ่งแต่ละเฟรมมีภาพเดียวกันแต่มีการปรับเปลี่ยนเล็กน้อย เมื่อเล่นเฟรมด้วยกัน ภาพจะดูเหมือนเคลื่อนไหว นี่เป็นเทคนิคพื้นฐานแบบเดียวกับที่ใช้โดยนักสร้างแอนิเมชั่นด้วยมือแบบเดิมๆ และใช้เวลานานกว่าการปรับแต่ง (ดูหัวข้อถัดไป)

ตามค่าเริ่มต้น Flash จะสร้างภาพเคลื่อนไหวที่ 24 เฟรมต่อวินาที (FPS) นั่นหมายความว่า 1 วินาทีของแอนิเมชั่นจะมี 24 เฟรม แต่ไม่ใช่ทุกเฟรมจะต้องแตกต่างกัน คุณสามารถปรับเปลี่ยนได้หากต้องการ และแอนิเมชั่น Flash จำนวนมากใช้ 12 FPS แต่ 24 จะสร้างแอนิเมชั่นที่ดู "ราบรื่นกว่า" มาก

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 2
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 2

ขั้นตอนที่ 2 ติดตั้ง Flash Professional

มีโปรแกรมแอนิเมชั่น Flash ให้เลือกมากมาย แต่โปรแกรม Adobe Flash Professional CC ที่ทรงพลังที่สุด คุณสามารถติดตั้งรุ่นทดลองใช้ได้ฟรี หรือใช้ผลิตภัณฑ์อื่นได้หากการสมัครใช้งาน Creative Cloud ของ Adobe ไม่น่าสนใจสำหรับคุณ ส่วนที่เหลือของบทความนี้จะอ้างอิงถึง Flash Professional หรือโปรแกรมตัดต่ออื่นๆ ว่า "Flash"

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 3
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 3

ขั้นตอนที่ 3 สร้างทรัพย์สินของคุณ

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

หากคุณต้องการให้รูปภาพของคุณขยายขนาดโดยไม่ลดทอนคุณภาพ คุณจะต้องสร้างเป็นเวกเตอร์แทนที่จะเป็นแรสเตอร์ ภาพเวกเตอร์จะวาดใหม่ทุกครั้งที่มีการปรับขนาด ซึ่งหมายความว่าจะไม่มีการแตกพิกเซลหรือนามแฝงใดๆ รูปภาพแรสเตอร์เป็นรูปภาพดั้งเดิมที่คุณคุ้นเคย (รูปภาพ ระบายสีรูปภาพ ฯลฯ) สิ่งเหล่านี้ไม่สามารถปรับขนาดได้ดีและอาจดูน่าเกลียดมากหากคุณต้องการทำให้มันใหญ่ขึ้น

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 4
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 4

ขั้นตอนที่ 4 สร้างเฟรมแรกของคุณ

เมื่อคุณเริ่มใช้ Flash ครั้งแรก คุณจะมีเลเยอร์ว่างและไทม์ไลน์ที่ว่างเปล่า เมื่อคุณเพิ่มเฟรม ไทม์ไลน์ของคุณจะถูกเติมโดยอัตโนมัติ คุณสามารถโต้ตอบกับเลเยอร์ได้มากในลักษณะเดียวกับที่ทำใน Photoshop

  • ก่อนเพิ่มรูปภาพของคุณ ให้สร้างพื้นหลังพื้นฐานสำหรับภาพยนตร์ของคุณ เปลี่ยนชื่อเลเยอร์ 1 เป็น "พื้นหลัง" แล้วล็อกเลเยอร์ สร้างเลเยอร์ที่สองและตั้งชื่อตามที่คุณต้องการ นี่จะเป็นเลเยอร์ที่คุณสร้างแอนิเมชั่นของคุณ
  • เพิ่มภาพวาดของคุณไปยังผืนผ้าใบในเฟรมแรก คุณสามารถนำเข้าภาพวาดจากคอมพิวเตอร์ของคุณ หรือคุณสามารถใช้เครื่องมือวาดภาพของ Flash เพื่อสร้างภาพวาดในโปรแกรมได้โดยตรง
  • เฟรมแรกของคุณจะเป็นคีย์เฟรม คีย์เฟรมคือเฟรมที่มีรูปภาพและเป็นแกนหลักของแอนิเมชันของคุณ คุณจะสร้างคีย์เฟรมใหม่ทุกครั้งที่รูปภาพเปลี่ยนไป
  • คีย์เฟรมแสดงด้วยจุดสีดำในไทม์ไลน์
  • คุณไม่จำเป็นต้องมีรูปภาพใหม่ในแต่ละเฟรม โดยทั่วไป การมีคีย์เฟรมทุกๆ 4-5 เฟรมจะสร้างแอนิเมชั่นที่ดี
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 5
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 5

ขั้นตอนที่ 5. เปลี่ยนรูปวาดของคุณเป็นสัญลักษณ์

ด้วยการเปลี่ยนภาพวาดของคุณให้เป็นสัญลักษณ์ คุณสามารถเพิ่มได้หลายครั้งในเฟรมเดียว สิ่งนี้มีประโยชน์อย่างยิ่งหากคุณต้องการสร้างวัตถุหลายชิ้นอย่างรวดเร็ว เช่น ฝูงปลา

  • เลือกรูปวาดทั้งหมดของคุณ คลิกขวาที่การเลือกและเลือก "แปลงเป็นสัญลักษณ์" การดำเนินการนี้จะเพิ่มรูปภาพลงในห้องสมุดซึ่งคุณสามารถเข้าถึงได้อย่างรวดเร็วในอนาคต
  • ลบภาพวาด ไม่ต้องกังวล! คุณจะเพิ่มกลับเข้าไปในฉากโดยเพียงแค่ลากวัตถุจากไลบรารีของคุณ คุณสามารถเพิ่มภาพวาดเดียวกันได้หลายภาพในฉากของคุณอย่างง่ายดาย!
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 6
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 6

ขั้นตอนที่ 6 เพิ่มเฟรมว่าง

เมื่อคุณมีเฟรมแรกพร้อมแล้ว คุณสามารถเพิ่มเฟรมเปล่าที่จะอยู่ระหว่างคีย์เฟรมแรกและคีย์เฟรมที่สอง กด F5 สี่หรือห้าครั้งเพื่อเพิ่มเฟรมเปล่าหลังคีย์เฟรมแรกของคุณ

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่7
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่7

ขั้นตอนที่ 7 สร้างคีย์เฟรมที่สองของคุณ

เมื่อคุณเพิ่มเฟรมเปล่าสองสามเฟรมแล้ว คุณก็พร้อมที่จะสร้างคีย์เฟรมที่ 2 แล้ว โดยพื้นฐานแล้วมีสองวิธีที่คุณสามารถทำได้: คุณสามารถคัดลอกคีย์เฟรมที่มีอยู่และทำการปรับเปลี่ยนเล็กน้อย หรือคุณสามารถสร้างคีย์เฟรมเปล่าและแทรกรูปภาพใหม่ หากคุณกำลังใช้งานศิลปะที่สร้างขึ้นในโปรแกรมอื่น คุณจะต้องใช้วิธีที่สอง หากคุณสร้างงานศิลปะโดยใช้เครื่องมือออกแบบของ Flash ให้ใช้วิธีแรก

  • หากต้องการสร้างคีย์เฟรมโดยใช้เนื้อหาของคีย์เฟรมก่อนหน้า ให้กด F6 หากต้องการสร้างคีย์เฟรมเปล่า ให้คลิกขวาที่เฟรมสุดท้ายในไทม์ไลน์และเลือก "แทรกคีย์เฟรมเปล่า" ทุกอย่างในฉากของคุณจะถูกลบออก
  • เมื่อคุณสร้างคีย์เฟรมที่ 2 แล้ว คุณจะต้องทำการปรับเปลี่ยนรูปภาพเพื่อให้เกิดเอฟเฟกต์ของการเคลื่อนไหว หากคุณกำลังใช้เครื่องมือออกแบบของ Flash คุณสามารถใช้เครื่องมือ Transform เพื่อเลือกแง่มุมต่างๆ ของภาพวาดและขยับเล็กน้อยได้ เช่น แขนของคนถือไม้เท้า
  • หากคุณกำลังแทรกอาร์ตใหม่สำหรับแต่ละคีย์เฟรม คุณจะต้องแน่ใจว่ามันถูกวางไว้ในตำแหน่งเดียวกันหรือในตำแหน่งตรรกะถัดไปบนหน้าจอ เพื่อให้แน่ใจว่างานศิลปะจะไม่กระโดดไปมาระหว่างเฟรม
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 8
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 8

ขั้นตอนที่ 8 ทำซ้ำขั้นตอน

เมื่อคุณสร้างคีย์เฟรมสองรายการแล้ว ก็ถึงเวลาทำซ้ำ คุณจะต้องทำซ้ำตามขั้นตอนเดิมจนกว่าคุณจะทำแอนิเมชั่นเสร็จ เพิ่มเฟรมว่างสองสามเฟรมระหว่างแต่ละคีย์เฟรม และตรวจสอบให้แน่ใจว่าการเคลื่อนไหวของคุณดูลื่นไหล

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

ส่วนที่ 2 จาก 3: การสร้างแอนิเมชั่นแบบจุดต่อจุด (Tweening)

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 9
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 9

ขั้นตอนที่ 1. ทำความเข้าใจพื้นฐานของการทวีต

Flash มีฟังก์ชันที่เรียกว่า tweening ซึ่งช่วยให้คุณกำหนดจุดเริ่มต้นและจุดสิ้นสุดของวัตถุได้ จากนั้น Flash จะย้ายและแปลงวัตถุตามการตั้งค่าของคุณระหว่างจุดสองจุดนี้ ทำให้เกิดภาพลวงตาของแอนิเมชัน คุณไม่จำเป็นต้องสร้างรูปภาพสำหรับทุกคีย์เฟรมเหมือนกับที่คุณทำกับแอนิเมชั่นแบบเฟรมต่อเฟรม

  • Tweening มีประโยชน์อย่างยิ่งสำหรับการสร้างเอฟเฟกต์ "morphing" โดยที่วัตถุหนึ่งชิ้นจะกลายเป็นวัตถุอื่นตลอดระยะเวลาของแอนิเมชัน
  • แอนิเมชั่นแบบเฟรมต่อเฟรมและการปรับแต่งสามารถใช้ร่วมกันในภาพยนตร์เรื่องเดียวกันได้
  • คุณสามารถมีวัตถุที่เคลื่อนไหวได้ครั้งละหนึ่งชิ้นเท่านั้น ซึ่งหมายความว่าหากคุณต้องการให้วัตถุหลายชิ้นเคลื่อนไหวพร้อมกัน วัตถุทั้งหมดจะต้องอยู่ในเลเยอร์ที่แยกจากกัน
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 10
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 10

ขั้นตอนที่ 2 สร้างวัตถุแรกของคุณ

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

  • ก่อนเพิ่มภาพของคุณ ให้สร้างพื้นหลังพื้นฐานสำหรับภาพยนตร์ของคุณ เปลี่ยนชื่อเลเยอร์ 1 เป็น "พื้นหลัง" แล้วล็อกเลเยอร์ สร้างเลเยอร์ที่สองและตั้งชื่อตามที่คุณต้องการ นี่จะเป็นเลเยอร์ที่คุณสร้างแอนิเมชั่นของคุณ
  • ขอแนะนำเป็นอย่างยิ่งให้คุณใช้เครื่องมือออกแบบในตัวของ Flash หรือนำเข้ารูปภาพจากโปรแกรมวาดภาพเวกเตอร์ เวกเตอร์สามารถปรับขนาดได้อย่างง่ายดายโดยไม่ผิดเพี้ยน ในขณะที่ภาพแรสเตอร์แบบดั้งเดิมจะไม่ปรับขนาดและแปลงได้ดี
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 11
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 11

ขั้นตอนที่ 3 แปลงวัตถุของคุณเป็นสัญลักษณ์

ในการที่จะทวีวัตถุของคุณ คุณจะต้องแปลงวัตถุให้เป็นสัญลักษณ์ นี่คือรูปแบบสำหรับออบเจ็กต์ที่ Flash ใช้เพื่อจัดการ หากคุณพยายามปรับแต่งวัตถุที่ยังไม่ได้สร้างสัญลักษณ์ คุณจะได้รับแจ้งให้ดำเนินการดังกล่าวก่อน

คลิกขวาที่วัตถุและเลือก "แปลงเป็นสัญลักษณ์" ระบบจะเพิ่มวัตถุลงในไลบรารี ซึ่งทำให้ง่ายต่อการโคลนวัตถุ

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 12
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 12

ขั้นตอนที่ 4 สร้างการเคลื่อนไหวครั้งแรกของคุณ

Motion Tween จะย้ายวัตถุจากตำแหน่งหนึ่งไปยังอีกตำแหน่งหนึ่ง คลิกขวาที่สัญลักษณ์ในฉากของคุณแล้วเลือก "สร้าง Motion Tween" ระบบจะเพิ่ม 24 เฟรมลงในไทม์ไลน์ของคุณ เนื่องจากเป็นความยาวเริ่มต้นของทวีต โปรดจำไว้ว่า ตามค่าเริ่มต้น Flash จะเคลื่อนไหวที่ 24 เฟรมต่อวินาที ซึ่งหมายความว่าการเคลื่อนไหวนี้จะใช้เวลาหนึ่งวินาทีในการดำเนินการ

เมื่อคุณสร้าง Tween การเคลื่อนไหว คุณจะถูกย้ายไปยังเฟรมสุดท้ายของ Tween โดยอัตโนมัติ

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 13
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 13

ขั้นตอนที่ 5. สร้างวิถี

เมื่อคุณสร้างทวีตแล้ว คุณสามารถย้ายวัตถุไปยังตำแหน่งที่คุณต้องการให้สิ้นสุดได้ Flash จะแสดงเส้นวิถีซึ่งมีจุดเพื่อแสดงตำแหน่งของวัตถุสำหรับแต่ละเฟรมของทวีต

เมื่อคุณสร้างวิถีแรก มันจะเป็นเส้นตรงจากจุดเริ่มต้นไปยังจุดสิ้นสุด

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 14
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 14

ขั้นตอนที่ 6 ขยายเฟรมพื้นหลังของคุณ

หากคุณรันแอนิเมชั่นของคุณตอนนี้ วัตถุของคุณจะเคลื่อนที่ไปตามวิถี แต่พื้นหลังของคุณจะหายไปหลังจากหนึ่งเฟรม ในการแก้ไขปัญหานี้ คุณจะต้องขยายพื้นหลังของคุณในทุกเฟรมของแอนิเมชัน

เลือกเลเยอร์พื้นหลังของคุณในไทม์ไลน์ คลิกเฟรมสุดท้ายบนไทม์ไลน์ของคุณ ซึ่งควรเป็นเฟรมที่สิ้นสุดการเคลื่อนไหวของคุณ กด F5 เพื่อแทรกเฟรมจนถึงจุดนี้ ซึ่งจะทำให้พื้นหลังของคุณแสดงตลอดช่วงทวีตทั้งหมด

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 15
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 15

ขั้นตอนที่ 7 เพิ่มคีย์เฟรม

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

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 16
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 16

ขั้นตอนที่ 8 ปรับวิถีการทวีตของคุณ

หากต้องการเปลี่ยนเส้นทางของวัตถุ คุณสามารถคลิกและลากเครื่องหมายตำแหน่งเฟรมแต่ละรายการบนเส้นทางไปยังตำแหน่งใหม่ได้ หลีกเลี่ยงการเปลี่ยนเส้นทางมากเกินไป มิฉะนั้นวัตถุจะเคลื่อนที่ในลักษณะที่ไม่อยู่กับร่องกับรอย (เว้นแต่นี่คือเป้าหมายของคุณ!)

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 17
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 17

ขั้นตอนที่ 9 แปลงวัตถุของคุณ

เมื่อคุณสร้างคีย์เฟรมและวิถีการเคลื่อนที่แล้ว คุณสามารถเปลี่ยนวัตถุเพื่อให้วัตถุเปลี่ยนแปลงเมื่อเคลื่อนที่ผ่านวิถีการเคลื่อนที่ของ Tween คุณสามารถเปลี่ยนรูปร่าง สี การหมุน ขนาด และคุณสมบัติอื่นๆ ของวัตถุได้

  • เลือกเฟรมที่คุณต้องการให้การแปลงเกิดขึ้น
  • เปิดแผงคุณสมบัติของวัตถุ คุณสามารถกด Ctrl+F3 หากแผงไม่ปรากฏอยู่ในขณะนี้
  • เปลี่ยนค่าใดๆ ในหน้าต่าง Properties เพื่อให้มีผลกับวัตถุ ตัวอย่างเช่น คุณสามารถเปลี่ยนสีหรือสี เพิ่มฟิลเตอร์ หรือเปลี่ยนมาตราส่วน
  • คุณยังสามารถใช้เครื่องมือ Free Transform เพื่อเปลี่ยนรูปร่างได้อย่างอิสระตามที่คุณต้องการ
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 18
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 18

ขั้นตอนที่ 10. แต่งแต้มสีสันให้กับทวีตของคุณ

ทดสอบการเคลื่อนไหวของคุณโดยกด Ctrl+↵ Enter ตรวจสอบให้แน่ใจว่าการแปลงดูดีและภาพเคลื่อนไหวกำลังเคลื่อนที่ด้วยความเร็วที่ถูกต้อง หากแอนิเมชั่นของคุณเคลื่อนไหวเร็วเกินไป คุณสามารถลด FPS ของฉากหรือเพิ่มช่วงทวีน

  • ตามค่าเริ่มต้น FPS คือ 24 ดังนั้นให้ลองลดระดับเป็น 12 โดยคลิกนอกฉากแล้วเปลี่ยน FPS ในแผงคุณสมบัติ การเปลี่ยนเป็น 12 จะเพิ่มความยาวของแอนิเมชั่นของคุณเป็นสองเท่า แต่อาจทำให้ "กระตุก" มากขึ้น
  • หากต้องการเปลี่ยน Tween span ให้เลือกเลเยอร์ที่มี Tween และใช้แถบเลื่อนเพื่อดึงออก หากคุณต้องการให้ทวีตยาวเป็นสองเท่า ให้ขยายเป็น 48 เฟรม ตรวจสอบให้แน่ใจว่าได้แทรกเฟรมเปล่าในเลเยอร์พื้นหลังของคุณ เพื่อไม่ให้พื้นหลังหายไปครึ่งทางของแอนิเมชั่น หากต้องการขยายพื้นหลัง ให้เลือกเลเยอร์ คลิกเฟรมสุดท้ายของภาพเคลื่อนไหวในไทม์ไลน์ แล้วกด F5

ส่วนที่ 3 จาก 3: การเพิ่มเสียงและดนตรี

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 19
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 19

ขั้นตอนที่ 1. บันทึกหรือค้นหาเอฟเฟกต์เสียงและเพลงของคุณ

คุณสามารถเพิ่มเอฟเฟกต์เสียงให้กับการกระทำที่เกิดขึ้นในแอนิเมชั่นของคุณเพื่อช่วยให้มันโดดเด่นและมีเอกลักษณ์เฉพาะตัว ดนตรีทำให้แอนิเมชั่นของคุณดูสมจริงยิ่งขึ้น และสามารถทำให้แอนิเมชั่นที่ดีกลายเป็นแอนิเมชั่นที่น่าทึ่งได้ Flash รองรับไฟล์ได้หลากหลายรูปแบบ รวมถึง AAC, MP3, WAV และ AU เลือกไฟล์ที่ให้คุณภาพดีที่สุดสำหรับขนาดไฟล์ที่ต่ำที่สุด

โดยทั่วไป MP3 จะให้คุณภาพเสียงที่ยอมรับได้อย่างสมบูรณ์ในขณะที่รักษาขนาดไฟล์ให้น้อยที่สุด หลีกเลี่ยงไฟล์ WAV ถ้าเป็นไปได้ เนื่องจากไฟล์เหล่านี้มักมีขนาดค่อนข้างใหญ่

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 20
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 20

ขั้นตอนที่ 2 นำเข้าไฟล์เสียงไปยังห้องสมุดของคุณ

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

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 21
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 21

ขั้นตอนที่ 3 สร้างเลเยอร์ใหม่สำหรับแต่ละไฟล์เสียง

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

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 22
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 22

ขั้นตอนที่ 4 สร้างคีย์เฟรมที่จะเริ่มเสียง

บนเลเยอร์ของเสียง ให้เลือกเฟรมในแอนิเมชั่นที่คุณต้องการให้เริ่มเสียง กด F7 เพื่อแทรกคีย์เฟรมเปล่า ตัวอย่างเช่น หากคุณต้องการรวมไฟล์เพลงที่เล่นในช่วงเวลาของแอนิเมชั่น ให้เลือกเฟรมแรกบนเลเยอร์ของไฟล์เพลง หากคุณกำลังเพิ่มกล่องโต้ตอบสำหรับตัวละคร ให้เลือกกรอบที่ตัวละครเริ่มพูด

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 23
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 23

ขั้นตอนที่ 5. เพิ่มไฟล์เสียงหรือเพลง

ในกรอบคุณสมบัติ คุณจะเห็นส่วนเสียง คุณอาจต้องขยายเพื่อดูตัวเลือก คลิกเมนู "ชื่อ" และเลือกไฟล์ที่คุณต้องการจากไลบรารีของคุณ

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 24
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 24

ขั้นตอนที่ 6 กำหนดค่าไฟล์เสียง

เมื่อคุณเลือกไฟล์แล้ว คุณสามารถกำหนดค่าว่าจะเล่นอย่างไร สิ่งที่คุณเลือกจะขึ้นอยู่กับสิ่งที่คุณต้องการให้เสียงทำในแอนิเมชั่น คุณสามารถเปลี่ยนการตั้งค่าเอฟเฟกต์ การซิงค์ และการเล่นซ้ำของแต่ละเสียงได้โดยใช้เมนูใต้เมนูชื่อในกรอบคุณสมบัติ

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

ขั้นตอนที่ 7 เสร็จสิ้นโครงการของคุณ

เมื่อคุณทำโปรเจ็กต์เสร็จแล้ว ให้บันทึกเป็นไฟล์ SWF ซึ่งเป็นรูปแบบที่ใช้เล่นภาพยนตร์ คุณสามารถเล่นได้ในแทบทุกเว็บเบราว์เซอร์ หรือใช้ Flash Player เฉพาะเพื่อรับชม นอกจากนี้ยังมีไซต์ต่างๆ มากมายที่คุณสามารถอัปโหลดให้ผู้อื่นได้ดู เช่น Newgrounds, Albino Blacksheep และ Kongregate

สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 26
สร้างแอนิเมชั่นแฟลช ขั้นตอนที่ 26

ขั้นตอนที่ 8 ดำเนินโครงการในอนาคตของคุณต่อไป

คู่มือนี้จะกล่าวถึงพื้นฐานของการสร้างแอนิเมชั่น แต่ยังมีอีกมากมายที่คุณสามารถเรียนรู้และทำ เพิ่มปุ่มสองสามปุ่มและเส้นทางแยก และคุณมีเกมผจญภัยแบบเลือกได้เอง คุณสามารถใช้หลักสูตรเร่งรัดใน ActionScript และควบคุมรายละเอียดปลีกย่อยของแอนิเมชั่นของคุณได้มากขึ้น ทำการทดลองต่อไป และในไม่ช้าคุณจะพบว่าตัวเองได้เรียนรู้กลเม็ดและการใช้งานทุกประเภท

แนะนำ: