การครอปวิดีโอแนวนอนให้เป็นแนวตั้ง มักตัดตัวหนังสือไปด้วย

ตอนทำตัวอย่างงาน 11 ชิ้น เราทำเป็นแนวนอนไว้ก่อน และคิดว่าถ้าจะเอาไปลงจอมือถือแนวตั้งก็แค่ครอปก็พอ ปรากฏว่าไม่พอ พอครอปแล้ว ปลายตัวหนังสือหายไป และสินค้าเหลือแค่ครึ่งเดียว ถ้าคุณทำธุรกิจไปด้วยและทำสิ่งที่จะเอาให้คนอื่นดูเองไปด้วย เรื่องนี้อาจคุ้นอยู่บ้าง ถ่ายรูปมา 1 รูป เอาไปวางบนเว็บไซต์ ลง Instagram แล้วก็แปะในเอกสารสำหรับการประชุม แต่ละที่ต้องการรูปร่างที่ไม่เหมือนกัน

กรอบแนวนอนคือรูปร่างสำหรับวางของเรียงข้างกัน สินค้าอยู่ซ้าย ชื่อกับราคาอยู่ขวา ถ้าเอามาครอปเป็นแนวตั้ง สิ่งที่เหลืออยู่คือราว ๆ หนึ่งในสามตรงกลางเท่านั้น ของที่วางไว้ซ้ายและขวาจะหลุดออกนอกกรอบจากทั้งสองข้าง ตัวหนังสือมักลากยาวไปจนเกือบถึงขอบขวา สิ่งที่หายไปก่อนจึงเป็นท้ายประโยค ซึ่งก็คือใจความที่อยากบอกที่สุด

เราจึงทำองค์ประกอบแนวตั้งขึ้นใหม่แยกอีกชุดให้ตัวอย่างงานทั้ง 11 ชิ้น ไม่ใช่การครอป แต่เป็นการจัดวางอีกแบบ ตัวอย่างงานของเราไม่ใช่ไฟล์วิดีโอ แต่วาดอยู่ในเบราว์เซอร์ด้วย HTML, CSS และ JavaScript งานแต่ละชิ้นคือฟังก์ชันที่รับเวลาเข้าไปจุดหนึ่ง แล้วคืนภาพของวินาทีนั้นออกมา เราเพิ่มสิ่งที่ฟังก์ชันนั้นรับเข้าอีก 1 อย่าง คือสัญญาณที่บอกว่าตอนนี้กรอบแคบ เมื่อสัญญาณนั้นทำงาน งานชิ้นนั้นจะวาดด้วยการจัดวางอีกแบบ เส้นแบ่งเราตั้งไว้ที่กรอบแคบกว่า 560px

เมื่อเป็นแนวตั้ง ของที่เคยเรียงซ้ายขวาจะซ้อนขึ้นลงแทน หนึ่งบรรทัดใส่ตัวอักษรได้น้อยลง จึงต้องกำหนดจุดตัดบรรทัดใหม่ ระยะภาพก็เปลี่ยน เพราะของที่เห็นทั้งชิ้นในแนวนอน อาจใกล้เกินไปในแนวตั้งจนดูไม่ออกว่าเป็นอะไร ยังเป็น 15 วินาทีเท่าเดิม สิ่งที่จะบอกก็เรื่องเดิม ต่างกันแค่วิธีจัดวางภาพ

วิธีตรวจก็เปลี่ยนไปด้วย การนั่งดูวิดีโอเล่นไปเรื่อย ๆ หาจุดที่ถูกตัดไม่เจอ เพราะตาไล่ตามการเคลื่อนไหวและไม่เคยมองไปที่ขอบ เราจึงหยุดนาฬิกา แล้วถ่ายภาพนิ่งงานละ 10 เฟรม ทั้งขนาดคอมพิวเตอร์ (1440×900) และขนาดมือถือ (390×844) พอเรียงเป็นภาพนิ่ง สิ่งที่มองข้ามไปก็โผล่ขึ้นมาทันที

สิ่งที่โผล่ขึ้นมามีดังนี้ ในงานรถไฟฟ้า ส่วนบนของรถถูกตัด ในอีกชิ้นหนึ่ง ตัวเลขสมรรถนะถูกตัดด้านบน ในงานรีสอร์ต ชื่อสถานที่ถูกตัดด้านขวา บนมือถือ บรรทัดราคาถูกตัด ในงานความงาม หัวเรื่องขึ้นบรรทัดใหม่ในตำแหน่งที่ไม่สวย และตัวหนังสือบนแผนที่เล็กเกินกว่าจะอ่านได้ มี 1 เฟรมที่ความสูงกลายเป็น 0 จึงไม่แสดงอะไรเลย ทั้งหมดนี้มองไม่เห็นตอนที่งานกำลังเคลื่อนไหว

การแก้ที่เล็กที่สุดอยู่ในงานเทศกาลดนตรี เทศกาลนี้เป็นเรื่องสมมติ ชื่อผู้ขึ้นแสดงก็สมมติเช่นกัน บนจอมือถือ ชื่อหนึ่งในนั้นเหลือที่ว่างก่อนถึงขอบขวาเพียงไม่กี่พิกเซล มันไม่ได้ถูกตัด แต่ที่ว่างไม่กี่พิกเซลนั้นไม่นับเป็นที่ว่าง หน้าจอกว้างต่างไปเล็กน้อย หรือฟอนต์ที่ถูกแทนเปลี่ยนไป ชื่อนั้นก็จะถูกตัด เราลดขนาดตัวหนังสือจาก 13 เป็น 11.5 ในหน่วยที่เราวัดเทียบกับกรอบ แล้วที่ว่างก็เกิดขึ้น

ไม่กี่พิกเซลไม่ใช่ที่ว่าง นี่คือสิ่งที่ผมได้จากครั้งนั้น การพอดีเป๊ะ ๆ ห่างจากการไม่พอดีอยู่ไม่มาก ผมคิดว่าเรื่องนี้ไม่ได้มีแค่ในงานวิดีโอ เวลากำหนดขนาดตัวหนังสือ คุณอาจใส่กรณีที่ยาวที่สุดเข้าไปก่อนแล้วจึงตัดสินใจ หรือตัดสินใจจากกรณีธรรมดาแล้วภาวนาเรื่องกรณีที่ยาว ถ้าเลือกอย่างหลัง วันหนึ่งมันจะถูกตัดบนจอของใครคนหนึ่ง

ผมคิดว่างานของเราคือทำให้คนที่สั่งงานไม่ต้องมาแบกเรื่องแบบนี้ ที่ KAZENA Motion เราจึงออกแบบทุกฉากทั้งแบบแนวนอน (16:9 สำหรับเว็บไซต์) และแนวตั้ง (9:16 สำหรับ Instagram และ TikTok) สิ่งที่เราส่งมอบคือไฟล์วิดีโอตามรูปร่างแต่ละแบบ พร้อมไฟล์ต้นฉบับของวิดีโอ (HTML, CSS, JavaScript และคู่มือสั้น ๆ) เพื่อให้การแก้เล็กน้อยอย่างข้อความ 1 บรรทัด ทำได้โดยไม่ต้องสร้างวิดีโอขึ้นใหม่

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

เพราะอย่างนั้น เรื่องแรก ๆ ที่เราถามคือคุณต้องใช้แนวนอนหรือแนวตั้ง คำถามนี้ดูยากแต่จริง ๆ ไม่ยาก พูดอีกอย่างคือ คนจะเห็นสิ่งนี้ที่ไหนกันแน่ ส่วนบนของเว็บไซต์ หรือเอกสารที่คุณเปิดให้ดูในที่ประชุม นั่นคือแนวนอน Instagram, TikTok และสตอรีคือแนวตั้ง สำหรับธุรกิจเล็ก ๆ ส่วนใหญ่แนวตั้งคือสิ่งที่ต้องใช้ก่อน

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

KAZENA Motion ยังไม่รับคำสั่งซื้อ ถ้าอยากให้แจ้งเมื่อเปิดรับ สามารถฝากไว้ได้จากหน้าเว็บ