nooknazha โพสต์ 2019-12-18 22:27:30

วิธีทำ Text Golden 3D Illustrator


วิธีทำ Text Golden3D Illustrator


พิมพ์ Text ขึ้นมาก่อน

จากนั้นก็คลิกขวาที่ Text เลือกคำสั่ง Create Outline เพื่อเปลี่ยน Text ให้เป็นวัตถุ

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

ต่อมาเป็นขั้นตอนดัดแปลง Text ค่ะ (จะข้ามไปเลยก็ได้ ถ้าไม่ต้องการตกแต่งดัดแปลงอะไร)

เราจะเป็นว่า Text ทุกตัวถูกแยกออกจากกันเป็นอิสระแล้ว ให้ใช้กลุ่มเครื่องมือ Pen Tool และ Direct Selection Tool ดัดเส้น Path ของ Textให้เป็นสไตล์ใหม่ที่เราชอบ


จุดแองเคอร์บางจุดที่เราต้องการให้ยาวหรือยาวเสมอกัน จำเป็นต้องใช้สเกล แกน X - Y ด้วย เพื่อกรอกตัวเลขพิกัดที่แน่นอนลงไปในช่อง

ในภาพข้างล่าง... จะเห็นว่าข้าพเจ้าวาดวัตถุแยกอีกชิ้นขึ้นมาต่างหาก

เอาวัตถุที่วาดเพิ่มมาวางต่อกับเส้นPath ของ Text แล้วก็ไปที่ Window> Pathfinder กดปุ่มดังภาพข้างล่าง เพื่อรวมวัตถุสองชิ้นให้เป็นชิ้นด้วยกัน

เสร็จแล้วค่ะ Text ที่ออกแบบใหม่

ต่อมาก็ให้เอาเม้าส์คลิกเลือก Text ทั้งหมด แล้วกดปุ่ม Alt ค้างไว้และลากลงมา เพื่อทำการ Copy


เปลี่ยนสีพื้นให้เป็นสีเหลืองทั้ง 2 อัน


จากนั้นก็ เลือกเฉพาะ Text อันบน (ที่เป็นตัวต้นฉบับ) และไปที่คำสั่ง Effect> 3D> Extrude & Bevel

กำหนดทิศองศา และความหนาดังภาพข้างล่างค่ะ (ไม่ต้องเป๊ะมากก็ได้) อย่าลืมกดดู Preview ด้วยนะค่ะ undefined

(ดูคำอธิบายเพิ่มเติมเกี่ยวกับคำสั่งนี้ได้ที่บทความนี่ค่ะ วิธีทำ Text 3D แบบง่ายๆ)

พอกดตกลงปุ๊บ Text ของเรา ก็จะออกมาดูมีมิติเป็น 3D แบบนี้undefined


คราวนี้ก็ ลาก Text อันล่างทีละตัวมาใส่แปะซ้อนทับกับText ที่เป็น 3D ค่ะ


ความจริงมันจะซ้อนทับกันไม่แนบสนิทหรอก เราต้องตกดึงจุดแองเคอร์แต่ละจุดมาทาบกับต้นแบบ เพื่อความแนบเนียน undefined


ใช้วิธีลดค่า Opacity สัก 50% เพื่อให้มองเห็นพื้น Text ต้นแบบด้านล่าง แล้วก็ดึงจุดแองเคอร์แต่ละจุดมาทาบให้แนบ


พอเสร็จเรียบร้อยแล้ว.... ก็จะออกมาเป็นแบบนี้

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

(หากยังใช้เครื่องมือ Gradient ไม่คล่อง ให้ลองศึกษาที่บทความนี้ก่อนค่ะ การใช้เครื่องมือ Gradient Tool เบื้องต้น> Advance )

อันนี้คือ Gardient อันแรก

ทำเสร็จแล้วก็ลากโยนไปใส่เก็บไว้ในช่อง Swatches (Window> Swatches)
(ไม่ต้องสนใจจุดสีที่เกินมาในภาพข้างล่างนะค่ะ พอดีเผลอเอาเม้าส์ไปกดๆ แถวนั้นเล่นก่อนกดปุ่มปริ๊นสกรีน จุดสีมันเลยเพิ่มมาเป็น 5 จุด ภาพประกอบยังไม่ได้แก้ -*-)

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

ทำเสร็จแล้วก็ลากโยนไปใส่เก็บไว้ในช่อง Swatches (Window> Swatches) เหมือนเดิมค่ะ


(ให้สังเกตว่าสี Gradient ทั้งสองเฉด อยู่ในหน้าต่าง Swatches เรียบร้อยแล้ว)

ต่อมาก็เอา Pen Tool ดราฟเส้น Path ทาบตามส่วนที่เป็นสีเหลืองเข้ม ให้กินพื้นที่สีเหลืองอ่อน เข้าไปหน่อยก็ดีค่ะ


เสร็จแล้วก็เอาเม้าส์ไปคลิกสี Gradient ที่เราลากมาใส่ไว้
http://www.thaigraph.com/data/attachment/forum/201111/05/200541obypdj4yejjq4pba.jpg
กดปุ่ม Ctrl+[ เพื่อให้ถอยลำดับของวัตถุไปอยู่ข้างหลังสีเหลือง

ถ้ามันอยู่ไกลกันมากก็ต้องเขยิบลงไกลหน่อย (ถ้ากดปุ่ม Ctrl+] จะเป็นเขยิบขึ้นบน)


สังเกตส่วนโค้งเว้าให้ดีนะค่ะ อย่าทาบทีเดียวหมด มัมมีมุมของมันอยู่


แบบนี้ค่ะ แบ่งเป็นชิ้นๆ


คอยเช็คให้ดีด้วยนะค่ะว่าทุกจุดแทบกันแนบสนิทหรือเปล่า


ถ้ามองยากก็ลดค่า Opacity ลงเยอะๆก่อน จะได้เดินเส้น Path ไปแนบได้สะดวก (แล้วค่อยปรับค่า Opacity ให้เป็น 100% หลังจากทาบเส้นตามเสร็จแล้ว)



เมื่อทาบส่วนที่เป็นสีเหลืองเข้มเสร็จแล้ว ภาพก็จะออกมาเป็นหน้าตาแบบนี้ค่ะ

ในขั้นตอนต่อมา... ให้เรากดปุ่ม Shift ค้างไว้ และเอาเม้าส์คลิกเลือกเฉพาะส่วนที่เป็นสีเหลืองอ่อนที่ยังไม่ได้ปรับแต่ง

เอาเม้าส์ไปคลิกสี Gradient อันแรกที่เราทำไว้ ใน Swatches


ต่อไปก็คลิกที่อุปกรณ์ Gradient Tool หรือกด G เพื่อไล่ทิศทางสีเองตามใจชอบ

จบแล้วค่ะ สำหรับบทความนี้

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



หน้า: [1]
ดูในรูปแบบกติ: วิธีทำ Text Golden 3D Illustrator