Thaigraph

 

   

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

[Illustrator ขั้นพื้นฐาน] วิธีทำ Text ล้อมภาพ Bitmap 2

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 3-10-2012 17:43 |แสดงโพสต์ทั้งหมด


วิธีทำ Text ล้อมภาพ Bitmap 2

เป็นวิธีที่จะทำให้ตัวอักษรเรียงตัวกันตามระนาบของภาพประกอบที่เป็นภาพบิทแมพนะค่ะ

และวิธีนี้ก็สามารถใช้ได้กับภาพบิทแมพที่มีแค่ 1 หรือ หลายๆภาพพร้อมกันได้ค่ะ




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

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 3-10-2012 17:44 |แสดงโพสต์ทั้งหมด
ขั้นตอนที่ 1 เตรียม Text
- กดปุ่ม "T" หรือคลิกที่เครื่องมือ Type Tool และแดรกเม้าส์บนพื้นที่อาร์ตบอร์ด เพื่อสร้างขอบเขตที่จะสร้างข้อความ


พิมพ์ข้อความที่ต้องการลงไป หรือจะ Ctrl+C มาจากโปรแกรมอื่น และ Ctrl+V เพื่อวางข้อความที่เราเตรียมไว้ ลงไปในกรอปข้อความที่สร้าง


ขั้นตอนที่ 2 เตรียมภาพ Bitmap
โดยปกติหากไม่ใช่ภาพสกุล Gif หรือ NPG ภาพ Bitmap ก็มักจะติดพื้นหลัง ซึ่งเป็นส่วนที่เราไม่ต้องการมาด้วย เราจะต้องบังขอบส่วนที่ไม่ต้องการก่อนค่ะ



- ให้ใช้กด "P" หรือคลิกที่เครื่องมือ "Pen Tool" แล้ววาดเส้น (เส้น Path หรือ เส้น Stroke ก็ได้) ล้อมรอบวัตถุเฉพาะส่วนที่เราต้องการ

(*ต้องวาดให้เป็นเส้นแบบปิดด้วยนะค่ะ คือ แองเคอร์ จุดสุดท้ายให้บรรจบกับ แองเคอร์จุดเริ่มต้น )


- เสร็จแล้วให้คลิกเลือกเส้นที่สร้าง และภาพ Bitmap  และให้คลิกขวาเลือกคำสั่ง "Make Clipping Mask"



- พื้นหลังส่วนที่เราไม่ต้องการก็จะถูกบังไป ดังภาพข้างล่างค่ะ



- ในกรณีที่มีภาพ bitmap ติดพื้นหลัง ที่จะต้องนำมาใช้ประกอบมากกว่า 1 ภาพ ก็ให้บังพื้นหลังเอาไว้ด้วยวิธีด้วยกันค่ะ (ในตัวอย่างเพิ่มภาพแก้วน้ำกีวีมาอีกภาพ)



ขั้นตอนที่ 3
- นำ Text หรือข้อความที่เตรียมไว้มาจัดวางร่วมกัน โดยจะต้องให้ Text กับภาพ Bitmap อยู่ในเลเยอร์เดียวกัน แต่ให้ Text อยู่ด้านหลัง และภาพ Bitmap วางทับอยู่ด้านหน้า


- กดปุ่ม "Shift" ค้างไว้ และคลิกเลือกภาพ Bitmap ทั้ง2 ภาพ แล้วให้ไปที่คำสั่ง Object > Text Wrap > Text Wrap Options...



- ตั้งค่า "Offset" หรือ ค่ากรอบระยะห่างระหว่าง Text กับภาพประกอบ ตามความเหมาะสม และคลิกปุ่ม "OK"
(ที่ติ๊กเลือกที่ "Invert Wrap" จะเป็นการกำหนดให้ตัวอักษรย้ายเข้ามาอยู่ในกรอบแทน)


ขั้นตอนที่ 4
- ไปที่คำสั่ง Object > Text Wrap > Make เพื่อสั่งให้ภาพ Bitmap ทั้ง 2 ภาพมีกรอบสำหรับตัดข้อความ


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



ขั้นตอนที่ 5
นำภาพพื้นหลังมาตกแต่ง และเปลี่ยนสีของ Text เพื่อให้ดูน่าสนใจมากขึ้น


- เราอาจจะเพิ่มความน่าสนใจของผลกีวี่อีกนิด โดยการสร้างเงาให้กับมัน วิธีสร้างก็ให้ใช้เครื่องมือ "Ellipse Tool" หรือกดปุ่ม "L" และแดรกเม้าส์สร้างวงรีสีดำขึ้นมา

- จากนั้นก็กดปุ่มคีย์ " Shift+Ctrl+[ " จะเป็นการย้ายลำดับของวัตถุที่เลือกให้ไปอยู่ด้านหลัง แต่ถ้ากดปุ่มคีย์ " Shift+Ctrl+] " ก็จะเป็นการย้ายวัตถุที่เลือกให้ไปอยู่ตำแหน่งด้านหน้า



- คลิกที่เงาและไปที่คำสั่ง Effect > Blur > Gaussian Blur เพื่อทำให้เบลอหนักๆ


- และไปที่คำสั่ง Window > Tansparency  ปรับค่า Opacity เพื่อลดความเข้มของเงาลง


- ตกแต่งส่วนอื่นๆ ตามความเหมาะสม

************************************************************

Note:
1. ถ้าต้องการกำหนดระยะห่างระหว่าง ภาพประกอบ และ Text ใหม่ก็ให้กลับไปที่คำสั่ง Object > Text Wrap > Text Wrap Options... และใส่ค่าตัวเลขใหม่ที่ต้องการ

2. ถ้าต้องการยกเลิกกรอปตัดคำทั้งหมดก็ให้คลิกที่ภาพ Bitmap ประกอบ และไปที่คำสั่ง Object > Text Wrap > Release ก็ได้เหมือนกัน


************************************************************

ขอให้สนุกกับทุกชิ้นงานนะค่ะ

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

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

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 4-10-2012 09:40 |แสดงโพสต์ทั้งหมด
ขอบคุณมากครับ สนุกกับบทความที่ อ. nookfufu 2 รังสรรค์ให้จริงๆ

Thaigraph

GMT+7, 17-9-2019 20:21 , Processed in 0.065810 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