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