สเก็ตช์ 3 มิติคืออะไร

คือการวาดเส้นด้วยมือที่บันทึกตำแหน่งในอวกาศ ไม่ใช่พิกเซลบนแผ่นกระดาษ คุณวาดบนระนาบ เลื่อนหรือหมุนระนาบนั้นได้ และเส้นจะอยู่ที่เดิมเมื่อมุมมองหมุน

ต้องติดตั้งหรือสร้างบัญชีไหม

ไม่ต้อง สตูดิโอทำงานในเบราว์เซอร์และเก็บภาพวาดไว้ในเบราว์เซอร์นั้นบนอุปกรณ์ของคุณ การล้างข้อมูลเบราว์เซอร์จึงอาจลบงานได้ ควรส่งออกสิ่งที่ต้องการเก็บ

รองรับแรงกดปากกาไหม

รองรับผ่าน Pointer Events ของเบราว์เซอร์: แรงกด ความเอียง ปุ่มปากกา และปลายยางลบ เมื่อเบราว์เซอร์และปากการายงานค่าเหล่านี้ เราทดสอบด้วยอินพุตปากกาจำลองใน Chromium ยังไม่ได้ทดสอบกับปากกาจริง

นำสเก็ตช์ไป Blender, Krita หรือ Procreate ได้ไหม

Blender มีสคริปต์ที่สร้างเส้นขึ้นใหม่เป็นเคิร์ฟ ทดสอบแล้วใน Blender 4.5 ส่วน Krita และ GIMP อ่าน OpenRaster ได้ และ PSD ใช้กับแอปที่อ่านรูปแบบนี้ เราตรวจไฟล์เหล่านี้ด้วยซอฟต์แวร์อื่นแล้ว แต่ยังไม่ได้เปิดใน Procreate, Krita, Sketchbook หรือ Clip Studio

เป็นเครื่องมือโมเดล 3 มิติไหม

ไม่ใช่ มันสร้างเส้น ไม่ใช่รูปทรงตัน ใช้สำหรับคิดไอเดียให้ชัดอย่างรวดเร็วก่อนที่ใครจะสร้างโมเดล

กลับไปยังบล็อก BIM และ IFC

เครื่องมือและการเปรียบเทียบ · 2026-11-01 · 6 นาที

สเก็ตช์ 3 มิติออนไลน์: วาดในอวกาศด้วยปากกาหรือนิ้ว ในเบราว์เซอร์

สเก็ตช์ 2 มิติแสดงได้เพียงมุมเดียว ที่นี่ทุกเส้นคงตำแหน่งในอวกาศ คุณจึงหมุนไอเดียแล้ววาดต่อจากอีกด้านได้ ลองหมุนและวาดบนตัวอย่างสด โดยไม่ต้องติดตั้งอะไร

อาคารสูงบิดเกลียวพร้อมไดอะกริดเรืองแสงและเส้นทางดวงอาทิตย์ วาดด้วยเส้น 3 มิติบนพื้นดำ

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

หมุนอาคารนี้ แล้ววาดทับ

ภาพจะเล่นซ้ำทีละเส้น ลากเพื่อหมุน กด วาด เพื่อเพิ่มเส้น และลองฟิลเตอร์ได้ สิ่งที่คุณทำที่นี่จะไม่ถูกบันทึก

อาคารบิดเกลียวจากเส้น 3 มิติเรืองแสง พร้อมเล่นซ้ำในเบราว์เซอร์

เปิดในสตูดิโอ

ประเด็นสำคัญ

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

วิธีควบคุมการวาดใน 3 มิติ

ปากกาเคลื่อนที่ในสองมิติ จึงต้องมีบางอย่างให้มิติที่สาม สิ่งนั้นคือระนาบวาด และการออกแบบระบบสัมผัสของสตูดิโอส่วนใหญ่มุ่งให้วางระนาบได้เร็ว

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

สเก็ตช์ดินสอของศาลาที่มีหลังคาทรงอานม้าสามหลังจากเส้นตรง พร้อมเสา กริดวางผัง และเงา — หลังคาทรงอานม้าสามหลังจากเส้นตรง ด้วยดินสอและเลเยอร์มาร์กเกอร์แบบคูณ พล็อตด้วยโค้ดในเอนจินของสตูดิโอ

เส้น: เกิดอะไรขึ้นระหว่างปากกากับหน้าจอ

สตูดิโออ่านแรงกดและความเอียงผ่าน Pointer Events^[pointer] ใช้เส้นโค้งแรงกดของคุณ แล้วทำให้เส้นนิ่งด้วยตัวช่วยแบบที่ Krita และ Clip Studio มี หากหยุดนิ่งที่ปลายเส้น เส้นจะกลายเป็นเส้นตรง วงรี หรือสี่เหลี่ยม ปากกาที่ไม่มีเซนเซอร์แรงกดหรือนิ้วจะใช้ความเร็วแทน

สตูดิโอสเก็ตช์ 3 มิติขนาดแท็บเล็ต มีเครื่องมือ แถบระนาบ เลเยอร์ โหมดผสม และฟิลเตอร์ ข้างภาพอาคารบิดเกลียว — สตูดิโอจริงในขนาดแท็บเล็ต จำลองใน Chromium: เครื่องมือ แถบระนาบ สี่เลเยอร์ โหมดผสม และฟิลเตอร์

เลเยอร์และฟิลเตอร์ โดยไม่เสีย 3 มิติ

แต่ละเลเยอร์มีความทึบ โหมดผสม และฟิลเตอร์: สีสัน ความอิ่มตัว ความสว่าง ขอบนุ่ม เกรน แสงเรือง และดูโอโทน ฟิลเตอร์ไม่แตะต้องเส้น จึงเปลี่ยนได้ทุกเมื่อ และตามภาพเมื่อหมุน

ภาพเมืองเดียวกันหกแบบ ทั้งต้นฉบับและฟิลเตอร์พิมพ์เขียว สีน้ำ ชอล์ก นีออน และซีดจาง — ภาพเดียว หกลุค แถวบน: ไม่มีฟิลเตอร์ พิมพ์เขียว สีน้ำ แถวล่าง: ชอล์ก นีออน ซีดจาง

อยู่ตรงไหนในกลุ่มเครื่องมือสเก็ตช์ 3 มิติ

นี่ไม่ใช่หมวดใหม่: Feather^[feather] เป็นแอปเฉพาะทางสำหรับสเก็ตช์ 3 มิติ และ Penzil^[penzil] เคยแสดงแนวคิดนี้ในเบราว์เซอร์เมื่อหลายปีก่อน สิ่งที่ต่างคือสิ่งที่อยู่ข้างๆ: เว็บไซต์เดียวกันเปิดโมเดลอาคาร IFC ได้ คุณจึงสเก็ตช์บนโครงการจริงได้

ส่งออก	เปิดใน	เก็บไว้
PNG หรือการ์ดแชร์	ทุกที่ Instagram Stories, LinkedIn	ลักษณะภาพ รวมฟิลเตอร์
PSD	แอปที่อ่าน PSD	เลเยอร์ ความทึบ โหมดผสม ฟิลเตอร์ที่ฝังแล้ว
OpenRaster (.ora)	Krita, GIMP	เลเยอร์ ความทึบ โหมดผสม ฟิลเตอร์ที่ฝังแล้ว
SVG	โปรแกรมแก้ไขเวกเตอร์	เส้นและโหมดผสม ไม่รวมฟิลเตอร์
สคริปต์ Blender (.py)	Blender	เส้นเป็นเคิร์ฟ 3 มิติ ไม่รวมฟิลเตอร์

สิ่งที่เราทดสอบแล้วและยังไม่ได้ทดสอบ

เราทดสอบสตูดิโอใน Chromium ด้วยอินพุตปากกาและสัมผัสจำลองในขนาดมือถือ จอพับ และแท็บเล็ต สคริปต์ Blender รันใน Blender 4.5 และซอฟต์แวร์อื่นอ่านไฟล์ PSD และ OpenRaster ได้ เรายังไม่ได้ลองกับปากกาหรืออุปกรณ์จริง ค่าท่าทางจึงอาจต้องปรับ

เอกสารอ้างอิง

Feather: แอปฟรีสำหรับวาด 3 มิติด้วยปากกาและการสัมผัส — 80 Level. แอปสเก็ตช์ 3 มิติ
Penzil: สเก็ตช์ 3 มิติบนเว็บ — CGPress. เครื่องมือสเก็ตช์แนวคิดในเบราว์เซอร์รุ่นก่อนหน้า
Pointer events — MDN Web Docs. API ของเบราว์เซอร์สำหรับแรงกดและความเอียง

สเก็ตช์ 3 มิติออนไลน์: วาดในอวกาศด้วยปากกาหรือนิ้ว ในเบราว์เซอร์