ก่อนที่เราจะเริ่มต้น เรามาอธิบายการบ้านหลังคาบสุดท้ายกันก่อน ซึ่งเป็นแอนิเมชันที่มีวัตถุสองชิ้นเคลื่อนที่เข้าหากัน จริงๆ แล้วสิ่งที่เรียกว่าวัตถุสองอันนั้นเป็นสองชั้น วาดรูปสี่เหลี่ยมจัตุรัสและวงกลมตามลำดับ จากนั้นคัดลอกหนึ่งเฟรมและย้ายตำแหน่งของเลเยอร์ให้สัมพันธ์กัน ไม่ใช่เรื่องยากทางเทคนิค
แต่โปรดใส่ใจกับแอนิเมชั่นตัวอย่างของเรา วงกลมในนั้นจะไม่เคลื่อนไหวตั้งแต่เริ่มต้น แต่จะเริ่มหลังจากผ่านไประยะหนึ่ง ซึ่งหมายความว่าในสองสามเฟรมแรกจะต้องย้ายเฉพาะเลเยอร์สี่เหลี่ยมเท่านั้น ไม่ใช่เลเยอร์วงกลม หลังจากที่สี่เหลี่ยมจัตุรัสขยับไปสองสามเฟรมก่อนที่คุณจะเริ่มย้ายวงกลม แผงภาพเคลื่อนไหวจะมีลักษณะเหมือนภาพด้านล่าง คลิกลูกศรสีแดงเพื่อเปิดตัวเลือกจานสีและกำหนดขนาดของภาพขนาดย่อของเฟรมด้วยตนเอง ที่ลูกศรสีเขียว เป็นปุ่มขั้นเฟรม คลิกเพื่อเล่นทีละเฟรม มันเล่นเฟรมก่อนหน้า ปุ่มจะกลับสู่เฟรมเริ่มต้น
เราจัดเรียงตัวอย่างนี้เพื่อบอกทุกคนว่าแอนิเมชั่นที่ซับซ้อนมากขึ้นมักประกอบด้วยวัตถุจำนวนมาก และวัตถุเหล่านี้อาจไม่เคลื่อนที่ทั้งหมด (เช่น การเคลื่อนไหว) ด้วยกัน ตัวอย่างเช่น เมื่อสร้างแอนิเมชั่นของวัตถุหนึ่งชนกับอีกวัตถุหนึ่ง วัตถุที่ชนควรจะไม่เคลื่อนไหวจนกว่าวัตถุที่ชนจะสัมผัสกัน
ก่อนหน้านี้ เราได้สร้างแอนิเมชั่นการกระจัด ซึ่งใช้การเคลื่อนไหวของเลเยอร์ นอกจากนี้ คุณยังสามารถสร้างแอนิเมชั่นได้ด้วยการตั้งค่าความโปร่งใสของเลเยอร์ต่างๆ ฉันเชื่อว่าทุกคนสามารถเดาวิธีการผลิตได้ ซึ่งก็คือการเปลี่ยนค่าความโปร่งใสบางส่วนในเลเยอร์พาเล็ตในเฟรมต่างๆ ตอนนี้สร้างรูปภาพขนาด 100×100 ใหม่ สร้างเลเยอร์ใหม่และวาดรูปสี่เหลี่ยม จากนั้นคัดลอก 5 เฟรมพร้อมกัน จะเห็นว่าทั้ง 6 เฟรมมีเนื้อหาเหมือนกัน เปลี่ยนเวลาหน่วงของเฟรมทั้งหมดเป็น 0.1 วินาที ดังที่แสดงในภาพด้านซ้ายด้านล่าง
จากนั้นเลือกเฟรม 2 และเปลี่ยนความทึบของเลเยอร์สี่เหลี่ยมเป็น 80% ในพาเล็ตเลเยอร์ จากนั้น 60% สำหรับเฟรม 3 และต่อไปเรื่อยๆ จนกว่าเฟรม 6 จะเป็น 0% เอฟเฟกต์จะคล้ายกับที่แสดงทางด้านขวาด้านล่าง ในเวลานี้เมื่อเล่นคุณจะเห็นเอฟเฟกต์ของบล็อกที่ค่อยๆจางหายไป ควรสังเกตว่าผ่าน ปุ่มสำหรับซ่อนเลเยอร์เทียบเท่ากับการตั้งค่าความทึบเป็น 0%
ความแตกต่างที่สำคัญในการผลิตนี้คือ เราได้เปลี่ยนวิธีการดั้งเดิมในการคัดลอกเฟรมหนึ่งและตั้งค่าทันที จากนั้นจึงคัดลอกเฟรมอื่นหลังจากตั้งค่าแล้ว คราวนี้ เฟรมทั้งหมดจะถูกคัดลอกพร้อมกัน จากนั้นเลือกเฟรมสำหรับการตั้งค่า นี่เป็นวิธีการผลิตด้วย
ในระหว่างการดำเนินการ ไม่ยากเลยที่จะพบว่าความทึบในเลเยอร์พาเล็ตจะกลับมาเป็น 100% เมื่อเลือกเฟรมอื่น นี่แสดงให้เห็นถึงความจริงที่ว่าการเปลี่ยนความทึบของเฟรมหนึ่งจะไม่ส่งผลต่อเฟรมอื่นๆ ลองนึกภาพอีกครั้ง หากเราใช้วิธีนี้เพื่อสร้างการเคลื่อนที่ของบล็อกเริ่มต้น จะเกิดอะไรขึ้นเมื่อเราเลือกเฟรมถัดไปหลังจากย้ายเลเยอร์ในเฟรมก่อนหน้า
แน่นอน เราจะเห็นสี่เหลี่ยมกลับมาที่สี่เหลี่ยมหนึ่ง และหากการตั้งค่าตำแหน่งเลเยอร์ในเวลานี้ไม่เป็นไปตามวิถีของเฟรมก่อนหน้า ก็จะไม่ได้เอฟเฟกต์การเคลื่อนไหวที่ราบรื่น ดังนั้นวิธีการสร้างเฟรมทั้งหมดล่วงหน้าแล้วแก้ไขเฟรมเหล่านี้จึงไม่เหมาะสำหรับแอนิเมชั่นการแทนที่ และไม่เหมาะกับแอนิเมชั่นอื่นๆ ใช้เมื่อคุณต้องการทำให้เคลื่อนไหวในจำนวนเฟรมที่ระบุเท่านั้น
ตอนนี้เราได้เข้าใจการตั้งค่าสองแบบที่สามารถสร้างเอฟเฟกต์ภาพเคลื่อนไหวได้ อย่างแรกคือตำแหน่งของเลเยอร์ และอีกอันคือความทึบของเลเยอร์ ตอนนี้เราสามารถใช้ทั้งสองอย่างเพื่อสร้างภาพเคลื่อนไหวที่ทั้งเคลื่อนไหวและจางหายไป สิ่งนี้สามารถแก้ไขได้โดยอาศัยการเฟดแบบธรรมดาในตอนนี้ กล่าวคือใช้วิธีง่ายๆ เลือกเฟรมแล้วขยับเล็กน้อย และอื่นๆ
แต่เราต้องการเอฟเฟกต์การเคลื่อนที่จากปลายซ้ายไปขวาสุด ซึ่งหมายความว่าตำแหน่งเริ่มต้นของบล็อกจะต้องอยู่ทางซ้ายสุด แต่ตอนนี้บล็อกในเฟรมทั้งหมดอยู่ตรงกลาง เราควรทำอย่างไร? เนื่องจาก "เฟรมทั้งหมด" อยู่ตรงกลาง เรามาทำให้ "เฟรมทั้งหมด" ไปทางซ้ายกันดีกว่า เลือกเฟรมทั้งหมดในแผงภาพเคลื่อนไหว ใช้เครื่องมือย้ายเพื่อย้ายเลเยอร์ไปทางซ้ายสุด แล้วคุณจะเห็นว่าตำแหน่งของสี่เหลี่ยมในทุกเฟรมเปลี่ยนไป
มีวิธีอื่นคือ กระบวนการแอนิเมชั่นทั้งหมดสามารถมองได้ว่าเป็นความสัมพันธ์ระหว่างเหตุและผล หากคุณลบเลเยอร์ในเฟรมแรก เลเยอร์นั้นจะไม่มีอยู่ในเฟรมถัดไปทั้งหมดอีกต่อไป ดังนั้น ในการตั้งค่าภาพเคลื่อนไหวของ Photoshop เฟรมแรกจึงค่อนข้างพิเศษ ตอนนี้เลือกเฟรมแรกและตรวจสอบให้แน่ใจว่า "Spread Frame 1" ถูกเปิดใช้งานในพาเล็ตเลเยอร์ ดังที่แสดงโดยลูกศรสีแดงในภาพด้านซ้ายด้านล่าง จากนั้นย้ายเลเยอร์แล้วคุณจะพบว่าบล็อกในทุกเฟรมมีการเคลื่อนไหวสม่ำเสมอ ดังที่แสดงในภาพด้านขวาด้านล่าง หาก "Propagate Frame 1" ไม่ถูกต้อง เฉพาะตำแหน่งบล็อกในเฟรม 1 เท่านั้นที่จะเปลี่ยนแปลง
ทั้งสองวิธีมีข้อดีและข้อเสียของตัวเอง "การเผยแพร่เฟรม 1" จริงๆ แล้วหมายถึง "การเผยแพร่เฟรม 1" ซึ่งหมายถึงการเผยแพร่การเปลี่ยนแปลงในเฟรม 1 ไปยังทุกเฟรมได้อย่างง่ายดาย วิธีการเลือกเฟรมทั้งหมดจะยุ่งยากเล็กน้อยเมื่อจำนวนเฟรมมาก แต่ก็สามารถหาได้จากวิธีการ "เลือกบางเฟรม" เช่น เมื่อคุณต้องการเปลี่ยนเพียง 3 เฟรมแรก ก็สามารถเลือกได้ 3เฟรมแรกรวมกันแล้วตั้งไว้แน่นอน
ควรสังเกตว่า "Propagate Frame 1" ยังคงมีผลอยู่ แม้ว่าเดิมจะมีการตั้งค่าตำแหน่งเลเยอร์ที่แตกต่างกันสำหรับแต่ละเฟรมก็ตาม เอฟเฟกต์จะเทียบเท่ากับพิกัดในทุกเฟรมที่ถูกชดเชยตามเฟรมแรก
เรามาพูดถึงประเด็นการเลือกหลายๆ เฟรมกันอีกครั้ง เรารู้แล้วว่าถ้าคุณต้องการเลือก 4 เฟรมแรก ให้เลือกเฟรม 1 ก่อน แล้วจึงกดปุ่ม SHIFT ค้างไว้แล้วคลิกที่เฟรม 4 หรือตรงกันข้ามจะเป็นได้ เสร็จแล้ว. แต่ถ้าคุณต้องการเลือกเฟรมที่ไม่ต่อเนื่อง เช่น เฟรม 1 เฟรม 3 และเฟรม 4 คุณสามารถเลือกเฟรม 1 ถึงเฟรม 4 ตามวิธีก่อนหน้าก่อน จากนั้นกดปุ่ม CTRL ค้างไว้แล้วคลิกเฟรม 2 เพื่อลบค่า เฟรมที่เลือก 2. . ทำซ้ำการดำเนินการหนึ่งครั้งเพื่อเพิ่มกรอบการเลือก 2 หากคุณต้องการเลือกแต่ละเฟรมที่อยู่ห่างไกล เช่น เฟรม 2 เฟรม 11 เฟรม 17 และเฟรม 27 คุณสามารถเลือกเฟรมใดเฟรมหนึ่งทีละเฟรมก่อน จากนั้นกด CTRL ค้างไว้เพื่อเพิ่มและเลือกเฟรมอื่น
หลังจากย้ายบล็อกในทุกเฟรมไปทางซ้ายแล้ว สิ่งที่คุณต้องทำคือกำหนดตำแหน่งของบล็อกทีละเฟรม นั่นคือ เลือกเฟรมที่ 2 เพื่อขยับเล็กน้อย และเฟรมที่ 3 เพื่อขยับเล็กน้อย แน่นอนว่ามีปัญหาที่เราได้กล่าวไปแล้ว นั่นคือ การเคลื่อนไหวที่ราบรื่นเป็นเรื่องยาก เราได้เรียนรู้ใน Photoshop ว่าเมื่อเลือกเครื่องมือย้าย คุณสามารถใช้ปุ่มลูกศรบนแป้นพิมพ์เพื่อย้ายเลเยอร์ทีละ 1 พิกเซล และใช้ปุ่ม SHIFT เพื่อย้ายในระยะทางไกล
ตอนนี้เรามาเลือกเฟรม 2 แล้วย้ายด้วย SHIFT+แป้นลูกศรขวา จากนั้นเลือกเฟรมที่ 3 เนื่องจากบล็อกในเฟรมนี้กลับมาที่จุดเริ่มต้นแล้ว คุณจึงต้อง SHIFT + ปุ่มลูกศรขวาสองครั้ง ในเฟรมที่ 4 มันเป็น 3 ครั้งและต่อๆ ไป การตั้งค่าจะคล้ายกับที่แสดงด้านล่าง สี่เหลี่ยมจัตุรัสหายไปในเฟรมที่ 6 ดังนั้นจึงไม่จำเป็นต้องตั้งค่าใดๆ
แม้ว่าวิธีการใช้ปุ่มทิศทางในการเคลื่อนที่สามารถรับประกันความสม่ำเสมอของวิถี แต่ข้อจำกัดของมันก็ชัดเจนเช่นกัน กล่าวคือ เหมาะสำหรับสร้างวิถีเช่นมุมแนวนอน แนวตั้ง หรือมุม 45 องศาเท่านั้น จะเป็นอย่างไรหากเราต้องการวิถีการเคลื่อนที่แบบสุ่มมากขึ้น (เช่น ส่วนโค้ง) แต่ต้องการรักษาความนุ่มนวลเอาไว้? แน่นอนว่าทุกคนจะบอกว่าถ้าคุณใช้วิธี "คัดลอกเฟรมและย้ายเลเยอร์" ตั้งแต่ต้น คุณจะไม่มีปัญหาในปัจจุบัน แต่โปรดอย่าลืมว่าการปรับเปลี่ยนวิถีการเคลื่อนที่เป็นเรื่องปกติ ดังนั้นคิดให้รอบคอบเกี่ยวกับวิธีการใช้งาน