ปรับปรุงล่าสุด 27 สิงหาคม 2569

พจนานุกรมของโลโก้ 3D

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

โลโก้ 3 มิติชุบโครเมียมที่หมุนเพื่อให้เห็นพื้นราบของมัน ผนังด้านข้างที่ยื่นออกมา และขอบเอียงระหว่างทั้งสองอย่างแยกกัน

เครื่องหมายราบจะเปลี่ยนเป็นเรขาคณิต 3 มิติได้อย่างไร?#

โลโก้ 3 มิติเริ่มต้นเป็นโครงร่าง 2 มิติ คำศัพท์เหล่านี้อธิบายว่าโครงร่างนั้นเปลี่ยนเป็นวัตถุมีปริมาตรได้อย่างไร

การดันออก (extrude)#
ผลักเส้นร่างแบนไปตามแกนที่สามเพื่อให้มีความหนา การดันเป็นสิ่งที่ทำให้โลโก้มีมิติทั้งหมด อย่างอื่นเป็นเพียงพื้นผิวและการให้แสง
ความลึก (depth)#
ถึงระดับที่เส้นร่างถูกดันออกมา ความลึกน้อยทำให้ดูเหมือนสติ๊กเกอร์นูน ความลึกมากทำให้ดูเหมือนวัตถุแข็ง ความลึกเป็นตัวควบคุมที่เปลี่ยนมากที่สุดว่าลูกโค้งโลโก้จะดูเป็น 3D หรือไม่ในขนาดเล็ก
เบเซล (bevel)#
การตัดเล็ก ๆ แบบมุมหรือโค้งไปตามขอบที่ดันออกมา เบเซลจับแสงเหมือนเส้นสว่าง และนั่นคือสิ่งที่ทำให้โครเมียมและทองดูเหมือนโลหะไม่ใช่สีเรียบ
ตาข่าย (mesh)#
สามเหลี่ยมที่สร้างวัตถุ 3D การส่งออกทั้งหมด ยกเว้น PNG หรือ MP4 เป็นคำอธิบายของตาข่าย
เวอร์เท็กซ์#
จุดมุมของสามเหลี่ยมในตาข่าย จำนวนมุมเพิ่มขึ้นตามความซับซ้อนของเส้นขอบต้นฉบับ และด้วยเหตุนี้จำนวนเส้นทางของ SVG จึงส่งผลต่อประสิทธิภาพ เพิ่มเติมเกี่ยวกับ เวอร์เท็กซ์.
เส้นทาง (path)#
เส้นโค้งต่อเนื่องในไฟล์เวกเตอร์ โลโก้ที่สร้างจากห้าเส้นทางจะยกออกมาได้อย่างเรียบร้อย; ส่วนโลโก้ที่สร้างจากหลายร้อยเส้นทาง โดยปกติสร้างจากภาพเวกเตอร์โดยอัตโนมัติ จะสร้างตาข่ายที่หนักเกินไปจนไม่สามารถเรนเดอร์บนเบราว์เซอร์ได้ เพิ่มเติมเกี่ยวกับ เส้นทาง (path).
เส้นทางประกอบ (compound path)#
สองเส้นทางหรือมากกว่าที่ถูกจัดการเป็นรูปเดียว ทำให้เส้นทางภายในตัดช่องว่างแทนที่จะเติมเต็ม นี่คือสิ่งที่ทำให้ตาของตัวอักษร O หรือ A เปิดอยู่หลังจากการยกขึ้น
การแปลงเป็นเวกเตอร์ (tracing)#
ประมาณเส้นทางเวกเตอร์จากภาพพิกเซลโดยตามขอบเขตระหว่างโซนสว่างและมืด จำเป็นสำหรับ PNG หรือ JPEG ใดๆ ที่คุณอัปโหลด และนี่คือเหตุผลที่ความคมชัดของภาพต้นฉบับตัดสินคุณภาพของผลลัพธ์ เพิ่มเติมเกี่ยวกับ การแปลงเป็นเวกเตอร์ (tracing).
เวกเตอร์และแรสเตอร์ (vector และ raster) #
ไฟล์เวกเตอร์เก็บเส้นโค้งและสามารถปรับขนาดโดยไม่สูญเสียคุณภาพ; ไฟล์แรสเตอร์เก็บพิกเซลและจะพร่ามัวเมื่อขยาย SVG เป็นเวกเตอร์; PNG, JPEG, GIF และ WebP เป็นแรสเตอร์

อะไรทำให้โลโก้ 3D มีพื้นผิวและวัสดุ #

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

วัสดุ#
ชุดค่าที่กำหนดว่าพื้นผิวจะตอบสนองต่อแสงอย่างไร โครเมียม ทอง แก้ว และการไล่สีทั้งหมดเป็นการตั้งค่าล่วงหน้าของระบบวัสดุเดียวกัน
PBR#
การเรนเดอร์ตามฟิสิกส์ (physically based rendering) วิธีการอธิบายพื้นผิวตามคุณสมบัติทางกายภาพของมัน โดยเฉพาะความเป็นโลหะและความหยาบ เพื่อให้วัสดุดูถูกต้องภายใต้แสงใดๆ ไม่ใช่แค่แสงที่สร้างขึ้น
สีฐาน (base color)#
สีของพื้นผิวก่อนการให้แสง เรียกอีกอย่างว่าอัลเบโด ในโลหะมันย้อมแสงสะท้อน; ในไม่ใช่โลหะ เป็นสีที่คุณเห็น
ความเป็นโลหะ (metalness)#
คุณสมบัติของโลหะ (Metalness) มันแสดงลักษณะของโลหะมากน้อยเพียงใด ตั้งแต่ 0 ถึง 1 ที่ค่า 1 พื้นผิวแทบไม่มีสีของตนเองและสะท้อนสิ่งรอบข้าง ซึ่งเป็นเหตุผลที่โครเมียมจะสะท้อนสิ่งรอบข้างได้เหมือนกับสิ่งที่อยู่รอบมัน
ความหยาบ (Roughness)#
ความกระจายของการสะท้อน ตั้งแต่ 0 ถึง 1 ใกล้ 0 จะเหมือนกระจก ใกล้ 1 จะเหมือนผิวด้าน ความหยาบเป็นสิ่งที่ทำให้โครเมียมขัดเงาแตกต่างจากเหล็กขัดลาย เพิ่มเติมเกี่ยวกับ ความหยาบ (Roughness).
การส่งผ่าน (Transmission)#
จำนวนแสงที่ผ่านพื้นผิวแทนที่จะสะท้อนออกไป การส่งผ่านสูงคือสิ่งที่ทำให้ค่าเริ่มต้นของแก้วสามารถเห็นพื้นหลังผ่านสัญลักษณ์ได้ เพิ่มเติมเกี่ยวกับ การส่งผ่าน (Transmission).
ดัชนีหักเหแสง (IOR)#
แสงเบี่ยงเบนมากเพียงใดเมื่อเข้าสู่วัสดุโปร่งใส ซึ่งจะกำหนดว่าตัวโลโก้บนแก้วบิดเบือนพื้นหลังด้านหลังมากขนาดไหน
สีรุ้งเปลี่ยนไปตามมุม (Iridiscencia)#
เอฟเฟกต์ฟิล์มบางที่เปลี่ยนโทนตามมุมมอง ซึ่งเป็นสิ่งที่พรีเซ็ตโฮโลกราฟิกใช้ และเป็นเหตุผลที่ทำให้โลโก้โฮโลกราฟิกน่าประทับใจมากขึ้นตอนเคลื่อนไหวมากกว่าภาพนิ่ง เพิ่มเติมเกี่ยวกับ สีรุ้งเปลี่ยนไปตามมุม (Iridiscencia).
แถบสี (color ramp)#
การผสมระหว่างสีสองสีหรือมากกว่าตลอดพื้นผิว ตรึงกับวัตถุ ไม่ใช่กับแสง เป็นสิ่งที่พรีเซ็ตไล่เฉดสีใช้ และต่างจากโลหะ จะเห็นเหมือนกันในทุกสภาพแวดล้อม เพิ่มเติมเกี่ยวกับ แถบสี (color ramp).
แผนที่ปกติ (normal map)#
พื้นผิวที่จำลองรายละเอียดเล็ก ๆ บนพื้นผิวโดยเปลี่ยนการสะท้อนของแสงโดยไม่เพิ่มเรขาคณิต เส้นลาย ร่องรอย และการสึกหรอของพรีเซ็ตโลหะมาจากแผนที่ปกติ

ตัวควบคุมแสงและกล้องทำหน้าที่อะไร?#

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

แผนที่สภาพแวดล้อม (environment map)#
ภาพของสถานที่ที่ล้อมรอบฉากและใช้เป็นแหล่งกำเนิดแสง สภาพแวดล้อมแปดแบบของตัวแก้ไข ตั้งแต่ Studio ถึง City เป็นแผนที่สภาพแวดล้อม
HDRI#
ภาพช่วงไดนามิกสูง ไฟล์ที่ใช้กับแผนที่สภาพแวดล้อม โดยช่วงความสว่างกว้างนี้ทำให้พื้นที่สว่างเล็กๆ สามารถทำหน้าที่เป็นแสงจริงและสร้างเงาสะท้อนที่น่าเชื่อถือ
การให้แสงโดยอิงภาพ (IBL)#
ส่องสว่างฉากจากแผนที่สิ่งแวดล้อมแทนที่จะใช้โคมไฟวางด้วยมือ นี่คือเหตุผลที่การเปลี่ยนแวดล้อมจะเปลี่ยนโลโก้โครเมียมได้มากกว่าการเปลี่ยนสีของมัน
การทำแผนที่โทนสี (tone mapping)#
บีบช่วงความสว่างกว้างของฉากที่เรนเดอร์ไปสู่สิ่งที่หน้าจอสามารถแสดงได้ ถ้าไม่มีมัน เงาสะท้อนแวววาวของโลหะจะสว่างจนเป็นสีขาวเรียบ
การทำให้ขอบเรียบ (anti-aliasing)#
ทำให้เอฟเฟกต์บันไดของขอบที่ไม่ตรงแนวนอนหรือแนวตั้งเรียบขึ้น นี่คือเหตุผลที่ภาพที่ส่งออกจะดูสะอาดกว่าดูตัวอย่างสดบนหน้าจอความละเอียดต่ำ
อัตราส่วนพิกเซลของอุปกรณ์ (device pixel ratio)#
จำนวนพิกเซลทางกายภาพบนหน้าจอที่เบราว์เซอร์วาดต่อพิกเซล CSS หนึ่งพิกเซล การเรนเดอร์ฉาก 3 มิติในอัตราส่วนเต็มบนโทรศัพท์ความหนาแน่นสูงนั้นมีค่าใช้จ่ายสูง ดังนั้นสตูดิโอสามารถลดมันลงเพื่อให้การเคลื่อนไหวยังคงราบรื่น
ช่องแอลฟา (alpha channel)#
ความโปร่งใสต่อพิกเซลที่ถูกเก็บพร้อมกับสี PNG มี; JPEG ไม่มี นี่คือสิ่งที่ทำให้โลโก้ที่มีพื้นหลังโปร่งใสเป็นไปได้ เพิ่มเติมเกี่ยวกับ ช่องแอลฟา (alpha channel).

แต่ละรูปแบบไฟล์ 3 มิติมีอะไรบ้าง?#

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

GLB#
ไฟล์ไบนารีเพียงไฟล์เดียวที่มีเรขาคณิต วัสดุ PBR พื้นผิวและคลิปแอนิเมชัน ตัวเลือกเริ่มต้นสำหรับเว็บ AR และทุกสิ่งที่ต้องการโมเดลจริง เพิ่มเติมเกี่ยวกับ GLB.
glTF#
คำอธิบายฉากเดียวกับ GLB เขียนเป็น JSON โดยมีทรัพยากรฝังอยู่หรือแยกเป็นไฟล์ต่างหาก ง่ายต่อการตรวจสอบ แต่นำไปเผยแพร่เป็นไฟล์เดียวได้ไม่สะดวกนัก
OBJ#
รูปแบบแลกเปลี่ยนเก่าของเรขาคณิตของตาข่าย สามารถอ่านได้แทบทุกที่ แต่ชุดวัสดุและพื้นผิวไม่ได้ถูกนำไปใช้ ดังนั้นการตกแต่งจะไม่ถูกถ่ายทอดไปด้วย
STL#
มีแค่สามเหลี่ยมเท่านั้น ออกแบบมาสำหรับการพิมพ์ 3 มิติ ไม่มีสี ไม่มี UV ไม่มีกราฟฉาก ถูกต้องสำหรับเครื่องพิมพ์ แต่ผิดสำหรับแทบทุกอย่างอื่น เพิ่มเติมเกี่ยวกับ STL.
PLY#
รูปแบบจุดและตาข่ายที่สีต่อจุดสามารถคงอยู่ได้ แต่วัสดุ PBR ไม่อยู่ พบได้ทั่วไปในกระบวนการสแกนและงานวิจัย
FBX#
รูปแบบหนึ่งที่ใช้ในแอปสร้างเนื้อหาดิจิทัลและในเวิร์กโฟลว์ของวิดีโอเกม ที่นี่สามารถเปิดและแปลงเป็นรูปแบบอื่นได้ แต่การส่งออกใด ๆ จะไม่สร้าง FBX ใหม่ เพิ่มเติมเกี่ยวกับ FBX.
SVG#
รูปแบบภาพเวกเตอร์ที่เก็บเครื่องหมายเป็นเส้นโค้ง อินพุตที่ดีที่สุดสำหรับโลโก้ 3D เพราะเส้นทางของมันสามารถดึงออกมาโดยตรงโดยไม่ต้องเวกเตอร์ไลซ์ เพิ่มเติมเกี่ยวกับ SVG.

คำถาม

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