วิธีการผลิตที่เราได้เรียนรู้มานั้นเพียงพอที่จะตอบสนองความต้องการในการผลิตแอนิเมชั่นแบบเรียบส่วนใหญ่ได้ ในบทนี้ เราจะเรียนรู้เทคนิคบางอย่างที่สามารถเพิ่มเอฟเฟ็กต์ให้กับงานแอนิเมชั่นได้ รวมถึง: เลเยอร์พิเศษ การเร่งความเร็วและการชะลอตัว ความเบลอของการเคลื่อนไหว และการเปลี่ยนรูปของข้อความ ฉันยังหวังว่าทุกคนจะสามารถสรุปทักษะการผลิตของตนเองและแบ่งปันกับผู้อื่นได้
ทักษะเหล่านี้อิงตามหลักสูตรก่อนหน้า ดังนั้นจึงจำเป็นต้องเชี่ยวชาญหลักสูตรก่อนหน้านี้ทั้งหมดอย่างละเอียดถี่ถ้วน
รายการที่สามารถเคลื่อนไหวได้ใน Photoshop ได้แก่ ตำแหน่งเลเยอร์, เลเยอร์มาสก์, ความทึบของเลเยอร์ และสไตล์ของเลเยอร์ ในขั้นตอนการสอนขั้นพื้นฐาน เราได้เรียนรู้เกี่ยวกับเลเยอร์การปรับสีและเลเยอร์การเติม เลเยอร์ประเภทนี้มีความพิเศษ เลเยอร์แรกไม่ได้สร้างรูปภาพโดยตรง แต่ทำการปรับสีให้กับเลเยอร์ที่อยู่ด้านล่าง แม้ว่าอย่างหลังจะสร้างภาพ แต่มันก็เป็น "พิกเซลเสมือน" และเนื้อหาที่เติมสามารถเปลี่ยนแปลงได้ในภายหลัง ตอนนี้เรามาใช้สำหรับแอนิเมชั่นแล้วดูว่าเราจะได้เอฟเฟกต์แบบใด คลิกที่นี่เพื่ออ่านเกี่ยวกับเลเยอร์การปรับสี คลิกที่นี่เพื่ออ่านเกี่ยวกับการเติมเลเยอร์
เลเยอร์การปรับสี นั้นค่อนข้างใช้งานง่าย และคุณสามารถใช้เพื่อสร้างเอฟเฟกต์การเปลี่ยนสีได้ เอฟเฟกต์เหล่านี้มีตั้งแต่การเปลี่ยนแปลงของแสงและความมืด การเปลี่ยนแปลงระดับสีเทา การกลับกัน ฯลฯ วิธีการนำไปใช้นั้นง่ายมาก กล่าวคือ ขั้นแรกให้สร้างเลเยอร์การปรับสีและทำการตั้งค่าที่เกี่ยวข้อง จากนั้นทำให้ความทึบของเลเยอร์การปรับเคลื่อนไหว ตัวอย่างแอนิเมชันด้านล่าง ได้แก่ การทำให้เส้นโค้งมืดลง การทำให้เส้นโค้งสว่างขึ้น การแมปไล่ระดับสี และการกลับกัน หากต้องการเปลี่ยนรูปภาพเป็นระดับสีเทา คุณสามารถใช้การไล่ระดับสีระดับสีเทาของแผนที่ไล่ระดับสี หรือใช้ความอิ่มตัวของเฉดสี
ควรสังเกตว่าแอนิเมชั่นการเปลี่ยนสีประเภทนี้ใช้พื้นที่จำนวนมากเนื่องจากพิกเซลระหว่างเฟรมก่อนหน้าและเฟรมถัดไปส่วนใหญ่จะแตกต่างกัน สิ่งนี้ควรสมดุลโดยการลดจำนวนเฟรม อัตราเฟรม หรือขนาดของภาพเคลื่อนไหวให้มากที่สุด นอกจากนี้ คุณยังสามารถสร้างมาสก์ของเลเยอร์การปรับแต่งเพื่อให้ได้เอฟเฟกต์การปรับสีเฉพาะบางพื้นที่เท่านั้น ซึ่งจะไม่แสดงให้เห็นที่นี่
บางครั้งอาจจำเป็นต้องแสดงการเปลี่ยนแปลงครั้งใหญ่ สิ่งที่เรียกว่าการเปลี่ยนแปลงที่รุนแรงคือการเคลื่อนไหวของพิกเซลขนาดใหญ่หรือการเปลี่ยนแปลงสีขนาดใหญ่ การผกผันสามารถใช้เพื่อให้เกิดการเปลี่ยนแปลงสีที่รุนแรงได้ จากตัวอย่างก่อนหน้านี้ เราพบว่าผลของการใช้การกลับกันเป็นการเปลี่ยนแปลงไม่ดี ซึ่งสามารถทำได้สองวิธี วิธีหนึ่งคือการตั้งค่าเฟรมเพื่อรักษาการประมาณค่าไว้ อย่างที่สองคืออย่าเว้นช่องว่างระหว่างคีย์เฟรมทั้งสอง ดังนั้นจึงไม่สำคัญว่าจะมีการเปลี่ยนแปลงหรือไม่
ควรสังเกตว่าวิธีที่สองนั้นแก้ไขได้น้อยกว่าในภายหลัง หากคุณเพิ่มอัตราเฟรมในการตั้งค่าเอกสาร เฟรมใหม่จะถูกแทรกระหว่างคีย์เฟรมดั้งเดิมทั้งสองที่มีระยะห่างกันอย่างใกล้ชิด ดังนั้นเอฟเฟกต์การเปลี่ยนจะเกิดขึ้น จึงไม่แนะนำให้ใช้วิธีนี้ ให้ใช้แนวทางแรกแทน
ตอนนี้ทุกคนสามารถสร้างแอนิเมชั่นนี้ได้ด้วยตัวเอง แพ็คเกจไฟล์ประกอบด้วยรูปภาพวัสดุและ PSD ของผลิตภัณฑ์สำเร็จรูป โปรดอย่าเปิดไฟล์ PSD และพยายามวิเคราะห์และสร้างมันขึ้นมาเอง หลังจากเสร็จสิ้น โปรดดูไฟล์ PSD ตัวอย่าง
แอนิเมชั่นตัวอย่างนี้สาธิตเทคนิคการใช้เลเยอร์การปรับ Invert มีโครงเรื่องที่แน่นอน อย่างแรกคือดาวตกสีดำที่ตกลงมา ดาวตกเป็นเส้นตรงหรือแนวตั้งที่วาดด้วยแปรงโดยมีขั้นตอนจางลงแล้วหมุนเป็น 45 องศา (สามารถปรับแต่งมุมได้) จากนั้นส่วนหนึ่งของท้องฟ้าจะถูกสร้างขึ้นยกเว้นอาคาร เป็นหน้ากาก หลังจากยกเลิกการเชื่อมโยงหน้ากากแล้ว ดาวตกสามารถเคลื่อนที่ได้อย่างอิสระและสร้างเอฟเฟกต์การบดบังกับสิ่งปลูกสร้าง การสลับเฟสแบบย้อนกลับในภายหลังจะไม่มีปัญหาทางเทคนิค และจะไม่มีการอธิบายอีก สำหรับการสร้างมาสก์ โปรดดูเนื้อหาที่เกี่ยวข้องเกี่ยวกับเลเยอร์มาสก์ในบทช่วยสอนพื้นฐาน
ควรสังเกตว่าการเฟดเอาท์ขั้นสุดท้ายจะใช้เลเยอร์การปรับสีและความอิ่มตัว ความแตกต่างก็คือการเฟดเอาท์เป็นสีดำแทนที่จะใช้เฟดเอาท์ก่อนหน้าเป็นสีขาว เมื่อใช้เลเยอร์การปรับเพื่อสร้างเฟดเอาท์ จะดีที่สุดที่จะไม่ใช้ Curves หรือ Luminance Contrast เนื่องจากคำสั่งการปรับสีทั้งสองนี้ไม่ได้เปลี่ยนภาพให้เป็นสีขาวหรือสีดำเหมือนกับที่คำสั่ง Hue Saturation ทำ
นอกเหนือจากการใช้เลเยอร์การปรับเปลี่ยนแล้ว คุณยังสามารถใช้ เลเยอร์การเติม หรือเติมเลเยอร์ธรรมดาเพื่อสร้างการเฟดเอาท์ได้ หลักการของการเฟดเอาท์คือกระบวนการค่อยๆ เพิ่มความทึบของเลเยอร์จาก 0% เป็น 100% ข้อดีก็คือ นอกจากขาวดำแล้ว ยังสามารถเฟดออกไปเป็นสีอื่นๆ เช่น แดง น้ำเงิน เป็นต้น ต่อไปนี้เป็นแอนิเมชั่นที่ผลิตในปี 2000 ภาพถ่ายส่วนตัวในขณะนั้นถูกตัดออกเป็นสองส่วน จากนั้นแบ่งออกเป็นสามส่วน ใช้เลเยอร์การเติมสีขาวเพื่อสร้างเอฟเฟกต์การเปลี่ยนค่าแสงจำลอง เนื่องจากมันถูกใช้เป็นอวาตาร์ส่วนตัวในฟอรั่มแบบคลาสสิก ขนาดและจำนวนไบต์ของแอนิเมชั่นจึงถูกจำกัดอย่างเคร่งครัด
ไม่ใช่เรื่องง่ายที่จะรักษาจำนวนไบต์ให้น้อยที่สุดเท่าที่จะเป็นไปได้ในขณะเดียวกันก็รับประกันความราบรื่นของภาพเคลื่อนไหวให้มากที่สุด สิ่งนี้อาจต้องเสียสละแม้แต่ความคิดดีๆ บางอย่าง แต่หากแอนิเมชั่นที่ผลิตไม่ตรงตามความต้องการ หรือการส่งข้อมูลช้า ก็จะสูญเสียคุณค่าที่สำคัญที่สุดไป คุณสามารถใช้วัสดุอื่นเพื่อเลียนแบบภาพเคลื่อนไหวนี้ได้ และขนาดไฟล์จำกัดอยู่ที่ประมาณ 5K (ตัวอย่างคือ 3.65K) และพยายามเพิ่มแนวคิดใหม่ ๆ ของคุณเองภายใต้สมมติฐานนี้ สำหรับเอฟเฟกต์ขาวดำและไหม
ในเลเยอร์การเติม นอกเหนือจากการเติมสีทึบที่ใช้กันทั่วไปแล้ว ยังมีการเติมลวดลายและการเติมแบบไล่ระดับสีอีกด้วย จะไม่มีคำแนะนำเพิ่มเติมเกี่ยวกับวิธีการใช้งาน คุณสามารถลองใช้เองได้
เราเรียนรู้วิธีสร้างวัตถุที่เคลื่อนที่เมื่อนานมาแล้ว แต่วัตถุที่เราสร้างทั้งหมดเคลื่อนที่ด้วยความเร็วคงที่ ตอนนี้เราสามารถจำลองผลกระทบของการเร่งความเร็วและการชะลอตัวได้โดยการเปลี่ยนตำแหน่งของคีย์เฟรม เอฟเฟ็กต์นี้ไม่ได้จำกัดอยู่เพียงการเคลื่อนไหวของวัตถุ แต่ยังสามารถใช้ในเอฟเฟ็กต์การเปลี่ยนผ่านใดๆ เช่น การเฟดเข้าและเฟดออก และวิธีการนี้ยังใช้ได้กับซอฟต์แวร์ตัดต่อวิดีโออื่นๆ รวมถึงเอฟเฟกต์ DHTML ของไทม์ไลน์ของซอฟต์แวร์สร้างหน้าเว็บ GoLive
ขั้นแรก เราสร้างภาพพื้นหลังสีขาวขนาด 150×100 ใหม่ และตั้งค่าเอกสารเป็น 1 วินาทีและ 30fps สร้างเลเยอร์ปกติใหม่ วาดรูปสี่เหลี่ยมผืนผ้า และตั้งค่าภาพเคลื่อนไหวให้ย้ายจากซ้ายไปขวา การตั้งค่าไทม์ไลน์คร่าวๆ ดังแสดงในรูปด้านล่าง ความเร็วในการเคลื่อนที่ปัจจุบันคงที่
จากนั้น ย้ายเกณฑ์มาตรฐานเวลาไปที่ 10f คลิกปุ่มรูปเพชรของรายการ "ตำแหน่ง" และเพิ่มคีย์เฟรมในขณะปัจจุบันด้วยตนเอง ขณะนี้คีย์เฟรมนี้ซ้ำซ้อนเนื่องจากไม่ได้เปลี่ยนกระบวนการเคลื่อนไหว ทีนี้ลองจินตนาการว่าถ้าเดิมคุณวางแผนที่จะไปถึงสถานที่แห่งหนึ่งภายใน 10 นาที แต่ตอนนี้คุณต้องมาถึงภายใน 5 นาที คุณจะต้องเร่งความเร็วอย่างแน่นอน เมื่อคุณเข้าใจหลักการนี้แล้ว คุณก็จะเข้าใจวิธีสร้างแอนิเมชั่นแบบเร่งความเร็วได้ นั่นคือการย้ายคีย์เฟรม ณ เวลา 10f ไปยังเวลา 05f ด้วยวิธีนี้ วัตถุจะเคลื่อนที่อย่างรวดเร็วระหว่าง 0f ถึง 05f และกลับสู่ความเร็วเดิมหลังจาก 05f
โดยการเปรียบเทียบ ย้าย 15f ไป 10f, 20f ไป 15f และ 25f ไป 20f คุณสามารถสร้างวัตถุที่ช้าลงได้ เรามาที่นี่เพื่อแสดงผลลัพธ์ แต่ในการใช้งานจริงไม่จำเป็นต้องเปลี่ยนคีย์เฟรมจำนวนมากมากนัก โดยทั่วไปแล้วการเปลี่ยนคีย์เฟรม 2 ถึง 3 คีย์ก็เพียงพอแล้ว ทั้งนี้ขึ้นอยู่กับระยะทางที่วัตถุเคลื่อนที่ ระยะการเคลื่อนที่ที่ยาวเกินไปไม่เหมาะสำหรับการแสดง GIF นอกจากนี้ อย่าตั้งอัตราเฟรมให้สูงเท่ากับ 30fps
จริงๆ แล้ว ภาพเบลอจากการเคลื่อนไหว เกี่ยวข้องกับการเคลื่อนไหวของวัตถุ บางครั้งเมื่อจำเป็นต้องใช้เฟรมน้อยลงเพื่อแสดงการเคลื่อนไหวที่รวดเร็วของวัตถุ การใช้ภาพเบลอจากการเคลื่อนไหวสามารถลดความรู้สึกของการกระโดดของภาพได้ ในการสาธิตแอนิเมชั่นตัวอย่างต่อไปนี้ จำนวนเฟรมสำหรับการเคลื่อนไหวของตัวละครคือ 4 เฟรม การเคลื่อนไหวระยะไกลจะแคบมาก (ที่เรียกว่าระยะไกลยังต้องอ้างอิงถึงขนาดของวัตถุด้วย) ภายใต้ เฟรมมีจำนวนจำกัด เพื่อชดเชยข้อบกพร่องนี้ เราจะทำซ้ำเลเยอร์ตัวละครและประมวลผลด้วยฟิลเตอร์โมชั่นเบลอเพื่อสร้างเอฟเฟกต์ภาพติดตา ย้ายภาพติดตาด้วยเลเยอร์ตัวละครและซ่อนไว้ที่จุดเริ่มต้นและจุดสิ้นสุดของการเคลื่อนไหว กราฟิกตัวละครนี้สามารถพบได้ในไลบรารีรูปร่างที่มาพร้อมกับ Photoshop ทุกคนพยายามสร้างเอฟเฟ็กต์ภาพเบลอจากการเคลื่อนไหวด้วยตนเอง เราจัดเตรียมไฟล์ต้นฉบับ PSD ให้ทุกคนได้เปรียบเทียบหลังจากเสร็จสิ้น
ควรสังเกตว่าที่นี่เรายังคงรักษาภาพที่สมบูรณ์ของตัวละครในเฟรมที่มีภาพเบลอจากการเคลื่อนไหว ในการทำงานจริง เรายังสามารถลดความทึบของตัวละครหรือเพียงแค่เก็บเฉพาะภาพติดตาเท่านั้น ส่งผลให้สัมผัสถึงการเคลื่อนไหวได้เร็วขึ้น . ในโหมดการเก็บเฉพาะภาพติดตา ความยาวของภาพติดตาควรขยายให้เหมาะสมและควรใกล้กับตำแหน่งของวัตถุเมื่อสิ้นสุดการเคลื่อนไหว คุณสามารถรับชมตัวอย่างแอนิเมชั่นได้อย่างละเอียดและใส่ใจกับความแตกต่างในตำแหน่งของภาพติดตา
ภาพเบลอจากการเคลื่อนไหวถูกนำมาใช้กันอย่างแพร่หลายในด้านการผลิตภาพยนตร์และโทรทัศน์ และซอฟต์แวร์การผลิตภาพยนตร์และโทรทัศน์ส่วนใหญ่ เช่น After Effects มีฟังก์ชันพิเศษสำหรับสิ่งนี้ ในคลิปภาพยนตร์และโทรทัศน์บางเรื่อง หากคุณหยุดวัตถุที่เคลื่อนที่เร็วบางรายการชั่วคราว คุณจะเห็นภาพติดตาที่คล้ายกัน ชื่อภาษาอังกฤษของ Motion Blur คือ Motion Blur ในการผลิตแอนิเมชั่น GIF โมชั่นเบลออาจเพิ่มจำนวนสีในแอนิเมชั่น เนื่องจากเอฟเฟ็กต์ภาพติดตานั้นมีสีเปลี่ยนผ่านจำนวนมาก เมื่อส่งออก ให้คำนึงถึงความสมดุลระหว่างจำนวนสีและคุณภาพของภาพเคลื่อนไหว
นอกจากการใช้ฟิลเตอร์เพื่อสร้างภาพติดตาแล้ว คุณยังสามารถคัดลอกเลเยอร์หลายชุดและเปลี่ยนสีหรือความทึบของเลเยอร์อย่างต่อเนื่องเพื่อสร้างเอฟเฟกต์ภาพติดตาที่สม่ำเสมอมากขึ้น ดังที่แสดงในภาพด้านขวาด้านล่าง คุณสามารถคัดลอกเลเยอร์อักขระออกเป็น 3 ชุดได้ และเติมด้วยสีจะเปลี่ยนเป็นระดับสีเทาที่แตกต่างกัน ภาพติดตาประเภทนี้สามารถแสดงออกมาได้ดีโดยใช้จำนวนสีที่น้อยลง ภาพติดตาที่เกิดจากฟิลเตอร์อาจทำให้เกิดจุดสีในจำนวนสีที่น้อยกว่า
เมื่อใช้เลเยอร์ข้อความ ผู้อ่านที่สนใจบางคนอาจค้นพบโปรเจ็กต์แอนิเมชัน " การเปลี่ยนรูปข้อความ " ดังที่แสดงในภาพด้านล่าง คุณสามารถตั้งค่ารูปแบบการเปลี่ยนรูปเป็น "ไม่มี" หรือสไตล์อื่นๆ ในแอนิเมชั่นเพื่อสร้างเอฟเฟกต์การเปลี่ยนรูปได้ จริงๆ แล้วโปรเจ็กต์แอนิเมชันนี้ใช้งานง่ายมาก แต่น่าเสียดายที่จำกัดไว้แค่ข้อความเท่านั้น จะดีกว่าหากใช้ได้กับกราฟิกทั้งหมด อย่างไรก็ตาม บางครั้งเราสามารถจำลองรูปร่างของวัตถุง่ายๆ ได้ด้วยเครื่องหมายวรรคตอนหรืออักขระพิเศษในข้อความ ซึ่งทำให้มีความสามารถในการเปลี่ยนรูปได้ ตัวอย่างเช่น สัญลักษณ์ "-" สามารถขยายเป็นรูปสี่เหลี่ยมผืนผ้าได้
