Transcript รู้จักกับตัวอักษร

รู้ จกั กับตัวอักษร
เครื่ องมือสำหรับสร้ ำงตัวอักษรในโปรแกรม
Photoshop
ตัวอักษรแบบปรับขนาดได้ (Outline Type)
ตัวอักษรแบบปรับขนาดได้ มีลกั ษณะการทางานในรู ปแบบเวคเตอร์ คือ มี
การแทนส่ วนต่างๆ ของตัวอักษรด้วยสมการทางคณิ ตศาสตร์ ทาให้ตวั อักษรมี
ความคมชัด แม้จะย่อหรื อขยายตัวอักษร สามารถแก้ไขได้ตลอดเวลา
ตัวอักษรแบบขนาดตายตัว (Bitmap Type)
ตัวอักษรที่เกิดจากจุดเล็กๆ เรี ยงต่อกัน เมื่อมีการย่อหรื อขยายบ่อยๆ จะทาให้
เกิดรอยหยักบริ เวณขอบตัวอักษร อักษรไม่คมชัดเท่าตัวปรับขนาดได้ มี
คุณสมบัติคล้ายภาพปรับแต่งได้หลายวิธี แต่แก้ไขข้อความไม่ได้
การใช้งานตัวอักษรแบบแนวนอน (Horizontal)
1. เปิ ดไฟล์ภาพทีต่ ้ องการขึน้ มา (ในที่นีเ้ ลือกไฟล์จาก D:\hour3\Dog)
2. คลิกเครื่ องมือ Horizontal Type Tool
3. คลิกเลือกสี ที่ต้องการจากหน้ าต่ าง Swatches
4. คลิกปุ่ ม
ที่แถบ Tool Option Bar เพื่อเลือกชื่ อฟอนต์ ที่
ต้ องการ
5. ปรับลักษณะความหนา บาง หรื อความเอียงของฟอนต์ ที่ช่อง
6. กาหนดขนาดของตัวอักษรทีช่ ่ อง
7. คลิกเมาส์ ลงบนภาพในตาแหน่ งทีต่ ้ องการสร้ างตัวอักษร จากนั้นพิมพ์
ข้ อความ สั งเกตทีพ่ าเลทเลเยอร์ จะมีเลเยอร์ เพิม่ ขึน้ มา 1 เลเยอร์
8. กดปุ่ ม Enter ที่ Num Pad เพื่อตกลงการทางานก็จะได้ ข้อความที่
ต้ องการ
การแก้ ไขตัวอักษรแบบปรับขนาดได้ (Outline
Type)
1. ดับเบิ้ลคลิกบนรู ป ที่เลเยอร์ตวั อักษร (Type Layer)
2. จะสังเกตุได้วา่ จะมีแถบสี ดาปรากฎขึ้น จากนั้นพิมพ์ขอ้ ความที่
ต้องการแก้ไขลงไป
นอกจากการปรับเปลี่ยนตัวอักษรที่
Tool Option Bar แล้ว ยังสามารถ
ปรับเปลี่ยนที่หน้าต่าง Character
ได้อีกด้วย โดยมีวิธีการดังนี้
3. คลิกปุ่ ม
ที่ Tool Option Bar จากนั้นหน้าต่างจะปรากฏขึ้นมา
4. คลิกเลือกฟอนต์ใหม่
5. คลิกเพื่อปรับขนาดตัวอักษร
6. เปลี่ยนสี อกั ษร
ตกแต่ งอักษรให้ สวยด้ วย Layer Style
ตอนที่ 1 การสร้ างตัวอักษร
1. เปิ ดไฟล์ภาพที่ตอ้ งการขึ้นมา (ในที่น้ ีเลือกไฟล์จาก D:\Hour4-2\Ship.jpg)
2. คลิกเลือกสี ส้มจากหน้าต่าง Swatches
3. คลิกเลือกเครื่ องมือ Horizontal Type Tool
จากนั้นคลิกลงบนภาพในตาแหน่งที่ตอ้ งการ
4. เลือกลักษณะฟอนต์ รู ปแบบและขนาดของ
อักษรที่ตอ้ งการที่ Tool Option Bar
5. พิมพ์ขอ้ ความที่ตอ้ งการลงไป
6. ต่อไปจะลดขนาดตัวอักษร “Star war”
ลง โดยเลื่ อ นเมาส์ ให้ม าอยู่ห น้าข้อ ความ
จากนั้น Dragmouse ลากให้เกิดแถบสี ดา
ที่กลุ่มข้อความแล้วปล่อยเมาส์
7. ที่ Tool Option Bar กาหนดขนาดใหม่ ให้เล็กลง
8. ดับเบิ้ลคลิกบน ที่เลเยอร์ตวั อักษร จะสังเกตุได้วา่ เกิดแถบสี ดาขึ้น
9. คลิกที่ปุ่ม ที่ Tool Option Bar เพื่อเปิ ดหน้าต่าง Character
10. ที่หน้าต่าง Character กาหนดค่าที่ช่อง Tracking เพื่อ
กาหนดให้ระยะห่ างระหว่างตัวอักษรแคบลง (กาหนดตาม
ความเหมาะสม)
11. เลื่อนเมาส์ออกนอกข้อความจนเมาส์กลายเป็ นรู ปลูกศรสี่ ทิศ
จากนั้น Drag Mouse เพื่อเลื่อนข้อความไปทางขวา
12. เสร็ จแล้วกดปุ่ ม Enter ที่แป้นพิมพ์
ตอนที่ 2 เพิม่ ลักษณะพิเศษด้ วย Layer Style
1. คลิกปุ่ ม จากนั้นเลือก Inner Glow… เพื่อใส่ สีให้กบั ตัวอักษร (Inner Glow..
เป็ นลักษณะการเพิม่ สี ให้กบั ตัวอักษร
2. ที่หน้าต่าง Layer Style กาหนดค่าต่างๆ ดังนี้
Blend Mode =
Normal
Opacity
=
100%
Choke
=
5%
Size
=
5 px
3. คลิกที่ เพื่อเปลี่ยนสี หน้าต่าง Color Picker จะปรากฏขึ้น
4. Drag Mouse ที่แถบสี จากนั้นเลือกสี ที่ตอ้ งการ
5. คลิก OK.
6. คลิกปุ่ ม จากนั้นเลือก Stroke… เพื่อใส่ ขอบให้กบั ตัวอักษร จากนั้นกาหนดค่า
ดังนี้
Size
=
4 px (ความหนาของเส้น)
Position=
Outside (จุดเริ่ มต้นของการสร้างเส้นขอบ)
7. คลิกทีช่อง Color เพื่อปรับเปลี่ยนสี เส้นขอบ
8. Drag Mouse ที่แถบสี จากนั้นเลือกสี ที่ตอ้ งการ กดปุ่ ม OK.
9. คลิกปุ่ ม OK. อีกครั้ง
10.สังเกตุผลลัพธ์ เพื่อแสดงว่าเลเยอร์ น้ นั มีการตกแต่งด้วย Effect จะมีสัญลักษณ์
ที่เลเยอร์ น้ นั
ตอนที่ 3 การเปลีย่ นข้ อความแต่ ใช้ Effect
เดิม
1. คลิกเครื่ องมือ Move Tool
2. กดปุ่ ม Alt พร้อมทั้ง Drag Mouse ลากข้อความ
เพื่อคัดลอก
3. สังเกตที่เลเยอร์ ตอนนี้มีเลเยอร์ ใหม่เกิดขึ้นชื่อว่า
Star wars copy ให้ดบั เบิ้ลคลิกที่รูป
ที่เลเยอร์ดงั กล่าว เพื่อแก้ไขข้อความ
4. คลิกปุ่ มเลือกฟอนต์และขนาดใหม่ตามต้องการ
5. เมื่อกาหนดเสร็ จแล้ว พิมพ์คาว่า THE MOVIE
ลงไป
6. กดปุ่ ม Enter
การตกแต่ งตัวอักษรด้ วยพาเลทสไตล์ (Style
Palette)
1.
2.
3.
4.
5.
6.
7.
เปิ ดภาพทีต่ ้ องการขึน้ มา (ในที่นีเ้ ลือกไฟล์จาก D:\Hour3\Sheep.jpg)
คลิกเลือกเครื่ องมือ Vertical Type Tool
คลิกทีภ่ าพเพื่อสร้ างตัวอักษรแบบแนวตั้ง
เลือกฟอนต์ Tahoma ลักษณะ Bold
ขนาด 29 pt
พิมพ์ข้อความลงไป
คลิกทีพ่ าเลท Styles
คลิกเลือกสไตล์ที่ต้องการ
ปรับแต่ งตัวอักษรโค้ งแบบต่ างๆ ด้ วย Warp Text
8. คลิกปุ่ ม Create warped text
เพื่อปรับแต่งตัวอักษร
9. ที่หน้าต่าง Warp Text ให้คลิกปุ่ ม
จากนั้นเลือกรู ปแบบ
ที่ตอ้ งการ
10. เมื่อเลือกรู ปแบบที่ตอ้ งการเรี ยบร้อยแล้ว ยังสามารถกาหนดรายละเอียด
เพิ่มเติมได้ กาหนดค่าดังนี้
Bend : =
50% (เพิ่มค่าความโค้งของข้อความ)
ปรับแต่ งตัวอักษรโค้ งแบบต่ างๆ ด้ วย Warp Text
11. เสร็ จแล้วคลิก OK.
12. คลิกเลือกเครื่ องมือ Move Tool
จากนั้น Drag Mouse เลื่อน
ข้อความ
13. สังเกตุผลลัพธ์ เพียงเท่านี้ ก็จะได้ตวั อักษรโค้งที่เกิดจากการปรับแต่ง
Warp text ตามต้องการ
การใช้งานตัวอักษรแบบบทความ (Paragraph)
ตอนที่ 1 การสร้ างตัวอักษรแบบบทความ
(Paragraph)
1. เปิ ดภาพที่ตอ้ งการขึ้นมา (ในที่น้ ี เลือก
ไฟล์จาก D:\Hour3\yoyo.jpg)
2. คลิกเลือกเครื่ องมือ Horizontal Type
Tool
จากนั้นเลือกฟอนต์และขนาด
ตามต้องการ
3. Drag Mouse สร้างกรอบของข้อความที่
ต้องการ
4. พิมพ์ขอ้ ความที่ตอ้ งการลงไป โดยสามารถ
สร้างข้อความได้ยาวเท่ากับกรอบที่สร้างไว้
เท่านั้น ในการขึ้นบรรทัดใหม่น้ นั สามารถ
ทาได้โดยการกดปุ่ ม <Enter>
การใช้ งานตัวอักษรแบบบิตแมป (Bitmap)
1.
2.
3.
4.
5.
เปิ ดภาพที่ตอ้ งการขึ้นมา (ในที่น้ ีเลือกไฟล์จาก D:\Hour4-2\Flower2.jpg)
คลิกเลือกเครื่ องมือ Horizontal Type Mask Tool
เลือกฟอนต์ Modern No.20 ลักษณะ Regular และขนาด 60 pt
คลิกปุ่ ม
เพื่อเปิ ดหน้าต่าง Character และ Paragraph ขึ้นมา
เนื่ องจากฟอนต์ที่เลือกไว้น้ นั ไม่มีลกั ษณะหนา (Bold) ดังนั้นจะให้โปรแกรม
เป็ นตัวกาหนดความหนาให้โดยคลิกปุ่ ม
ที่หน้าต่าง Character แล้ว
กาหนดเครื่ องหมายถูกที่ Faux Bold
6.
7.
พิมพ์ขอ้ ความ Flower.. จะสังเกตุได้
ว่ า การพิ ม พ์ข ้อ ความด้ว ยเครื่ องมื อ
Horizontal Type Mask Tool จะมี
พื้นสี แดงอ่อนเกิดขึ้นรอบๆ
กดปุ่ ม <Enter> เพื่อตกลงการทางาน
จะสังเกตุได้วา่ ตัวอักษรได้เปลี่ยนเป็ น
ลักษณะ Selection ซึ่ งต่างกับการใช้
งานตัวอักษรแบบเวคเตอร์
8.
9.
10.
11.
12.
13.
คลิกเมนู Edit > Copy เพื่อคัดลอกภาพ
Background ภายใน Selection
คลิกเมนู Edit > Paste เพื่อวางภาพที่
คัดลอกไว้ ที่พาเลทเลเยอร์ จะมีเลเยอร์ เพิ่ม
ขึ้นมา 1 เลเยอร์
คลิกเครื่ องมือ Move Tool
จาก นั้น
Drag Mouse เลื่อนภาพที่คดั ลอกไว้ข้ ึน
ข้างบน
ตกแต่งตัวอักษรแบบบิตแมปด้วย Effect
โดยคลิกปุ่ ม
จากนั้นเลือก Bevel
and Emboss..
ที่ช่อง Style เลือก Pillow Emboss
เสร็ จแล้วคลิกปุ่ ม OK.
ความหมายของการใช้เลเยอร์สไตล์
Drop Shadow..
เป็ นการใส่ เงาให้กบั ตัวอักษรหรื อรู ปภาพ สามารถ
กาหนดทิศทางและระดับความเข้มของเงาได้
Inner Shadow.. เป็ นการใส่ เงาให้กบั ตัวอักษรหรื อรู ปภาพเช่นเดียวกับ Drop
Shadow..แต่แตกต่างกันคือเป็ นการใส่ เงาแบบภายในวัตถุ
Outer Glow.. เป็ นการใส่ สีแบบฟุ้งกระจายภายนอกวัตถุ ทาให้ดูมีลกั ษณะเรื อง
แสงออกมา
Inner Glow.. มีลกั ษณะเช่นเดียวกับ Outer Glow.. แต่เป็ นการใส่ สีแบบฟุ้ง
กระจายภายในวัตถุ
Bovel and Emboss.. ทาให้ภาพดูมีลกั ษณะนูน มีท้ งั แบบนูนและบุ๋ม
Satin..
เป็ นการใส่ สีเพิ่มลงไปและมีลกั ษณะ
ลวดลายหลายๆ แบบ ไว้ให้เลือกใช้กนั
Gradient Overlay.. เป็ นการเปลี่ยนสี ภาพด้วยลักษณะการใส่ สีใน
รู ปแบบต่างๆ ซึ่ งสามารถกาหนดได้
Pattern Overlay.. เป็ นการเปลี่ยนสี ภาพด้วยการใส่ ลวดลายแบบ
ต่างๆ ลงไปในภาพ
Inner Glow.. มีลกั ษณะเช่นเดียวกับ Outer Glow.. แต่เป็ น
การใส่ สีแบบฟุ้งกระจายภายในวัตถุ
Stroke..
เป็ นการใส่ เส้นขอบล้อมรอบให้กบั ตัวอักษรหรื อ
ภาพ สามารถกาหนดสี และความหนาของเส้นขอบได้