ตอนนี้เรามาอธิบายการบ้านของชั้นเรียนก่อนหน้ากันดีกว่า เมื่อเทียบกับการบ้าน "ยุคหิน" ก่อนหน้านี้ ความยากของมันเพิ่มขึ้นอย่างมาก ประการแรกคือการเพิ่มขึ้นขององค์ประกอบแอนิเมชั่น ซึ่งไม่ได้ประกอบด้วยวัตถุธรรมดาๆ สองสามชิ้นอีกต่อไป อีกทั้งต้องมีภาพที่ชัดเจนในใจก่อนทำและวางแผนขั้นตอนล่วงหน้า
สร้างภาพใหม่ขนาดประมาณ 100×100 ใช้โหมดเลเยอร์รูปร่างของเครื่องมือ Ellipse Shape เพื่อวาดวงกลมเวกเตอร์ที่สมบูรณ์แบบ แล้วเติมด้วยสีเขียว (ค่าคือ 19631c ซึ่งสามารถเติมได้ในพื้นที่ # ด้านล่างตัวเลือกสี จริงๆ แล้วนี่คือการใช้ระบบเลขฐานสิบหกเพื่อแสดงเลขทศนิยม 0~255 ไม่จำเป็นต้องลงรายละเอียด) หรือสีอื่นๆ จากนั้นคัดลอกเลเยอร์ (CTRL+J เลเยอร์ที่คัดลอกควรอยู่เหนือเลเยอร์ดั้งเดิม) ใช้ฟังก์ชันการแปลงอิสระบนเลเยอร์ที่คัดลอก และลดขนาดโดยอ้างอิงกับจุดกึ่งกลาง (ALT+SHIFT) จากนั้นกำหนดรูปแบบเส้นโครงร่าง (ขนาด 1 พิกเซล สีขาว) และตั้งค่าความทึบในการเติมเป็น 0% เพื่อให้ได้วงกลมเส้น ลดความทึบของเลเยอร์นี้ลงอย่างเหมาะสม (ประมาณ 15%) เพื่อให้ได้เอฟเฟ็กต์ภาพที่ดีขึ้น ทำซ้ำเลเยอร์วงกลมเส้นนี้อีกครั้งแล้วย่ออีกครั้งเหมือนเดิมเพื่อให้ได้วงกลมเส้นศูนย์กลางสองวง คุณยังสามารถสร้างวงกลมที่มีศูนย์กลางมากขึ้นตามลำดับได้ ตอนนี้รูปภาพควรมีลักษณะคล้ายกับรูปภาพด้านล่างทางด้านซ้าย
จากนั้นสร้างเลเยอร์ปกติใหม่และใช้โหมด Fill Pixels ของเครื่องมือ Line (ความหนา 1 พิกเซล ปิดการป้องกันรอยหยัก) เพื่อวาดกากบาทแนวนอนและแนวตั้งที่กึ่งกลางวงกลม เมื่อวาดภาพ คุณสามารถขยายภาพเพื่อความสะดวกในการจัดตำแหน่ง คุณยังสามารถใช้ฟังก์ชันการจัดตำแหน่งหลายชั้นเพื่อปรับหลังจากวาด ณ จุดนี้ รูปภาพจะดูคล้ายกับรูปภาพตรงกลางด้านล่าง และเลเยอร์พาเล็ตจะดูเหมือนรูปภาพด้านขวาด้านล่าง
ในกระบวนการเตรียมการขององค์ประกอบแอนิเมชันในยุคแรกเริ่มนี้ เราใช้เวกเตอร์ในการวาดวงกลมเพราะจำเป็นต้องลดขนาดลง และวิธีการเวกเตอร์สามารถรับประกันคุณภาพได้ ตามทฤษฎีแล้ว กากบาทหลังสามารถวาดได้โดยใช้วิธีเวกเตอร์ แต่เนื่องจากเส้นเวกเตอร์ถูกวาดในหน่วยที่เล็กเพียง 1 พิกเซล ขอบจึงอาจเบลอเนื่องจากฟังก์ชันป้องกันรอยหยักของมันเอง และผลลัพธ์จะมีลักษณะหนา 2 พิกเซล คุณสามารถลองด้วยตัวเอง ยกเว้นในกรณีของหน่วยที่เล็กมาก ควรใช้การวาดเวกเตอร์ให้มากที่สุดเท่าที่จะทำได้
การรับรู้เอฟเฟ็กต์การสแกนเรดาร์ถือเป็นความยากประการแรก จริงๆ แล้วนี่คือสไตล์การไล่ระดับสีแบบซ้อน สิ่งสำคัญคือต้องเลือกวิธีการไล่ระดับสีของมุมและการตั้งค่าการไล่ระดับสีที่สอดคล้องกัน ดังที่แสดงในรูปภาพด้านซ้ายและตรงกลางด้านล่าง รหัสสีไล่ระดับสีคือ 96de8a การหยุดการไล่ระดับสีอาจเป็นสีขาวและผสมลงในภาพโดยการเปลี่ยนโหมดการผสมหรือลดความทึบลง ตอนนี้รูปภาพควรมีลักษณะเหมือนภาพด้านล่างทางด้านขวา หากคุณไม่เข้าใจเนื้อหาที่นี่ โปรดทบทวนบทที่เกี่ยวข้องของบทช่วยสอนพื้นฐาน
ตอนนี้เราทำให้เส้นสแกนเคลื่อนที่โดยการเปลี่ยนค่ามุมในการตั้งค่าการซ้อนทับแบบไล่ระดับสี ปัญหาที่สองที่คุณจะพบที่นี่คือวิธีตั้งค่าพารามิเตอร์ภาพเคลื่อนไหว เส้นสแกนควรเริ่มต้นที่ 90 องศา และควรกลับไปเป็น 90 องศา หลังจากหมุน 360 องศา แต่ถ้าทั้งคู่ตั้งค่าไว้ที่ 90 ในคีย์เฟรม จะไม่มีเอฟเฟ็กต์ภาพเคลื่อนไหว ดังนั้นเราจึงตั้งค่าให้หมุนได้ 180 องศาก่อน ควรสังเกตว่าหากมุมการหมุนสัมบูรณ์น้อยกว่า 180 (181 องศาเทียบเท่ากับ 1 องศา) มุมการหมุนขั้นต่ำจะถูกนำมาใช้เป็นทิศทางการหมุน
เปลี่ยนการตั้งค่าเอกสารของภาพเคลื่อนไหวเป็นระยะเวลา 01:00 น. และอัตราเฟรม 15fps เปิดการบันทึกภาพเคลื่อนไหวสไตล์ของเลเยอร์วงกลมที่จุดเริ่มต้น จากนั้นย้ายเกณฑ์มาตรฐานเวลาไปที่จุดสิ้นสุดของภาพเคลื่อนไหว และตั้งค่ามุมเป็น -90 องศา จานสีภาพเคลื่อนไหวจะแสดงอยู่ด้านล่างทางด้านซ้าย
ชมตัวอย่างภาพเคลื่อนไหว
ตอนนี้เราขยายระยะเวลาของภาพเคลื่อนไหวเป็น 02:00 น. ย้ายเครื่องหมายเวลาไปยังช่วงเวลาสิ้นสุดใหม่และสร้างคีย์เฟรม จากนั้นคัดลอกเฟรม 1 ของสไตล์ไปยังช่วงเวลานั้น ในขณะนี้ จานสีภาพเคลื่อนไหวจะเป็นดังที่แสดงทางด้านซ้ายด้านล่าง ดูเหมือนว่าการตั้งค่าการหมุนหนึ่งครั้งจะเสร็จสมบูรณ์ แต่ถ้าคุณคิดให้ดี ตอนนี้สถานะเวลา 00:00 น. และ 02:00 น. จะเหมือนกัน ดังนั้นเมื่อภาพเคลื่อนไหววนซ้ำ เฟรมที่เหมือนกันทั้งสองเฟรมจะรวมกันเป็นหนึ่งประเภทนี้ ของเอฟเฟกต์การหยุดชั่วคราวนั้นหาได้ไม่ยากหากคุณดูอย่างระมัดระวังเมื่อเล่นแอนิเมชั่น
ชมตัวอย่างภาพเคลื่อนไหว
เราเคยพบปัญหานี้มาก่อนในแอนิเมชั่นแบบเฟรม วิธีการในขณะนั้นคือการลบเฟรมสุดท้าย อย่างไรก็ตาม ในโหมดไทม์ไลน์ ไม่สามารถลบเฟรมทีละเฟรมได้ โดยการเปลี่ยนระยะเวลาเท่านั้น เราเปลี่ยนระยะเวลาเป็น 01:14 จานสีภาพเคลื่อนไหวแสดงอยู่ด้านล่าง
โปรดทราบว่าขณะนี้เฟรมที่ตั้งไว้เดิมอยู่นอกพื้นที่เวลา แต่ยังคงทำงานอยู่ โดยควบคุมการเปลี่ยนแปลงพารามิเตอร์ของภาพเคลื่อนไหว กรณีนี้จะเกิดขึ้นแม้ว่าคุณจะเปลี่ยนระยะเวลาให้สั้นลง เพื่อไม่ให้มองเห็นชุดสีภาพเคลื่อนไหวอีกต่อไป ดังนั้น คีย์เฟรมที่กำหนดในโหมดไทม์ไลน์จะไม่หายไปเนื่องจากระยะเวลาจะสั้นลง สิ่งเหล่านี้จะปรากฏขึ้นอีกครั้งในอนาคตตราบใดที่ระยะเวลาเพิ่มขึ้น นี่เป็นคุณสมบัติที่สำคัญมาก
ฉันขอย้ำอีกครั้งถึงการแสดงออกของเวลาแอนิเมชั่น 01:14 นั้นมีทั้งวินาทีและเฟรม ซึ่งหมายถึงเฟรมที่ 14 หลังจาก 1 วินาที จากการตั้งค่า 15fps ของเรา หมายเลขเฟรมสัมบูรณ์นี้ควรเป็น 15+14=29 เฟรม การแสดงเวลาของเฟรมถัดไปควรเป็น 02:00 น. แทนที่จะเป็น 01:15 น. เช่นเดียวกับเวลาในชีวิตประจำวันอยู่ในฐาน 60 จึงเป็นไปไม่ได้ที่จะแสดงเป็น 3:60 แต่ควรแสดงเป็น 4 นาฬิกา ในทำนองเดียวกัน 15fps แสดงถึงระบบเลขฐานสิบหกซึ่งแบ่งหนึ่งวินาทีออกเป็น 15 หน่วย และปัดเศษเป็นวินาทีหลังจาก 14 หน่วย
ชมตัวอย่างภาพเคลื่อนไหว
ตอนนี้เราต้องสร้างการจำลองของวัตถุที่สแกนด้วยเรดาร์ ซึ่งควรทำตั้งแต่เริ่มต้น แต่เพื่อที่จะสะท้อนถึงความเป็นไปได้ในการเพิ่มองค์ประกอบในภายหลังในระหว่างกระบวนการผลิต เราได้ดำเนินการไปแล้ว
สร้างเลเยอร์ใหม่และใช้เครื่องมือดินสอที่มีเส้นผ่านศูนย์กลาง 1 เพื่อคลิกสองครั้งบนเลเยอร์สีขาว (ระยะห่างไม่ควรใหญ่เกินไป) ตามที่แสดงด้านล่างด้านซ้าย จากนั้นย้ายเครื่องหมายเวลา เมื่อเส้นสแกนสัมผัสกับจุดเหล่านี้ (เวลา 00:10 น. ในตัวอย่างนี้) ให้คลิกปุ่มนาฬิกาจับเวลาความทึบเพื่อสร้างคีย์เฟรม จากนั้นย้ายเครื่องหมายเวลาจนกระทั่งเส้นสแกนเกือบจะกลับสู่จุดเริ่มต้น ( ตัวอย่าง) อยู่ที่ 01:10) สร้างอีกอันแล้วตั้งค่าความทึบของเลเยอร์เป็น 0% ดังนั้นการสร้างภาพเคลื่อนไหวของจุดจะค่อยๆ จางหายไป
ชมตัวอย่างภาพเคลื่อนไหว
จากภาพเคลื่อนไหวด้านบน คุณจะเห็นว่าจุดเล็กๆ มีเอฟเฟ็กต์จางหายไปหลังจากเส้นสแกนผ่านไป อย่างไรก็ตาม ปัญหาคือจุดเล็กๆ ควรจะมองไม่เห็นเมื่อเส้นสแกนยังไม่ถึงจุดนั้น ซึ่งจะปรากฏขึ้นเมื่อนั้น เส้นสแกนมาถึงแล้วจึงค่อยๆ จางลง จากนั้นเราควรตั้งค่าคีย์เฟรมที่จุดเริ่มต้นและตั้งค่าความทึบของเลเยอร์เป็น 0% แต่มีปัญหาอีกประการหนึ่ง นั่นคือ การปรากฏตัวของจุดเล็ก ๆ กลายเป็นเอฟเฟกต์จางลง นั่นคือ จุดเล็ก ๆ จะค่อยๆ ปรากฏขึ้นก่อนที่เส้นสแกนจะไปถึง
ชมตัวอย่างภาพเคลื่อนไหว
วิธีแก้ปัญหานี้คือความยากข้อที่สาม มีวิธีแก้ไขอยู่ 2 วิธี วิธีหนึ่งที่คุณน่าจะคิดได้ด้วยตัวเองคือย้ายคีย์เฟรมที่จุดเริ่มต้นไปยังเฟรมก่อนที่จุดเล็กๆ จะปรากฏขึ้นจนหมด ดังที่แสดงในภาพด้านซ้ายด้านล่าง นอกจากนี้ อีกวิธีหนึ่งยัง "เป็นทางการ" มากกว่า ซึ่งเราไม่เคยพูดถึงมาก่อน นั่นคือการเปลี่ยนความสัมพันธ์ระหว่างเฟรมต่างๆ
ขณะนี้มีความสัมพันธ์การเปลี่ยนผ่านระหว่างเฟรมความทึบทั้งสามเฟรม นั่นคือ การเปลี่ยนผ่านเฟรม 12 และการเปลี่ยนผ่านเฟรม 23 หากเราสามารถป้องกันการเปลี่ยนระหว่างเฟรม 12 เราก็สามารถบรรลุเป้าหมายได้ คลิกขวาที่เฟรม 1 ในแผงภาพเคลื่อนไหวแล้วเลือก "รักษาการแก้ไข" โปรดทราบว่าไอคอนเฟรมจะเปลี่ยนจาก
กลายเป็น
ดังแสดงด้วยลูกศรสีแดงในรูปด้านขวาด้านล่าง ซึ่งหมายความว่าจะไม่มีการเปลี่ยนแปลงระหว่างเฟรมหนึ่งกับเฟรมถัดไป แนวทางเปลี่ยนจาก "ดำเป็นขาว" เป็น "ดำหรือขาว" ณ จุดนี้ การผลิตแอนิเมชั่นทั้งหมดเสร็จสิ้นแล้ว
แน่นอน คุณสามารถเปลี่ยนเป็นวิธี "linear interpolation" เริ่มต้นได้ในภายหลัง และเอฟเฟกต์การเปลี่ยนแปลงจะปรากฏขึ้นอีกครั้ง คุณสามารถลองเปลี่ยนวิธีการแก้ไขของเฟรมอื่นได้ด้วยตัวเอง "การแก้ไข" ในที่นี้เป็นการแปลที่เข้มงวดจากภาษาอังกฤษ แม้ว่าคำบางคำจะไม่สื่อความหมาย แต่เพียงจำผลของคำนั้นไว้
หลังจากการแนะนำสไตล์เลเยอร์ ความสามารถของเราในการแสดงเอฟเฟกต์ภาพเคลื่อนไหวได้รับการปรับปรุงอย่างมาก ทุกคนควรฝึกฝนด้วยตนเองนอกหลักสูตรให้มากขึ้น และอย่าจำกัดตัวเองอยู่แค่สิ่งที่แนะนำที่นี่เท่านั้น โปรดทราบว่าตัวอย่างของเรามีจำกัด และความคิดสร้างสรรค์ของคุณไม่มีขีดจำกัด สำหรับแอนิเมชั่นที่เสร็จสมบูรณ์นี้ คุณสามารถลองทำให้เส้นกากบาทหรือวงกลมที่มีศูนย์กลางร่วมกันสั่นไหวได้ พูดตรงๆ นี่คือการสลับระหว่างเฟดเข้าและเฟดเอาท์ แต่ไม่ใช่สถานะที่รุนแรงเช่น 0% หรือ 100%
การบ้านของวันนี้คือการทำแอนิเมชั่นต่อไปนี้ให้เสร็จ นอกจากเลเยอร์พื้นหลังแล้ว อนุญาตให้มีเลเยอร์ข้อความเพียงเลเยอร์เดียวเท่านั้น
