How to Text Wave Kawaii [Illustrator CS]

nooknazha

How to Text Wave Kawaii [Illustrator CS]

ไม่รู้ว่าจะตั้งชื่อมันว่าอะไรดี   ทำใจเรื่องการตั้งชื่อหน่อยนะค่ะ..... 5555


ความจริงวิธีทำมันสั้นมากค่ะ แต่เพราะดันใช้ Text 3 สี ขั้นตอนมันก็เลยเพิ่มไปเป็น 3 เท่า

ขั้นตอนที่ 1 สร้าง Textและกำหนดความหนาของขอบ

ให้ใช้อุปกรณ์ Type Tool พิมพ์ตัวอักษรขึ้นมา ข้าพเจ้าใช้ Character เป็น JS Noklaeas ซึ่งมีอยู่ในโปรแกรม Illustrator อยู่แล้ว




จากนั้นก็ให้เปลี่ยนสีพื้นกับสีขอบให้เป็นสีขาว กำหนดความหนาของขอบ (Stroke) = 6pt



ขั้นตอนที่ 2 เปลี่ยนสีและลดขนาดขอบ
ให้กดปุ่ม Ctrl+C และต่อด้วย Ctrl+F เพื่อก๊อปปี้ Text และวางทับซ้อนในตำแหน่งเดิม จากนั้นก็ให้ลากแถบสีเลือกเฉพาะ Text 2ตัวแรกและทำการ "เปลี่ยนสีเส้นขอบของตัวอักษรให้เป็นสีฟ้า" ลดขนาดเส้นขอบ (Stroke) ลงให้เหลือแค่ 2



ทำซ้ำกับข้างบนค่ะ เลือกเฉพาะ Text 2ตัวกลางและทำการ "เปลี่ยนสีเส้นขอบของตัวอักษรให้เป็นสีเขียว" ลดขนาดเส้นขอบ (Stroke) ลงให้เหลือแค่ 2



ต่อไปก็ให้ลากแถบสีเลือกเฉพาะ Text 2 ตัวสุดท้ายและทำการ "เปลี่ยนสีเส้นขอบของตัวอักษรให้เป็นสีชมพู" ลดขนาดเส้นขอบ (Stroke) ลงให้เหลือแค่ 2 ค่ะ



เมื่อเปลี่ยนสีขอบทุกตัวแล้วก็จะได้ออกมาเป็นแบบนี้ค่ะ.... undefined



ขั้นตอนที่ 3 ตัด Text ให้แยกออกจากกัน
ต่อเลยนะค่ะ ในขั้นตอนต่อไป ให้คลิกที่ Text และกดปุ่ม Ctrl+C และตามด้วย Ctrl+F เพื่อก๊อปปี้ Text และวางทับซ้อนตำแหน่งเดิม อีกครั้ง (หากจะนับเป็นลำดับชั้น ชั้นนี้จะเป็นชั้นที่ 3 แล้วนะค่ะ นับจากล่างขึ้นบน)

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



แล้วคลิกขวาที่ Text อีกครั้ง เลือกคำสั่ง Ungroup



เราจะเห็นว่า Text แต่ละตัว ถูกแยกออกจากกันเป็นอิสระแล้ว



ต่อมาก็ให้ใช้อุปกรณ์ Pen Tool วาดเส้นโค้งๆแบบคลื่นพาดกลางตัว Text (ดังภาพข้างล่าง)



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



จากนั้นก็เรียกพาเล็ท Pathfinder (Window> Pathfinder)  และกดปุ่มดังภาพ



ต่อเนื่องเลยค่ะ และให้คลิกขวาที่ Text เลือกคำสั่ง  Ungroup



ผลลัพธ์ที่ได้ Text ทุกตัว(ในชั้นบน) จะถูกตัดขาดออกจากกันเป็น 2 ส่วน คือส่วนบน และส่วนล่าง



ขั้นตอนที่ 4 ลงสี Text
จากนั้นก็ให้ยกเลิกเส้นขอบออก และลงสีแบบ Gradient ฟ้า-ขาว



กดปุ่ม Shift ค้างไว้ และเอาเม้าส์คลิกเลือก Text ที่เป็นขอบสีฟ้าที่เหลือ

คลิกที่อุปกรณ์ Eyedropper Tool และทำการดูดสีตรง Text ที่ได้รับการลงสีแบบ Gradient แล้ว(ดังภาพข้างล่าง)



เพื่อให้เฉดสีเป็นไปในทิศทางเดียวกัน ให้กด Shift คลิกเลือกเฉพาะส่วนบน หรือ ส่วนล่าง ของโทนสีนั้นๆ และใช้อุปกรณ์ Gradient Tool ทำการไล่เฉดสีพร้อมกันทีเดียว



ที่ Text สีอื่น ก็ใช้วิธีการแบบเดียวกันค่ะ





เมื่อทำจบครบทุกสีแล้วก็จะได้เป็นแบบนี้..undefined



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

ให้สร้างวัตถุสี่เหลี่ยมขอบมน (สี่เหลี่ยมขอบมนอยู่ในกลุ่มของอุปกรณ์ Rectangle Tool) กำหนดลงสีแบบ Gradient ส้ม-ขาว กำหนดเส้นขอบให้เป็นสีส้มเข้ม ความหนาเส้นขอบ = 3



จากนั้นกดปุ่ม Ctrl+C และตามด้วย Ctrl+F

และให้ใช้ Pen Tool วาดเส้นโค้งพาดกลางสี่เหลี่ยม (วิธีทำจะเหมือนกับการตัด Text ให้แยกออกจากกันค่ะ)


และตัดสี่เหลี่ยมให้แยกออกจากกัน โดยไปที่พาเล็ท Pathfinder และกดปุ่มดังภาพ

เลื่อนสี่เหลี่ยมให้เยื้องขึ้นมาข้างบนเล็กน้อย แล้วค่อยคลิกขวากเลือก Ungroup



จากนั้นก็คลิกวัตถุสี่เหลี่ยมจะชิ้นบน หรือ ชิ้นล่างก่อนก็ได้ และใช้อุปกรณ์ Gradient ไล่เฉดสีใหม่ให้ได้ดังภาพ


แล้วก็เลือกสี่เหลี่ยมทั้งหมด แล้วเอามาวางทับบน Text จากนั้นให้กดปุ่ม Ctrl+[ ไปเรื่อยๆจนกว่า Text และขอบของ Text ขึ้นมาอยู่ข้างบนดังภาพข้างล่าง

24-11-2011 01:17 อัปโหลด
เสร็จแล้วค่ะ............

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