Kinetic typography ในแก่นหลักคือศิลปะ (และเทคนิค) ในการทำให้ข้อความเคลื่อนไหวในลักษณะที่ทำให้มีชีวิตชีวา เพิ่มการเคลื่อนไหวให้กับตัวอักษร คำ หรือวลี เพื่อถ่ายทอดอารมณ์ เล่าเรื่อง หรือส่งข้อความในลักษณะที่ดึงดูดสายตา
ในตอนแรก การแก้ไขข้อความเพียงแค่เกี่ยวข้องกับการเลือกฟอนต์ พิมพ์ข้อความ และอาจปรับประเภทฟอนต์ ขนาด และสี แต่เมื่อเครื่องมือออกแบบและแนวคิดพัฒนาขึ้น การแก้ไขข้อความพื้นฐานก็วิวัฒนาการเป็นการผสมผสานที่น่าสนใจระหว่างข้อความ การออกแบบ และแอนิเมชัน
ตัวอย่างทั่วไปของ kinetic typography คือชื่อเรื่องของภาพยนตร์ที่เต้น ลอย หรือเกิดขึ้นจากรูปทรงและภาพ จึงสร้างประสบการณ์ก่อนที่ภาพยนตร์จะเริ่มด้วยซ้ำ คุณสามารถใช้เครื่องมือแก้ไขวิดีโอเช่น After Effects เพื่อสร้างเอฟเฟกต์ kinetic typography ทั่วไปแบบนี้
บทความนี้จะแสดงวิธีสร้าง kinetic text บน After Effects พรีเซ็ตบางตัวที่คุณสามารถใช้ และเว็บไซต์ยอดนิยมที่คุณสามารถดาวน์โหลดได้
ในบทความนี้
ตัวอย่างของ Kinetic Typography
จากการสื่อสารแบรนด์ไปจนถึงความบันเทิงและการศึกษา เอฟเฟกต์ kinetic typography ได้สร้างวิธีทำให้ข้อความโดดเด่น เราสามารถพบสิ่งเหล่านี้ในข้อความแบรนด์ที่เราเห็นทุกวัน
ยกตัวอย่าง Apple
Apple ถ่ายทอดความตั้งใจของบริษัทในการเป็นคาร์บอนนิวทรัลอย่างแข็งแกร่งด้วยการใช้ kinetic typography ข้อความเคลื่อนไหว จานสี และภาพที่แข็งแกร่งทำงานได้ดีในการส่งข้อความของผู้บรรยายในขณะที่สอดคล้องกับเอกลักษณ์ของแบรนด์
Burger King ก็เข้าใจอำนาจของข้อความเคลื่อนไหวในการสื่อสารแบรนด์อย่างชัดเจน
วิดีโอรีแบรนด์ของพวกเขาเล่นกับข้อความและพาผู้ชมไปด้วยอย่างลื่นไหล ข้อความเคลื่อนไหวเน้นย้ำศิลปะและความคิดสร้างสรรค์พื้นฐานของแบรนด์ในขณะที่นำเสนอแบรนด์อาหารว่าสนุกและอร่อย
วิธีสร้าง Kinetic Typography ของคุณเองใน After Effects
เทรนด์ล่าสุดบางส่วนเกี่ยวกับแอนิเมชันตัวพิมพ์ใน After Effects เกี่ยวข้องกับการทำให้ข้อความที่สะอาดมีชีวิตโดยใช้แอนิเมชันที่ละเอียดอ่อน รวมข้อความที่บิดเบี้ยวกับเอฟเฟกต์ภาพ และสร้างข้อความ 3D ที่สามารถเคลื่อนไหวและจัดการเพื่อถ่ายทอดมากกว่าข้อความ
นอกจากนี้ แบรนด์ต่างๆ เริ่มบูรณาการ kinetic typography กับ motion graphics เพื่อสร้างเนื้อหาแบรนด์โซเชียลมีเดีย โดยเฉพาะบน Instagram และ TikTok ซึ่งเป็นการเคลื่อนไหวที่ช่วยให้หลายแบรนด์โดดเด่นด้วยข้อความแบรนด์ของพวกเขาในตลาดที่อิ่มตัว
นี่แสดงให้เห็นว่าคุณสามารถสร้าง kinetic typography ของคุณเองด้วย After Effects ได้ง่ายเพียงใด
วิธีที่ 1: Title Block หลายบล็อกพื้นฐานพร้อมเอฟเฟกต์แกว่ง
วิธีนี้เกี่ยวข้องกับการทำให้เลเยอร์ข้อความหลายชั้นเคลื่อนไหวด้วยกัน เพื่อสร้างบล็อกข้อความที่ตัดกันที่เรียกว่า title block และเพิ่มเอฟเฟกต์แกว่งให้กับพวกเขา
ขั้นตอนที่ 1: สร้างคอมโพสิชันใหม่ คัดลอกและวางองค์ประกอบข้อความแรกของคุณและตั้งค่าไปยังตำแหน่งแรก
ขั้นตอนที่ 2: ในเมนูแบบเลื่อนลง Text Properties เลือก Animate > Opacity
ขั้นตอนที่ 3: ในเมนูแบบเลื่อนลง Range Selector แบบเลื่อนลง ลด Opacity เป็น 0% สร้างคีย์เฟรมบนไทม์ไลน์ที่จุดเริ่มต้นของแอนิเมชัน และเปลี่ยน Start เป็น 0%
ขั้นตอนที่ 4: คัดลอกและวางองค์ประกอบข้อความที่สองลงในคอมโพสิชันและตั้งค่าไว้ที่ตำแหน่งแรก บนเลเยอร์แรกของคุณ เปิดใช้งานคีย์เฟรม Rotation, Position และ Scale จากนั้นย้ายข้อความบนหน้าจอไปยังตำแหน่งที่สอง
ขั้นตอนที่ 5: เลือกเลเยอร์ข้อความที่สองและคลิกที่ Animate > Tracking.
ขั้นตอนที่ 6: เพิ่มคีย์เฟรมให้กับค่า tracking ปรับให้เหมาะกับผลลัพธ์ที่คุณต้องการ
ขั้นตอนที่ 7: เพิ่มเอฟเฟกต์เฟดอินโดยใช้ ตัวเลือก Opacity ด้วยวิธีนี้ เลเยอร์ที่สองของคุณจะเฟดอินในเวลาเดียวกัน
ขั้นตอนที่ 8: ถัดไป เพิ่มเอฟเฟกต์แกว่ง ไปที่ Layer > New > Null.
ขั้นตอนที่ 9: ใช้ Whip จากเลเยอร์ข้อความสองชั้นของคุณ แนบพวกเขาเข้ากับเลเยอร์ Null นี่จะช่วยให้คุณสามารถจัดตำแหน่งเลเยอร์ข้อความใหม่โดยการย้ายเลเยอร์ Null
ขั้นตอนที่ 10: เปิดใช้งานตัวเลือก Position, Scale และ Rotation ในเลเยอร์ Null และเพิ่มคีย์เฟรมขณะที่คุณปรับการตั้งค่าต่างๆ ของพวกเขา ย้ายเลเยอร์ Null ไปยังตำแหน่งใหม่
ขั้นตอนที่ 11: คัดลอกและวางเลเยอร์ข้อความสุดท้ายของคุณ ไปที่ Animate > Position.
ขั้นตอนที่ 12: ใช้ ตัวเลือกเมนู Range Selector ย้ายข้อความลงบนหน้าจอ คลิกที่ Animate > Opacity และปรับให้เหมาะกับคุณ ใช้เมนู Advanced เพื่อเลือกว่าจะทำให้ตัวอักษร คำ หรือบรรทัดของข้อความเคลื่อนไหว
วิธีที่ 2: Kinetic Typography Column Animation
ขั้นตอนที่ 1: ก่อนอื่น ทำให้ชื่อเรื่องของคุณเคลื่อนไหว สร้างเลเยอร์ข้อความด้วยคำแรกของคุณ คลิกที่ Animate > Tracking
ขั้นตอนที่ 2: เพิ่มคีย์เฟรมที่จุดเคลื่อนไหวแรกของคุณ ขึ้นอยู่กับความเร็วของคุณ เลื่อนไปตามไทม์ไลน์และปรับค่า tracking ให้เหมาะกับคุณ
ขั้นตอนที่ 3: เลือกเลเยอร์ข้อความไทม์ไลน์ ไปที่ Edit > Split Layer ที่นี่ คุณสามารถเปลี่ยนเลเยอร์ไทล์ใหม่เป็นคำที่สองของคุณ
ขั้นตอนที่ 4: เลือกเลเยอร์ข้อความที่สอง คลิก "U" บนคีย์บอร์ดของคุณเพื่อดูคีย์เฟรมที่คุณวางไว้ จัดตำแหน่งคีย์เฟรมใหม่โดยการย้ายคีย์เฟรมแรกผ่านคีย์เฟรมที่สอง ด้วยวิธีนี้ เอฟเฟกต์ tracking จะถูกกลับด้าน
ขั้นตอนที่ 5: เลือกเลเยอร์ข้อความทั้งสองและสร้างคลิปผสม ตัดปลายของคลิปที่รวมกันหากจำเป็น ทำซ้ำคลิปผสมและวางตำแหน่งเพื่อให้เล่นทันทีหลังจากคลิปแรก
ขั้นตอนที่ 6: กลับด้านคลิปที่สองเพื่อให้เล่นในลูปต่อเนื่อง คลิกขวาบนเลเยอร์ข้อความและเลือก Time > Time Reverse Layer นี่จะช่วยให้คุณทำซ้ำเลเยอร์เพื่อให้ตรงกับความยาวของลำดับ จำลำดับ คลิป คลิปกลับด้าน คลิป คลิปกลับด้าน
ขั้นตอนที่ 7: เลือกเลเยอร์ทั้งหมดและสร้างคลิปผสมเดียว คุณจะมีเลเยอร์เดียวที่มีแอนิเมชันวนซ้ำเต็มความยาว
ขั้นตอนที่ 8: เพื่อสร้างเอฟเฟกต์คอลัมน์ ทำซ้ำเลเยอร์และทำซ้ำตามจำนวนครั้งที่คุณต้องการ
สร้างแอนิเมชันตัวพิมพ์ด้วย After Effects
Adobe After Effects เป็นเครื่องมือชั้นนำเมื่อพูดถึงการเล่นกับแอนิเมชัน โดยเฉพาะแอนิเมชันข้อความ มันมีฟีเจอร์ที่กว้างขวางที่ช่วยให้คุณสร้างสรรค์และออกแบบ kinetic typography ตั้งแต่เริ่มต้นโดยใช้เทคนิคต่างๆ
นี่คือแอนิเมชันข้อความเคลื่อนไหวทั่วไปใน After Effects ที่คุณสามารถสร้างและทำซ้ำสำหรับโปรเจ็กต์สร้างสรรค์ของคุณ ฉันหมายความว่า คุณไม่มีทางผิดพลาดกับตัวเลือกมากมาย!
10 เอฟเฟกต์ Kinetic Typography สำหรับแอนิเมชันข้อความบน After Effects
-
เงาข้อความ
เงาข้อความเพิ่มข้อความและมิติให้กับการพิมพ์ของคุณ คุณสามารถทำแอนิเมชันเงาให้เคลื่อนที่ เพิ่มขึ้น หรือลดลงเมื่อข้อความเคลื่อนที่บนหน้าจอ
-
ข้อความลายมือ
แอนิเมชันการพิมพ์แบบลายมือด้วย After Effects เลียนแบบข้อความที่เขียนด้วยมือ ใช้เส้นและเลเยอร์แมตต์เพื่อสร้างการพิมพ์ที่เป็นเอกลักษณ์ซึ่งเหมาะสำหรับวิดีโออธิบาย นี่คือวิธีการทำ
-
ข้อความที่ลื่นไหล
เอฟเฟกต์แอนิเมชันการพิมพ์นี้มีความละเอียดอ่อนและเน้นการเคลื่อนไหวที่ลื่นไหลอย่างไร้รอยต่อ สิ่งที่คุณต้องทำคือเพิ่มข้อความก่อน แล้วปรับแต่งการตั้งค่าข้อความ เบลอ หัน สไลด์ เลื่อน สีข้อความ และอื่นๆ
-
การอัดรีด 3D
ฟอนต์ 3D มีความหลากหลายมากจนสามารถปรับเปลี่ยนได้โดยเพิ่มการไล่ระดับและขอบตัดของการอัดรีด ทำให้ดูน่าสนใจมากขึ้นและเพิ่มความลึกให้กับข้อความ นี่คือวิธีการทำ
-
การผสมผสานรูปทรงในข้อความ
เอฟเฟกต์การพิมพ์บน After Effects นี้เกี่ยวข้องกับการรวมรูปทรงเข้ากับแอนิเมชันข้อความของคุณ ที่นี่คุณจะค่อยๆ เปิดเผยฟอนต์ สร้างความระทึกใจและทำให้ผู้ชมตื่นเต้น เอฟเฟกต์นี้ใช้งานได้ดีกับทุกฟอนต์ สี หรือรูปทรง
-
ข้อความของเหลว
ความลื่นไหลของข้อความของเหลวเพิ่มความหลากหลายให้กับการพิมพ์บน After Effects นี้ คุณสามารถสร้างเอฟเฟกต์ฟองสาบู่ รูปคลื่น หรือการเคลื่อนไหวคล้ายน้ำด้วยฟอนต์ที่คุณเลือก ทำตามขั้นตอนในวิดีโอนี้เพื่อทำซ้ำ
-
ข้อความสั่น
'เอฟเฟกต์กระสับกระส่าย' ตามที่เรียกกันทั่วไป สามารถใช้เพื่อสร้างเอฟเฟกต์สไตล์ฮิปสเตอร์สำหรับคลิปภาพยนตร์สยองขวัญและตัวอย่างภาพยนตร์ นี่คือวิธีสร้างข้อความสั่น
-
เอฟเฟกต์ Kinetic 3D
ปรับเปลี่ยนข้อความ 2D ของคุณให้เป็นข้อความ 3D แบบไคเนติกโดยเล่นกับการหมุน การจัดเรียงเลเยอร์ และเอฟเฟกต์อื่นๆ
-
การผสมผสานพื้นผิวเข้าไปในข้อความ
เพิ่มพื้นผิว แทรกตัวอักษร และปรับปรุงข้อความธรรมดาเพื่อปรับปรุงความสวยงามทางสุนทรีย์
-
การเปลี่ยนจากจุดเป็นตัวอักษรอย่างลื่นไหล
เอฟเฟกต์การพิมพ์แบบไคเนติกนี้ทำแอนิเมชันจุดอย่างลื่นไหลเพื่อสร้างแอนิเมชันข้อความแบบไดนามิกที่ทำให้ผู้ชมของคุณรอคอยว่าจะปรากฏอะไรต่อไป วิดีโอที่ใช้การพิมพ์แบบไคเนติกนี้มีอัตราการรักษาผู้ชมที่ดีกว่า นี่คือวิธีการทำ
พรีเซ็ต Kinetic Typography สำหรับ Adobe Effects
แม้ว่าจะมีความสนุกสนานและความคิดสร้างสรรค์มากมายในการสร้างเอฟเฟกต์แอนิเมชันการพิมพ์ตั้งแต่ต้น แต่การใช้พรีเซ็ตบน After Effects อาจง่ายกว่าและทำให้กระบวนการแก้ไขของคุณคล่องตัวขึ้น เว็บไซต์บางแห่งที่คุณสามารถหาเทมเพลตการพิมพ์แบบไคเนติกได้ ได้แก่ Envato Elements และ Motion Array. คุณสามารถดาวน์โหลดไตเติ้ลแอนิเมชันเช่น Typoking title animation kinetic typography text บน Videohive.
โบนัส: วิธีที่ง่ายกว่าในการสร้าง Kinetic Typography บน Filmora
Wondershare Filmora เป็นซอฟต์แวร์แก้ไขวิดีโอที่ช่วยให้คุณสร้างแอนิเมชันข้อความที่น่าทึ่ง ด้วยเครื่องมือแก้ไขรูปภาพและจัดการข้อความแบบบูรณาการ Filmora ทำให้แอนิเมชันข้อความของคุณโดดเด่นและดูมีชีวิตชีวายิ่งขึ้น
- ทำแอนิเมชันข้อความได้อย่างง่ายดายด้วยเอฟเฟกต์พรีเซ็ตต่างๆ
- นำเข้าและใช้ฟอนต์เฉพาะสำหรับการออกแบบที่สร้างสรรค์
- ปรับเวลาและการเคลื่อนไหวด้วยความแม่นยำของคีย์เฟรม
- ซิงค์การเคลื่อนไหวของข้อความกับองค์ประกอบวิดีโออย่างไร้รอยต่อ
- จัดแนวแอนิเมชันข้อความให้ตรงกับเสียงเพื่อสร้างผลกระทบ
ขั้นตอนการสร้าง Kinetic Typography ด้วย Filmora
ขั้นตอนที่ 1: ไปที่ Media > Project Media > Sample Color บนแถบเครื่องมือ ลากสีที่คุณเลือกไปยังไทม์ไลน์
ขั้นตอนที่ 2: ไปที่แท็บ Titles ลากเทมเพลต Basic Title และวางไว้เหนือคลิป Sample Color บนไทม์ไลน์
ขั้นตอนที่ 3: คลิกขวาที่คลิปไตเติ้ลบนไทม์ไลน์และเลือก Edit Properties จากรายการตัวเลือก คลิกที่ Advanced. ที่นี่คุณสามารถเปลี่ยนประเภทและขนาดของฟอนต์ให้เหมาะกับคุณ
ขั้นตอนที่ 4: บนไทม์ไลน์ เริ่มจากเลเยอร์ที่สองและเลื่อนทุกเลเยอร์ข้อความไปข้างหน้า 5 เฟรมจากเลเยอร์ก่อนหน้า ซึ่งจะแสดงแต่ละคำไม่กี่มิลลิวินาทีหลังจากคำที่สอง คลิก Ok.
ขั้นตอนที่ 5: ส่งออกไทม์ไลน์และบันทึกแอนิเมชันข้อความของคุณเป็นคลิปใหม่ จากนั้นลบคลิปทั้งหมดออกจากไทม์ไลน์และนำเข้าวิดีโอข้อความที่คุณเพิ่งส่งออก ลากไปยังไทม์ไลน์
ขั้นตอนที่ 6: คลิกขวาที่คลิปบนไทม์ไลน์และเลือก Edit Properties.
ขั้นตอนที่ 7: คลิกที่ Animation > Customize บนแถบเครื่องมือ ปรับการตั้งค่า Scale เป็น 120%
ขั้นตอนที่ 8: เลื่อนเพลย์เฮดไปที่ส่วนท้ายของคลิปบนไทม์ไลน์ รีเซ็ต Scale และคลิก Ok.
บทสรุป
Kinetic typography เป็นวิธีที่สนุกและสร้างสรรค์ในการปรับแต่งวิดีโอของคุณ ทำตามขั้นตอนที่ระบุไว้ในบทความนี้เพื่อสร้างข้อความแบบไคเนติกด้วย After Effects นอกจากนี้ สำรวจเทมเพลตเอฟเฟกต์แอนิเมชันการพิมพ์บางส่วนฟรีจากเว็บไซต์ที่ให้ไว้ หรือดีกว่านั้น เพลิดเพลินกับกระบวนการแก้ไขที่คล่องตัวและเทมเพลตในตัวบน Filmora
