บทเรียนแอนิเมชั่น บันทึกภาพเคลื่อนไหวในรูปแบบที่ต้องการ

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

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

หากมีวัตถุอื่นอยู่ในเลเยอร์เดียวกันกับวัตถุภาพเคลื่อนไหว Animate จะเพิ่มเลเยอร์ใหม่ด้านบนหรือด้านล่างเลเยอร์ดั้งเดิมตามต้องการ วัตถุใดๆ ที่อยู่ใต้วัตถุภาพเคลื่อนไหวบนเลเยอร์ดั้งเดิมจะถูกถ่ายโอนไปยังเลเยอร์ใหม่ที่อยู่ด้านล่างเลเยอร์ดั้งเดิม วัตถุใดๆ ที่อยู่เหนือวัตถุภาพเคลื่อนไหวในเลเยอร์ดั้งเดิมจะถูกย้ายไปยังเลเยอร์ใหม่ที่อยู่เหนือเลเยอร์ต้นฉบับ Animate จะแทรกเลเยอร์ใหม่เหล่านี้ระหว่างเลเยอร์ใดๆ ที่อยู่บนไทม์ไลน์ ด้วยวิธีนี้ Animate จะรักษาลำดับการเรียงซ้อนดั้งเดิมของกราฟิกทั้งหมดในพื้นที่งาน

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

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

หลายคนเชื่อว่าการสร้างแอนิเมชั่น DIY ง่ายๆ ที่บ้านต้องใช้ทักษะพิเศษและใช้เวลามาก อันที่จริงโปรแกรมคอมพิวเตอร์ธรรมดาและแอพพลิเคชั่นมาตรฐานของระบบปฏิบัติการ Windows ก็เพียงพอแล้วสำหรับสิ่งนี้

แอนิเมชั่นที่ต้องทำด้วยตัวเองโดยใช้โปรแกรม Windows OS มาตรฐาน

แอนิเมชั่นคือการสาธิต (การแสดงผล) ตามลำดับของไฟล์กราฟิกที่สร้างภาพลวงตาของวัตถุที่กำลังเคลื่อนไหว เพื่อพัฒนามันคุณจะต้องมีโปรแกรมมาตรฐานเพียงสองโปรแกรมซึ่งมีอยู่ในคอมพิวเตอร์เกือบทุกเครื่องด้วย ระบบปฏิบัติการ Windows - โปรแกรมสร้างสีและภาพยนตร์ อย่างแรกให้คุณสร้างและแก้ไขภาพวาดกราฟิก ส่วนอย่างที่สองให้คุณสร้างวิดีโอได้ คุณภาพของแอนิเมชั่นที่พัฒนาขึ้นจะขึ้นอยู่กับความสามารถในการวาดของคุณ

1. การทำกรอบ

เปิด ทาสี เลือกแปรงบนแถบเครื่องมือ เลือกสีที่ต้องการ และวาดวัตถุใดๆ บนพื้นที่ทำงาน เราบันทึกภาพวาดในโฟลเดอร์ที่สร้างไว้ก่อนหน้านี้ภายใต้ชื่อ "เฟรม 1" จากนั้นเราวาดวัตถุเดิมอีกครั้ง แต่เปลี่ยนตำแหน่งเล็กน้อย (เช่น ในเฟรมแรก เข็มนาฬิกาอาจอยู่ที่ "12" และในเฟรมที่สองที่ "1") บันทึกภาพภายใต้ชื่อ “เฟรม 2” ดังนั้นเราจึงพัฒนาหลายเฟรม ยิ่งมีจำนวนมากขึ้น การเคลื่อนไหวของวัตถุในแอนิเมชั่นก็จะยิ่งราบรื่นมากขึ้นเท่านั้น

2. การรวมเฟรมที่วาดไว้เป็นวิดีโอเดียว

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

3. เสียงพากย์แอนิเมชั่น

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

4. บันทึกภาพเคลื่อนไหวในรูปแบบที่ต้องการ

เลือกรายการเมนู "ไฟล์" และคลิก "บันทึกไฟล์ภาพยนตร์", "แสดงตัวเลือกเพิ่มเติม", "ตัวเลือกอื่น ๆ" อย่างต่อเนื่อง จากนั้นเลือกรูปแบบของไฟล์วิดีโอในอนาคต เราขอแนะนำให้บันทึกภาพเคลื่อนไหวในรูปแบบยอดนิยม (เช่น AVI, MPEG, PAL ฯลฯ) เพื่อให้สามารถเล่นได้กับผู้เล่นหลายคนและอัปโหลดไปยัง YouTube ได้ง่ายขึ้น

การสร้างภาพเคลื่อนไหว GIF

แอนิเมชัน GIF (“gif”) ประกอบด้วยเฟรมแต่ละเฟรม ซึ่งมีการตั้งค่าพารามิเตอร์ เช่น ระยะเวลาในการแสดงก่อนที่รูปภาพถัดไปจะปรากฏขึ้น รองรับเฉพาะจานสี 8 บิต ซึ่งหมายความว่าจะแสดงสีได้ไม่เกิน 256 สี ซึ่งเป็นข้อได้เปรียบเหนือรูปแบบอื่นๆ ส่วนใหญ่แล้วไฟล์ GIF แบบเคลื่อนไหวจะถูกนำมาใช้เป็นองค์ประกอบการนำทางบนเว็บไซต์และแบนเนอร์โฆษณา

โปรแกรมที่ง่ายที่สุดสำหรับการสร้างภาพเคลื่อนไหว GIF คือ Easy GIF Animator Pro. ดาวน์โหลดเปิดในหน้าต่างหลักคลิก "สร้างภาพเคลื่อนไหวใหม่" หลังจากนั้น "ตัวช่วยสร้างภาพเคลื่อนไหว" จะเปิดขึ้น จากนั้นเพิ่มรูปภาพ (เราเลือกรูปภาพบนอินเทอร์เน็ตหรือวาดเองใน Paint) คลิก "ส่งต่อ" กำหนดระยะเวลาของแต่ละเฟรม หากจำเป็น ให้เลือกแสดงภาพเคลื่อนไหวเป็นวงกลม

หากเลือกรูปภาพที่มีขนาดต่างกัน โปรแกรมจะมีตัวเลือกมากมายสำหรับการวางตำแหน่งรูปภาพให้สัมพันธ์กับรูปภาพที่ใหญ่ที่สุด:

• ตรงกลางกรอบ;
• มุมซ้ายบนของกรอบ;
• ขยายรูปภาพขนาดเล็กให้เป็นขนาดของรูปภาพที่ใหญ่ที่สุด

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

โปรแกรมสำหรับสร้างแอนิเมชั่น

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

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

ซินฟิก สตูดิโอ

ด้วยโปรแกรมฟรีนี้คุณสามารถสร้างได้ แอนิเมชั่นง่ายๆในรูปแบบ 2D - คล้ายกับที่ใช้ในภาพยนตร์สารคดี ข้อดีของมัน:

• ฟังก์ชั่น "tweening" ซึ่งช่วยให้คุณพัฒนาเฟรมระดับกลางได้โดยอัตโนมัติ
• การซ้อนทับแบบไล่ระดับสี;
• รองรับองค์ประกอบเวกเตอร์
• การบิดเบือน;
• ตัวกรอง;
• เครื่องมือสำหรับการสร้างเศษส่วน

ตูนบูม สตูดิโอ

โปรแกรมมีโหมดการทำงานสองโหมด: การวาดและสคริปต์ ประกอบด้วย เครื่องมือที่จำเป็นสำหรับการพัฒนาภาพวาดเวกเตอร์: แปรง ดินสอ สี่เหลี่ยมผืนผ้า เส้นประ วงรี ฟังก์ชั่น: การวาดภาพโดยใช้แท็บเล็ต, การสร้างเวกเตอร์ของภาพแรสเตอร์, การซ้อนฉากภาพเคลื่อนไหวบนวิดีโอจริง, การส่งออกข้อมูล (เช่น ชิ้นส่วนแต่ละชิ้นจากภาพถ่าย)

เป็นโปรแกรมยอดนิยมสำหรับสร้างแอนิเมชั่น 3 มิติ ข้อดีของมัน:

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

โปรแกรมยอดนิยมอื่น ๆ สำหรับการสร้างแอนิเมชั่นด้วยมือของคุณเอง: กระดาษแอนิเมชั่นพลาสติก, Creatoon, 3D Studio Max, Adobe Image Ready, MyPaint, Jasc Animation Shop

สั่งซื้อการสร้างแอนิเมชัน เขียนสคริปต์ หรือพัฒนาไอเดียสำหรับวิดีโอจาก KINESKO- เราจะทำงานของเราอย่างมีประสิทธิภาพ!

ข้อมูลติดต่อ:

ในบทช่วยสอนนี้ เราจะสร้างภาพเคลื่อนไหวที่สื่อถึงปริมาณของพื้นที่

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

ฉันกำหนดขนาดของเอกสารเพื่อสร้างงานตามขนาดของไฟล์ต้นฉบับ
ดังนั้นเราจึงเริ่มขั้นเตรียมการ - สร้างพื้นฐานสำหรับแอนิเมชั่น

ขั้นแรกฉันวางรูปภาพในเอกสารการทำงานที่จะทำหน้าที่เป็นพื้นหลัง

ตามความคิดของผม พื้นหลัง - พื้นหลังจะเริ่มเข้ามาใกล้และเคลื่อนตัวออกไปจากเรา
เพื่อให้สิ่งนี้ได้ผลคุณต้องทำสำเนาเลเยอร์หลายชุด (ฉันทำ 6 ชิ้น - มีทั้งหมด 7 ชั้น) และเรียงลำดับจาก 1 เป็น 7 ตามการเพิ่มขนาดของเลเยอร์

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

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

แผนสอง.
ฉันรวบรวมสิ่งของที่ฉันต้องการ ฉันตัด คัดลอก แปลง...

หากจำเป็น ฉันจะปรับสี ความอิ่มตัว และคุณสมบัติอื่นๆ ของวัตถุ

และเบื้องหน้า:

ฉันวางวัตถุทั้งสองไว้เบื้องหน้าบนเลเยอร์ต่างๆ
นี่คือสิ่งที่เกิดขึ้น:

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

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

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

ให้ฉันอธิบายด้วยตัวอย่างที่เฉพาะเจาะจง
สำหรับเฟรมที่ 1 (เรายังไม่ได้แตะพื้นหลัง) ฉันย้ายดอกไม้และเห็ดไปด้านหนึ่งและย้ายต้นไม้ไปอีกด้านหนึ่ง

จากนั้นฉันก็สร้างเฟรมที่ 2 (1)
สำหรับภาพนี้ ฉันย้ายแต่ละเลเยอร์ไปในทิศทางตรงกันข้าม
จากนั้นฉันก็สร้างซีรีย์ 5 เฟรม (2)

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

ตอนนี้เรามาดูพื้นหลังกันดีกว่า มันจะเคลื่อนเข้ามาใกล้ขึ้นเรื่อยๆ ตามที่เราได้คุยกันไปแล้ว
ฉันกระจายเลเยอร์พื้นหลังไปตามเฟรมดังนี้:
1 เฟรม - 1 หลัง วางแผน
2 เฟรม - 2 หลัง แผน...เพิ่มขึ้น
…7 เฟรม - 7 หลัง วางแผน
8 เฟรม - 6 หลัง วางแผน
9 เฟรม - 5 หลัง แผน...กำลังลง
…12 เฟรม - 2 หลัง วางแผน
...และเรามีพื้นหลังแรกในเฟรมแรก

ฉันตั้งเวลาสำหรับเฟรมทั้งหมดเป็น 0.2 วินาที แต่คุณสามารถทำให้ช้าลงได้โดยมีความล่าช้า ฯลฯ
หากจำเป็น ให้เปลี่ยนขนาดของภาพเคลื่อนไหว ตั้งค่าให้เล่นต่อเนื่องและบันทึกเป็นไฟล์ GIF ( Ctrl+Alt+Shift+S - บันทึกสำหรับเว็บและอุปกรณ์).

ในการตั้งค่าฉันเลือก ( ระบุอัลกอริธึมไดเทอร์) คำจำกัดความของอัลกอริธึมการปรับให้เรียบ - (เสียงรบกวน)เสียงรบกวน; สี -256 ตามธรรมชาติ
นั่นคือทั้งหมด!

คำแนะนำ:หากคุณต้องการเปลี่ยนแปลงเอกสาร (สำเนาใหม่ การลบเลเยอร์ ฯลฯ) ที่สร้างภาพเคลื่อนไหวแล้ว ควรทำงานในเฟรมแรกจะดีกว่า จากนั้นการเปลี่ยนแปลงจะส่งผลต่อทุกเฟรม แต่จะไม่มีอะไรปะปนกัน

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

ขอให้โชคดีและโชคดี!
พิโรโกวาเดไซน์