บทความสอนกราฟิก

 ลืมรหัสผ่าน
 ลงทะเบียน
ค้นหา
ดู: 1844|ตอบกลับ: 0

[How To] ทำโลโก้ Text แบบนูน มีมิติ

[คัดลอกลิงก์]

272

กระทู้

272

โพสต์

979

เครดิต

ผู้ดูแลระบบ

Rank: 9Rank: 9Rank: 9

เครดิต
979
cool_Text1.jpg
[How To] ทำโลโก้ Text แบบนูน มีมิติ
ไม่รู้จะตั้งชื่อกระทู้ว่าอะไรดี -*- ทำใจหน่อยล่ะกันนะค่ะ

เป็นการนำคำสั่ง 3D ในโปรแกรม Illustrator มาประยุกต์ใช้งานแบบง่ายๆค่ะ  มาโพสแปะไว้ก่อนนะค่ะ ขอเวลาทำภาพประกอบก่อน

สำหรับภาพที่ทำจะประกอบไปด้วยวัตถุที่ซ้อน 3 ชั้นกันนะค่ะ

-------------------------------------------------------------------------------
ชั้นแรก สร้างตัวอักษรหรือภาพ


แต่สำหรับคนที่ยังเป็นหน้าโปรแกรมโล่งๆก็ให้กดปุ่มคีย์ T หรือกดปุ่ม Type Tool ที่เมนูทางซ้ายมือ เพื่อพิมพ์ Text ขึ้นมา

cool_Text2.jpg

หลังจากพิมพ์ข้อความ Text ที่ต้องการเสร็จแล้ว ก็ให้เปลี่ยนเป็นประเภทภาพหรือวัตถุซะ โดยไปที่คำสั่ง Object> Expand...


(*ที่จะต้องเปลี่ยนตัวอักษรชนิด Text ให้เป็นชนิดวัตถุหรือภาพก่อน เพราะมันจะทำให้เครื่องคอมประมวลคำสั่งและแสดงผลได้เร็วขึ้นเมื่อใช้คำสั่ง 3D)

cool_Text3.jpg

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

(*** วัตถุทุกชิ้น ที่วาดเพิ่มขึ้นจะต้องรวมทั้งหมดเป็นชิ้นเดียวกัน สำหรับคนที่ยังปรับแต่งภาพ หรือรวมวัตถุไม่เป็นให้เข้าไปดูที่บทความนี้ค่ะ
การเจาะรู การตัด และการรวมภาพ ด้วยพาเลท Pathfinder)
cool_Text4.jpg
หลังจากออกแบบภาพโลโก้เสร็จ ก็ให้เปลี่ยนสีตามใจชอบ โดยดับเบิ้ลคลิกที่ช่อง Fill สีตามในภาพด้านล่าง ในที่นี้ข้าพเจ้าเปลี่ยนใช้สีฟ้าจางรหัส #C0EDF9

cool_Text5.jpg

ต่อเลยนะค่ะ และไปที่คำสั่ง Effect> 3D> Extrude & Bevel... เพื่อทำภาพให้เป็น 3มิติ

cool_Text6.jpg

จะมีหน้าต่าง Extrude & Bevel Option ปรากฏขึ้นมา ให้กำหนดค่าต่างๆลงไปตามในช่องกรอปสีน้ำเงินและ สีแดง ดังภาพข้างล่างค่ะ

และอย่าลืมหมุนด้านแกนของวัตถุ (ที่สี่เหลี่ยมในวงกลมใหญ่ๆ) ให้เหมือนกับในภาพด้วย วัตถุจะได้หันให้เห็นขอบด้านข้างแต่เพียงเล็กน้อย


(คลิกที่ภาพเพื่อดูแบบขนาดเต็ม)
cool_Text7.jpg

หลังจากตั้งค่าต่างๆใน Extrude & Bevel Option และกดปุ่ม OK ก็จะได้ผลลัพธ์ออกมาแบบนี้ค่ะ
cool_Text9.jpg

------------------------------------------------------------------------------------
ชั้นที่ 2 ทำขอบกลาง


ให้ก๊อปปี๊ภาพโลโก้ที่ทำเป็น 3 มิติ ขึ้นมาอีกอันค่ะ

(วิธีก๊อปปี๊มี 2 วิธีคือ 1.กดปุ่ม Ctrl+C ตามด้วย Ctrl+V และ 2.คลิกเลือกที่ภาพและกดปุ่มคีย์ Alt ค้างไว้ และจับภาพลากลงมาปล่อยที่ใดก็ได้ )

cool_Text10.jpg
ภาพอันบน(ต้นฉบับ)เราจะปล่อยทิ้งไว้ ไม่ไปยุ่งกับมันแล้วนะค่ะ ให้คลิกเลือกภาพที่ก๊อปปี้มา และไปที่คำสั่ง Object> Path > Offset Path... เพื่อขยายขอบของภาพให้ใหญ่ขึ้น

cool_Text11.jpg

จะมีหน้าต่างเด้งขึ้นมา ให้ใส่ค่า Offset Path = 1.5 mm และกดปุ่ม OK

cool_Text12.jpg

ผลลัพธ์ที่ได้ขอบของภาพจะขยายใหญ่ขึ้น

cool_Text14.jpg

จากนั้นก็ให้ทำการเปลี่ยนสี โดยคลิกที่ช่อง Fill สี เลือกสีที่ต้องการและกดปุ่ม OK ก็เป็นอันเสร็จขั้นตอน ชั้นที่ 2 แล้วค่ะ
(ในที่นี้ข้าพเจ้าใช้สีฟ้ากรมท่ารหัส #4482C3 )

(คลิกที่ภาพเพื่อดูแบบขนาดเต็ม)
cool_Text13.jpg

---------------------------------------------------------------------------------------------------------
ชั้นที่ 3 ทำขอบนอก

ให้ Copy ภาพขอบกลางที่ทำเสร็จแล้วขึ้นมาอีกอันค่ะ
cool_Text15.jpg

ให้คลิกเลือกภาพที่ Copy และคลิกเม้าส์ขวาเลือกคำสั่ง Ungroup ( *การใช้คำสั่ง Ungroup จะทำให้ภาพหลุดจากผลของ Effect 3D ทันที)
cool_Text16.jpg
ต่อเนื่องนะค่ะ และให้ไปที่คำสั่ง Object> Path > Offset Path... เพื่อขยายขอบของภาพให้ใหญ่ขึ้นอีก

cool_Text17.jpg

จะมีหน้าต่างเด้งขึ้นมา ให้ใส่ค่า Offset Path = 1.5 mm และกดปุ่ม OK

cool_Text18.jpg

ผลลัพธ์ที่ได้... เมื่อเทียบกับภาพต้นฉบับ จะเห็นว่าขอบของภาพจะขยายใหญ่ขึ้น
cool_Text19.jpg
ต่อไปก็ให้เปลี่ยนเป็นสีใหม่ซะ (ข้าพเจ้าใช้สีน้ำเงินรหัส #1A358E)  แค่นี้ก็เสร็จขั้นตอนชั้นที่ 3 แล้วค่ะ

cool_Text20.jpg

----------------------------------------------------------------------------------

ตอนนี้เราจะได้ ภาพ 3 ภาพมาแล้วนะค่ะ นั้นคือภาพโลโก้ ภาพขอบกลาง และภาพขอบนอก
cool_Text21.jpg
ตรงนี้ข้าพเจ้าจะแนะนำวิธีการเปลี่ยนสีภาพโลโก้ที่เป็น 3 มิติ เฉพาะบางจุดนะค่ะ ให้ใช้เครื่องมือ Direct Select Tool คลิกครอบเลือกเฉพาะส่วนที่ต้องการเปลี่ยนสี
cool_Text22.jpg
แล้วไปคลิกที่ช่อง Fill เพื่อเปลี่ยนสีใหม่
cool_Text23.jpg

ผลลัพธ์ที่ได้... หลังจากเปลี่ยนสีแล้ว
cool_Text24.jpg

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

(คลิกที่ภาพขอบนอก และ กดปุ่มคีย์ Shift+Ctrl+[  ภาพจะถูกย้ายลำดับไปอยู่ล่างสุด และคลิกเลือกภาพตัวโลโก้และกดปุ่มคีย์ Shift+Ctrl+] จะเป็นการย้ายลำดับภาพให้ไปอยู่ตำแหน่งบนสุด)

จัดลำดับภาพให้เหมือนแบบนี้นะค่ะ... แค่นี้ก็เสร็จเรียบร้อยแล้วล่ะค่ะ
cool_Text1.jpg
******************************
บทความโดย นุ้ก
ขอจบบทความแค่เพียงเท่านี้ แล้วพบกันใหม่บทความหน้าค่ะ ^^
(ขอสงวนสิทธิ์อนุญาตให้เผยแพร่เฉพาะในเว็บ www.graphicfufu.comเท่านั้น)



ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | ลงทะเบียน

รายละเอียดเครดิต

ข้อความล้วน|อุปกรณ์พกพา|ประวัติการแบน|GraphicFUFU

GMT+7, 2024-6-14 16:29 , Processed in 0.049304 second(s), 21 queries .

Powered by Discuz! X3.4 R20180101, Rev.59

© 2001-2017 Comsenz Inc.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้