คุณสร้างอะไรบางอย่างขึ้นมา หรือคุณเห็นฟีเจอร์เจ๋ง ๆ แล้วอยากอวด คุณจึงถ่ายภาพหน้าจอ วางลงในทวีต แล้วมันก็นั่งอยู่ตรงนั้นสี่เหลี่ยมสีเทาแบน ๆ มุมแข็ง อัดชิดกับข้อความของคุณ ข้าง ๆ โพสต์ที่เนี้ยบ มันอ่านออกว่าเป็นของแถมท้าย ๆ ข่าวดีคือความต่างระหว่าง "ภาพถ่ายดิบ" กับ "ภาพหน้าจอผลิตภัณฑ์" ไม่ใช่ทักษะหรือเครื่องมือราคาแพง มันคือการปรับเล็ก ๆ สามอย่างและเลือกรูปทรงที่เหมาะกับแพลตฟอร์ม
ทำไมภาพหน้าจอดิบจึงดูแบน
ภาพหน้าจอมีขอบแข็งทั้งสี่ด้านและไม่มีความสัมพันธ์กับสิ่งที่มันไปวางอยู่ ในฟีด มันชนกับพื้นหลังของโพสต์และข้อความรอบ ๆ ไม่มีระยะขอบ จึงไม่มีอะไรบอกสายตาว่า "นี่คือสิ่งที่จบในตัวเอง" ไม่มีมิติ จึงดูเหมือนแปะมากกว่าจัดวาง ภาพหน้าจอที่เนี้ยบซึ่งคุณเลื่อนผ่านทุกวันได้แก้สองปัญหานั้นไปแล้วอย่างเงียบ ๆ
สูตรสามส่วน
ทุกภาพหน้าจอที่ "ทำให้มันดูสะอาดได้ยังไง" กำลังทำสามสิ่งเดียวกัน:
- ระยะขอบ แถบพื้นที่รอบภาพหน้าจอเพื่อไม่ให้มันอัดชิดขอบ อันนี้อย่างเดียวทำงานส่วนใหญ่
- มุมโค้งมน ทำให้มุมฉากแหลมสี่มุมบนภาพหน้าจอเองนุ่มลง ซึ่งอ่านออกว่าถูกออกแบบมาทันที
- เงานุ่มบวกพื้นหลัง เงาจาง ๆ ยกภาพขึ้นจากพื้นผิว และพื้นหลังไล่สีอ่อน (หรือสีแบรนด์แบบเรียบ) เติมระยะขอบเพื่อให้ทั้งหมดดูตั้งใจ
นั่นคือลุค "ภาพหน้าจอผลิตภัณฑ์" ทั้งหมด คุณไม่ต้องมีกรอบอุปกรณ์หรือคำอธิบายประกอบเพื่อให้มันได้ผล นั่นเป็นงานคนละอย่าง
วางภาพหน้าจอของคุณลงไป เลือกพื้นหลังไล่สีหรือสีเรียบ ขยับระยะขอบและความโค้งของมุม แล้วตั้งเงาตามชอบ ตัวอย่างอัปเดตแบบเรียลไทม์ และคุณส่งออกเป็น PNG เมื่อมันดูเหมาะสม ทั้งหมดประกอบบนผืนผ้าใบในเบราว์เซอร์ของคุณ ภาพหน้าจอซึ่งอาจแสดง DM แดชบอร์ด หรืออีเมลจึงไม่เคยถูกอัปโหลดไปที่ไหน
เลือกสัดส่วนสำหรับแพลตฟอร์ม
ภาพที่ตกแต่งแล้วเดียวกันควรเป็นรูปทรงต่างกันขึ้นอยู่กับว่ามันจะไปที่ไหน และเครื่องมือล็อกภาพส่งออกเป็นอัตโนมัติ, 16:9, 4:3, 1:1 หรือ 3:4:
- 16:9 การ์ดโซเชียลแนวกว้างและชุดสไลด์ เติมช่องแนวนอนได้สะอาดตา
- 1:1 โพสต์สี่เหลี่ยมจัตุรัสสำหรับ Instagram หรือ LinkedIn ที่ภาพสูงหรือกว้างจะถูกครอปในกริด
- 3:4 ภาพสูงที่กินพื้นที่หน้าจอมือถือมากขึ้นเมื่อมีคนเลื่อน
- อัตโนมัติ เมื่อคุณแค่อยากให้กรอบห่อภาพหน้าจอบวกระยะขอบ โดยไม่บังคับรูปทรง
ล็อกสัดส่วนที่คุณต้องการแล้วระยะขอบจะเติมส่วนที่เหลือของกรอบรอบภาพหน้าจอของคุณ ภาพส่งออกจึงลงในช่องได้โดยไม่มีการครอปที่ดูแปลก
หมายเหตุเรื่องรสนิยมไม่กี่ข้อ
เก็บเงาให้จาง เงาหนัก ๆ ดูเหมือนเงาหล่นห่วย ๆ จากปี 2009 เงาเบา ๆ แค่เพิ่มมิติ อย่าลบมุมโค้งเกินไปความโค้งเล็กน้อยอ่านออกว่าเนี้ยบ ความโค้งมหึมาเริ่มดูเหมือนฟองสบู่ และจับพื้นหลังให้เข้ากับอารมณ์: สีเรียบสงบ ๆ สำหรับอะไรที่จริงจัง พื้นหลังไล่สีอ่อนเมื่อคุณอยากให้มันรู้สึกเหมือนการเปิดตัว
ประเด็นสำคัญ
คุณไม่ต้องมีซอฟต์แวร์ออกแบบเพื่อทำให้ภาพหน้าจอดูเหมือนอยู่ในโพสต์จริง ๆ เพิ่มระยะขอบ ลบมุมให้โค้งนิดหน่อย ลอยมันบนพื้นหลังนุ่ม ๆ พร้อมเงาจาง แล้วส่งออกในรูปทรงที่แพลตฟอร์มต้องการ ใช้เวลาไม่ถึงหนึ่งนาที ไม่มีอะไรออกจากเบราว์เซอร์ของคุณ และผลลัพธ์เลิกดูเหมือนภาพถ่ายดิบและเริ่มดูเหมือนสิ่งที่คุณตั้งใจจะแชร์