หลายคนคงเคยเห็นภาพสไตล์นี้มาเยอะ แต่ไม่รู้ว่าเทคนิคนี้มีชื่อเรียกว่า Duotones มันเป็นเทคนิคที่นำมาจากงานพิมพ์คือเลือกเฉดสีเพียง 2 สีมาใช้งาน ลองนึกภาพเราสกรีนเสื้อที่จะประกอบไปด้วยสี CMYK แต่เราเลือกหยิบมาใช้เพียง 2 สีเท่านั้น ทำให้ได้ภาพที่ดูแปลกใหม่ถูกใจวัยรุ่น เมื่อไหร่ที่เราอยากได้งานออกแบบในสไตล์ที่ดูสนุก โดดเด่น ลองหยิบเทคนิค Duotones มาใช้งานกันดู

Credits www.shopify.com

เทคนิคนี้เหมาะกับ

  • เมื่อต้องการสร้างภาพที่ดูโดดเด่น ควรใช้ภาพที่มีความละเอียดสูง องค์ประกอบของภาพต้องดูเรียบง่าย
  • เลือกสีของภาพให้เหมาะสมกับงาน เพราะสีแต่ละสีก็อธิบายอารมณ์ของภาพได้ต่างกัน
  • ลองใช้เทคนิค Duotones กับองค์ประกอบในงานที่เป็น Secondary images ไม่ใช่ Hero images (หรือจะใช้เป็น Hero images ก็ได้แล้วแต่แนวทางการออกแบบ)

credits: Year in Review by Atomic.io.

 

วิธีใช้งาน

เทคนิค Duotones จะช่วยลดรายละเอียดของภาพให้ลดน้อยลง ช่วยสร้างความเปรียบต่าง (Contrast) ให้กับภาพ เหมาะมากกับการภาพข้อความลงบนภาพแล้วใช้ Duotones เป็นตัวช่วยให้ข้อความของเราเด่นขึ้นมา

Holm Marcher & Co.

วิธีการทำภาพ Duotones

1.เลือกภาพที่ต้องการใช้งาน

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


2. แปลงภาพให้เป็น Grayscale

สามารถปรับได้ที่ Image > Mode > Grayscale. เป็นเครื่องมือในการแปลงสีภาพธรรมดาให้เป็นแบบขาว-ดำ


3. ใช้เครื่องมือ Duotones

เครื่องมือนี้จะช่วยแปลงภาพที่เป็น Grayscale ของเราให้เป็นภาพแบบ Duotones โดยเลือกใช้ได้ที่ Image > Mode > Duotone.

3.1. เลือก Type เป็น Duotones

3.2. อย่างเลือกเครื่องหมายถูกที่ช่อง Preview ทำให้เรารู้ว่าภาพที่เราปรับจะออกมาเป็นอย่างไร

3.3. Ink 1 ใส่สีที่ต้องการ

3.4. Ink 2 ใส่สีที่ต้องการ

3.5. Overprint Colors ใส่สีที่ต้องการ

3.6. กด OK

 

ข้อมูลจาก www.shopify.com

เรียบเรียงโดย Grappik.com

 

คอร์ส Workshop
เดือน กุมภาพันธ์ 2018

WEBSITE DESIGN 
FACEBOOK FANPAGE DESIGN
DESIGN LAYOUT AND GRID WITH INDESIGN
WORDPRESS WEBSITE

โทรสอบถามเพิ่มเติมได้ที่
Line: @grappik
Tel: 084-025-1889
**รับจำนวนจำกัดเพียงคอร์สละ 12 ท่านเท่านั้น**
รายละเอียดเพิ่มเติม
close-link