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

nooknazha

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

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

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

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

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



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


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



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

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

หลังจากออกแบบภาพโลโก้เสร็จ ก็ให้เปลี่ยนสีตามใจชอบ โดยดับเบิ้ลคลิกที่ช่อง Fill สีตามในภาพด้านล่าง ในที่นี้ข้าพเจ้าเปลี่ยนใช้สีฟ้าจางรหัส #C0EDF9



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



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

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

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


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


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

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

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


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



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



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



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

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


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

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


ให้คลิกเลือกภาพที่ Copy และคลิกเม้าส์ขวาเลือกคำสั่ง Ungroup ( *การใช้คำสั่ง Ungroup จะทำให้ภาพหลุดจากผลของ Effect 3D ทันที)

ต่อเนื่องนะค่ะ และให้ไปที่คำสั่ง Object> Path > Offset Path... เพื่อขยายขอบของภาพให้ใหญ่ขึ้นอีก



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



ผลลัพธ์ที่ได้... เมื่อเทียบกับภาพต้นฉบับ จะเห็นว่าขอบของภาพจะขยายใหญ่ขึ้น

ต่อไปก็ให้เปลี่ยนเป็นสีใหม่ซะ (ข้าพเจ้าใช้สีน้ำเงินรหัส #1A358E)  แค่นี้ก็เสร็จขั้นตอนชั้นที่ 3 แล้วค่ะ



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

ตอนนี้เราจะได้ ภาพ 3 ภาพมาแล้วนะค่ะ นั้นคือภาพโลโก้ ภาพขอบกลาง และภาพขอบนอก

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

แล้วไปคลิกที่ช่อง Fill เพื่อเปลี่ยนสีใหม่


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


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

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

จัดลำดับภาพให้เหมือนแบบนี้นะค่ะ... แค่นี้ก็เสร็จเรียบร้อยแล้วล่ะค่ะ

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