บทเรียน illustrator · intermediate · 45 นาที

Vectorize ลวดลายไทยประเพณีใน Illustrator

โดย Ploypailin Srisuwan

Thai Design Researcher & Editor, ThaiGraph · 16 เมษายน 2569

ตรวจสอบข้อมูลเมื่อ April 2026

สิ่งที่คุณจะได้

ลวดลายไทยประเพณีสามแบบที่ถูก vectorize — ลายเมฆไหล ลายดอกไม้ และลายประจำยาม — แปลงจากภาพถ่ายหรือสแกนเป็น path Illustrator ที่สะอาดและสมมาตรถูกต้อง พร้อมใช้เป็น brushes, patterns หรือของประดับเดี่ยว workflow รวม Image Trace ของ Illustrator เป็นจุดเริ่มต้นกับการปรับแต่งด้วยมือเพื่อแก้สมมาตร ลด path และจัดกับ grid การสร้างแบบประเพณี ลายทั้งสามที่เสร็จแล้ว export เป็นไฟล์ SVG ขนาดต่ำกว่า 20KB

สิ่งที่ต้องเตรียม

• ซอฟต์แวร์: Adobe Illustrator 2025 ขึ้นไป
• Reference: สแกนหรือภาพถ่ายความละเอียดสูงของลายต้นแบบที่ 600 dpi ขึ้นไป หน้าบันวัด สแกนผ้า หรือภาพ reproduction จากต้นฉบับโบราณใช้ได้ หลีกเลี่ยง thumbnails ของ Pinterest — ความละเอียดต่ำเกินไปสำหรับการ trace ที่สะอาด
• สี: Thaitone Thong (#D4A029) สำหรับการใช้ทองแบบประเพณี หรือเลือก palette จาก /th/colors/thaitone/
• เวลา: 45 นาทีสำหรับลายทั้งสาม
• บริบททางวัฒนธรรม: ลายแต่ละตระกูลมีบริบทที่เหมาะสมต่างกัน ลายเมฆ = อาหารและครัวเรือน; ลายดอกไม้ = ความเป็นหญิง ความรื่นเริง; ลายประจำยาม = ศักดิ์สิทธิ์ พิธีการ ราชสำนัก จับคู่ลายกับ brief ของงานก่อนเริ่ม

Step 1: เตรียมสแกน reference

เปิดภาพ reference ใน Photoshop ก่อน ตั้งให้ตรง (Edit > Transform > Rotate) ตามแกนแนวตั้งของลาย crop ให้พอดี ปรับ levels (Image > Adjustments > Levels) ดัน highlights ขึ้นไปที่ 240 และ shadows ลงมาที่ 20 — contrast ที่สูงขึ้นช่วยให้ Image Trace แยกลายออกจากพื้น save เป็น mek-lai-reference.tif ที่ 600 dpi ถ้าต้นฉบับเป็นสี (ทองบนแดง ฯลฯ) desaturate (Image > Adjustments > Desaturate) เพื่อให้ง่ายต่อการ trace ลายควรอ่านเป็น silhouette เมื่อถึงเวลาเข้า Illustrator

Step 2: นำเข้าและรัน Image Trace

ใน Illustrator, File > New ที่ 400 × 400 mm, 300 dpi File > Place ภาพ reference ที่เตรียมไว้ ขยาย reference เป็น 80% ของ artboard เลือก reference แล้วเปิด Window > Image Trace Preset High Fidelity Photo คลิก disclosure triangle สำหรับ Advanced: Threshold 128, Paths 75, Corners 80, Noise 10 px, Method Overlapping, Create Fills (ยกเลิก Strokes), Snap Curves to Lines Off, Ignore White On กด Trace เมื่อ preview ดูถูก กด Expand ที่ Control bar ตอนนี้ได้เวกเตอร์ที่แก้ไขได้ — มักมี anchor points มากเกินไป

Step 3: ลด path อย่างหนัก

เลือกลายที่ trace แล้ว Object > Path > Simplify ตั้ง Curve Precision 90%, Angle Threshold 30°, Straight Lines Off, Show Original On ลาก slider จนจำนวน anchor ลดลงประมาณครึ่งหนึ่งโดยรูปทรงไม่เปลี่ยน สำหรับลายเมฆ (โค้งนุ่ม) ดัน Curve Precision ลงไปที่ 85% สำหรับลายประจำยาม (เรขาคณิต) ดันขึ้นไปที่ 95% เพื่อรักษามุมคม กด OK ถัดไป ลบ anchor ที่ซ้ำซ้อนด้วยมือ ใช้ Direct Selection (A) คลิก anchor ที่ไม่จำเป็นต่อส่วนโค้ง แล้วกด Delete ตั้งเป้าที่จำนวน path ขั้นต่ำที่รักษารูปทรงไว้

Step 4: บังคับสมมาตรให้ลายเมฆไหล

ลายเมฆไหลสมมาตรสองฝั่ง — ครึ่งซ้ายต้อง mirror ครึ่งขวาพอดี สแกน trace ไม่เคยให้สมมาตรจริงเพราะต้นฉบับเป็นงานแกะสลัก/เขียนด้วยมือ แก้ด้วยมือ: เลือกลาย วาด guide แนวตั้งผ่านจุดกลางทางสายตา ใช้ Direct Selection (A) เลือกครึ่งขวาของลายทั้งหมดแล้วลบ เลือกครึ่งซ้ายที่เหลือ Object > Transform > Reflect กำหนด Axis Vertical ติ๊ก copy Align reflection กับ guide Pathfinder > Unite ลายสมมาตรสมบูรณ์แล้ว — ความไม่สมมาตรจากลายเขียนมือถูกแทนที่ด้วยรูปแบบเรขาคณิตอุดมคติที่ต้นฉบับพยายามแสดง

Step 5: สร้างลายประจำยามบน grid หมุน 8 จุด

ลายประจำยามใช้ 8-fold rotational symmetry ไม่ใช่สมมาตรสองฝั่ง วาดกลีบเดียวเป็น master unit ด้วย Pen tool บน reference ที่ trace แล้ว — กลีบเดียวเท่านั้น จากศูนย์กลางยื่นออก ครอบคลุม 45° ของวงกลมพอดี Object > Transform > Rotate Angle 45° Copy — ได้กลีบที่ 2 ทำซ้ำการหมุนอีก 6 ครั้ง (หรือใช้ Object > Transform > Transform Again / Cmd/Ctrl+D 7 ครั้ง) กลีบทั้งแปดมาบรรจบกันที่ศูนย์กลาง เลือกทั้งหมด Pathfinder > Unite เพิ่มวงกลมกลาง 15% ของเส้นผ่านศูนย์กลางรวมเป็นจุดโฟกัส ลายประจำยามที่ได้จะตรงกับ grid — ตรงกับคณิตศาสตร์ของ mandala ที่ Stratton (2004) บันทึกไว้

Step 6: ปรับลายดอกไม้ด้วย variable-width strokes

ลายดอกไม้ได้ประโยชน์จาก stroke width ที่แปรผัน ที่ให้ความเรียวเรียวตามธรรมชาติของกลีบและใบ เลือกลายดอกไม้ที่ trace แล้ว Object > Expand Appearance ถ้า path มาเป็น stroke วาด path กลีบสำคัญใหม่เป็น stroke แล้วใช้ Width tool (Shift+W) ลากความกว้างที่ anchor แต่ละจุด แคบที่ปลายกลีบ กว้างที่สุดที่ฐานกลีบ save width profile (Window > Stroke panel menu > Save Width Profile) เป็น dok-mai-petal-taper เพื่อใช้ซ้ำกับงานดอกไม้ในอนาคต Outline strokes (Object > Path > Outline Stroke) ก่อน export สุดท้าย

Step 7: Export เป็น SVG pattern tiles

สำหรับลายแต่ละลายที่เสร็จ เตรียม tile เดียว เลือกลาย Object > Pattern > Make pattern type Grid, spacing 20 mm แนวนอนและแนวตั้ง Preview tile บน reference ที่ 100% — การซ้ำควรอ่านเรียบไม่มีเส้นขอบปรากฏ Save pattern (Done ใน pattern edit bar) — อยู่ในพาเนล Swatches แล้ว สำหรับ export SVG ลายเดี่ยว: เลือกลาย File > Export > Export Selection > SVG Options: Styling Internal CSS, Font Convert to Outlines, Images Preserve, Object IDs Minimal, Minify on, Responsive on ลายแต่ละลาย export ต่ำกว่า 20 KB อัปโหลดไปที่ /th/patterns/downloads/ ถ้าต้องการร่วมสร้างคลัง

ข้อควรรู้ทางวัฒนธรรม

ตระกูลลายไทยมีน้ำหนักเชิงความหมายเฉพาะ — จับคู่ลายกับบริบทให้ถูก ไม่อย่างนั้นงานจะอ่านว่าขาดความรู้ทางวัฒนธรรม ลายเมฆสื่อถึงฝน ความอุดมสมบูรณ์ และพรคุ้มครอง; เป็นตัวเลือกที่ถูกต้องสำหรับบรรจุภัณฑ์อาหาร ผลิตภัณฑ์ในครัวเรือน ธุรกิจต้อนรับ และบริบทของเด็ก (TCDC Visual Culture Research, 2021) ลายดอกไม้สื่อถึงความงาม ความเป็นหญิง การเฉลิมฉลอง และความอุดม; เหมาะกับเครื่องสำอาง งานแต่งงาน เทศกาล และ branding ที่มุ่งสู่กลุ่มหญิง ลายประจำยาม (ดาวแปดกลีบ) แบกน้ำหนักศักดิ์สิทธิ์จากรากเหง้ามัณฑลา เหมาะกับบริบทพิธีการ ศาสนา และราชสำนัก — ไม่เหมาะกับการใช้เชิงพาณิชย์แคชวล ลายกนกมีบทความของตัวเอง กฎใช้งาน: ถ้าบริบทโปรเจกต์แคชวลหรือเกี่ยวกับอาหาร ใช้ลายเมฆหรือลายดอกไม้ ถ้าเป็นการเฉลิมฉลองหรือสื่อถึงหญิง ลายดอกไม้ ถ้าศักดิ์สิทธิ์หรือราชสำนัก ลายประจำยาม ถ้าศักดิ์สิทธิ์หรือมรดก ลายกนก

ข้อผิดพลาดที่พบบ่อย

• ยอมรับผลจาก Image Trace โดยไม่ลด path path ที่ trace แล้วมี anchor ซ้ำซ้อนหลายร้อยและเรนเดอร์ช้าบนเว็บ
• ความไม่สมมาตรสองฝั่งจากความไม่สมบูรณ์ของสแกน ให้ mirror ครึ่งหนึ่งใส่อีกครึ่งหนึ่งเสมอสำหรับลายเมฆและลายดอกไม้
• ความไม่สมมาตรเชิงหมุนของลายประจำยาม การหมุน 45° ต้องแม่นยำ
• ลายผิดบริบท ลายประจำยามบนบรรจุภัณฑ์ขนมอ่านแล้วดูไม่เข้าใจเนื้อหา
• Export เป็น raster SVG เป็น format ที่เหมาะสมเท่านั้น; PNG export ทำลายจุดประสงค์ของการ vectorize

ไฟล์และขั้นตอนถัดไป

ดาวน์โหลด reference scans และ SVG ที่เสร็จของลายไทยทั้งห้าตระกูลที่ /th/patterns/downloads/ หน้าลายเฉพาะ: ลายเมฆ, ลายดอกไม้, ลายประจำยาม สำหรับการสร้างลายเปลวไฟศักดิ์สิทธิ์ ดูบทความคู่ วาดลายกนกใน Illustrator บริบท pillar: คลังลวดลายไทย และ คู่มือครบถ้วนเรื่องไทโปกราฟีไทย สำหรับปฏิสัมพันธ์ระหว่างตัวหนังสือกับลาย

ตรวจสอบข้อมูลเมื่อ April 2026