วิธีสร้างเอฟเฟกต์ Duotone บนภาพถ่าย (คู่มือการออกแบบ)

อัปเดตล่าสุด: June 28, 2026

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

คำตอบสั้นๆ: วิธีสร้างภาพแบบ Duotone คืออะไร?

แปลงภาพให้เป็นโทนสีเทา (grayscale) จากนั้นแมปโทนสีเข้มไปยังสีหนึ่งและโทนสว่างไปยังอีกสีหนึ่ง ผลลัพธ์ที่ได้คือภาพสองสีที่มีช่วงโทนครบถ้วนแต่มีอารมณ์สีที่เป็นเอกภาพ

การเลือกคู่สีคือการตัดสินใจเชิงสร้างสรรค์หลัก

เอฟเฟกต์ duotone ทำงานอย่างไร?

duotone จะแทนที่สีเต็มของภาพด้วยการไล่ระดับสีระหว่างสองสี — สีหนึ่งสำหรับส่วนเงา และอีกสีสำหรับส่วนสว่าง ส่วนโทนกลางจะผสมผสานระหว่างทั้งสองอย่าง ภาพยังคงโครงสร้างโทนสีเดิมไว้ (คุณยังสามารถเห็นรูปร่างและแสงได้) แต่ทุกสิ่งอยู่ในโลกที่มีเพียงสองสี

นี่คือเหตุผลที่ duotone ดูตั้งใจ ในขณะที่ฟิลเตอร์สีธรรมดาดูเหมือนความผิดพลาด: เพราะมันทำการแมป ช่วงโทนทั้งหมด เข้าไปในพาเลทที่ออกแบบไว้ แทนที่จะย้อมเพียงช่องสัญญาณเดียว เอฟเฟกต์นี้มีรากฐานมาจากการพิมพ์ (การทำซ้ำด้วยหมึกสองสี) และปัจจุบันอยู่ในงานออกแบบดิจิทัลทุกที่

คู่สีใดที่ใช้งานได้ดีที่สุด?

คู่ที่มีความเปรียบต่างสูงจะดูโดดเด่นที่สุด—คือการใช้สีเงาที่เข้มตัดกับสีไฮไลท์ที่สว่างกว่า นี่คือ 4 แนวทางที่เชื่อถือได้:

จุดเริ่มต้นที่ปลอดภัยที่สุดคือการใช้สีเดียวสำหรับทั้งสองส่วน (ทั้งโทนเข้มและอ่อนของสีเดียวกัน) ซึ่งรับประกันความกลมกลืน สำหรับงานแบรนด์ ควรใช้สีประจำแบรนด์นั้นๆ

Duotone ใช้ที่ไหนได้บ้าง?

Duotone แก้ปัญหาการออกแบบเฉพาะอย่าง: คือการทำให้ชุดภาพถ่ายดูเป็นอันหนึ่งอันเดียวกันและเข้ากับแบรนด์ โดยที่ไม่ต้องถ่ายใหม่

• Hero banners — พื้นหลังแบบ duotone ช่วยรวมภาพสต็อกเข้ากับชุดสีของแบรนด์
• Posters and flyers — โดดเด่น สามารถพิมพ์ด้วยหมึกสองสีได้
• Branding — ภาพลักษณ์ที่สอดคล้องกันตลอดแคมเปญ แม้มาจากภาพต้นฉบับที่หลากหลาย
• Editorial — การจัดหน้านิตยสารที่มีอารมณ์สีที่เป็นหนึ่งเดียวกัน

แก่นหลักคือความกลมกลืน: duotone ทำให้ภาพถ่ายที่ไม่เข้ากันดูเหมือนเป็นชุดเดียวกัน คู่มือออกแบบของ Adobe design guide to duotone และ Canva design school ได้ครอบคลุมทฤษฎีการออกแบบอย่างลึกซึ้ง

วิธีที่ 1: ตัวแก้ไขในเบราว์เซอร์

สำหรับรูปภาพเดียว ให้ใช้ Image Editor: ใช้ตัวกรอง duotone เลือกสองสี และส่งออก นี่เป็นวิธีที่เร็วที่สุดและช่วยให้คุณดูคู่สีได้แบบเรียลไทม์

วิธีที่ 2: Photoshop (Gradient Map)

1. เปิดรูปภาพ
2. เพิ่มเลเยอร์ปรับแก้แบบ Gradient Map
3. กำหนดจุดหยุดด้านซ้ายของเกรเดียนต์ (เงา) เป็นสีเข้มของคุณ และกำหนดจุดหยุดด้านขวา (ส่วนสว่าง) เป็นสีอ่อนของคุณ
4. ปรับจุดกึ่งกลางเพื่อสร้างสมดุลของโทนสี

Gradient Map เป็นเครื่องมือ duotone ที่สะอาดที่สุด เพราะมันแมปช่วงโทนสีทั้งหมดโดยตรงไปยังเกรเดียนต์สองสีของคุณ คุณสามารถเพิ่มจุดหยุดได้มากกว่าสองจุดสำหรับ tritone หรือ quadtone แต่สองจุดคือลุคแบบดั้งเดิมและแข็งแกร่งที่สุด — สีที่เพิ่มเข้ามามักจะทำให้เอฟเฟกต์ดูขุ่นมัวแทนที่จะเสริมให้มันดีขึ้น

วิธีที่ 3: ImageMagick (แบบกลุ่ม)

## Build a 2-color gradient LUT, then apply it to the grayscale photo
magick -size 1x256 gradient:"#1a3a6b"-"#cfe0f5" lut.png
magick input.jpg -colorspace gray lut.png -clut output.jpg

## A folder
mkdir -p out
for f in *.jpg; do magick "$f" -colorspace gray lut.png -clut "out/$f"; done

-clut (color lookup table) จะแมประดับสีเทาแต่ละระดับไปยังสีที่สอดคล้องกันใน gradient เพื่อสร้าง duotone นี่คือแนวทางที่ถูกต้องสำหรับการใช้ duotone เดียวกับรูปภาพหลายร้อยรูป

จะเลือกภาพถ่ายที่เหมาะสมสำหรับ duotone ได้อย่างไร?

Duotone ทำงานได้ดีที่สุดกับภาพที่มีความเปรียบต่างของโทนสีสูงและการจัดองค์ประกอบที่เรียบง่าย เช่น ภาพบุคคล สถาปัตยกรรม หรือวัตถุเดี่ยว ภาพถ่ายที่มีรายละเอียดสีที่ซับซ้อนมาก (เช่น ฉากตลาดที่แออัด) จะสูญเสียความน่าสนใจเมื่อถูกลดเหลือเพียงสองสี เนื่องจากเอฟเฟกต์นี้จะจงใจละทิ้งข้อมูลค่าสี (hue information) เพื่อให้ได้พาเลทที่ออกแบบไว้ แหล่งภาพขาวดำที่มีความเปรียบต่างสูงจึงเป็นสิ่งที่เหมาะสมที่สุด เพราะ duotone จะแมปเข้ากับโครงสร้างโทนสีได้อย่างชัดเจน และภาพถ่ายใด ๆ ที่ดูดีในรูปแบบขาวดำก็จะดูดีเมื่อเป็น duotone

วิธีทดสอบคือการหรี่ตามองภาพ หรือแปลงภาพให้เป็นโทนสีเทาในใจของคุณ: หากองค์ประกอบยังคงอยู่ได้โดยไม่มีสี ก็หมายความว่ามันจะดูดีเมื่อเป็น duotone หากภาพถ่ายต้องอาศัยสีเพื่อสื่อความหมาย (เช่น แอปเปิลสีแดงบนต้นไม้สีเขียว หรือแผนภูมิที่ระบุด้วยสี) duotone จะลบความหมายนั้นออกไป เมื่อต้องหาภาพสำหรับแคมเปญ duotone ให้ถ่ายหรือเลือกโดยเน้นที่รูปทรง แสง และความเปรียบต่างก่อน แล้วค่อยนำสีมาใช้ทีหลัง ดู วิธีเพิ่มคุณภาพของภาพถ่าย เพื่อให้ได้ความเปรียบต่างของโทนสีที่ถูกต้องก่อน

ข้อผิดพลาดทั่วไป

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

คำถามที่พบบ่อย

เอฟเฟกต์ duotone คืออะไร?

คือภาพถ่ายที่ถูกสร้างขึ้นด้วยสองสี โดยมีการกำหนดสีหนึ่งสำหรับส่วนเงา และอีกสีหนึ่งสำหรับส่วนสว่าง ซึ่งยังคงรักษาช่วงโทนสีเดิมไว้ แต่แทนที่สีเต็มรูปแบบด้วยคู่สีที่ออกแบบมาโดยเฉพาะ

คู่สีแบบใดที่เหมาะกับ duotone?

คือคู่สีที่มีความเปรียบต่างสูง: สีเงาที่เข้มลึกและสีไฮไลต์ที่อ่อนกว่า จุดเริ่มต้นที่ปลอดภัยที่สุดคือการใช้เฉดสีเดียวกันทั้งในส่วนมืดและส่วนสว่าง

ฉันสามารถทำ duotone กับภาพถ่ายใดก็ได้หรือไม่?

ในทางเทคนิคแล้วทำได้ แต่จะดูดีที่สุดกับภาพถ่ายที่มีความเรียบง่ายและมีความเปรียบต่างสูง ฉากที่ยุ่งเหยิงจะทำให้สูญเสียสิ่งที่ทำให้ภาพน่าสนใจไป

duotone แตกต่างจากฟิลเตอร์สีอย่างไร?

ฟิลเตอร์จะแค่การย้อมสี (tints); แต่ duotone จะทำการแมปช่วงโทนทั้งหมดไปยังสองสี ซึ่งเป็นเหตุผลที่มันดูตั้งใจและมีการออกแบบอย่างชัดเจน การแมปนี้คือแบบสมบูรณ์: ทุกพิกเซลจะไปตกอยู่ในตำแหน่งใดตำแหน่งหนึ่งบนเกรเดียนต์ระหว่างสองสีที่คุณเลือก ดังนั้นภาพสุดท้ายจึงอ่านได้ว่าเป็นทิศทางศิลปะที่มีการกำหนดไว้ ไม่ใช่แค่การย้อมสีอ่อน ๆ ทับภาพถ่ายต้นฉบับ

duotone ทำงานอย่างไร?

duotone จะแมปทุกโทนในภาพ ตั้งแต่ดำไปจนถึงขาว ข้ามเกรเดียนต์ระหว่างสองสี (สีเงาและสีไฮไลต์) ส่วนเงามืดจะรับเอาสีเข้ม ส่วนสว่างจะรับเอาสีอ่อน และส่วนกลางจะผสมผสานกัน นี่คือการแมปจากโทนเป็นสี ไม่ใช่แค่การย้อมสี ซึ่งเป็นเหตุผลที่มันให้ลุคแบบมีการออกแบบมากกว่าแค่การฟอกสี

คู่สีใดที่เหมาะกับ duotone ที่สุด?

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

duotone ถูกนำไปใช้ที่ไหน?

ในงานออกแบบสิ่งพิมพ์ (editorial design), การสร้างแบรนด์ (branding), และภาพฮีโร่ (hero imagery) — ทุกที่ที่ต้องการลุคที่มีเอกลักษณ์และเป็นของแบรนด์ Duotone ช่วยรวมชุดภาพถ่ายที่หลากหลายภายใต้การปรับสีเดียว ซึ่งเป็นเหตุผลว่าทำไมมันจึงเหมาะกับระบบแบรนด์และเค้าโครงนิตยสาร มันจะทิ้งสีเดิมไป ดังนั้นควรเก็บต้นฉบับไว้หากคุณต้องการลุคที่เป็นธรรมชาติ ดู คู่มือโหมดผสม

ฉันสามารถใช้ duotone กับข้อความได้หรือไม่?

ทำได้ — การใส่ duotone บนข้อความจะแมปโทนของตัวอักษรข้ามเกรเดียนต์สองสี ทำให้เกิดพาดหัวที่โดดเด่นและเป็นเอกลักษณ์ ควรทำให้ข้อความมีความเปรียบต่างสูงเพื่อให้เกรเดียนต์อ่านได้อย่างชัดเจน ข้อความแบบ duotone เหมาะกับโปสเตอร์และพาดหัวหลักมากกว่าเนื้อหาทั่วไป ซึ่งในกรณีนั้น ความสามารถในการอ่านอย่างเรียบง่ายคือสิ่งสำคัญที่สุด

ฉันจะเลือกคู่สี duotone สำหรับแบรนด์ได้อย่างไร?

ให้สุ่มตัวอย่างสองสีจากพาเลทของแบรนด์: สีเข้มของสีหลักสำหรับส่วนเงา และสีที่อ่อนกว่า (มักเป็นสีรองหรือสีกลาง) สำหรับส่วนไฮไลต์ ทดลองใช้คู่สีนั้นกับภาพถ่ายจริง เพราะคู่สีเดียวกันอาจมีพฤติกรรมแตกต่างกันไปตามโทนต้นฉบับ รักษาความเปรียบต่างให้สูง — การใช้สองสีที่คล้ายกันจะทำให้ผลลัพธ์ดูขุ่นมัวจนอ่านไม่ออก

เครดิตรูปภาพ

• แผนภาพ Duotone before/after, color-pairs, และ use-cases ที่สร้างโดยผู้เขียนจากภาพถ่ายบุคคล (Pexels #5931195, photo by August de Richelieu) โดยการใช้ two-color tint gradients เพื่อสาธิตเอฟเฟกต์ duotone