หลังจากเรียนรู้วิธีใช้วิธีการไทม์ไลน์เพื่อสร้างภาพเคลื่อนไหว เราก็ได้เสร็จสิ้นส่วนพื้นฐานของการผลิตแอนิเมชั่นแล้ว ควรเน้นย้ำอีกครั้งที่นี่ว่าระวังอย่าเปลี่ยนไปใช้โหมดเฟรมจากโหมดไทม์ไลน์ตามต้องการ เพราะจะทำให้คำจำกัดความของไทม์ไลน์ไม่ถูกต้อง หากคุณทำผิดพลาด คุณสามารถใช้คำสั่งเลิกทำเพื่อกู้คืนได้
ในบทเรียนก่อนหน้านี้ เมื่อใช้การเปลี่ยนเฟรม มีพารามิเตอร์ 3 ตัว (5 ตัวในกรณีของมาสก์) ได้แก่ ตำแหน่ง ความทึบ และสไตล์ เรารู้อยู่แล้วว่าตำแหน่งคือพิกัดของเลเยอร์ ตัวอย่างเช่น การย้ายข้อความจะเปลี่ยนตำแหน่งของเลเยอร์ข้อความ ความทึบช่วยให้คุณเปลี่ยนความโปร่งแสงของเลเยอร์ได้ สไตล์ที่เรียกว่าหมายถึงสไตล์เลเยอร์ ในพื้นฐานของ Photoshop เราได้เรียนรู้วิธีกำหนดสไตล์สำหรับเลเยอร์แล้ว มีพารามิเตอร์มากมายในการกำหนดสไตล์ที่ส่งผลโดยตรงต่อเอฟเฟกต์สุดท้าย เช่น ความสูงของเงา มุม เป็นต้น พารามิเตอร์เหล่านี้ส่วนใหญ่สามารถใช้เป็นตัวแปรภาพเคลื่อนไหวได้ สามารถสร้างแอนิเมชั่นได้ดีมาก
เมื่อสร้างงานแบบคงที่ สไตล์เลเยอร์ที่ใช้บ่อยที่สุดคือการฉายภาพ ดังนั้นมาเริ่มกันด้วยการฉายภาพและทำให้เคลื่อนไหวเพื่อดูเอฟเฟกต์
ก่อนที่จะทำแอนิเมชั่นคุณต้องมีความคิดที่ดีก่อนว่าต้องทำอย่างไร แนวคิดนี้เรียกว่าสคริปต์ได้ หากต้องการแสดงวัตถุที่ลอยอยู่บนพื้นผิวเรียบ คุณต้องใช้การฉายภาพเพื่อกำหนดทิศทางการมองเห็น สร้างภาพเปล่าขนาด 100×100 ใหม่และไปที่การตั้งค่าเอกสาร (คลิกที่ชุดภาพเคลื่อนไหวที่มุมขวาบน
ปุ่ม) และเปลี่ยนระยะเวลาภาพเคลื่อนไหวเป็น 1 วินาทีและอัตราเฟรมเป็น 15 ดังที่แสดงด้านล่าง แอนิเมชันนี้มีทั้งหมด 15 เฟรม ควรสังเกตว่าเนื่องจากหมายเลขเฟรมเริ่มต้นจาก 1 และเวลาเริ่มต้นจาก 0 เวลาเริ่มต้นคือ 00:00 ซึ่งเป็นเฟรมแรก จากนั้นเฟรมที่ 15 ควรอยู่ที่เวลา 00:14 ไม่ใช่ 00:15 . ปัญหานี้ได้รับการกล่าวถึงแล้วและจะทำซ้ำที่นี่
สร้างเลเยอร์ใหม่ จากนั้นใช้โหมดเติมพิกเซลของ Ellipse Tool (ไม่ใช่เวกเตอร์) เพื่อวาดวงกลมด้วยสีที่กำหนดเอง จากนั้นตั้งค่าสไตล์เงาบนเลเยอร์นั้น ดังแสดงในรูปต่อไปนี้ตามลำดับ
การตั้งค่าข้างต้นทั้งหมดตั้งค่าไว้ที่ 00:00 น. ตามค่าเริ่มต้น จากนั้นให้กดปุ่มนาฬิกาจับเวลาทางด้านซ้ายของ "รูปแบบ" ในไทม์ไลน์
ให้เปิดการตั้งค่าภาพเคลื่อนไหวนี้ ย้ายเกณฑ์มาตรฐานเวลาไปที่ 00:14 (นั่นคือเฟรมสุดท้าย) เปิดกล่องการตั้งค่ารูปแบบอีกครั้ง และเปลี่ยน "ระยะทาง" ในพารามิเตอร์การฉายภาพเป็น 20 พิกเซล เอฟเฟกต์ดังแสดงในรูปด้านล่าง
ดูเหมือนว่ามีบางอย่างผิดปกติ เนื่องจากถึงแม้เงาจะเคลื่อนที่ แต่วัตถุก็ไม่เคลื่อนไหว ดังนั้นเอฟเฟกต์ที่ลอยอยู่จึงไม่สามารถแสดงออกมาได้ ดังนั้นในการสร้างแอนิเมชั่นในอนาคต ทุกคนควรใส่ใจกับความจริงที่ว่าวัตถุและเงาจะต้องเคลื่อนที่ไปในทิศทางตรงกันข้ามในเวลาเดียวกัน
กลับไปที่จุดเริ่มต้นแล้วเปิดรายการ "ตำแหน่ง" ในไทม์ไลน์ จากนั้นเวลา 00:14 น. (รายการสไตล์ที่คลิกได้
ปุ่มค้นหาช่วงเวลา) และเลื่อนวงกลมไปทางซ้ายบนเล็กน้อย (คุณสามารถใช้ปุ่มควบคุมทิศทางของแป้นพิมพ์ได้) การฉายภาพของเราอยู่ที่ 75 องศา ดังนั้นเราจึงต้องใส่ใจกับการเลื่อนขึ้นและไปทางซ้ายน้อยลงประมาณ 2 :1. ระยะการเคลื่อนที่ไม่จำเป็นต้องอยู่ที่ 20 พิกเซลก็เพียงพอแล้วเพื่อให้ได้เอฟเฟกต์ที่ต้องการ เอฟเฟกต์ที่แก้ไขมีดังนี้
โดยทั่วไปสคริปต์นี้จะเสร็จสมบูรณ์แล้ว และเราสามารถแก้ไขรายละเอียดได้ดีขึ้นอีกเล็กน้อย แก้ไขการตั้งค่าการฉายภาพของเฟรมสุดท้าย เปลี่ยน "ความทึบ" ของการฉายภาพเป็น 45% และ "ขนาด" เป็น 15 พิกเซล ทำให้เงาเบลอและจางลง สอดคล้องกับสถานการณ์จริงมากขึ้น
เมื่อเราแนะนำการตั้งค่าพล็อตเรื่องก่อนหน้านี้ เราไม่ได้สนับสนุนการ "ไปโดยไม่หวนกลับ" ประเภทนี้ แต่ควรทำให้มันกลายเป็นการเคลื่อนที่แบบวงกลม ดังนั้นเราจะแก้ไขมันในครั้งต่อไป
ขั้นแรก เปลี่ยนระยะเวลาในการตั้งค่าเอกสารเป็น 2 วินาที และคงอัตราเฟรมไว้ไม่เปลี่ยนแปลงที่ 15 ส่งผลให้มีภาพเคลื่อนไหวทั้งหมด 30 เฟรม จากนั้นในช่วงสุดท้าย คีย์เฟรมสำหรับสไตล์และตำแหน่งมาสก์เวกเตอร์จะถูกสร้างขึ้น
จากนั้นคลิกขวาที่คีย์เฟรมที่จุดเริ่มต้นของทั้งสองโปรเจ็กต์ และเลือก "คัดลอกคีย์เฟรม" จากนั้นคลิกขวาที่คีย์เฟรมในวินาทีสุดท้าย และเลือก "วางคีย์เฟรม" ด้วยวิธีนี้ สถานะ ณ เวลาสิ้นสุดจะสอดคล้องกับเวลาเริ่มต้น เอฟเฟกต์ดังแสดงในรูปด้านล่าง
ตอนนี้เรารู้สึกว่าวงกลมนี้ดูซ้ำซากจำเจเกินไป เหมือนวงกลมแทนที่จะเป็นลูกบอล ดังนั้นเราจึงสามารถเพิ่มเอฟเฟกต์ไฮไลต์ให้กับมันผ่านสไตล์เลเยอร์ ซึ่งสามารถทำได้โดยใช้การซ้อนทับแบบไล่ระดับสี กลับไปที่จุดเริ่มต้นและตั้งค่าสไตล์การซ้อนทับแบบไล่ระดับสีตามที่แสดงทางด้านซ้ายด้านล่าง โปรดทราบว่าค่าเริ่มต้นจะอยู่ที่กึ่งกลางของวงกลม เมื่อตั้งค่า ให้ลากไปที่ด้านซ้ายบนในหน้าต่างรูปภาพ (ไม่สามารถใช้แป้นพิมพ์ได้)
ในเวลานี้ คุณเคยคิดบ้างไหมว่าคำถามคือ เราเคยเปิดแอนิเมชั่นไอเท็มสไตล์มาก่อน และตอนนี้เราได้เพิ่มไอเท็มสไตล์ใหม่ แล้วไอเท็มสไตล์ใหม่นี้มีพฤติกรรมอย่างไรในแอนิเมชั่น? เราตั้งค่าไอเท็มสไตล์นี้ไว้ที่จุดเริ่มต้นเท่านั้น แล้วครั้งอื่นล่ะ? เล่นภาพเคลื่อนไหวแล้วคุณจะเห็นว่าในขณะที่ภาพเคลื่อนไหวดำเนินไป เอฟเฟกต์ของการซ้อนทับแบบไล่ระดับสีจะค่อยๆ หายไป เนื่องจากรายการสไตล์ไม่รวมอยู่ในคีย์เฟรมถัดไป (ดังที่คุณเห็นจากพาเล็ตเลเยอร์ที่ 00:14) ซึ่งเทียบเท่ากับการทำให้การซ้อนทับแบบไล่ระดับสีจางลง
ตอนนี้เพื่อให้การไล่ระดับสีซ้อนทับมีประสิทธิภาพอยู่เสมอ คุณต้องเพิ่มรายการสไตล์นี้ในคีย์เฟรมทั้งหมด แต่สไตล์นี้เกี่ยวข้องกับการลากเมาส์ และไม่สามารถทำซ้ำผ่านพารามิเตอร์เช่นการฉายภาพได้อย่างง่ายดาย ดังนั้นหากคุณต้องการตั้งค่าให้เหมือนเดิมทุกครั้งก็เทียบเท่ากับการทำให้การลากของเมาส์เหมือนกันซึ่งไม่สมจริง Photoshop ปฏิบัติต่อรายการสไตล์ทั้งหมดโดยรวม และไม่มีฟังก์ชันคัดลอกสำหรับรายการสไตล์เดียว ดังนั้นจึงเป็นไปไม่ได้ที่จะเพิ่มการซ้อนทับแบบไล่ระดับสีในขณะที่ยังคงรูปแบบการฉายภาพของแอนิเมชั่นต้นฉบับไว้
วิธีที่เป็นไปได้มากกว่าในตอนนี้คือการลบคีย์เฟรมที่ 2 และ 3 ของรายการสไตล์ ปล่อยให้มันทำให้โปรเจ็กต์การฉายภาพเคลื่อนไหวอีกครั้งโดยยึดการซ้อนทับแบบไล่ระดับสี ตำแหน่งเลเยอร์ไม่เกี่ยวข้องกับการดำเนินการนี้ และไม่จำเป็นต้องเปลี่ยนแปลง เอฟเฟกต์ที่สมบูรณ์จะแสดงอยู่ในภาพด้านล่าง
ควรสังเกตว่าเมื่อใช้การไล่ระดับสีซ้อนทับ ความเงา และสไตล์อื่น ๆ ที่ต้องใช้เมาส์ในการลากในภาพเพื่อสร้างเอฟเฟกต์บนเลเยอร์มาสก์เวกเตอร์ เป็นการดีที่สุดที่จะไม่ตั้งค่าการเคลื่อนไหวของเลเยอร์ในเวลาเดียวกัน มิฉะนั้นสไตล์เหล่านี้อาจไม่เป็นไปตามการเคลื่อนไหวเมื่อส่งออกไปยังไฟล์ อาจเนื่องมาจากช่องโหว่ของโปรแกรมใน Photoshop
เพื่อแก้ไขปัญหาที่ไม่สามารถเพิ่มรายการสไตล์ใหม่ได้กลางทาง คุณสามารถใช้วิธีการง่ายๆ ในการแก้ปัญหาได้ นั่นคือ เมื่อคุณสร้างสไตล์เลเยอร์เป็นครั้งแรก ให้เปิดรายการสไตล์ทั้งหมดและบันทึกบางรายการที่ไม่ได้ใช้ ชั่วคราว ความทึบของรายการสไตล์ถูกตั้งค่าเป็น 0% ซึ่งจะไม่ส่งผลกระทบต่อเอฟเฟกต์และทำให้เปิดใช้งานใหม่ได้ง่ายขึ้นในอนาคต แต่คุณยังไม่สามารถหลีกเลี่ยงปัญหาในการรีเซ็ตแต่ละคีย์เฟรมได้ ดังนั้นควรพิจารณาเรื่องนี้ให้ครบถ้วนในขั้นตอนของสคริปต์
ปัจจุบันสถานะของการไล่ระดับสีซ้อนทับในสามเฟรมจะเหมือนกัน เราสามารถปรับเปลี่ยนสไตล์ในคีย์เฟรมที่สอง และใช้เมาส์เพื่อย้ายจุดไฮไลต์ที่เกิดจากการไล่ระดับสีไปทางซ้ายบนเล็กน้อยเพื่อเลียนแบบการเปลี่ยนแปลงตำแหน่งแสงที่เกิดจากการเคลื่อนที่ของทรงกลม เอฟเฟกต์ดังที่แสดงด้านล่าง ในความเป็นจริง เงาเปลี่ยนไปจากนี้ ควรเปลี่ยนเป็นวงรีตามทิศทางของแสง และเมื่อทรงกลมหยุดบนเครื่องบิน ความสูงของเงาไม่ควรต่ำขนาดนั้น ควรอยู่ที่ประมาณ 5 ถึง 8 พิกเซล ปัญหาเหล่านี้อยู่นอกเหนือขอบเขตของบทเรียนนี้
สไตล์เลเยอร์ส่วนใหญ่สามารถเคลื่อนไหวได้ และใช้เงาตกและเงาภายในในลักษณะเดียวกันเพื่อแสดงความเป็นสามมิติของวัตถุ เช่นเดียวกับตัวอย่างที่เราทำข้างต้น เอฟเฟกต์ของแสงภายนอกและแสงภายในมีความคล้ายคลึงกัน ทั้งสองอย่างนี้ใช้เพื่อสร้างเอฟเฟกต์การส่องสว่างของวัตถุ "ทิศทาง" และ "มุม" ใน Bevel และ Emboss ไม่สามารถเคลื่อนไหวได้ เงาสามารถสร้างภาพเคลื่อนไหวที่ไม่สมจริงได้มากขึ้น การซ้อนทับสีสามารถสร้างการเปลี่ยนสีระหว่างสองสีได้ การซ้อนทับแบบไล่ระดับสีเป็นไอเท็มสไตล์ที่สามารถสร้างเอฟเฟกต์ได้หลากหลาย นอกเหนือจากมุม การปรับขนาด และตำแหน่งการเคลื่อนไหวของเมาส์แล้ว ยังต้องอาศัยความรู้พื้นฐานเกี่ยวกับการตั้งค่าการไล่ระดับสีอีกด้วย คุณสามารถดูการแนะนำส่วนต่างๆ ที่เกี่ยวข้องได้ในบทช่วยสอนพื้นฐาน
ในโหมดจังหวะรูปแบบในตัวเลือกรูปแบบและจังหวะ โหมดการปรับขนาดและการผสมของรูปแบบสามารถสร้างเอฟเฟกต์ภาพเคลื่อนไหวที่ดีได้ คุณสามารถศึกษาเนื้อหาเฉพาะได้ด้วยตัวเอง
งาน นี้เป็นการสร้างแอนิเมชั่นเรดาร์จำลองตามภาพด้านล่าง