สอนทำพื้นหลังภายใน 1 นาที
หลายคนทักมาว่าอยากทำ “background พื้นหลังคอมพิวเตอร์” ให้เรียบๆ โดยเฉพาะ “พื้นหลังสีขาว” สำหรับใช้เป็นแบ็กกราวด์โพสต์/พรีเซนต์/หน้าจอแอป แต่ไม่แน่ใจว่าต้องเริ่มจากอะไร ใน Figma เราทำได้ไวมาก และทำครั้งเดียวใช้เป็นเทมเพลตได้เลย 1) ตั้งค่าไฟล์และเฟรมให้ถูกก่อน - เปิด Figma แล้วกด F (Frame) เลือกขนาดที่ต้องการ เช่น Desktop 1440×1024 หรือถ้าจะทำภาพลงโซเชียลก็เลือก 1080×1080/1080×1350 - แนะนำให้ตั้งชื่อเฟรมไว้เลย เช่น “BG-White-Desktop” จะหาเจอง่ายเวลา export 2) ทำพื้นหลังสีขาวแบบเนียนๆ - คลิกที่เฟรม (อย่าคลิกวัตถุด้านใน) แล้วดูแถบด้านขวาในส่วน Fill - ตั้งสีเป็น #FFFFFF (ขาวล้วน) หรือถ้ากลัวแสบตาให้ใช้ขาวอมเทาอ่อนๆ เช่น #FAFAFA - ถ้ามีพื้นหลังกลายเป็นลายตาราง/เทาๆ ให้เช็กว่าเราเลือก “Frame” จริง และมี Fill เปิดอยู่ 3) ให้พื้นหลังเต็มจอแบบพื้นหลังคอมพิวเตอร์ - ถ้าจะใช้งานเป็นพื้นหลังหน้าจอคอมจริงๆ ให้เลือกสัดส่วนที่ตรงกับจอ เช่น 16:9 (1920×1080) หรือ 2560×1440 - ทิปส่วนตัว: เวลาทำให้คนอื่นใช้ เราจะทำ 2 ขนาดไว้ในหน้าเดียว (1920×1080 และ 2560×1440) แล้ว export แยก จะประหยัดเวลามาก 4) เพิ่มความมีมิติแบบยังคงมินิมอล (ทำให้ “ขาว” ไม่จืด) - ใส่ Gradient แบบอ่อนมาก: Fill > Linear แล้วให้ขาว 2 เฉด เช่น #FFFFFF ไป #F5F5F5 เพื่อให้มี depth - หรือใส่ Noise/Grain เบาๆ (Opacity ต่ำมาก) ถ้าต้องการความนุ่ม แต่ระวังไฟล์หนัก 5) Export ให้สีไม่เพี้ยน - คลิกเฟรม > Export - ถ้าใช้เป็นภาพทั่วไปแนะนำ PNG (คม) หรือ JPG (เบากว่า) แล้วตั้ง 1x หรือ 2x ตามการใช้งาน - ถ้าจะเอาไปเป็นพื้นหลังคอมพิวเตอร์ เลือกขนาดตรงจอ และลองเปิดดูจริงก่อนว่า “ขาว” ไม่ติดเหลือง/เทาเกินไป (แต่ละจอสีไม่เหมือนกัน) สรุปคือ “พื้นหลังสีขาว” ใน Figma ทำได้ในไม่กี่คลิก: เลือก Frame > Fill เป็นสีขาว > ตั้งขนาดให้ตรงการใช้งาน > Export แค่นี้ก็ได้ background พื้นหลังคอมพิวเตอร์แบบสะอาดๆ พร้อมใช้แล้ว
