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

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

How to Text Wave Kawaii [Illustrator CS]

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

272

กระทู้

272

โพสต์

979

เครดิต

ผู้ดูแลระบบ

Rank: 9Rank: 9Rank: 9

เครดิต
979
Text_Kawaii23.jpg
How to Text Wave Kawaii [Illustrator CS]

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


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

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

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

Text_Kawaii2.jpg


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

Text_Kawaii3.jpg

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

Text_Kawaii4.jpg

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

Text_Kawaii5.jpg

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

Text_Kawaii6.jpg

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

Text_Kawaii8.jpg

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

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

Text_Kawaii9.jpg

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

Text_Kawaii10.jpg

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

Text_Kawaii11.jpg

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

Text_Kawaii12.jpg

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

Text_Kawaii13.jpg

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

Text_Kawaii14.jpg

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

Text_Kawaii15.jpg

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

Text_Kawaii16.jpg

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

Text_Kawaii17.jpg

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

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

Text_Kawaii18.jpg

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

Text_Kawaii19.jpg

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

Text_Kawaii20.jpg

Text_Kawaii21.jpg

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

Text_Kawaii22.jpg

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


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

Text_Kawaii24.jpg

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


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

และตัดสี่เหลี่ยมให้แยกออกจากกัน โดยไปที่พาเล็ท Pathfinder และกดปุ่มดังภาพ
Text_Kawaii26.jpg
เลื่อนสี่เหลี่ยมให้เยื้องขึ้นมาข้างบนเล็กน้อย แล้วค่อยคลิกขวากเลือก Ungroup

Text_Kawaii27.jpg

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

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


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


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



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

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

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

GMT+7, 2023-3-30 22:20 , Processed in 0.114747 second(s), 21 queries .

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

© 2001-2017 Comsenz Inc.

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