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

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

วิธีทำ Text Golden 3D Illustrator

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

272

กระทู้

272

โพสต์

979

เครดิต

ผู้ดูแลระบบ

Rank: 9Rank: 9Rank: 9

เครดิต
979
text3d_thaigraph_35.jpg
วิธีทำ Text Golden  3D Illustrator


พิมพ์ Text ขึ้นมาก่อน
text3d_thaigraph_2.jpg
จากนั้นก็คลิกขวาที่ Text เลือกคำสั่ง Create Outline เพื่อเปลี่ยน Text ให้เป็นวัตถุ
text3d_thaigraph_3.jpg
หลังจากText ถูกเปลี่ยนเป็นวัตถุเรียบร้อยแล้ว มันจะยังเกาะกลุ่มรวมกันอยู่ ให้เราเอาเม้าส์ไปคลิกขวาที่ Text เหมือนเดิมค่ะ และเลือกคำสั่ง Ungroup
text3d_thaigraph_4.jpg
ต่อมาเป็นขั้นตอนดัดแปลง Text ค่ะ (จะข้ามไปเลยก็ได้ ถ้าไม่ต้องการตกแต่งดัดแปลงอะไร)

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

ในภาพข้างล่าง... จะเห็นว่าข้าพเจ้าวาดวัตถุแยกอีกชิ้นขึ้นมาต่างหาก
text3d_thaigraph_8.jpg
เอาวัตถุที่วาดเพิ่มมาวางต่อกับเส้นPath ของ Text แล้วก็ไปที่ Window> Pathfinder กดปุ่มดังภาพข้างล่าง เพื่อรวมวัตถุสองชิ้นให้เป็นชิ้นด้วยกัน
text3d_thaigraph_9.jpg
เสร็จแล้วค่ะ Text ที่ออกแบบใหม่
text3d_thaigraph_10.jpg
ต่อมาก็ให้เอาเม้าส์คลิกเลือก Text ทั้งหมด แล้วกดปุ่ม Alt ค้างไว้และลากลงมา เพื่อทำการ Copy
text3d_thaigraph_11.jpg

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

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

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

(ดูคำอธิบายเพิ่มเติมเกี่ยวกับคำสั่งนี้ได้ที่บทความนี่ค่ะ
วิธีทำ Text 3D แบบง่ายๆ)
text3d_thaigraph_13.jpg
พอกดตกลงปุ๊บ Text ของเรา ก็จะออกมาดูมีมิติเป็น 3D แบบนี้undefined

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

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

text3d_thaigraph_16.jpg

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

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

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

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

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

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

เสร็จแล้วก็เอาเม้าส์ไปคลิกสี Gradient ที่เราลากมาใส่ไว้

กดปุ่ม Ctrl+[ เพื่อให้ถอยลำดับของวัตถุไปอยู่ข้างหลังสีเหลือง

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

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

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

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

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

text3d_thaigraph_29.jpg

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

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

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

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

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



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

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

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

GMT+7, 2024-5-6 19:29 , Processed in 0.098143 second(s), 21 queries .

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

© 2001-2017 Comsenz Inc.

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