บบทที่
5 การสร้างตัวอักษรและข้อความ
การสร้างข้อความแบบต่างๆ ด้วยเครื่องมือในกลุ่ม ไท้ ทูล (Type Tool) ทำได้หลากหลายรูปแบบ ทั้งข้อความสั้นๆ เพื่อสร้างเอฟเฟ็กต์ หรือบิดข้อความเป็นรูปทรงต่างๆ
5.1 การสร้างตัวอักษรและข้อความ
5.1.1 ความรู้เบื้องต้นเกี่ยวกับประเภทของฟอนต์ (Font Type) รูปแบบตัวอักษรมีหลายรูปแบบ ซึ่งสามารถเลือกใช้ได้ตามความเหมาะสมกับรูปภาพ เช่น รูปแบบอักษรดังตัวอย่างต่อไปนี้
ภาพที่ 5.1 แสดงภาพความรู้เบื้องต้นเกี่ยวกับประเภทของฟอนต์
True Type จะมีสัญลักษณ์ TT ที่ด้านหน้าของชื่อฟอนต์ ซึ่งเป็นฟอนต์แบบดั้งเดิม
สามารถขยายขนาดให้ใหญ่โดยมีความคมชัดเหมือนเดิม
Open Type มีสัญษณ์เป็นตัว O หน้าชื่อฟอนต์ เป็นฟอนต์ที่พัฒนาร่วมกับ Adobe และ
Microsoft มีคุณสมบัติเช่นเดียวกับ True Type แต่มีอักขระมากกว่า และสามารถนำไปใช้ทั้ง Windows และMac
Raster Type มีสัญษณ์เป็นตัว a หน้าชื่อฟอนต์ (ใน Photoshop CS4 จะไม่แสดง
สัญลักษณ์ใดๆ หน้าฟอนต์ประเภทนี้) จำกัดการทำงานเฉพาะด้าน เช่น งานพิมพ์คุณภาพสูง ซึ่งจะกำหนดความคมชัดที่บางขนาดเท่านั้น เช่น 12 pt หรือ 18 pt เป็นต้น แต่ถ้าขยายมากกว่านี้ฟอนต์ก็จะแตกเป็นเหลี่ยม
5.1.2 เครื่องมือสำหรับการสร้างตัวอักษร คือ การสร้างตัวอักษรและข้อความในรูปแบบต่างๆ เช่น ตัวอักษรปกติ หรือตัวอักษรแบบมีขอบเขตพื้นที่ (Selection) เพื่อใช้เลือกขอบพื้นที่ภาพ
ให้เป็นข้อความ มีขั้นตอนการเรียกใช้เครื่องมือดังนี้
ภาพที่ 5.1 แสดงภาพเครื่องมือสำหรับการสร้างตัวอักษร
5.1.2.1 ฮอริซอนทอล ไท้ ทูล (Horizontal Type Tool) คือ เครื่องมือสำหรับ
สร้างตัวอักษรแบบมาตรฐานที่สามารถสร้างสรรค์งานได้หลากหลาย และสามารถแก้ไขได้ภายหลัง
5.1.1.2 เวอติคอลไท้ ทูล (Vertical Type Tool) คือ ตัวอักษรที่สามารถแก้ไข
ได้ภายหลัง แต่ตัวอักษรจะเรียงกันเป็นแนวตั้ง
5.1.1.3 ฮอริซอนทอล ไท้ มาสค์ ทูล (Horizontal Type Mask Tool) คือ
เครื่องมือสร้างตัวอักษรแบบ Mask โดยตัวอักษรจะเป็นขอบเขตพื้นที่ (Selection) ที่สามารถใช้งานร่วมกับภาพอื่นๆ แต่เป็นลักษณะแนวนอน
5.1.1.4 เวอติคอล ไท้ มาสค์ ทูล (Vertical Type Mask Tool) คือ เครื่องมือ
สร้างตัวอักษรแบบ มาสค์ (Mask) จะเป็นการสร้างขอบเขตพื้นที่เป็นตัวอักษร แต่ตัวอักษรจะเรียงกันเป็นแนวตั้ง
5.1.1.1 การสร้างตัวอักษรด้วยเครื่องมือ ฮอริซอนทอล ไท้ ทูล ( Horizontal Type Tool) คือ เครื่องมือสร้างตัวอักษรแบบแนวนอนที่ครอบคลุมการทำงานทุกๆ ด้าน โดยตัวอักษรลักษณะนี้สามารถย่อ หรือขยายได้ โดยไม่สูญเสียความคมชัด ซึ่งการใช้งานเครื่องมือนี้สามารถปฏิบัติได้ดังนี้
1. สร้างไฟล์รูปภาพใหม่คลิกเมนู File à New เลือกขนาดพื้นที่การทำงาน
ตามต้องการ คลิก OK
2. คลิกเครื่องมือ จากนั้นคลิกพื้นที่การทำงาน แล้วพิมพ์ข้อความ คำว่า
“กราฟิก”
แบบอักษรแนวนอน
ภาพที่ 5.2 แสดงภาพการพิมพ์อักษรด้วยเครื่องมือ ฮอริซอนทอล ไท้ ทูล
3. ปรับเปลี่ยนรูปแบบข้อความ โดยการกำหนดคุณสมบัติเบื้องต้นบนออปชัน
มีรายละเอียดงนี้
สลับแนวของตัวอักษรเป็นแนวตั้งหรือแนวนอน
กำหนดความคมตัวอักษร
กำหนดขนาดตัวอักษร
กำหนดสี
เลือกแนวการจัดอักษร
เลือกรูปแบบอักษร
เลือกอักษร ธรรมดา ตัวหนา เอียง
ตัวอักษร Warp Text
ภาพที่ 5.3 แสดงภาพปรับเปลี่ยนรูปแบบข้อความ
5.1.1.2 การพิมพ์อักษรด้วยเครื่องมือ เวอร์ติคอล ไท้ มาสค์ ทูล (Vertical Type Tool คือ เครื่องมือที่ใช้สร้างตัวอักษรแบบแนวตั้ง โดยตัวอักษรลักษณะนี้สามารถย่อหรือขยายโดยไม่สูญเสียความคมชัดการใช้งานเครื่องมือสามารถปฏิบัติได้ดังนี้
1. สร้างไฟล์รูปภาพใหม่คลิกเมนู File à New เลือกขนาดพื้นที่การทำงานตามต้องการ คลิก OK
2. คลิกเครื่องมือ Horizontal Type Tool จากนั้นคลิกพื้นที่การทำงาน แล้วพิมพ์ข้อความ คำว่า “กราฟิก”
แบบอักษรแนวตั้ง
ภาพที่ 5.4 แสดงภาพการพิมพ์อักษรด้วยเครื่องมือ เวอร์ติคอล ไท้ ทูล
5.1.1.3 การพิมพ์อักษรด้วยเครื่องมือ ฮอริซอนทอล ไท้ มาสค์ ทูล (Horizontal
Type Mask Tool) คือ การสร้างอักษรแนวนอนในลักษณะการสร้างขอบเขตพื้นสามารถเลือกพื้นที่บนรูปภาพ มีขั้นตอนดังนี้
1. เปิดไฟล์ภาพที่ต้องการสร้างเป็นข้อความ
2. คลิกที่เครื่องมือ นำเมาส์คลิกบนรูปภาพ แล้วพิมพ์ข้อความ คำว่า
GRAPHIC (สังเกตภาพจะมีสีจางลง)
3. กดปุ่ม Alt ที่คีย์บอร์ดแล้วคลิกที่เครื่องมือ เพื่อคัดลอกพื้นที่
ข้อความแล้วคลิกเมาส์ซ้ายค้างไว้ที่ข้อความแล้วลากไปวางบนตำแหน่งที่ต้องการ
ขอบเขตพื้นที่ตัวอักษร
ภาพที่ 5.5 แสดงภาพขอบเขตพื้นที่ตัวอักษร
3. หรือ คลิกเมนู Edit à Copy แล้วคลิกตำแหน่งที่ต้องการวางข้อความใน
รูปภาพ แล้วคลิกเมนู Edit à Paste
ตัวอักษรที่นำมาวาง
ภาพที่ 5.6 แสดงภาพตัวอักษรที่นำมาวาง
4. ตกแต่งข้อความให้ดูเด่นขึ้นใส่สีเส้นให้กับข้อความโดยคลิกเมนู Edit à
Stroke จะปรากฎหน้าต่างดังรูป กำหนดค่าสีเป็นสีดำ และขนาดเส้นเท่ากับ 2 px
ภาพที่ 5.7 แสดงภาพตกแต่งข้อความ
5. คลิกปุ่ม OK แล้วกดปุ่ม Ctrl + D เพื่อยกเลิก Selection ข้อความจะได้ดังรูปภาพต่อไป
แบบอักษรแนวนอนมีเส้นขอบสีดำ
ภาพที่ 5.8 แสดงภาพแบบอักษรสีเส้นขอบ
5.2 การตกแต่งข้อความ
การตกแต่งข้อความให้มีรูปแบบหลากหลาย เช่น การสีสีเส้น กำหนดแสงเงา และการไล่โทนสีตัวอักษรดังนี้
5.2.1 การตกแต่งข้อความแบบ ไท้ เลเยอร์ (Type Layer) คือ การตกแต่งอักษรและข้อความให้สวยงามน่าสนใจสามารถทำได้หลายวิธี โดยประยุกต์จากคำสั่งต่างๆ เช่น การตกแต่งข้อความด้วย เบล็นดิ้ง ออปชัน (Blending Option) มีขั้นตอนการตกแต่งข้อความดังต่อไปนี้
1. พิมพ์ข้อความคำว่า “Style”
2. คลิกปุ่ม (Add a Layer ) ในพาเลตเลเยอร์แล้วเลือก Blending Option
จะปรากฎหน้าต่าง เลเยอร์ สไตล์
ภาพที่ 5.9 แสดงภาพคลิกปุ่มAdd a Layer
3. หน้าต่างเลเยอร์ สไตล์ (Layer Style) มีรายละเอียดังนี้
ภาพที่ 5.10 แสดงภาพการตกแต่งด้วย เบล็นดิ้ง ออปชัน
Drop Shadow การสร้างเงาแบบตกลงพื้น
Inner Shadow การสร้างเงาบริเวณพื้นภายใน
Outer Glow การสร้างเงาแบบฟุ้งกระจาย
Inner Glow การสร้างความฟุ้งกระจายด้านในของวัตถุ
Bevel and Emboss การทำให้วัตถุนูนขึ้น ด้วยแสดงและเงา ประกอบด้วย
Contour ตัวปรับแต่งรูปแบบการนูนของวัตถุ
Texture ตัวเติมลวดลายให้กับวัตถุ
Satin การสร้างพื้นผิวด้านในของวัตถุมีสีเหลี่ยมเป็นเงา
Color Overlay การเติมสีให้วัตถุ
Gradient Overlay การเติมสีแบบไล่เฉดสีให้กับวัตถุ
Patten Overlay การเติมลวดลายให้กับวัตถุ
Stroke การใส่สีเส้นให้กับวัตถุ
3. ปรับแต่งสไตล์ข้อความตามต้องการ แล้วคลิกปุ่ม OK จะได้ผลลัพธ์ตามที่เลือก
5.2.3 การตกแต่งข้อความด้วยพาเลต สไตล์ (STYLES) คือ รูปแบบการตกแต่งข้อความแบบสไตล์สำเร็จรูป เพื่ออำนวยความสะดวกสำหรับผู้ใช้โปรแกรมที่ต้องการความรวดเร็วในการออกแบบมีขั้นตอนดังนี้
1.
กำหนดรูปแบบการแสดงรูปทรง
พิมพ์ข้อความที่ต้องการแล้วคลิกพาเลตสไตล์ จะปรากฎรูปแบบสไตล์ ถ้าไม่ต้อง
สไตล์ดังกล่าวให้คลิกที่ปุ่ม เพื่อเลือกรูปแบบสไตล์ใหม่
เลือกรูปแบบสไตล์
คลิกเพื่อเลือกคำสั่งจัดการกับชุดรูปทรงสำเร็จรูป
คลิกเลือกรูปทรงสำเร็จรูป
พาเลตสไตล์
ภาพที่ 5.11 แสดงภาพพาเลตสไตล์
2. คลิกเลือกรูปแบบ สไตล์ ที่ต้องการ
3. ลักษณะตัวอักษรที่ได้
สไตล์ข้อความที่เลือก
ภาพที่ 5.12 แสดงภาพสไตล์ข้อความ
5.2.4 การซ่อนขอบเขตของภาพด้วยข้อความ คือ การนำรูปภาพมาซ่อนเป็นข้อความจะได้ข้อความที่มีสีสันแปลกตาสามารถนำมาประยุกต์ใช้ในการตกแต่งข้อความมีขั้นตอนดังนี้
1. กำหนดขนาดรูปภาพ กว้าง 420 สูง 85 Pixels พื้นหลังแบบ Transparent
2. พิมพ์ข้อความ “กราฟิก” กำหนดสีเส้นขนาดเท่ากับ 2 Px
ภาพที่ 5.13 แสดงภาพกราฟิก
3. สร้างเลเยอร์ใหม่ และนำรูปภาพมาวางเลเยอร์บนสุด
ภาพที่ 5.14 แสดงรูปภาพมาวางบนสุด
4. กดปุ่ม Alt ค้างไว้แล้วคลิกเมาส์ระหว่างเลเยอร์ (Layer1 และ Shape 1) เพื่อสร้าง
คลิปิ้ง มาสก์ (Clipping Mask ) นำเมาส์คลิกระหว่างเส้นแบ่งเลเยอร์สังเกตรูปแบบเมาส์เปลี่ยนแปลงเป็นรูป แล้วคลิกเมาส์ทันที
กดปุ่ม Alt ค้างไว้แล้วคลิกเมาส์ระหว่างเลเยอร์
เลเยอร์ภาพจะมีรูปลูกศรอยู่ด้านหน้า
ภาพที่ 5.15 แสดงคลิกเมาส์ระหว่างเลเยอร์ (กราฟิก และ Layer 1)
5.
1
รูปภาพจะถูกซ่อนขอบเขตเท่ากับข้อความในเลเยอร์ล่างทันที
ดังภาพ
ภาพที่ 5.16 แสดงรูปภาพจะถูกซ่อนขอบเขต
6. หรือถ้าต้องการข้อความในรูปภาพใหม่ โดยนำรูปภาพใหม่มาวางเลเยอร์ด้านบน
แล้วทำตามข้อที่ 4 อีกจะได้รูปภาพที่ซ่อนขอบเขตภาพดังนี้
ภาพที่ 5.17 แสดงถ้าต้องการข้อความในรูปภาพใหม่
5.3 การแปลงตัวอักษรเป็นรูปทรงแบบเวคเตอร์
การแปลงตัวอักษรที่สร้างจากเครื่องมือ และ ให้กลายเป็นรูปทรงแบบเวคเตอร์ที่
สามารถปรับแต่งเส้นพาธได้ การสร้างตัวอักษรดังกล่าวข้อความกลายเป็นรูปภาพ ไม่ใช่ ข้อความอีกต่อไป โดยสามารถแก้ไขเหมือนกับการแก้ไขรูปภาพ เช่น การลบรูปภาพบางส่วน และการไล่โทนสี โดยมีขั้นตอนดังนี้
1. สร้างข้อความด้วยเครื่องมือ ฮอริซอนทอล ไท้ ทูล (Horizontal Type Tool)
2. คลิกขวาที่ชื่อของเลเยอร์แล้วเลือกคำสั่ง Convert to Shape เพื่อแปลงตัวอักษรทั้งหมด
ให้กลายเป็นเชฟ (Shape)
คลิกขวาเลือกคำสั่ง Convert to Shape
ภาพที่ 5.18 แสดงภาพการแปลงตัวอักษรเป็นรูปทรงแบบเวคเตอร์
3. ลักษณะตัวอักษรจะมีจุดแองเคอร์อยู่รอบๆ ขอบ
ลักษณะตัวอักษรจะมีจุดแองเคอร์อยู่รอบๆ ขอบ
ใช้เครื่องมือ (Direct Selection Tool) ปรับแต่ง
จุดแองเคอร์เพื่อดัดรูปทรง หรือยึดตัวอักษรได้ตามต้องการ
ภาพที่ 5.19 แสดงภาพลักษณะตัวอักษรจะมีจุดแองเคอร์
5.4 สร้างข้อความภายในรูปทรง
สร้างข้อความให้อยู่ภายในรูปทรงเพื่อใช้ออกแบบชิ้นงาน ไม่ว่าจะเป็นรูปสี่เหลี่ยม วงกลมหรือรูปทรงอิสระอื่นๆ ก็สามารถทำได้ง่ายๆ ดังนี้
1. คลิกเลือกเครื่องมือ คัสสตัม เชฟ ทูล (Custom Shape Tool)
2. เลือกคุณสมบัติรูปทรงแบบ เชฟ เลเยอร์ (Shape Layers)
3. คลิกเลือกรูปทรงที่ต้องการ
4. แล้วแดรกเมาส์เพื่อสร้างรูปทรง
5. ใช้เครื่องมือ คลิกภายในรูปทรงที่สร้างขึ้น แล้วพิมพ์ข้อความที่ต้องการ จะเห็นว่า
ตัวอักษรถูกตัดขึ้นบรรทัดใหม่ตามขอบเขตรูปทรง
6.
1
3
4
2
5
5
ภาพที่ 5.20 แสดงภาพสร้างข้อความภายในรูปทรง
การสร้างข้อความแบบต่างๆ ด้วยเครื่องมือในกลุ่ม ไท้ ทูล (Type Tool) ทำได้หลากหลายรูปแบบ ทั้งข้อความสั้นๆ เพื่อสร้างเอฟเฟ็กต์ หรือบิดข้อความเป็นรูปทรงต่างๆ
5.1 การสร้างตัวอักษรและข้อความ
5.1.1 ความรู้เบื้องต้นเกี่ยวกับประเภทของฟอนต์ (Font Type) รูปแบบตัวอักษรมีหลายรูปแบบ ซึ่งสามารถเลือกใช้ได้ตามความเหมาะสมกับรูปภาพ เช่น รูปแบบอักษรดังตัวอย่างต่อไปนี้
ภาพที่ 5.1 แสดงภาพความรู้เบื้องต้นเกี่ยวกับประเภทของฟอนต์
True Type จะมีสัญลักษณ์ TT ที่ด้านหน้าของชื่อฟอนต์ ซึ่งเป็นฟอนต์แบบดั้งเดิม
สามารถขยายขนาดให้ใหญ่โดยมีความคมชัดเหมือนเดิม
Open Type มีสัญษณ์เป็นตัว O หน้าชื่อฟอนต์ เป็นฟอนต์ที่พัฒนาร่วมกับ Adobe และ
Microsoft มีคุณสมบัติเช่นเดียวกับ True Type แต่มีอักขระมากกว่า และสามารถนำไปใช้ทั้ง Windows และMac
Raster Type มีสัญษณ์เป็นตัว a หน้าชื่อฟอนต์ (ใน Photoshop CS4 จะไม่แสดง
สัญลักษณ์ใดๆ หน้าฟอนต์ประเภทนี้) จำกัดการทำงานเฉพาะด้าน เช่น งานพิมพ์คุณภาพสูง ซึ่งจะกำหนดความคมชัดที่บางขนาดเท่านั้น เช่น 12 pt หรือ 18 pt เป็นต้น แต่ถ้าขยายมากกว่านี้ฟอนต์ก็จะแตกเป็นเหลี่ยม
5.1.2 เครื่องมือสำหรับการสร้างตัวอักษร คือ การสร้างตัวอักษรและข้อความในรูปแบบต่างๆ เช่น ตัวอักษรปกติ หรือตัวอักษรแบบมีขอบเขตพื้นที่ (Selection) เพื่อใช้เลือกขอบพื้นที่ภาพ
ให้เป็นข้อความ มีขั้นตอนการเรียกใช้เครื่องมือดังนี้
ภาพที่ 5.1 แสดงภาพเครื่องมือสำหรับการสร้างตัวอักษร
5.1.2.1 ฮอริซอนทอล ไท้ ทูล (Horizontal Type Tool) คือ เครื่องมือสำหรับ
สร้างตัวอักษรแบบมาตรฐานที่สามารถสร้างสรรค์งานได้หลากหลาย และสามารถแก้ไขได้ภายหลัง
5.1.1.2 เวอติคอลไท้ ทูล (Vertical Type Tool) คือ ตัวอักษรที่สามารถแก้ไข
ได้ภายหลัง แต่ตัวอักษรจะเรียงกันเป็นแนวตั้ง
5.1.1.3 ฮอริซอนทอล ไท้ มาสค์ ทูล (Horizontal Type Mask Tool) คือ
เครื่องมือสร้างตัวอักษรแบบ Mask โดยตัวอักษรจะเป็นขอบเขตพื้นที่ (Selection) ที่สามารถใช้งานร่วมกับภาพอื่นๆ แต่เป็นลักษณะแนวนอน
5.1.1.4 เวอติคอล ไท้ มาสค์ ทูล (Vertical Type Mask Tool) คือ เครื่องมือ
สร้างตัวอักษรแบบ มาสค์ (Mask) จะเป็นการสร้างขอบเขตพื้นที่เป็นตัวอักษร แต่ตัวอักษรจะเรียงกันเป็นแนวตั้ง
5.1.1.1 การสร้างตัวอักษรด้วยเครื่องมือ ฮอริซอนทอล ไท้ ทูล ( Horizontal Type Tool) คือ เครื่องมือสร้างตัวอักษรแบบแนวนอนที่ครอบคลุมการทำงานทุกๆ ด้าน โดยตัวอักษรลักษณะนี้สามารถย่อ หรือขยายได้ โดยไม่สูญเสียความคมชัด ซึ่งการใช้งานเครื่องมือนี้สามารถปฏิบัติได้ดังนี้
1. สร้างไฟล์รูปภาพใหม่คลิกเมนู File à New เลือกขนาดพื้นที่การทำงาน
ตามต้องการ คลิก OK
2. คลิกเครื่องมือ จากนั้นคลิกพื้นที่การทำงาน แล้วพิมพ์ข้อความ คำว่า
“กราฟิก”
แบบอักษรแนวนอน
ภาพที่ 5.2 แสดงภาพการพิมพ์อักษรด้วยเครื่องมือ ฮอริซอนทอล ไท้ ทูล
3. ปรับเปลี่ยนรูปแบบข้อความ โดยการกำหนดคุณสมบัติเบื้องต้นบนออปชัน
มีรายละเอียดงนี้
สลับแนวของตัวอักษรเป็นแนวตั้งหรือแนวนอน
กำหนดความคมตัวอักษร
กำหนดขนาดตัวอักษร
กำหนดสี
เลือกแนวการจัดอักษร
เลือกรูปแบบอักษร
เลือกอักษร ธรรมดา ตัวหนา เอียง
ตัวอักษร Warp Text
ภาพที่ 5.3 แสดงภาพปรับเปลี่ยนรูปแบบข้อความ
5.1.1.2 การพิมพ์อักษรด้วยเครื่องมือ เวอร์ติคอล ไท้ มาสค์ ทูล (Vertical Type Tool คือ เครื่องมือที่ใช้สร้างตัวอักษรแบบแนวตั้ง โดยตัวอักษรลักษณะนี้สามารถย่อหรือขยายโดยไม่สูญเสียความคมชัดการใช้งานเครื่องมือสามารถปฏิบัติได้ดังนี้
1. สร้างไฟล์รูปภาพใหม่คลิกเมนู File à New เลือกขนาดพื้นที่การทำงานตามต้องการ คลิก OK
2. คลิกเครื่องมือ Horizontal Type Tool จากนั้นคลิกพื้นที่การทำงาน แล้วพิมพ์ข้อความ คำว่า “กราฟิก”
แบบอักษรแนวตั้ง
ภาพที่ 5.4 แสดงภาพการพิมพ์อักษรด้วยเครื่องมือ เวอร์ติคอล ไท้ ทูล
5.1.1.3 การพิมพ์อักษรด้วยเครื่องมือ ฮอริซอนทอล ไท้ มาสค์ ทูล (Horizontal
Type Mask Tool) คือ การสร้างอักษรแนวนอนในลักษณะการสร้างขอบเขตพื้นสามารถเลือกพื้นที่บนรูปภาพ มีขั้นตอนดังนี้
1. เปิดไฟล์ภาพที่ต้องการสร้างเป็นข้อความ
2. คลิกที่เครื่องมือ นำเมาส์คลิกบนรูปภาพ แล้วพิมพ์ข้อความ คำว่า
GRAPHIC (สังเกตภาพจะมีสีจางลง)
3. กดปุ่ม Alt ที่คีย์บอร์ดแล้วคลิกที่เครื่องมือ เพื่อคัดลอกพื้นที่
ข้อความแล้วคลิกเมาส์ซ้ายค้างไว้ที่ข้อความแล้วลากไปวางบนตำแหน่งที่ต้องการ
ขอบเขตพื้นที่ตัวอักษร
ภาพที่ 5.5 แสดงภาพขอบเขตพื้นที่ตัวอักษร
3. หรือ คลิกเมนู Edit à Copy แล้วคลิกตำแหน่งที่ต้องการวางข้อความใน
รูปภาพ แล้วคลิกเมนู Edit à Paste
ตัวอักษรที่นำมาวาง
ภาพที่ 5.6 แสดงภาพตัวอักษรที่นำมาวาง
4. ตกแต่งข้อความให้ดูเด่นขึ้นใส่สีเส้นให้กับข้อความโดยคลิกเมนู Edit à
Stroke จะปรากฎหน้าต่างดังรูป กำหนดค่าสีเป็นสีดำ และขนาดเส้นเท่ากับ 2 px
ภาพที่ 5.7 แสดงภาพตกแต่งข้อความ
5. คลิกปุ่ม OK แล้วกดปุ่ม Ctrl + D เพื่อยกเลิก Selection ข้อความจะได้ดังรูปภาพต่อไป
แบบอักษรแนวนอนมีเส้นขอบสีดำ
ภาพที่ 5.8 แสดงภาพแบบอักษรสีเส้นขอบ
5.2 การตกแต่งข้อความ
การตกแต่งข้อความให้มีรูปแบบหลากหลาย เช่น การสีสีเส้น กำหนดแสงเงา และการไล่โทนสีตัวอักษรดังนี้
5.2.1 การตกแต่งข้อความแบบ ไท้ เลเยอร์ (Type Layer) คือ การตกแต่งอักษรและข้อความให้สวยงามน่าสนใจสามารถทำได้หลายวิธี โดยประยุกต์จากคำสั่งต่างๆ เช่น การตกแต่งข้อความด้วย เบล็นดิ้ง ออปชัน (Blending Option) มีขั้นตอนการตกแต่งข้อความดังต่อไปนี้
1. พิมพ์ข้อความคำว่า “Style”
2. คลิกปุ่ม (Add a Layer ) ในพาเลตเลเยอร์แล้วเลือก Blending Option
จะปรากฎหน้าต่าง เลเยอร์ สไตล์
ภาพที่ 5.9 แสดงภาพคลิกปุ่มAdd a Layer
3. หน้าต่างเลเยอร์ สไตล์ (Layer Style) มีรายละเอียดังนี้
ภาพที่ 5.10 แสดงภาพการตกแต่งด้วย เบล็นดิ้ง ออปชัน
Drop Shadow การสร้างเงาแบบตกลงพื้น
Inner Shadow การสร้างเงาบริเวณพื้นภายใน
Outer Glow การสร้างเงาแบบฟุ้งกระจาย
Inner Glow การสร้างความฟุ้งกระจายด้านในของวัตถุ
Bevel and Emboss การทำให้วัตถุนูนขึ้น ด้วยแสดงและเงา ประกอบด้วย
Contour ตัวปรับแต่งรูปแบบการนูนของวัตถุ
Texture ตัวเติมลวดลายให้กับวัตถุ
Satin การสร้างพื้นผิวด้านในของวัตถุมีสีเหลี่ยมเป็นเงา
Color Overlay การเติมสีให้วัตถุ
Gradient Overlay การเติมสีแบบไล่เฉดสีให้กับวัตถุ
Patten Overlay การเติมลวดลายให้กับวัตถุ
Stroke การใส่สีเส้นให้กับวัตถุ
3. ปรับแต่งสไตล์ข้อความตามต้องการ แล้วคลิกปุ่ม OK จะได้ผลลัพธ์ตามที่เลือก
5.2.3 การตกแต่งข้อความด้วยพาเลต สไตล์ (STYLES) คือ รูปแบบการตกแต่งข้อความแบบสไตล์สำเร็จรูป เพื่ออำนวยความสะดวกสำหรับผู้ใช้โปรแกรมที่ต้องการความรวดเร็วในการออกแบบมีขั้นตอนดังนี้
1.
กำหนดรูปแบบการแสดงรูปทรง
พิมพ์ข้อความที่ต้องการแล้วคลิกพาเลตสไตล์ จะปรากฎรูปแบบสไตล์ ถ้าไม่ต้อง
สไตล์ดังกล่าวให้คลิกที่ปุ่ม เพื่อเลือกรูปแบบสไตล์ใหม่
เลือกรูปแบบสไตล์
คลิกเพื่อเลือกคำสั่งจัดการกับชุดรูปทรงสำเร็จรูป
คลิกเลือกรูปทรงสำเร็จรูป
พาเลตสไตล์
ภาพที่ 5.11 แสดงภาพพาเลตสไตล์
2. คลิกเลือกรูปแบบ สไตล์ ที่ต้องการ
3. ลักษณะตัวอักษรที่ได้
สไตล์ข้อความที่เลือก
ภาพที่ 5.12 แสดงภาพสไตล์ข้อความ
5.2.4 การซ่อนขอบเขตของภาพด้วยข้อความ คือ การนำรูปภาพมาซ่อนเป็นข้อความจะได้ข้อความที่มีสีสันแปลกตาสามารถนำมาประยุกต์ใช้ในการตกแต่งข้อความมีขั้นตอนดังนี้
1. กำหนดขนาดรูปภาพ กว้าง 420 สูง 85 Pixels พื้นหลังแบบ Transparent
2. พิมพ์ข้อความ “กราฟิก” กำหนดสีเส้นขนาดเท่ากับ 2 Px
ภาพที่ 5.13 แสดงภาพกราฟิก
3. สร้างเลเยอร์ใหม่ และนำรูปภาพมาวางเลเยอร์บนสุด
ภาพที่ 5.14 แสดงรูปภาพมาวางบนสุด
4. กดปุ่ม Alt ค้างไว้แล้วคลิกเมาส์ระหว่างเลเยอร์ (Layer1 และ Shape 1) เพื่อสร้าง
คลิปิ้ง มาสก์ (Clipping Mask ) นำเมาส์คลิกระหว่างเส้นแบ่งเลเยอร์สังเกตรูปแบบเมาส์เปลี่ยนแปลงเป็นรูป แล้วคลิกเมาส์ทันที
กดปุ่ม Alt ค้างไว้แล้วคลิกเมาส์ระหว่างเลเยอร์
เลเยอร์ภาพจะมีรูปลูกศรอยู่ด้านหน้า
ภาพที่ 5.15 แสดงคลิกเมาส์ระหว่างเลเยอร์ (กราฟิก และ Layer 1)
5.
1
รูปภาพจะถูกซ่อนขอบเขตเท่ากับข้อความในเลเยอร์ล่างทันที
ดังภาพ
ภาพที่ 5.16 แสดงรูปภาพจะถูกซ่อนขอบเขต
6. หรือถ้าต้องการข้อความในรูปภาพใหม่ โดยนำรูปภาพใหม่มาวางเลเยอร์ด้านบน
แล้วทำตามข้อที่ 4 อีกจะได้รูปภาพที่ซ่อนขอบเขตภาพดังนี้
ภาพที่ 5.17 แสดงถ้าต้องการข้อความในรูปภาพใหม่
5.3 การแปลงตัวอักษรเป็นรูปทรงแบบเวคเตอร์
การแปลงตัวอักษรที่สร้างจากเครื่องมือ และ ให้กลายเป็นรูปทรงแบบเวคเตอร์ที่
สามารถปรับแต่งเส้นพาธได้ การสร้างตัวอักษรดังกล่าวข้อความกลายเป็นรูปภาพ ไม่ใช่ ข้อความอีกต่อไป โดยสามารถแก้ไขเหมือนกับการแก้ไขรูปภาพ เช่น การลบรูปภาพบางส่วน และการไล่โทนสี โดยมีขั้นตอนดังนี้
1. สร้างข้อความด้วยเครื่องมือ ฮอริซอนทอล ไท้ ทูล (Horizontal Type Tool)
2. คลิกขวาที่ชื่อของเลเยอร์แล้วเลือกคำสั่ง Convert to Shape เพื่อแปลงตัวอักษรทั้งหมด
ให้กลายเป็นเชฟ (Shape)
คลิกขวาเลือกคำสั่ง Convert to Shape
ภาพที่ 5.18 แสดงภาพการแปลงตัวอักษรเป็นรูปทรงแบบเวคเตอร์
3. ลักษณะตัวอักษรจะมีจุดแองเคอร์อยู่รอบๆ ขอบ
ลักษณะตัวอักษรจะมีจุดแองเคอร์อยู่รอบๆ ขอบ
ใช้เครื่องมือ (Direct Selection Tool) ปรับแต่ง
จุดแองเคอร์เพื่อดัดรูปทรง หรือยึดตัวอักษรได้ตามต้องการ
ภาพที่ 5.19 แสดงภาพลักษณะตัวอักษรจะมีจุดแองเคอร์
5.4 สร้างข้อความภายในรูปทรง
สร้างข้อความให้อยู่ภายในรูปทรงเพื่อใช้ออกแบบชิ้นงาน ไม่ว่าจะเป็นรูปสี่เหลี่ยม วงกลมหรือรูปทรงอิสระอื่นๆ ก็สามารถทำได้ง่ายๆ ดังนี้
1. คลิกเลือกเครื่องมือ คัสสตัม เชฟ ทูล (Custom Shape Tool)
2. เลือกคุณสมบัติรูปทรงแบบ เชฟ เลเยอร์ (Shape Layers)
3. คลิกเลือกรูปทรงที่ต้องการ
4. แล้วแดรกเมาส์เพื่อสร้างรูปทรง
5. ใช้เครื่องมือ คลิกภายในรูปทรงที่สร้างขึ้น แล้วพิมพ์ข้อความที่ต้องการ จะเห็นว่า
ตัวอักษรถูกตัดขึ้นบรรทัดใหม่ตามขอบเขตรูปทรง
6.
1
3
4
2
5
5
ภาพที่ 5.20 แสดงภาพสร้างข้อความภายในรูปทรง