วิธีการออกแบบการพิมพ์สามมิติ

Feb 1, 2026

วิธีการ

มุมมองคือทุกสิ่งในการออกแบบ หากสิ่งที่คุณวาดมีมุมมองที่สมบูรณ์แบบมันจะช่วยให้งานของคุณดูสมจริงยิ่งขึ้น สลับกัน Pablo Picasso สร้างประวัติศาสตร์ด้วยการวาดด้วยความรู้สึกเฉียบแหลมของความเป็นจริงรอบตัวเขา

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

รับ Adobe Creative Cloud

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

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

ดาวน์โหลดไฟล์การสอน

01. เริ่มกริด

Hit the icon to open the full-sized image. — กดไอคอนเพื่อเปิดภาพขนาดเต็ม

เริ่มต้นด้วยการสร้างเอกสารใหม่ที่ 20 x 20 พิกเซล สร้างแถบสีดำลงด้านขวาและด้านล่างของเอกสารด้วยเครื่องมือ Marquee รูปสี่เหลี่ยมผืนผ้า ใช้กริดหากคุณต้องการโดยกดปุ่ม CMD / CTRL + '

02. กำหนดรูปแบบของคุณ

ไปที่ EDIT & GT; กำหนดรูปแบบ ตั้งชื่อแล้วคลิกตกลง สร้างเอกสารใหม่ 1920 x 1080 โดยไปที่ไฟล์ & GT; ใหม่แล้วไปที่ถังสี (G) ใช้รูปแบบการเติมและบนเลเยอร์ใหม่เติมรูปแบบที่คุณสร้างขึ้น

03. เปลี่ยนรูปแบบ

ตอนนี้เรากำลังจะทำให้รูปแบบมีมิติเท่ากัน! ทำให้ความกว้างและความสูงมีขนาดใหญ่ขึ้นมากมุม 35 องศาและวางในกึ่งกลางของเอกสาร ควรทำกริดของรูปทรงเพชร

04. เลือกจานสีของคุณ

เราจะใช้ห้าสีที่แตกต่างกันสำหรับสิ่งนี้ แต่เฉดสีที่แตกต่างกันของแต่ละคน สีคือสีฟ้า (# 021574), ปิดเสียงสีแดง (# F22F50), Spearmint (# 6EC5CF), สะระแหน่ (# 6ecfb0), ตาล (# FF935E) และสีขาว (#FFFFFFF)

05. วางข้อความของคุณ

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

06. สร้างตัวอักษรบางอย่าง

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

07. ทำงานกับตัวอักษร

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

08. เฉดสีตัวอักษร

จัดกลุ่มแต่ละชุดของเลเยอร์สำหรับแต่ละตัวอักษร สร้างหน้ากากตัดสำหรับแต่ละตัวและเพิ่มแสงหรือเฉดสีให้กับตัวอักษรเพื่อให้ปรากฏ 3 มิติ ออกกำลังกายที่แสงอยู่ในภาพและตัดสินตามลำดับ

09. สีและสร้างสะพาน

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

10. สร้างลำโพง

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

11. เพิ่มธง

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

12. ปลูกต้นไม้บางต้น

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

13. การวางแผนบันไดเลื่อนและแผนที่

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

14. โค้งขอบ

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

15. เติมน้ำ

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

16. เริ่มโคมระย้า

สร้างเลเยอร์ใหม่และเพิ่มจุดในจุดตัดของบรรทัดเช่นที่คุณเห็นในภาพหน้าจอ เลือกแถวหลังของจุดเหล่านี้และลดความสว่างถึง -10 โดยใช้ Hue / Saturation (CMD / CTRL + U) ทำซ้ำลงเพื่อสร้างจุดมากขึ้น

17. เสร็จสิ้นโคมระย้า

สร้างเอฟเฟกต์เดียวกันสามครั้งด้วยจุดหลายแถวจากนั้นปรับขนาดสองอันหลัง สแต็คเหล่านี้เพื่อสร้างเอฟเฟกต์โคมระย้า ในเลเยอร์ 20% ใหม่สร้างจุดสีขาวเพื่อแนะนำแสงเล็ดลอดออกไปด้านนอก

18. สร้างบิ๊กเบน

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

19. วางสถานที่สำคัญ

สีบิ๊กเบนพร้อมเลเยอร์ซ้อนทับกันทำซ้ำเลเยอร์แล้วพลิกใหม่นี้ในแนวนอน ปรับขนาดทั้งสองเลเยอร์และเอียงด้วยการแปลงฟรีเพื่อให้พอดีกับคำแนะนำที่คุณสร้างขึ้น

20. สัมผัสการตกแต่ง

ทำให้การเจริญรุ่งเรืองสุดท้ายที่คุณต้องการเพิ่มให้กับภาพมากขึ้น นี่อาจรวมถึงดาวในพื้นหลังที่มีจุดเล็ก ๆ น้อย ๆ ปลาวาฬในเทมส์หรือเปลี่ยนสีด้วยการปรับเส้นโค้ง

21. เพิ่มเสียงรบกวน

ในที่สุดเลือกขาวดำในเสื้อโค้ตของคุณ (D) สร้างเลเยอร์ใหม่เติมสีดำ (Alt / Opt + Delete) และไปที่ตัวกรอง & GT; เสียงรบกวน เลือก 400% ตรวจสอบ monochromatic และคลิกตกลง ตั้งชั้นนี้เป็นแสงอ่อน 10% ทึบแสง

บทความนี้ได้รับการตีพิมพ์ครั้งแรกในฉบับที่ 271 ของผู้ออกแบบเว็บออกแบบเว็บสร้างสรรค์ ซื้อปัญหา 271 หรือ สมัครสมาชิกเว็บนักออกแบบเว็บไซต์ .

บทความที่เกี่ยวข้อง:

สร้างตัวอักษร 3 มิติแบบ 3 มิติที่ใช้ Isometric ใน Illustrator
ศิลปะเวกเตอร์สามมิติทำง่าย
สร้างเอฟเฟกต์สามมิติ 3 มิติ

วิธีการออกแบบการพิมพ์สามมิติ

01. เริ่มกริด

02. กำหนดรูปแบบของคุณ

03. เปลี่ยนรูปแบบ

04. เลือกจานสีของคุณ

05. วางข้อความของคุณ

06. สร้างตัวอักษรบางอย่าง

07. ทำงานกับตัวอักษร

08. เฉดสีตัวอักษร

09. สีและสร้างสะพาน

10. สร้างลำโพง

11. เพิ่มธง

12. ปลูกต้นไม้บางต้น

13. การวางแผนบันไดเลื่อนและแผนที่

14. โค้งขอบ

15. เติมน้ำ

16. เริ่มโคมระย้า

17. เสร็จสิ้นโคมระย้า

18. สร้างบิ๊กเบน

19. วางสถานที่สำคัญ

20. สัมผัสการตกแต่ง

21. เพิ่มเสียงรบกวน

วิธีการ - บทความยอดนิยม

วิธีการวาดกล้ามเนื้อ

วิธีการลบริ้วรอยใน Photoshop

8 กฎทองของการออกแบบมือถือ

วิธีการสร้างแอปด้วย Vue.js

วิธีการทาสี Elven Maiden

สร้างเอฟเฟกต์ภาพตัดปะในเบราว์เซอร์ด้วย CSS

สร้างเมฆด้วย Fumefx สำหรับ 3DS Max

ออกแบบเว็บไซต์ตอบสนองด้วยการปรับขนาดที่ใช้ EM

หมวดหมู่