สำนักวิทยบริการและเทคโนโลยีสารสนเทศ (สวส.)

Office of Academic Resources and Information Technology

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

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

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

เทคนิคนี้เป็นวิธีที่ง่ายและใช้งานได้กับเกือบทุกรูป และการเพิ่ม 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
             
             
http://grappik.com/how-to-text-and-image/