Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Illustrator วิธีทำ Text Golden 3D Illustrator CS
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 7855|ตอบ: 5
go

[Illustrator ขั้นประยุกต์] วิธีทำ Text Golden 3D Illustrator CS

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 5-11-2011 11:20 |แสดงโพสต์ทั้งหมด


วิธีทำ Text Golden  3D Illustrator CS






ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 5-11-2011 20:06 |แสดงโพสต์ทั้งหมด
พิมพ์ 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 ด้วยนะค่ะ

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

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


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


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



ใช้วิธีลดค่า 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 ที่เราลากมาใส่ไว้

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

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


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


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


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


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



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

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

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


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

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

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


หรือจะ Export โยนไปตกแต่งต่อในโปรแกรม Photoshop  หรือจะใส่ลูกเล่นประกายวิบวับ ส่องแสงสีทองเรืองรองเป็นภาพเคลื่อนไหวในโปรแกรม Flash ก็ได้ค่ะ  )



บทความโดย NOOKFUFU2
(ขอสงวนให้สิทธิ์เฉพาะในเว็บไทยกราฟเท่านั้น!!!)




ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 20-9-2012 14:28 |แสดงโพสต์ทั้งหมด
งามม๊ากกกกมาก

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 26-9-2012 12:58 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ แต่ยังงงๆ อยุู่ จะพยายามเติมส่วนที่หายไปนะครับ อ.nookfufu2

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 26-9-2012 15:26 |แสดงโพสต์ทั้งหมด
click LIKE ^^

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 19-2-2013 22:42 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ

Thaigraph

GMT+7, 17-9-2019 17:40 , Processed in 0.060515 second(s), 21 queries .

Powered by Discuz! X1.5

© 2001-2010 Comsenz Inc. Thai Language by DiscuzThai! Team.

Top 10 Best Sellers in Clothing for 2017 Top 10 Best Sellers in Clothing Best Sellers in Clothing
Top 10 Best Sellers in Books reviewer 2017 Top 10 Best Sellers in Books Best Sellers in Books