- ภาพเดสก์ท็อปเริ่มต้นของ Windows 10 ไม่ได้ทำโลโก้เป็นเพียงกราฟิกเรียบ ๆ แต่สร้างเป็น วัตถุจริง และใช้แสงกับมุมมองเพื่อสื่อถึงพื้นที่ที่ Windows เปิดออกให้เห็น
- ทีมสร้างต้องการทำให้โลโก้ดูเหมือน พอร์ทัล จึงสร้างโครงสร้างจริงขึ้นมาและจัดภาพแบบอิงการถ่ายทำจริงด้วยมุมกล้องและแสงแบบ volumetric
- ถ่ายหลายค่าแสงด้วย ระบบกล้อง 9k Phase One แล้วนำไปคอมโพสิตใน Photoshop เพื่อซ้อนชั้นแสงและมิติของโลโก้
- ลำแสงจากโปรเจ็กเตอร์, การสะท้อนจากอะคริลิก, หมอกธรรมชาติ, เส้นเลเซอร์, ควันและ lens flare ที่ถ่ายแยกไว้ ถูกผสานกันก่อนจัดโทนภาพสุดท้ายเป็น Microsoft Blue
- ไม่ได้ทำแค่ hero image เพียงภาพเดียว แต่ยังเก็บภาพดัดแปลงจากการถ่ายทำจริงนับพันภาพเพื่อสร้าง คลังภาพ สำหรับใช้ในแอปพลิเคชัน Windows หลายตัว
บทบาทของภาพเดสก์ท็อป Windows 10
- Windows ได้กลายเป็นสัญลักษณ์ของประสบการณ์ที่ปรับให้เข้ากับผู้ใช้มาตลอดเกือบ 30 ปี และมีผู้ใช้งานมากกว่า 1 พันล้านคนทุกวัน
- Windows Hero Desktop Image คือภาพแรกที่ผู้ใช้เห็นเมื่อเริ่มใช้ Windows และยังปรากฏในโฆษณา Windows แทบทุกประเทศ
- พร้อมกับการเปิดตัว Windows 10 ในปี 2015 Windows ก็เปลี่ยนแปลงอีกครั้ง และนี่คือการออกรุ่นหลักครั้งสุดท้ายก่อนจะย้ายไปสู่รูปแบบอัปเดตดิจิทัลอย่างรวดเร็ว
- โลโก้ถูกตีความให้ไปไกลกว่าสี่แผ่นสี่เหลี่ยมแบบกระเบื้อง โดยสื่อถึงพื้นที่ด้านหลังและพลังงานที่ไหลผ่านมัน
- จุดโฟกัสของงานไม่ใช่แค่ตัวโลโก้ Windows เอง แต่รวมถึง ความก้าวหน้าทางเทคโนโลยีและการเคลื่อนไหว ที่อยู่ด้านหลังและไหลผ่านภายในด้วย
ภาพพอร์ทัลที่สร้างจากการถ่ายทำจริง
- แกนหลักของวิธีการสร้างคือ การถ่ายทำ live action ที่ใส่ตัวแปรและการคัสตอมหลายรูปแบบ
- คอนเซปต์สำคัญคือการวางโลโก้ให้เป็น พอร์ทัล ที่เชื่อมไปยังโลกอีกด้านหนึ่ง จึงเลือกใช้แนวทางสร้างของจริงและถ่ายทำจริง
- ทีมงานสร้างโครงสร้างโลโก้ Windows ของจริงขึ้นมา จากนั้นใช้มุมกล้องสร้างสรรค์และแสงแบบ volumetric เพื่อเพิ่มชีวิตให้กับโลโก้
- พวกเขาถ่ายโลโก้ Windows ด้วยหลายค่าแสงผ่านระบบกล้อง 9k Phase One และนำไปคอมโพสิตในขั้นตอนโพสต์โปรดักชันเพื่อสร้างชุดแสงแบบ volumetric
- เป้าหมายคือการได้ภาพเดสก์ท็อปที่หลากหลาย ซึ่งมีอยู่จริงและสร้างขึ้นด้วยวิธีที่ใช้งานได้จริง
- ภาพสุดท้ายถูกทำให้ให้ความรู้สึก คมชัดและจับต้องได้ทางกายภาพ ราวกับเอื้อมมือเข้าไปแตะในจอได้
ลำแสงโปรเจ็กเตอร์และโครงสร้างโลโก้
- วิธีใช้ลำแสงโปรเจ็กเตอร์ถูกออกแบบเป็น เทคนิคเชิงภาพยนตร์ ที่รวมแสงให้พุ่งผ่าน “หน้าต่าง” ขนาดเล็ก
- บนกระดาษแข็งสีดำมีการตัดช่องสี่เหลี่ยม 4 ช่องเป็นรูปโลโก้ Windows และทำรูปทรงเดียวกันบนอะคริลิกเพื่อจัดให้พื้นผิวทั้งสองตรงกันอย่างแม่นยำ
- ด้านในของอะคริลิกถูกทำให้มีขอบโปร่งใสสำหรับรับการฟุ้งของแสงและแสงสะท้อน
- ให้ Projector Beams ส่องผ่านรูบนแผ่นบอร์ดและถ่ายจากมุมเฉียงเพื่อเพิ่มรูปร่างและพื้นผิวให้กับภาพ
- การจัดฉากที่เผยให้เห็นแหล่งกำเนิดแสงช่วยเน้น มิติความลึก ผ่านพอร์ทัล
- แหล่งกำเนิดแสงที่ใช้มีทั้งวิดีโอโปรเจ็กเตอร์ทั่วไปและ futureWeapon Laser Projectors ของ Adam LaBay โดยอย่างหลังรับหน้าที่งานเส้นเลเซอร์หนา
- แสงจากทั้งสี่ช่องถูกปรับให้เป็นคนละสี เพื่อให้แต่ละช่องแทนองค์ประกอบหนึ่งส่วนของโลโก้
- หมอกธรรมชาติเพิ่มพื้นผิวที่มืดและมีบรรยากาศ พร้อมมอบอารมณ์เฉพาะตัวและชวนท้าทายให้กับโลโก้ Windows
การคอมโพสิตจากภาพถ่ายกว่า 3,000 ภาพ
- ในการถ่ายทำมีภาพถูกเก็บมา มากกว่า 3,000 ภาพ และในช่วงคอมโพสิตแรกเริ่ม จำเป็นต้องคัดเลือกแอสเซ็ตที่เหมาะกับภาพสุดท้าย
- Munko นำภาพที่เลือกไว้เข้า Photoshop และคอมโพสิตหลายค่าแสงที่ความละเอียด 9k
- เริ่มจากสร้างภาพฐานที่เป็นพื้นของ hero still แล้วค่อยสร้างดีไซน์โลโก้ด้วยเลเยอร์แสงหลายชุดที่มีเลเซอร์รวมอยู่ด้วย
- เลเยอร์สำคัญมีตั้งแต่ rim light แบบน้อยที่สุด ไปจนถึงเส้นเลเซอร์จำนวนมากที่พาดผ่านกลางโลโก้
- เลเยอร์เหล่านี้ถูกคอมโพสิตซ้ำไปมาหลายรอบเพื่อส่องสว่างหมอกแบบ volumetric ในรูปแบบต่าง ๆ
- หลังจากจัดระเบียบงานด้านสุนทรียะที่ยึดโลโก้เป็นศูนย์กลางแล้ว ก็มีการเพิ่ม environment pass ที่ประกอบด้วยเลเยอร์ควันและหมอกที่ถ่ายแยกไว้
- ช่วงท้ายมีการคอมโพสิต lens flare เป็นอีกพาสหนึ่ง โดยจัดวางแหล่งกำเนิดแสงให้อยู่ตำแหน่งเดียวกับเลเซอร์โปรเจ็กเตอร์ เพื่อให้ถ่ายตรงกับพาสอื่นอย่างแม่นยำ
- การเกรดสีขั้นสุดท้ายใช้พาเลตต์เอกลักษณ์ Microsoft Blue พร้อมคงช่วงโทนสีไว้
- ไฟล์ 9k ขั้นสุดท้ายถูกส่งไปยัง XYZ Creative Production Agency ซึ่งเชี่ยวชาญด้านการรีทัชภาพขั้นสูง เพื่อทำการปรับแต่ง hero image ขั้นสุดท้าย
การดำเนินงานถ่ายทำและคลังภาพ
- กระบวนการผลิตดำเนินไปโดยเน้นการทำงานร่วมกัน และ Doctor Joseph Picard มีบทบาทสำคัญทั้งในด้านครีเอทีฟช่วงแรกและการพัฒนาเทคนิคถ่ายทำ live action
- Tool of North America รับหน้าที่โปรดักชัน และ Mary Church ดูแลการดำเนินงานฝั่งโปรดักชัน
- ทีมโปรเจ็กชันมี Adam LaBay และ James Hurlbutt ร่วมงาน ส่วน Aaron Fee ช่วย Doctor Picard ในกองถ่าย
- การถ่ายทำกินเวลา เต็มสองวัน โดยเดินสองเซ็ตพร้อมกันและสลับใช้แหล่งภาพจากทั้งวิดีโอและภาพนิ่ง
- ด้วยแนวทางการถ่ายทำจริง หลังจากได้ hero image แล้ว ยังสามารถถ่ายรูปแบบดัดแปลงจากแต่ละการตั้งค่าได้ต่อเนื่อง
- ทีมสร้างมุ่งเน้นไปที่การสร้าง คลังภาพทั้งหมด ที่สามารถนำไปใช้ในแอปพลิเคชัน Windows หลายตัว
1 ความคิดเห็น
ความคิดเห็นจาก Hacker News
เคยทำ ผนังที่ติดวอลเปเปอร์จริง ขึ้นมาเพื่อทำปกหนังสือลำดับวงศ์ตระกูล
สิ่งที่ต้องการคือผนังเก่าที่มีรูปถ่ายเก่าของญาติ ๆ แขวนอยู่ และด้านล่างของปกมีรูปถ่ายวางอยู่บนหิ้งเตาผิง
ตอนแรกลองใช้โปรแกรมวาดภาพซ้อนเลเยอร์วอลเปเปอร์ กรอบรูป และรูปถ่าย พร้อมใส่เงา แต่สุดท้ายมันก็ไม่ลงตัว
ก็เลยไปซื้อแผ่นโฟมฉนวนขนาด 4' x 8' หนา 2 นิ้วประมาณนั้นจาก Lowe's, วอลเปเปอร์ที่ดูโบราณที่สุด, สีทาผนังหนึ่งแกลลอน ฯลฯ มา แม้จะพลาดเรื่องแสง แต่ก็คิดว่าตัวเองยังอยู่ในช่วงเรียนรู้การถ่ายภาพอยู่ ถึงอย่างนั้นก็พอใจกับผลลัพธ์
https://imgur.com/a/12VN4sI
เลยทำโครงขนาดใหญ่จากแผ่นกระดาษลูกฟูกสองชั้น, ตัวเสริมแรงที่ทำจากมุมของพาเลต, หมุดแยกขนาดยักษ์อะไรทำนองนั้น และปืนกาว แล้วติดวอลเปเปอร์ทับด้วยสเปรย์กาว
ดันเลือกผิดฤดูด้วย อากาศชื้นและต้องเปิดฮีตเตอร์ ทำให้มันอยู่ทรงได้ไม่นานก่อนจะบิดงอ แล้วก็ได้เรียนรู้ว่ากระดาษลูกฟูกมีพฤติกรรมที่ค่อนข้างเป็นธรรมชาติมากในอากาศชื้น
เกือบจะล้มเหลว แต่ถ้าทำอีกครั้งคงใช้ โฟมคอร์ หรือแผ่นฉนวนที่หนากว่านี้แทนกระดาษลูกฟูก
การควบคุมกระบวนการได้เองมากขนาดนี้ทั้งน่าสนใจและให้ความรู้สึกเป็นอิสระมาก และหลังจากนั้นก็ยังประกอบอุปกรณ์ถ่ายภาพใช้เองต่อมาแทบจะเรียกได้ว่าหมกมุ่น
ดูเหมือนว่านักพัฒนาซอฟต์แวร์หลายคนที่นี่จะไม่ค่อยเข้าใจความคล้ายกันระหว่างงานแบบนี้กับการประกอบ “สแตก” ของตัวเองเพื่อใช้งานกับแอปบางตัว
“เครื่องมือ” ของช่างภาพจริง ๆ แทบจะเพิ่งเริ่มต้นที่กล้องเท่านั้น และยังมีเครื่องมือที่ขยายไปไกลกว่าอุปกรณ์รอบตัว จนถึงตัวฉากหรือแม้แต่วิธีการทำงานเอง
เพิ่งมารู้ว่าภาพนี้ถ่ายจากของจริงหลังจากใช้เวลากับการถ่ายภาพ โดยเฉพาะกล้องฟิล์ม มาหลายปี เพราะใช้ Linux มานานเลยแทบไม่เคยเห็นภาพนี้
หลายคนบอกว่าถ้าทำด้วย วิชวลเอฟเฟกต์ น่าจะง่ายกว่า แต่ผมไม่เห็นด้วย ภาพนี้มีรายละเอียดที่น่าเชื่อถือเยอะมากจนแม้แต่นักวิชวลเอฟเฟกต์ฝีมือเยี่ยมก็อาจต้องใช้เวลานานกว่าจะทำให้ตรงได้
ในทางกลับกัน ถ้าใช้กล้องก็เหมือนให้โลกจริงทำงานแทนเราได้ การจัดสตูดิโอก็เรียบง่ายมาก มีแค่กระดาษแข็ง, แผ่นอะคริลิก, โปรเจ็กเตอร์ และหมอก ค่อนข้างง่ายต่อการทดลอง ผมมั่นใจว่าสำหรับโปรเจกต์นี้ การถ่ายภาพคือเครื่องมือที่เหมาะสม
แต่ทีมที่ทำภาพนี้ไม่ได้มีภาพสุดท้ายอยู่ในหัวล่วงหน้า พวกเขามีแค่ไอเดียบางอย่างที่อยากลอง
กระบวนการสร้างจึงไม่ใช่แค่เรื่องของเทคนิคที่ใช้ แต่ยังเป็นเรื่องของการนำเทคนิคนั้นมาลอง ปรับ และดูผลลัพธ์ไปด้วย
ภาพนี้ถือว่าเป็นสิ่งที่ถูก “สร้าง” ขึ้น เพราะพวกเขาลงมือทำวัตถุที่จะใช้ถ่าย แต่ในอีกแง่หนึ่งมันก็เป็นการ ค้นพบ เช่นกัน เพราะเป็นการลองหลายอย่างจนเจอสิ่งที่ชอบ
ในวิชวลเอฟเฟกต์ก็ทำแบบนี้ได้ แต่กระบวนการต่างกัน และถ้าต้องวนซ้ำมากเกินไป ความได้เปรียบด้านต้นทุนก็หายไปอย่างรวดเร็ว นี่จึงเป็นเหตุผลว่าทำไมภาพยนตร์แอนิเมชันถึงเข้มงวดกับการล็อกบทตั้งแต่ช่วงต้นของการผลิต
คุณไม่สามารถทำภาพยนตร์แอนิเมชันทั้งเรื่องแบบด้นสดให้คุ้มต้นทุนได้ เหมือนที่ผู้กำกับกับนักแสดงด้นกันหน้างานบนกองถ่ายและฉากจริง
https://en.wikipedia.org/wiki/Spaghetti_sort
แน่นอนว่าต้องตั้งค่าพารามิเตอร์ของฉากก่อน แต่หลังจากนั้นการสร้างอีกหลายพันเฟรมก็น่าจะง่ายพอ ๆ กัน แถมยัง version control เพื่อใช้ทดลองได้ง่ายกว่า
ถึงอย่างนั้นก็ดีใจที่ Microsoft ไม่ได้ทำแบบนั้น เลยกลายเป็นทั้งเรื่องราวและกรณีศึกษาที่น่าสนใจ
แค่เพราะวอลเปเปอร์นี้ใช้ความพยายามมหาศาล ไม่ได้แปลว่าพวกเขาใช้เครื่องมือที่เหมาะกับงาน หรือทำให้ผลลัพธ์ออกมาดีกว่าเพราะเหตุผลนั้น
เห็นภาพนี้มาหลายพันครั้ง แต่ไม่เคยคิดเลยว่าต่อให้เป็นภาพคอมโพสิต มันก็น่าจะเริ่มจาก เอฟเฟกต์ของจริง มาก่อน เจ๋งมาก
งานคอมโพสิตเองก็ดูไม่ใช่เล่น
พวกเขาถ่ายภาพมาได้มากกว่า 3,000 ภาพ และในขั้นคอมโพสิตแรกเริ่ม Munko ต้องไล่ดูแอสเซ็ตทั้งหมดเพื่อคัดเลือกชิ้นที่ดีที่สุดให้เข้ากับภาพสุดท้าย ซึ่งแทบจะเป็นการฝึกความอดทน
หลังจากนั้นก็นำค่าแสงต่าง ๆ มาผสานกันอย่างละเอียดใน Photoshop ที่ความละเอียด 9K โดยจัดให้เข้ากับแสงเลเซอร์หลายชุด, environmental pass, เลเยอร์ควันและหมอก, รวมถึง lens flare ที่ถ่ายแยกมา ก่อนจะเกรดสีขั้นสุดท้ายด้วยพาเลต “Microsoft Blue” กระบวนการนี้น่าประทับใจมาก
ผมชอบดูวิธีนี้จากช่อง YouTube ชื่อ “workphlo” แม้ขั้นตอนหลักจะคล้ายกันกับทุกวัตถุ แต่ก็สนุกที่ได้เห็นการปรับเทคนิคไปเรื่อย ๆ
https://youtube.com/@workphlo
เห็นชื่อแล้วดันนึกสับสนกับภาพพื้นหลังของ XP ไป เลยเผลอจินตนาการถึงฉากที่ทีมงานไปสร้างเนินนั้นแล้วปูหญ้ากันจริง ๆ
[0] https://en.wikipedia.org/wiki/Bliss_(image)
Microsoft ไม่ได้แค่ขอสิทธิ์ใช้งาน แต่ซื้อ สิทธิ์ทั้งหมดของภาพ ไปเลย ทำให้บริษัทอื่นไม่สามารถไปขอไลเซนส์ซ้ำจาก Corbis ได้
มันถูกใช้บ่อยเป็นฐานของการตลาด XP และโทนสีของธีม Luna และว่ากันว่าราคาน่าจะอยู่ต้น ๆ ของหลักแสนดอลลาร์สหรัฐ O'Rear เปิดเผยตัวเลขที่แน่นอนไม่ได้เพราะข้อตกลงไม่เปิดเผยข้อมูล และเขาก็ไม่ได้รับเงินทั้งหมดด้วย เพราะ Corbis เป็นผู้จัดการการขาย
หลัง Microsoft เข้าซื้อ ภาพนี้ก็ถูกลบออกจากเว็บไซต์ Corbis อย่างถาวร และไม่เคยถูกปล่อยผ่าน Getty Images หรือเว็บไซต์อื่นที่ Corbis ทำครอสไลเซนส์ด้วย ส่วนภาพแนวตั้งก็รวมอยู่ในดีลด้วย ทำให้ O'Rear เอามาเผยแพร่ไม่ได้
https://www.vanityfair.com/news/2007/02/autumn200702
คำพูดของ Brian Eno เกี่ยวกับงานแต่งหนึ่งในเสียงเริ่มต้นของ Windows ก็น่าสนใจเหมือนกัน
“ไอเดียนั้นเกิดขึ้นตอนที่ผมหมดไอเดียสนิทแล้ว ตอนนั้นผมทำงานเพลงของตัวเองอยู่พักใหญ่ และจริง ๆ ก็เหมือนกำลังหลงทางอยู่พอสมควร เลยรู้สึกขอบคุณมากที่มีใครสักคนเข้ามาบอกว่า ‘นี่คือปัญหาที่ชัดเจน ช่วยแก้ให้หน่อย’”
https://www.sfgate.com/music/popquiz/article/q-and-a-with-br...
https://www.youtube.com/watch?v=fNIfbdi41ho
มันทำให้เข้าใจงานของเขากับ Long Now Foundation มากขึ้น และก็ยังทึ่งเสมอที่ Microsoft ยอมทุ่มเวลาและเงินกับรายละเอียดเล็กมาก ๆ ของผลิตภัณฑ์
ภาพนี้ก็ดีมาก แต่สำหรับผม ภาพพื้นหลัง Windows ที่ดีที่สุดคืออันนี้
ไม่รู้เพราะเห็นตอนเด็กหรือเปล่า มันเลยมีอะไรบางอย่างที่ตรึงใจแบบแปลก ๆ
https://www.reddit.com/media?url=https%3A%2F%2Fpreview.redd....
จริง ๆ แล้วมันเป็นภาพ 2 บิตที่มีแค่สีน้ำเงินกับสีดำ แล้วใส่ dithering เข้าไป ซึ่งสำหรับผมให้ความรู้สึกสบายตามาก
สิ่งที่ตลกจริง ๆ คือ ต่อให้ทุ่มงานกันขนาดนี้ การตั้งค่าคุณภาพภาพพื้นหลังเริ่มต้นของ Windows 10 ก็ยังต่ำกว่า 100% อยู่ดี
นี่แหละ Microsoft แบบที่ผมคุ้นเคย ^^
ผมชอบชุดภาพพื้นหลังยุค Windows 9x ตรงที่มันถูกออกแบบมาให้ยังดูดีได้แม้ในโหมด 256 สีคุณภาพต่ำ
น่าเสียดายที่ Microsoft ไม่ได้ทุ่มเวลาและแรงขนาดนี้กับงานออกแบบส่วนอื่นของผลิตภัณฑ์ทั้งหมดด้วย
เดิมทีภาพพื้นหลัง Windows 10 ถูกแทนที่ในรีลีสหลัง ๆ ด้วย เวอร์ชันที่วาดด้วยคอมพิวเตอร์ ซึ่งสว่างและสะอาดกว่าด้วย ส่วนตัวผมชอบเวอร์ชันแก้ไขทีหลังมากกว่า
ถ้าสนใจเรื่องนี้และมีโอกาสไป แนะนำ Musée Cinéma & Miniature ที่ลียง ประเทศฝรั่งเศส อย่างมาก: <https://www.museeminiatureetcinema.fr/>
สื่อประชาสัมพันธ์จะเน้นพวกฉากภาพยนตร์ ชุด และพร็อพที่จัดแสดงอยู่มาก ซึ่งพวกนั้นก็น่าสนใจแน่นอน แต่สำหรับผม สิ่งที่น่าสนใจกว่ามากคือมินิเอเจอร์ภาพยนตร์ที่กินพื้นที่อยู่สองชั้น
มีไดโอรามาฉากมินิเอเจอร์ที่สร้างขึ้นจริงเรียงต่อกัน ซึ่งเคยใช้เป็น “ฉากเสมือน” ก่อนที่ศิลปะ CGI จะเข้ามาแทนที่เกือบทั้งหมด มันน่าทึ่งมากไม่ใช่แค่ในฐานะประวัติศาสตร์ภาพยนตร์ แต่ในฐานะงานศิลปะด้วย
เรื่องนี้ทำให้นึกถึงที่นั่นขึ้นมา เพราะบางครั้งเอฟเฟกต์ที่ต้องการก็ต้องอาศัย ความสมจริงแบบสัมผัสได้ ซึ่งเป็นสิ่งที่ทำซ้ำแบบดิจิทัลได้ยาก และผลลัพธ์แบบนั้นก็ไม่ได้ออกมาดูเนี้ยบเหมือนของเล่นเสมอไป