เทคนิคการวางตัวหนังสือ ลงบนภาพ ให้สวย และอ่านง่าย
สวัสดีครับ เพื่อนๆ หลายคนคงมีปัญหาเวลาวางตัวหนังสือลงบนภาพกันกันอย่างแน่นอน วันนี้เลยจะมาแนะนำวิธีการวางยังไงให้สวยและยังอ่านออก รับรองว่านำไปใช้งานได้หลากหลายแน่นอนครับ เพราะการวางแบบนี้มันสื่ออารมณ์ของงานออกมาได้อยากดี แต่ควรระวังว่าภาพที่เรานำมาใช้ควรจะมีความคมชัดที่สูงพอด้วยนะ
เทคนิคนี้เป็นวิธีที่ง่ายและใช้งานได้กับเกือบทุกรูป และการเพิ่ม Contrast ปรับสี และปรับ Brightness จะมีข้อเสียตรงที่เราจะเสียความคมชัดของรูปไป เพราะเราจะต้องทำให้รูปมืดลง หรือมีการปรับสีของภาพให้เกิดความแตกต่างกับตัวหนังสือ
ภาพก่อนการปรับ
ภาพหลังจากปรับแล้ว
จะสังเกตุเห็นได้อย่างชัดเจนว่าภาพแรกที่ยังไม่ได้ปรับ ตัวหนังสือสีขาวจะกลืนกับภาพ ส่วนภาพหลังผมได้ลองปรับให้มืดลงด้วยวิธีง่ายๆ ใน Photoshop คือการสร้าง Layer สีดำขึ้นมาและปรับ Opacity ลง แค่นี้ตัวหนังสือของเราจะเด่นขึ้นมาทันที
ตัวอย่างอื่นๆ
https://ayr.com/
https://www.geckoboard.com/
http://anodpixels.com/
2. เพิ่มความเปรียบต่าง (Contrast) ของขนาดและการจัดว่าง
ถ้าเกิดเราไม่อยากปรับสีของภาพเพราะความคมชัดและรายละเอียดภาพที่ลดลง เราควรจะใช้วิธีจัดวางมันซะใหม่ หาที่เหมาะๆ เพื่อวางตัวหนังสือของเรา
ภาพก่อนการปรับ จะเห็นได้ว่าตัวหนังสือแทบจะอ่านไม่ออก
ลองย้ายทำแหน่ง เพิ่มขนาดสักนิด เด่นขึ้นมาแล้ว
ตัวอย่างอื่นๆ
http://www.themostnorthernplace.com/
http://eup.volkswagen.no/
3. เล่นกับความคมชัด ชัดตื้น-ชัดลึก ของภาพ
บางคนอาจจะไม่รู้ว่า ชัดตื้น-ชัดลึกคืออะไร ภาษาอังกฤษก็คือ Depth นั่นเอง อันนี้อาจจะต้องใช้พื้นฐานถ่ายภาพนิดๆ เราก็สังเกตุง่ายๆ ตรงไหนมันเบลอๆ (Blur) ก็วางตัวหนังสือมันไปตรงนั้นแหละ ความเบลอ จะช่วยให้ตัวหนังสือของคุณไม่รก แยกระหว่างพื้นหลังกับตัวหนังสือออกมาได้ง่ายๆ เลย
ว้าาาา อ่านยากจังแฮะ
ตรงสีแดงๆ คือส่วนที่เบลอ เป็นส่วนที่เราควรจะนำตัวหนังสือไปวาง
โอเค ดูดีขึ้น
ตัวอย่างอื่นๆ
http://une.ch/creation/home
http://purplerockscissors.com/
4. เน้นตัวหนังสือที่สื่อสาร และใช้ภาพเป็นส่วนประกอบ
การวางตัวหนังสือลงบนภาพจะช่วยบอกอารมณ์และความหมายของภาพและตัวหนังสือได้มากขึ้น ถ้าภาพและตัวหนังสือไปด้วยกันได้ ลองใช้ตัวหนังสือที่ใหญ่ๆ ใช้คำที่เข้ากับภาพ และจัดวางในส่วนที่ชัดเจน ความสำคัญคือภาพจะต้องสื่อสารได้ดีไปพร้อมๆ กับตัวหนังสือ
ตัวอย่างอื่นๆ
http://blood-and-water.animalplanet.com/
http://pixelgrade.com/demos/rosa/
ขอบคุณภาพจาก magdeleine.co
ขอบคุณบทความจาก http://une.ch