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

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

คอลเลคชั่นโลโก้ 3 มิติ

ลองดูโลโก้ 3D ที่ Logaster ได้เลือกคัดสรรไว้ให้กับคุณ บอกได้เลยว่าคุณจะต้องไม่เคยการออกแบบที่ดูเรียลและน่าสนใจขนาดนี้มาก่อน!

แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d
แรงบันดาลใจในการออกแบบโลโก้ 3d

วีธีทำโลโก้3D

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

1. สร้างเอกสารใหม่

ขั้นตอนที่ 1

Open

เปิดโปรแกรม Adobe Illustrator แล้วสร้างเอกสารใหม่ด้วยค่าดังต่อไปนี้

ขั้นตอนที่ 2

ไปที่ Preferences > Guides & Grid สร้างกริด 50x50px ที่มี 4 subdivisions (ดูการตั้งค่าด้านล่าง)

Preferences

ขั้นตอนที่ 3

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

View

2. สร้างรูปร่างเรขาคณิต

ในส่วนนี้ เราจะวาดรูปร่างเรขาคณิตที่จะกลายเป็นส่วนหลักของการออกแบบของเรา

ขั้นตอนที่ 1

ใช้เครื่องมือ Eclipse (L) เพื่อวาดวงกลมขนาด 200x200px circle ที่ตรงกลางของ canvas จากนั้นวาดวงกลมเล็ก (100x100px) ไว้ในวงกลมใหญ่

Ellipse

ขั้นตอนที่ 2

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

วาดสี่เหลี่ยมสองรูปขนาด 50x50px และ 50x25px จัดเรียงตามที่แสดงในภาพด้านล่าง

circle

ขั้นตอนที่ 3

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

objects

ขั้นตอนที่ 4

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

Direct

3. สร้างขอบ

ในตอนนี้เราต้องสร้างขอบเพื่อเพิ่มมิติให้กับโลโก้ของคุณ

ขั้นตอนที่ 1

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

Preferences

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

Preferences

ขั้นตอนที่ 2

ลากเมาส์คลุมส่วนขวาของส่วนโค้งแล้วเลื่อนไปทางด้านขวาโดยกดปุ่มลูกศร 10 ครั้ง จากนั้นส่งวัตถุไปที่ด้านหลัง ใส่สีเข้มในวัตถุเพื่อให้แตกต่างออกจากรูปร่างหลัก

4. เพิ่มเกรเดียนต์และความโปร่งใส

หากต้องการเอฟเฟ็คท์แบบ 3 มิติ ให้ลองเพิ่มเกรเดียนต์และความโปร่งใสของเลเยอร์

ขั้นตอนที่ 1

ใช้เครื่องมือ Gradient (G) เพื่อใส่ linear gradient ไปยังด้านซ้ายของส่วนโค้งและด้านหลังของโลโก้ เพิ่มเกรดียนต์อีกครั้งที่ขอบของโลโก้

Gradient

ขั้นตอนที่ 2

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

Copy

ขั้นตอนที่ 3

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

achieve
achieve

ขั้นตอนที่ 4

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

Apply

5. เพิ่ม reflections และ flares

เพื่อให้โลโก้ดูสมจริงมากยิ่งขึ้น เพิ่ม reflections และ flares

ขั้นตอนที่ 1

สร้างสำเนาส่วนบนของโลโก้ไว้สองชุด เติมสี figures ใหม่ด้วยสีแดงและเหลือง

เลื่อนรูปร่างบนไปด้านซ้ายสองครั้ง กดปุ่ม Shift ค้างไว้ เลือกสองรูปร่างแล้วคลิก Minus Front ในแถบ Pathfinder

ใช้เครื่องมือ Gradient (G) เพื่อใช้ตั้งแต่ด้วยสีขาวตั้งแต่ความทึบแสง 50% จนไปถึงสีขาวที่ความทึบแสง 0%

Gradient

ขั้นตอนที่ 2

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

described

ขั้นตอนที่ 3

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

Pen

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

ขั้นตอนที่ 4

สร้างสองสำเนาของวัตถุจากขั้นตอนที่แล้ว เติมสีวัตถุใหม่ด้วยสีเหลืองและแดง ใช้เครื่องมือ Pen (P) เพื่อสร้างจัดหมุนตามที่แสดงในรูปภาพด้านล่าง เลื่อนจุดขึ้น

opacity

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

ขั้นตอนที่ 5

reflection

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

6. เพิ่มการตกแต่งสุดท้าย

ขั้นตอนที่ 1

group

เลือกโลโก้ทั้งหมดแล้วรวมกลุ่มกัน (Ctrl+G) คัดลอกกลุ่ม (Ctrl+F) สะท้อนสำเนาทั้งในแนวตั้งและแนวนอน (Object>Transform>Reflect) จัดสองกลุ่มดังที่แสดงตามภาพด้านล่าง รวมกลุ่มวัตถุทั้งหมด

ขั้นตอนที่ 2

ใช้เครื่องมือ Rectangle (M) เพื่อสร้างพื้นหลัง วาดสี่เหลี่ยม (800x600px) แล้วเติมสีน้ำเงินเข้ม เลื่อนสี่เหลี่ยมไปด้านหลัง จัดเรียงสี่เหลี่ยมและโลโก้ไว้ตรงกลาง

background
Guide by Hector Heredia on utpad.com

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

คุณมีไอเดียในการออกแบบโลโก้ชิ้นใหม่ของคุณหรือไม่?

Logaster มีไอคอนให้เลือกมากมายหลายสไตล์ ค้นหาไอคอนจากฐานข้อมูลขนาดใหญ่ของเราและเลือกไอคอนที่เหมาะกับแบรนด์ของคุณมากที่สุด!

แพ็คเกจเอกลักษณ์ของแบรนด์เต็มรูปแบบ

ใช้เครื่องมือสร้างโลโก้ของ Logaster เพื่อเปิดตัวบริษัทของคุณอย่างรวดเร็ว พิมพ์ชื่อธุรกิจของคุณและรับแพ็คเกจการสร้างแบรนด์อย่างมืออาชีพภายใน 60 วินาที! ลองใช้ของเราดู - ง่ายมาก!

At least 3 characters long.