วันอังคารที่ 15 กันยายน พ.ศ. 2558

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

tem-702x336

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

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
http://grappik.com/how-to-text-and-image/

ไม่มีความคิดเห็น:

แสดงความคิดเห็น