CRU-Narongchai-Font : Design by Narongchai Pramwate

Page 1

FONTGOTHI C

F


ขั้นตอนการออกแบบพัฒนาตัวอักษรคอมพิวเตอร์ ที่อยู่ของเว็บไซต์ตัวอักษร http://fontstruct.com/fontstructions/show/475947

1.ขั้นตอนการศึกษาวิเคราะห์ข้อมูลเบื้องต้น - ศึกษาโครงสร้างตัวอักษรภาษาอังกฤษ ที่จัดอยู่ในประเภท gothic ที่อยู่เว็บไซต์ (http://www.fontspace.com/) - ศึกษาข้อมูลและทดลองใช้งานเว็บไซต์เพื่อการออกแบบตัวอักษร ที่อยู่เว็บไซต์ (http://fontstruct.com/)

จากการหาข้อมูลผ่านทาง fontspace เพื่อหาตัวอย่างในการทำงานหรือ Reference ช่วยให้เราเกิดความเข้าใจในลักษณะของรูปแบบตัวอักษรได้ยิ่งขึ้น เราใช้วิธีการ Search ตัวอักษรภาษาอังกฤษที่อยู่ในประเภท gothic ตามที่เราสนใจในการออกแบบ คือความต้องการการสร้างแบบตัวอักษรที่มี stem เป็นเอกลักษณ์เฉพาะ ปลายแหลมและดูน่าสนใจ ยกตัวอย่างที่ทำการศึกษา... Warlock by Aaron W. Beck Co.


ทำการศึกษาเครื่องมือหรือโปรแกรมที่ใช้ในการออกแบบ fontstruct ซึ่งเป็นเว็บไซต์เพื่อการออกแบบตัวอักษรเราจำเป็นต้องสมัครสมาชิกเพื่อเข้ าใช้งานในส่วนของการออกแบบ~มีการเรียนรู้เกี่ยวกับตัวอักษรชนิดต่างๆ สามารถดาน์วโหลดตัวอักษรนำไปใช้งาน ในส่วนของข้อดี Fontstrurct นอกจากสามารถใช้เป็นพื้นที่เผยแพร่ตัวอักษรคอมพิวเตอร์ได้แล้ว ยังสามารถแสดงความเป็นลิกสิทธิ์ของเจ้าของได้อีกด้วย ยกตัวอย่างหน้าแรกของเว็บไซต์... http://fontstruct.com/

2.ขั้นการกำหนดคุณลักษณะแบบแนวความคิด - กำหนดคุณลักษณะแบบตัวอักษรตามโครงสร้างมาตรฐานตัวอักษร สิ่งสำคัญที่สุดคือการออกแบบตัวอักษรในเว็บไซต์ Fontstruct จะมีเกณฑ์การทำงานที่มีลักษณะ คล้ายกับการทำ Pixel art ที่ต้องอาศัยการ Dot หรือ Bricks เราจะไม่สามารถดัดส่วนเว้า-ส่วนโค้ง เหมือนเช่นโปรแกรม ps , illus หรือซอฟแวร์ที่ใช้สำหรับออกแบบตัวอักษร ซึ่งต้องใช้ความ สามารถของผู้ออกแบบเอง ดังนั้นการสร้างส่วนโค้งของตัวอักษรอาจเป็นอุปสรรคในการ ออกแบบได้ ที่สำคัญเราควรจะคำนวนปริมาณของ Bricks ให้เหมาะกับรูปแบบตัวอักษรเป็น อย่างดี และเรามีแนวคิดว่าจะใช้ปริมาณการ Bricks ให้น้อยที่สุดในการออกแบบเป็นสไตล์


ตัวอักษรที่ดูเฉียบคม-สวยงาม

3.ขั้นการร่างแบบ - กำหนดคุณลักษณะแบบตัวอักษรภาษาอังกฤษ ตัวเลขและสัญลักษณ์ทางการพิมพ์ตามโครงสร้างมาตรฐานตัวอักษร Idea sketch (ร่างความคิดเพื่อการออกแบบตัวอักษร)

4.ขั้นการออกแบบ - ออกแบบ-เขียนแบบตัวอักษรภาษาอังกฤษตัวเลขและสัญลักษณ์ทาง การพิมพ์ตามแบบร่างด้วย fontstruct เว็บไซต์เพื่อการออกแบบตัวอักษร ในหน้าของการออกแบบตัวอักษรประกอบไปด้วยชุดคำสั่งต่างๆ มีส่วนสำคัญได้แก่ Tools และ Bricks รูปแบบต่างๆ นำมาใช้ในการออก


แบบตัวอักษร ให้เราออกแบบ Characters ตัวอักษรภาษาอังกฤษ ตัวเลข และสัญลักษณ์จนครบตามที่กำหนดไว้ ยกตัวอย่างตามรูป...

5.ขั้นการประกอบและทดสอบ - ทดสอบการพิมพ์-การประกอบแบบอักษรภาษาอังกฤษตัวเลขและสัญลักษณ์ ทางการพิมพ์ ตามรูปแบบการจัดวางข้อความ เมื่อเราคลิ๊กที่คำสั่ง Preview จะนำเราไปสู่หน้าสำหรับทดสอบการพิมพ์


6.การสร้างต้นแบบการนำไปใช้งาน - นำไปใช้จริงในการออกแบบตัวอักษรภาษาอังกฤษตัวเลขและสัญลักษณ์ แสดงให้เห็นเอกลักษณ์เฉพาะ โดยการเปิดให้ดาน์วโหลดผ่านทางเว็บไซต์ fontstruct ที่ใช้ในการออกแบบตัวอักษร

7.ขั้นการประเมินผล - สำรวจความคิดเห็นเกี่ยวกับผลงาน มีการดาวน์โหลดทั้งหมด 4 ครั้ง การให้คะแนน 8.2 คะแนน 4 Votes นับตั้งแต่วันที่เริ่มทำการออกแบบผ่านทางเว็บไซต์ถึงวันที่ 4 พ.ค. 53 Stats: 98 characters, 4 downloads Created : Wed, 20th April, 10:45 PM 2011 Last Edit: Sun, 1st May, 3:25 PM 2011

8.ขั้นการสรุปและเผยแพร่ - สรุปผลงาน กำหนดข้อความลิขสิทธิ์และนำไปเผยแพร่ทางเว็บไซต์ fontstruct ที่ใช้ในการออกแบบตัวอักษร ในส่วนของ Details เลือกใช้การกำหนด License กำหนดความเป็นเจ้าของลิขสิทธิ์ Creative Commons Attribution


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

จัดทำโดย (นายณรงค์ชัย เปรมวัตร) narongchaiarti3319



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.