# Adobe เผยเบื้องหลัง Mr. Bean Live อนิเมชั่นระดับตำนานโลดแล่นบนจอผ่าน Facebook Live

- Link: https://www.trendymobile.net/2017/05/mr-bean-live-behind-the-sence-with-adobe/
- Published: 2017-05-25T15:51:38+07:00
- Author: jetboat

Mr. Bean ผู้สร้างเสียงหัวเราะมานานถึง 27 ปี หลังจากที่ประสบความสำเร็จกับซีรี่ส์คอม
เมดี้ที่ใช้คนแสดงจริง
 ได้เปิดตัวในรูปแบบของซีรี่ส์แอนิเมชั่นสุดคลาสสิกเมื่อปี 2544
ปัจจุบัน Mr. Bean เป็นแบรนด์ความบันเทิงด้านทีวีที่ใหญ่ที่สุดบนเฟซบุ๊ก โดยมีแฟนๆ 
เกือบ 70 ล้านคนทั่วโลก และตอนนี้ ผู้ชมสามารถสัมผัสกับมิสเตอร์บีนในรูปแบบของไลฟ์สตรี
มมิ่ง

ทีมงานของ Endemol Shine Group ที่อยู่เบื้องหลังได้ผลักดันการเติบโตทางออนไลน์อย่าง
และกำลังมองหาหนทางที่แปลกใหม่อย่างต่อเนื่อง
 การแพร่ภาพทั่วโลกในครั้งนี้จะเป็นครั้ง
แรกในรูปแบบการ์ตูนแอนิเมชั่นพูดคุยโต้ตอบกับแฟนๆ แบบสดๆ เราจะมาสำรวจตรวจสอบเบื้อง
หลังที่ Endemol Shine Group ร่วมมือกับ Adobe Character Animator CC (รุ่นเบต้า) ใน
การนำเสนอผ่านเฟซบุ๊กไลฟ์เป็นครั้งแรก

**
 ยอมรับความท้าทายของแอนิเมชั่น

เทคโนโลยีแอนิเมชั่นมีพัฒนาการที่ยาวนานตั้งแต่ยุคสมัยของภาพสเกตช์แบบวาดด้วยมือ เทคโนโลยี
ใหม่ๆ อย่างเช่น Adobe Character Animator
 ช่วยเพิ่มความรวดเร็วในการวาดภาพการ์ตูน
แบบเคลื่อนไหวอย่างที่ไม่เคยมีมาก่อน แต่นั่นไม่ได้หมายความว่าแอนิเมชั่นจะกลายเป็น
งานง่าย

ตัวการ์ตูน Mr. Bean มีลักษณะแปลกๆ แต่เต็มไปด้วยรายละเอียด เขาไม่ถนัดการพูดสนทนาย
าวๆ
 แต่เขาเป็นที่รู้จักในแง่ของการเคลื่อนไหวร่างกายและการแสดงสีหน้าที่ดูเกินจริง
ทีมงานนักออกแบบจึงรู้ดีว่าตนเองมีงานที่ท้าทายรออยู่เบื้องหน้า พวกเขาจะต้องเก็บรักษา
คุณภาพของแอนิเมชั่นให้ตรงตามต้นฉบับให้ได้มากที่สุด แต่ขณะเดียวกันก็จะต้องสามารถปรับ
เปลี่ยนภาพเคลื่อนไหวตามสถานการณ์โดยไม่มีสคริปต์ เบื้องหน้าแฟนๆ หลายล้านคนที่ได้รับ
ชมการถ่ายทอดสด นักออกแบบจะต้องนึกภาพว่าควรจะทำท่าทางเคลื่อนไหวอย่างไร และเพราะเหตุ
ใด และแน่นอนว่าจะต้องสอดแทรกท่าทีกวนประสาทตามแบบฉบับควบคู่กันไปด้วย

**สร้างสรรค์แอนิเมชั่นที่เรียบง่าย แต่เปี่ยมด้วยพลัง**

ขั้นตอนแรกในการจัดเตรียม Mr. Bean สำหรับไลฟ์สตรีมก็คือ
 การปรับเปลี่ยนแอนิเมชั่น
ให้เรียบง่ายกว่าเดิม จำนวนองค์ประกอบที่ละเอียดสำหรับการเติมแต่งมิสเตอร์บีนขั้นพื้น
ฐาน (รูปทรงของปาก 1,553 แบบ, รูปทรงของมือ 777 แบบ และรูปทรงของศีรษะ 96 แบบ) ถูกปรับ
ลดให้อยู่ในระดับที่ง่ายต่อการจัดการมากขึ้น และสามารถรวมเข้าไว้ในเอกสาร Adobe Illustrator
เพียงฉบับเดียว และในท้ายที่สุด ตัวการ์ตูนที่เสร็จสมบูรณ์มีรูปทรงของมือที่แตกต่าง
กัน 22 แบบ และรูปทรงของปาก 18 แบบ รวมถึงท่าแลบลิ้นและท่าขบฟัน

Mr. Bean ยังต้องการการเคลื่อนไหวของมือและแขนที่สอดประสานกัน ด้วยการใช้รอบแอนิเมชั่น

ตอนนี้แขนของมิสเตอร์บีนสามารถเคลื่อนไหวได้อย่างเป็นเอกเทศหรือเคลื่อนไหวไปพร้อมๆ 
กัน ด้วยการกดปุ่มคีย์บอร์ดและเมาส์เพื่อเรียกใช้งาน และกดปุ่มเพิ่มเติมอีกเล็กน้อย
เพื่อให้มือของเขาเคลื่อนไหวไปพร้อมๆ กัน และแน่นอนว่า รอยปะชุนของเสื้อตรงบริเวณข้อศอก
ของมิสเตอร์บีนช่วยให้ตัวละคร 2D นี้ดูมีมิติมากยิ่งขึ้น

ในการแสดงท่าทีกวนประสาท ท่าทางของมือในแบบต่างๆ ควรจะปรากฏให้เห็นอย่างชัดเจนให้ได้
มากที่สุดเท่าที่จะเป็นไปได้
 แต่ด้วยศีรษะขนาดใหญ่และมือที่เล็ก ก่อให้เกิดความท้าทาย
ในการแสดงท่าทางที่แตกต่างกันได้อย่างชัดเจน กุญแจสำคัญสำหรับทีมงานฝ่ายออกแบบก็คือ
การปรับแต่งจังหวะเวลาหรือไทม์มิ่ง (Timing) เพื่อให้การเคลื่อนไหวแต่ละสเต็ปช้าลง 
เพื่อให้ผู้ชมอ่านท่าทางของตัวการ์ตูนได้ง่ายขึ้น แต่ก็ต้องเร็วพอที่จะดึงดูดแฟนๆ ได้
อย่างทรงพลัง

**รองรับปฏิกิริยาโต้ตอบตามสถานการณ์แบบสดๆ**

การใส่ความสามารถให้กับมิสเตอร์บีนในการโต้ตอบแบบสดๆ กับคอมเมนต์ของแฟนๆ จำเป็นต้อง
อาศัยการแสดงสีหน้า
 หลังจากที่สร้างภาพเคลื่อนไหวของใบหน้าแล้ว ส่วนควบคุมของ Adobe
Character Animator ช่วยให้นักออกแบบสามารถเชื่อมโยงการเคลื่อนไหวนั้นๆ เข้ากับการกด
ปุ่มบนคีย์บอร์ดเพื่อเรียกใช้งาน ด้วยเหตุนี้ แอนิเมเตอร์จึงสามารถควบคุมการแสดงสีหน้า
ของมิสเตอร์บีนระหว่างไลฟ์สตรีม ด้วยการกดเพียงปุ่มเดียว

ตัวอย่างเช่น ผู้ชมที่คุ้นเคยกับย่อมต้องรู้จักท่าทาง **‘จ้องเขม็ง’ ‘หลิ่วตา’** และ**‘
แปลกใจ’ **ตามแบบฉบับของเขา
 ด้วยการควบคุมเปลือกตาบนและล่างในลักษณะแยกออกจากกัน นัก
ออกแบบสามารถที่จะสร้างใบหน้าที่เป็นแบบฉบับได้อย่างหลากหลายมากขึ้น การเคลื่อนไหวของ
เปลือกตาเหล่านี้ถูกกำหนดให้กับปุ่มต่างๆ บนคีย์บอร์ด และเมื่อสิ้นสุดกระบวนการทีมงาน
ได้สร้างปุ่มทริกเกอร์ 34 ชุดสำหรับการแสดงสีหน้าและท่าทางของมิสเตอร์บีน

เพื่อรองรับการเล่นสนุกของแฟนๆ นักออกแบบใช้ After Effects CC เพื่อเพิ่มเติมชุดสัญลักษณ์
ให้กับท่าทางการล้อเลียนแต่ละอัน
 ไอคอนต่างๆ เช่น **‘2-words’ ‘film’** หรือ **‘repeat’**
ที่แสดงบนหน้าจอ ช่วยให้ผู้ชมระบุว่ามิสเตอร์บีนกำลังทำท่าล้อเลียนแบบใหม่หรือทำท่า
เดิมซ้ำอีกครั้ง

**
 ถ่ายทอดสตรีม

Endemol Shine Group และทีมงาน Adobe Character Animator ร่วมมือกับ NewTek และ Telestream
เพื่อผนวกรวมวิดีโอบนหลายแพลตฟอร์ม
 โดยใช้นวัตกรรมเทคโนโลยี Network Device Interface(
NDI) ของ NewTek กระบวนการใหม่ๆ รองรับการส่งสัญญาณแอนิเมชั่นไปยัง Wirecast ซึ่งเป็น
ซอฟต์แวร์การถ่ายทอดสดของ Telestream ในรูปแบบของแหล่งสัญญาณกล้อง และจากนั้นก็สามารถ
รวมเข้ากับแหล่งสัญญาณอื่นๆ รวมไปถึงกราฟิก หรือข้อความ และแปลงวิดีโอ และสตรีมฟีดดัง
กล่าวไปยังเฟซบุ๊ก

นายแอนดรู ฮาเลย์ ผู้เชี่ยวชาญ Wirecast ของ Telestream กล่าวว่า **“นับเป็นเรื่องน่า
ตื่นเต้นสำหรับการเสริมสร้างขีดความสามารถให้แก่นักสร้างสรรค์ด้วยชุดเครื่องมือใหม่
สำหรับการผลิตไลฟ์วิดีโอ ซึ่งทั้งหมดนี้เป็นจริงได้ด้วยเทคโนโลยีของอะโดบี บวกกับเทคโนโลยี
NDI ของ NewTek กระบวนการสร้างแอนิเมชั่นที่เดิมต้องใช้เวลาหลายวันหรือหลายสัปดาห์ใน
การผลิต ตอนนี้สามารถดำเนินการได้ทันทีตามสถานการณ์ และสตรีมแบบถ่ายทอดสดผ่านทางเฟซบุ๊ก,
ยูทูบ, เพอริสโคป และแพลตฟอร์มสตรีมมิ่งอื่นๆ เกือบทั้งหมด นับเป็นสิ่งที่ยอดเยี่ยม
อย่างแท้จริง”**

ในวันที่มีการนำเสนอไลฟ์สตรีม ทีมงานที่ประกอบด้วยบุคลากร 7 คนร่วมมือกันทำให้มิสเตอร์
บีนเคลื่อนไหวอย่างมีชีวิตชีวา
 ผู้กำกับจะตรวจสอบเกมแสดงท่าทางล้อเลียน และระบุว่า
มิสเตอร์บีนควรจะตอบสนองต่อผู้ชมในลักษณะใดบ้าง จากนั้นแอนิเมเตอร์จะใช้ตัวควบคุมเสียง
พูดเพื่อควบคุณการเคลื่อนไหวและปฏิกิริยาโต้ตอบของมิสเตอร์บีน ขณะที่สวิตเชอร์ของ Wirecast
จะควบคุมสตรีมการถ่ายทอดสัญญาณ และทีมงานฝ่ายจัดการชุมชนจะตอบสนองต่อคอมเมนต์ของแฟนๆ
บนเฟซบุ๊ก

สามารถเข้าชมย้อนหลังแอนิเมชั่นไลฟ์สตรีมของมิสเตอร์บีน ได้ที่
 [https://www.facebook.com/MrBean/videos/10155080731766469/ ](https://www.facebook.com/MrBean/videos/10155080731766469/)
และลองสร้างสรรค์แอนิเมชั่นของคุณเองด้วย Adobe Character Animator