วิธีสร้างโลโก้ภาพ3d: แนวทางและตัวอย่าง
หากคุณติดตามเทรนด์ล่าสุดในวงการออกแบบโลโก้ คุณคงรู้ว่าโลโก้3D กำลังเป็นที่นิยมอยู่ในขณะนี้ โลโก้ 3 มิติมีความเป็นไดนามิกและมีข้อได้เปรียบเหนือกว่าแบบสองมิติ ในบทความนี้ เราจะอธิบายวิธีการสร้างโลโก้ 3 มิติในโปรแกรมทำโลโก้ Adobe Illustrator นอกจากนี้เรายังมีคอลเลคชั่นโลโก้ 3 มิติเพื่อสร้างแรงบันดาลใดให้คุณ
คอลเลคชั่นโลโก้ 3 มิติ
ลองดูโลโก้ 3D ที่ Logaster ได้เลือกคัดสรรไว้ให้กับคุณ บอกได้เลยว่าคุณจะต้องไม่เคยการออกแบบที่ดูเรียลและน่าสนใจขนาดนี้มาก่อน!




















วีธีทำโลโก้3D
พร้อมที่จะทำโลโก้ 3 มิติหรือยัง? บทเรียนนี้จะช่วยแนะนำแนวทางการออกแบบง่าย ๆ ให้กับคุณ หากคุณไม่มีเวลาในการออกแบบโลโก้ อย่าลังเลที่จะขอความช่วยเหลือจาก Logaster ตัวช่วยทำโลโก้ของเราสามารถสร้างโลโก้ 3 มิติภายในไม่กี่นาที
1. สร้างเอกสารใหม่
ขั้นตอนที่ 1

เปิดโปรแกรม Adobe Illustrator แล้วสร้างเอกสารใหม่ด้วยค่าดังต่อไปนี้
ขั้นตอนที่ 2
ไปที่ Preferences > Guides & Grid สร้างกริด 50x50px ที่มี 4 subdivisions (ดูการตั้งค่าด้านล่าง)

ขั้นตอนที่ 3
ไปที่แถบ View และดูที่ตัวเลือก View > Show grid และView > Snap to grid

2. สร้างรูปร่างเรขาคณิต
ในส่วนนี้ เราจะวาดรูปร่างเรขาคณิตที่จะกลายเป็นส่วนหลักของการออกแบบของเรา
ขั้นตอนที่ 1
ใช้เครื่องมือ Eclipse (L) เพื่อวาดวงกลมขนาด 200x200px circle ที่ตรงกลางของ canvas จากนั้นวาดวงกลมเล็ก (100x100px) ไว้ในวงกลมใหญ่

ขั้นตอนที่ 2
วาดวงกลมอีกหนึ่งวง (150x150px) จัดแนวและวางวงกลมอีกสองวงไว้ตรงกลาง เลื่อนวงกลมไปทางขวาโดยกดปุ่มลูกศรสองครั้ง
วาดสี่เหลี่ยมสองรูปขนาด 50x50px และ 50x25px จัดเรียงตามที่แสดงในภาพด้านล่าง

ขั้นตอนที่ 3
เลือกวัตถุทั้งหมดแล้วรวมเข้าด้วยกันจากการใช้เครื่องมือ Shape Builder (Shift+M) รวม figures ตามที่แสดงด้านล่าง คุณสามารถเติมสีวัตถุในตอนนี้หรือภายหลังก็ได้ ลบรูปร่างที่เหลืออยู่

ขั้นตอนที่ 4
ทำให้มุมด้านล่างมีความโค้งมนด้วยเครื่องมือ Direct Selection (A) จนกว่าจะได้ส่วนโค้ง ลบ stroke จากทั้งสองวัตถุ

3. สร้างขอบ
ในตอนนี้เราต้องสร้างขอบเพื่อเพิ่มมิติให้กับโลโก้ของคุณ
ขั้นตอนที่ 1
ปิดใช้งานกริด ไปที่ Preferences>General กรอก 0.50px ในช่อง Keyboard Increment เลือกส่วนด้านซ้ายของส่วนโค้งแล้วเลื่อนไปที่ด้านซ้ายโดยกดปุ่มลูกศร 10 ครั้ง จากนั้นเลื่อนวัตถุไปทางด้านหลังโดนการเลือก Object>Arrange>Send to back

คัดลอก (Ctrl+C Crtl+F) ส่วนอื่น ๆ ของส่วนโค้งแล้วเลื่อนไปทางขวาโดยกดปุ่มลูกศร 10 ครั้ง จากนั้นเลื่อนวัตถุไปที่ด้านหลัง ใช้ Shape Builder (Shift+M) เพื่อลบส่วนเกินของส่วนโค้ง

ขั้นตอนที่ 2
ลากเมาส์คลุมส่วนขวาของส่วนโค้งแล้วเลื่อนไปทางด้านขวาโดยกดปุ่มลูกศร 10 ครั้ง จากนั้นส่งวัตถุไปที่ด้านหลัง ใส่สีเข้มในวัตถุเพื่อให้แตกต่างออกจากรูปร่างหลัก
4. เพิ่มเกรเดียนต์และความโปร่งใส
หากต้องการเอฟเฟ็คท์แบบ 3 มิติ ให้ลองเพิ่มเกรเดียนต์และความโปร่งใสของเลเยอร์
ขั้นตอนที่ 1
ใช้เครื่องมือ Gradient (G) เพื่อใส่ linear gradient ไปยังด้านซ้ายของส่วนโค้งและด้านหลังของโลโก้ เพิ่มเกรดียนต์อีกครั้งที่ขอบของโลโก้

ขั้นตอนที่ 2
เลือกส่วนบนของโลโก้ คัดลอก (Ctrl+C Ctrl+F) และใส่สีเหลือง คัดลอกวัตถุอีกครั้งแล้วใส่สีแดง ใช้เครื่องมือ Direct Selection (A) เพื่อเลือกจุดล่างของส่วนโค้ง เลื่อนขึ้นโดยกดปุ่มลูกศรหนึ่งครั้ง เลือกวัตถุแดงและเหลืองและคลิก Minus Front ในแถบ Pathfinder

ขั้นตอนที่ 3
ทำเช่นเดียวกับขอบเพื่อให้ได้เอฟเฟ็คท์ขอบเอียง


ขั้นตอนที่ 4
เติมสีขอบเอียงด้วยเกรเดียนต์โปร่งใสตามที่แสดงในรูปภาพด้านล่าง ใช้เกรเดียนต์ตามแนวขอบเอียงทั้งหมด

5. เพิ่ม reflections และ flares
เพื่อให้โลโก้ดูสมจริงมากยิ่งขึ้น เพิ่ม reflections และ flares
ขั้นตอนที่ 1
สร้างสำเนาส่วนบนของโลโก้ไว้สองชุด เติมสี figures ใหม่ด้วยสีแดงและเหลือง
เลื่อนรูปร่างบนไปด้านซ้ายสองครั้ง กดปุ่ม Shift ค้างไว้ เลือกสองรูปร่างแล้วคลิก Minus Front ในแถบ Pathfinder
ใช้เครื่องมือ Gradient (G) เพื่อใช้ตั้งแต่ด้วยสีขาวตั้งแต่ความทึบแสง 50% จนไปถึงสีขาวที่ความทึบแสง 0%

ขั้นตอนที่ 2
สร้าง flares สำหรับส่วนบนและล่างของโลโก้ตามที่อธิบายไปในขั้นตอนที่ 1

ขั้นตอนที่ 3
คัดเลือกส่วนบนของโลโก้ ใช้เครื่องมื Pen (P) เพื่อวาดเส้นโค้งผ่านวัตถุ

เลือกเส้นโค้งและวัตถุ คลิก Divide ในแถบ Pathfinder Ungroup วัตถุ (Object>Ungroup) แล้วลบส่วนเกินออก ใช้เกรเดียนต์สีขาวด้วยความทึบแสง 50% ไปยังวัตถุ
ขั้นตอนที่ 4
สร้างสองสำเนาของวัตถุจากขั้นตอนที่แล้ว เติมสีวัตถุใหม่ด้วยสีเหลืองและแดง ใช้เครื่องมือ Pen (P) เพื่อสร้างจัดหมุนตามที่แสดงในรูปภาพด้านล่าง เลื่อนจุดขึ้น

คลิก Minus Front เพื่อสร้าง flare เติมสีขาวและใช้ความทึบแสง 50%
ขั้นตอนที่ 5

ทำขั้นตอนด้านบนซ้ำเพื่อเพิ่มการสะท้อนที่ส่วนบนและล่างของโลโก้
6. เพิ่มการตกแต่งสุดท้าย
ขั้นตอนที่ 1

เลือกโลโก้ทั้งหมดแล้วรวมกลุ่มกัน (Ctrl+G) คัดลอกกลุ่ม (Ctrl+F) สะท้อนสำเนาทั้งในแนวตั้งและแนวนอน (Object>Transform>Reflect) จัดสองกลุ่มดังที่แสดงตามภาพด้านล่าง รวมกลุ่มวัตถุทั้งหมด
ขั้นตอนที่ 2
ใช้เครื่องมือ Rectangle (M) เพื่อสร้างพื้นหลัง วาดสี่เหลี่ยม (800x600px) แล้วเติมสีน้ำเงินเข้ม เลื่อนสี่เหลี่ยมไปด้านหลัง จัดเรียงสี่เหลี่ยมและโลโก้ไว้ตรงกลาง

ไม่รู้วิธีการวาดโลโก้ 3 มิติในโปรแกรมทำโลโก้ Adobe Illustrator งั้นเหรอ? ให้ Logaster ออกแบบให้คุณสิ! ตัวสร้างโลโก้ของเราสามารถสร้างโลโก้ 3 มิติที่สะดุดตาลูกค้าภายในไม่กี่คลิก ดาวน์โหลดฟรี!
คุณมีไอเดียในการออกแบบโลโก้ชิ้นใหม่ของคุณหรือไม่?
Logaster มีไอคอนให้เลือกมากมายหลายสไตล์ ค้นหาไอคอนจากฐานข้อมูลขนาดใหญ่ของเราและเลือกไอคอนที่เหมาะกับแบรนด์ของคุณมากที่สุด!