fbpx

เทคนิคการวางตัวหนังสือลงบนภาพให้สวยและอ่านง่าย

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

1. เพิ่มความเปรียบต่าง (Contrast) และหว่างสีและความสว่าง

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

tech_02

ก่อนปรับภาพ

tech_03

หลังจากปรับภาพแล้ว

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

ตัวอย่างอื่นๆ

tech_04

https://ayr.com/

tech_06

http://anodpixels.com/

2. เพิ่มความเปรียบต่าง (Contrast) ของขนาดและการจัดว่าง

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

tech_07

ภาพก่อนการปรับ จะเห็นได้ว่าตัวหนังสือแทบจะอ่านไม่ออก

tech_08

ลองย้ายทำแหน่ง เพิ่มขนาดสักนิด เด่นขึ้นมาแล้ว

ตัวอย่างอื่นๆ

tech_09

http://www.themostnorthernplace.com/

tech_10

http://eup.volkswagen.no/

3. เล่นกับความคมชัด ชัดตื้น-ชัดลึก ของภาพ

บางคนอาจจะไม่รู้ว่า ชัดตื้น-ชัดลึกคืออะไร ภาษาอังกฤษก็คือ Depth นั่นเอง อันนี้อาจจะต้องใช้พื้นฐานถ่ายภาพนิดๆ เราก็สังเกตุง่ายๆ ตรงไหนมันเบลอๆ (Blur) ก็วางตัวหนังสือมันไปตรงนั้นแหละ ความเบลอ จะช่วยให้ตัวหนังสือของคุณไม่รก แยกระหว่างพื้นหลังกับตัวหนังสือออกมาได้ง่ายๆ เลย

tech_11

ว้าาาา อ่านยากจังแฮะ

tech_12

ตรงสีแดงๆ คือส่วนที่เบลอ เป็นส่วนที่เราควรจะนำตัวหนังสือไปวาง

tech_13

โอเค ดูดีขึ้น

ตัวอย่างอื่นๆ

tech_14

http://une.ch/creation/home

tech_15

http://purplerockscissors.com/

4. เน้นตัวหนังสือที่สื่อสาร และใช้ภาพเป็นส่วนประกอบ

การวางตัวหนังสือลงบนภาพจะช่วยบอกอารมณ์และความหมายของภาพและตัวหนังสือได้มากขึ้น ถ้าภาพและตัวหนังสือไปด้วยกันได้ ลองใช้ตัวหนังสือที่ใหญ่ๆ ใช้คำที่เข้ากับภาพ และจัดวางในส่วนที่ชัดเจน ความสำคัญคือภาพจะต้องสื่อสารได้ดีไปพร้อมๆ กับตัวหนังสือ

tech_16

 

ตัวอย่างอื่นๆ

tech_17

http://blood-and-water.animalplanet.com/

tech_18

http://pixelgrade.com/demos/rosa/

ขอบคุณภาพจาก magdeleine.co

ขอบคุณบทความจาก http://une.ch

Credit : http://grappik.com/how-to-text-and-image/

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.