วิธีสร้างโลโก้ภาพ3d: แนวทางและตัวอย่าง

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

1. คอลเลคชั่นโลโก้ 3 มิติ
2. วีธีทำโลโก้3D

คอลเลคชั่นโลโก้ 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 มีไอคอนให้เลือกมากมายหลายสไตล์ ค้นหาไอคอนจากฐานข้อมูลขนาดใหญ่ของเราและเลือกไอคอนที่เหมาะกับแบรนด์ของคุณมากที่สุด!