8

CRU-Narongchai-Font : Design by Narongchai Pramwate

Embed Size (px)

DESCRIPTION

CRU-Narongchai-Font : Design by Narongchai Pramwate

Citation preview

Page 1: CRU-Narongchai-Font : Design by Narongchai  Pramwate

F

FONT GOTHIC

Page 2: CRU-Narongchai-Font : Design by Narongchai  Pramwate

ขั้นตอนการออกแบบพัฒนาตัวอักษรคอมพิวเตอร์ที่อยู่ของเว็บไซต์ตัวอักษร 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.

Page 3: CRU-Narongchai-Font : Design by Narongchai  Pramwate

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

2.ขั้นการกำหนดคุณลักษณะแบบแนวความคิด

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

Page 4: CRU-Narongchai-Font : Design by Narongchai  Pramwate

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

3.ขั้นการร่างแบบ

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

4.ขั้นการออกแบบ

- ออกแบบ-เขียนแบบตัวอักษรภาษาอังกฤษตัวเลขและสัญลักษณ์ทาง การพิมพ์ตามแบบร่างด้วย fontstruct เว็บไซต์เพื่อการออกแบบตัวอักษร

ในหน้าของการออกแบบตัวอักษรประกอบไปด้วยชุดคำสั่งต่างๆ มีส่วนสำคัญได้แก่ Tools และ Bricks รูปแบบต่างๆ นำมาใช้ในการออก

Page 5: CRU-Narongchai-Font : Design by Narongchai  Pramwate

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

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

Page 6: CRU-Narongchai-Font : Design by Narongchai  Pramwate

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

Page 7: CRU-Narongchai-Font : Design by Narongchai  Pramwate

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

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

Page 8: CRU-Narongchai-Font : Design by Narongchai  Pramwate