[How To] ทำโลโก้ Text แบบนูน มีมิติ
ทำโลโก้ 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เท่านั้น)
หน้า:
[1]