รายงานสรุปขั้นตอนการสร้างตัวอักษร และการนำไปใช้งานจริง

Page 1


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

|2


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

|3

ขั้น ตอนการสร้า งตัว อัก ษร และการนำา ไปใช้ง านจริง Program Fontlab 1 . ติดตั้งโปรแกรม Fontlab คลิกเข้าไปที่ไอคอนโปรแกรมดังภาพ

รูปที่ 1 : แสดง Icon ของ Program Fontlab ที่มา : กิตติพงษ์ วามนตรี , (2558)

2 . เปิดโปรแกรมเมื่อติดตั้งเสร็จแล้ว

รูปที่ 2 : แสดงหน้าต่างการทำางาน ของ Program Fontlab ที่มา : นายกิตติพงษ์ วามนตรี, (2558)


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

3 . คลิกเปิดการทำางานเอกสาร ที่ File > Open

รูปที่ 3 : แสดงการเปิดเอกสาร ของ Programe Fontlab ที่มา : นายกิตติพงษ์ วามนตรี, (2558)

|4


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

|5

4. เมื่อคลิ๊กเข้าไปในช่องตารางตัวอักษรแล้วจะพบกับเส้นตาราง ต่างๆ

รูปที่ 4 : แสดงเทมเพลต ของ Programe Fontlab ที่มา : นายกิตติพงษ์ วามนตรี, (2558)

5. เราสามารถปรับหรือดัดตัวงานตามเส้นโนดโดยการใช้เครื่องมือ ด้านขวามือ


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

|6

รูปที่ 5 : แสดงเทมเพลต ของ Programe Fontlab ที่มา : นายกิตติพงษ์ วามนตรี, (2558)

6. การเปิดใช้เครื่องมือ ไปที่ View>Toolbars>และกดเลือกเครื่อง มือต่างๆที่ต้องใช้งาน


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

|7

รูปที่ 6 : แสดงการสร้างฟอนต์ของ Programe Fontlab ที่มา : นายกิตติพงษ์ วามนตรี, (2558)

7.ระหว่างสร้าง Font เราสามารถเลือก Preview ดูระยะห่างของตัว อักษรได้

รูปที่ 7 : แสดงการสร้างฟอนต์ของ Programe Fontlab ที่มา : นายกิตติพงษ์ วามนตรี, (2558) 8. ภาพแสดงการแสดงตัวอย่างระหว่างการออกแบบ


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

|8

รูปที่ 8 : แสดงการสร้างฟอนต์ของ Programe Fontlab ที่มา : นายกิตติพงษ์ วามนตรี, (2558)

9. เราสารถปรับระยะห่างของตัวอักษรโดยการคลิกขวาที่เส้นแล้ว เลือก Properties


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

รูปที่ 9 : แสดงหน้าต่างการเพิ่มความหนาของเส้น ที่มา : นายกิตติพงษ์ วามนตรี, (2558)

10. ปรับที่เมนู Metrics Properties

รูปที่ 10 : แสดงการสร้างฟอนต์ของ Programe Fontlab ที่มา : นายกิตติพงษ์ วามนตรี, (2558)

|9


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

| 10

11. หลังจากออกแบบเสร็จทุกตัวอักษรแล้วให้เข้าไปตั้งค่าและตั้ง ชื่อที่ File>Font info

รูปที่ 11 : แสดงการตัง้ ค่าใน fontinfo ที่มา : นายกิตติพงษ์ วามนตรี, (2558) 12. เมื่อตั้งค่าต่างๆเรียบร้อยแล้วให้เลือก File>Generate Font


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

รูปที่ 12 : แสดงหน้าต่างการ Generatefont ที่มา : นายกิตติพงษ์ วามนตรี, (2558)

13. ตั้งชื่อต่างๆเลือกแบบ Font ที่Save as type

| 11


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

รูปที่ 13 : แสดงหน้าต่างการ Generatefont ที่มา : นายกิตติพงษ์ วามนตรี, (2558)

| 12


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

ตัวอย่างชุดฟอนต์ที่เสร็จสมบูรณ์แล้ว ดิสเพลย์ฟ้อนต์ ชื่อฟ้อนต์ กิตติ

| 13


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

ทดสอบการใช้งานของฟอนต์ โดยการนำามาออกแบบเป็น โปสเตอร์

| 14


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

| 15


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

| 16


ARTD 2304 การออกแบบตัว อัก ษรเพื่อ การพิม พ์

| 17


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.