สรุปการเรียนครั้งที่ 6 (10/02/58)

          ให้เช็คดูช่องเว้น ช่องห่างระหว่างตัวอักษร ตำแหน่งการจัดวาง ให้ห่างกันพอสมควรทุกตัว และส่วนตัวฟอนต์ วรรณยุกต่างๆ จะมีหลายขนาด ความสูง option1-4 > บ่ ป่ ปั้น ปุ อ.บอกรายละเอียดการใช้ โปรแกรม font creator และบอกวิธีเบื้องต้นให้และให้นำวิธีการทำมาลงในบล้อคของตัวเราเองด้วย

การบ้าน
อ.ให้ทำฟอนต์ของตัวเอง 1 ชุด กับ ฟอนต์ของเพื่อนอีก 1 ชุด รวมเป็น 2 ชุดทั้งหมด
และให้ออกแบบโลโก้ของมหาวิทยาลัยราชภัฏพระนคร 2 โลโกทั้งแบบภาษาไทยกับภาษาอังกฤษและเข็มกลัดที่ระลึกของมหาลัยอีก1แบบด้วย

......................................

การสร้างชุดฟอนต์ตระกูล : CRU-Sukanya 58

ขั้นตอนที่ 1 เปิดโปรแกรม Adobe Photoshop CS6 ขึ้นมาก่อน

 ภาพที่ 1 แสดงภาพหน้าตาของโปรแกรม Adobe Photoshop CS6

ที่มา นางสาว สุกัญญา มาตผล , 2558

ขั้นตอนที่ 2  คลิ๊กเข้าไปที่ Open เพื่อหาไฟล์แบบร่างที่เราสแกนลงเครื่องไว้เรียบร้อยแล้ว 

 ภาพที่ 2

ที่มา นางสาว สุกัญญา มาตผล , 2558

ขั้นตอนที่ 3  เปิดแบบสแกนของเราขึ้นมา

 ภาพที่ 3 

ที่มา นางสาว สุกัญญา มาตผล , 2558

ขั้นตอนที่ 4 ต่อไปก็ใช้เครื่องมือ Rectangular marquee tool หรือกด M คีย์ลัดก็ได้ เพื่อมาครอบตัวอักษรของเราไปใส่โปรแกรม  FontCreator Pro 8.0.0 โดยการ Ctrl + C เพื่อคัดลอก

ภาพที่  4  แสดงภาพเครื่องมือของ  Rectangular marquee tool 

ภาพที่ 5 แสดงภาพในการครอบตัวอักษร

ที่มา นางสาว สุกัญญา มาตผล , 2558

ขั้นตอนที่ 5 เปิด  FontCreator Pro 8.0.0 ขึ้นมา

ภาพที่ 6 แสดงภาพหน้าตาของโปรแกรม FontCreator Pro 8.0.0

ที่มา นางสาว สุกัญญา มาตผล , 2558

ขั้นตอนที่ 6  คลิ๊กไปที่ File > Open > Installed Font หรือกด Ctrl+I คีย์ลัดก็ได้ เพื่อนำรูปแบบฟอนต์ที่เราต้องการมาดัดแปลง

ภาพที่ 7 แสดงภาพเครื่องมือ  Installed Font 

ภาพที่ 8  แสดงภาพรูปแบบฟอนต์ต่างๆ

ที่มา นางสาว สุกัญญา มาตผล , 2558

ขั้นตอนที่ 7  นำแบบตัวอักษรที่เราครอบไว้จากขั้นตอนที่ 4 มาวาง กด ( Ctrl + V ) คีย์ลัด ทับลงรูปแบบฟอนต์ตัวเดิมไว้

และดัดแปลงตัวอักษรของเราให้อยู่ในสัดส่วนตามความเหมาะสมให้ครบทุกตัว

ภาพที่ 9 

ที่มา นางสาว สุกัญญา มาตผล , 2558

ขั้นตอนที่ 8 การจัดวางช่องไฟ หน้า - หลัง โดยคลิ๊กขวา แล้วเลือก Glyph Properties 

ภาพที่ 10 

ที่มา นางสาว สุกัญญา มาตผล , 2558

ขั้นตอนที่  9 เมื่อเราจัดวางช่องไฟ หน้า - หลัง ครบทุกตัวเรียบร้อยแล้ว ให้ไปคลิ๊ก ที่ Font > Test  หรือกด ( F5 ) คีย์ลัดก็ได้ เพื่อทดสอบการพิมพ์ ตรวจดูระยะช่องไฟของแต่ละตัวอักษรให้สมบูรณ์

ภาพที่ 10 แสดงภาพการ Test ทดสอบการพิมพ์ตัวอักษร

ที่มา นางสาว สุกัญญา มาตผล , 2558

ภาพที่ 11 แสดงภาพการ Test ทดสอบการพิมพ์ตัวอักษร

ที่มา นางสาว สุกัญญา มาตผล , 2558

ขั้นตอนที่ 10  เมื่อเราได้ฟอนต์ที่เสร็จสมบูรณ์แล้วให้ไปที่ File Save Project หรือกด Ctrl + S คีย์ลัดก็ได้ให้เป็นไฟล์ Font Creator Project  (*, fcp ) สามารถแก้ไขภายหลังได้ 

ส่วน Expot Font > Expot TrueTpye / OpenTypeFont หรือกด ( Shift+Ctrl+E ) เพื่อ Save เป็นไฟล์ (.ttf )

สามารถนำไปใช้งานได้เลย

ภาพที่ 12 แสดงภาพการ Save Project  เป็นไฟล์  (*, fcp )

ภาพที่ 13 แสดงภาพการ Expot Font เป็นไฟล์  (.ttf )

ที่มา นางสาว สุกัญญา มาตผล , 2558

ขั้นตอนที่  11 การนำชุดฟอนต์ของเราไปติดตั้งได้ต้องไปที่ Start > Control Panel > Font แล้ววางก็เป็นอันเสร็จ

........................................................................


เสร็จเรียบร้อย นอนดีกว่า...