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

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

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

mix-text-1

ภาพก่อนการปรับ

 

mix-text-2

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

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

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

dark-1

https://ayr.com/

 

dark-2

https://www.geckoboard.com/

 

dark-3

http://anodpixels.com/

 

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

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

mix-text-3

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

 

mix-text-4

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

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

norther-1

http://www.themostnorthernplace.com/

 

vw

http://eup.volkswagen.no/

 

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

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

mix-text-5

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

 

mix-text-6

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

 

mix-text-7

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

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

une

http://une.ch/creation/home

 

sizz

http://purplerockscissors.com/

 

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

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

mix-text-8

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

whale

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

 

recipes

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

 

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

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

คุณกำลังหาคนออกแบบอยู่ใช่ไหม

บริการออกแบบเว็บไซต์และให้คำปรึกษาเกี่ยวกับการออกแบบ
และการพัฒนาผลิตภัณฑ์ รวมทั้งการพัฒนาธุรกิจไปสู่โลกออนไลน์
ดูรายละเอียดเพิ่มเติม