เกร็ดความรู้เล็กๆ นอกเวลา 1

Angsana Story (เรื่องราวของ Angsana)

credit http://kungsss.exteen.com/images/angsana1.jpg

เพิ่งรู้วันนี้เองว่า Angsana UPC กับ Angsana New มันต่างกันตรงไหน
เคยสงสัยเหมือนกันสมัยหัดใช้คอมใหม่ๆ แต่ไม่ได้ติดใจอะไรมากนักถ้ามันใช้ได้ทั้งคู่ คำถามนี้เลยลบหายไปจากใจมานาน เชื่อว่าคนอื่นน่าจะคิดคล้ายๆ กัน

วันนี้มีโอกาสนั่งคุยกับคุณบุญเลิศ คนสร้าง Angsana, Browalia, Cordia เหล่านี้ เลยได้รู้ข้อแตกต่าง

UPC เป็นฟอนต์ที่ใช้ตาราง ASCII ส่วน New นั้นเป็น Unicode ขอไม่อธิบายละกันว่าสองอย่างนี้มันต่างกันยังไง
UPC ใช้ hinting ของคุณบุญเลิศ ส่วน New นั้น ลิขสิทธิ์ของ hinting เป็นของไมโครซอฟท์
ฟอนต์ TrueType ในปัจจุบันเป็นเวกเตอร์ ถึงแม้เวกเตอร์จะมีข้อดีที่ขยายอย่างไรก็ไม่มีวันแตก แต่ถ้าย่อภาพลงไปจนเล็กในขนาดหนึ่ง (สำหรับฟอนต์คือประมาณ 18pt ลงไป) จำนวนจุดที่แสดงผลบนจอจะเป็นข้อจำกัด ทำให้ฟอนต์เริ่มบิดๆ เบี้ยวๆ

hinting คือการบอกว่าจะวาดฟอนต์บนจออย่างไร anti-alias อย่างไรถึงจะสวย ซึ่งเป็นวิธีแบบ manual ต้องใช้ผู้เชี่ยวชาญจริงๆ สำหรับทำ hint และฟอนต์ตัวเดียวกันแต่คนละขนาด หรือคนละ resolution จำเป็นต้องใช้ hinting คนละชุดกัน เพราะ hinting สำหรับ 18pt อาจจะดูไม่ดีใน 12pt ก็ได้

เท่าที่ทราบปัจจุบันนี้ในโลกมีผู้เชี่ยวชาญการ hinting ระดับเทพจริงๆ 10 กว่าคนเท่านั้น หมกตัวอยู่ใน Microsoft, Apple, Adobe และบริษัทฟอนต์อย่าง Bitstream

ถ้าเคยใช้ Bitstream Vera จะพบว่ามันคมชัดมากแทบจะบาดเลย Vera เป็นหนึ่งฟอนต์ที่ได้รับการยอมรับว่ามี hinting ดีมากๆ

สำหรับ Mac OS X จะไม่มี hinting เพราะส่วนการแสดงผลนั้นใช้ OpenGL เข้ามาช่วยในการ composite ภาพส่วนต่างๆ เข้าด้วยกัน ทำให้ยกหน้าที่การทำ anti-alias ไปให้กับ OpenGL แล้ว
ภาพเลยออกมาชัดจนไม่ต้องมี hinting (คุณบุญเลิศยังบอกด้วยว่าจะเห็นชัดเจนในจอแบบใหม่ของ PowerBook)

โลกของฟอนต์นี่ยิ่งใหญ่กว่าที่คิดไว้เยอะแฮะ

แหล่งที่มา http://www.isriya.com/node/721/angsana-story

สรุปผลการเรียนรู้ รายวิชา ARTD2304 สัปดาห์ 3

ไปศึกษาใน Google+ ว่าในนั้นมีงานออกเเบบเกี่ยวกับ ตัวอักษร หรือว่าเทคนิค

ตัวการออกเเบบตัวอักษรอย่างไรบ้าง ให้ลองไปศึกษาดู

ให้ตีความหมายของคำว่า Typepography Character ตัวพิมพ์ การพิมพ์ Letter พยัญชนะ วรรณยุกต์

ว่าเเต่หละคำมีความหมายว่าอย่างไรบ้าง 
และหาความหมายเกี่ยวกับ Anatomy font

Chrome Web store ให้นักศึกษาไปสมัคร เพื่อเอา Barcode เพื่อให้ง่ายต่อการ เผยเเผร่

ข้อมูลข่าวสาร ต่างอย่างได้สะดวกเเละรวดเร็ว

www.fonts.com นี้ให้นักศึกษา ไปศึกษาของ Font ต่าง หรือบทความ ที่เกี่ยวกับตัวอักษร

เพราะเว็บนี้ เป็นเว็บที่มีคุณภาพ

Work this week

• ทำเส้นแกน ของตัวอักษร A-Z, a-z และ ก-ฮ ทำใส่กระดาษ A4 แนว 1 แผ่น/ชุด

ส่งใน Google Drive

สรุปผลการเรียนรู้ รายวิชา ARTD2304 สัปดาห์ 2

อาจารย์ได้สอนวิธีการแชร์ลิ้งต่างๆ โดยมีวิธีดังนี้
         วิธีการแชร์จะต้องเข้าฟอร์มและพิมพ์รายชื่อ e-mail ให้ถูกต้อง ตรงช่อง add people เสร็จแล้ว เรายังสามารถ edit รายชื่อ e-mail ได้อีกด้วย
         
อาจารย์ได้สั่งงานให้รายงานข่าว ที่เกี่ยวกับ Fonts โดยการนำเสนอ ผ่าน Google Drive โดยมีวิธีการดังนี้

1. เราจะต้องเข้าไปที่ หน้า Google
2. ใส่e-mail และ password ของเรา และไป Drive 
3. เมื่อไปที่ หน้า Drive แล้ว ให้เราคลิกที่ Create เพื่อที่จะเริ่ม พิมพ์ข่าว ในโปรแกรมนี้จะมีลักษณะคล้ายกับ microsoft Word 
4. ให้เราศึกษาหาข่าวโดยการหาจาก Google โดยหาจากคำว่า "Typo" 
5.  เมื่อหาข่าวได้แล้วเราก็นำมาแปล และสรุปจับใจความ และมาพิมพ์ลงใน Google Drive
6. ใช้ Font ที่ชื่อ Arial และตัวอักษรต้องมีขนาด 12 ใช้ Bold (ตัวหนา)
7. หากมีรูปภาพ ก็ให้แทรก โดยใช้วิธี Copy image URL แล้วค่อยมาลงใน Insert image
8. เมื่อเสร็จแล้วกดบันทึก

Work this week

• ให้ออกแบบชื่อตนเอง โดยใช้ชื่อ-นามสกุล จริง ภาษาอังกฤษ ออกแบบลงในสมุดกราฟ ความสูง 3 ช่อง/ซม. การเขียนให้ใช้เส้นรูปแบบเส้นเดี่ยวเป็นโครงสร้าง ให้ศึกษารูปแบบที่ชอบและนำมาประยุกต์ในการออกแบบด้วย 
• หาข่าวที่ google ที่เกี่ยวกับ typo แปลออกมาแล้วสรุปตามความคิดของเรา นำมาขยายดูว่าใช้กับงานแบบใด ลักษณะไหน

          ตัวข้อมูลข่าวจากเว็บ เช่น http://coca-cola-art.com   แล้วน้ำมาแปลใน Google และทำลงใน Google Drive

สรุปผลการเรียนรู้ รายวิชา ARTD2304 สัปดาห์ 1

อธิบายเกี่ยวกับวิชา การออกแบบตัวอักษรเพื่อการพิมพ์ (Typography Design)
รหัสวิชา ARTD2304 3 หน่วยกิต (2-2-5 = ทฤษฎี-ปฎิบัติ-เรียนรู้ด้วยตนเอง)
และ การแต่งกายและมารยาทในชั้นเรียน และการติดตามงานผ่าน Google+

เงื่อนไขและข้อตกลงก่อนการเรียน

1.ใช้ gmail โดยลงทะเบียนด้วยชื่อจริง เพื่อเป็นระบบสื่อสารเดียวกัน เพื่อการประเมินผลกิจกรรมร่วมฝึกอื่นๆให้ใส่ข้อมูลรายละเอียดส่วน ตัว(Account Setting) โดยตั้งค่าใช้โหมดภาษาอังกฤษ
2.ติดต่อผู้สอนด้วยอีเมล prachid2009@gmail.com 
3.ให้เปิดใช้งานผลิตภัณฑ์บริการของกูเกิ้ลคือ
 - ติดตาม(Follow) เว็บบล็อกของวิชานี้ ติดตามอีเมลอ prachid2009@gmail.com และ add friend ใน Google plus
 - Google Profile ใส่ข้อมูลส่วนตัวให้เรียบร้อยเป็นจริง
 - GoogleDocs ฝึกใช้งาน Documents และการ Share
 - สร้าง Blog ของ Blogger โดยใช้ชื่อจริงนำหน้าแล้วตามด้วย-รหัสวิชา เช่น prachid-arti2305 เพื่อสรุปผลการเรียนรู้ในวิชานี้เป็นส่วนบุคคล
 - ติดตามบล็อกบันทึกการสอนของอาจารย์ที่ http://typefacesdesign.blogspot.com
4.ให้สมัครเป็นสมาชิกและสมัครเรียนในระบบอีเลิร์นนิ่งที่http://chandraonline.chandra.ac.th/dokeos  สมัครเป็นสมาชิกก่อน(ครั้งแรก)ใช้ภาษาอังกฤษ ใส่ข้อมูลและรูปถ่ายให้เรียบร้อย
- สมัครเรียนเฉพาะในวิชาที่เปิดสอน-สมัครเรียน
- เมื่อเข้าวิชาแล้วให้เลือกสมัครเข้ากลุ่มเรียนของตนเอง(ตามกลุ่มที่ลงทะเบียนเรียน)
5.สมัครสมาชิกกลุ่มแสดงงานออกแบบตัวอักษรที่ http://issuu.com/groups/typography
7. เวลาเรียนตลอดภาคเรียนต้องไม่น้อยกว่า 80% จึงจะมีสิทธิ์รับการประเมินผลปลายภาคเรียน สิทธิ์ขาดเรียนเพียง แค่ 3 ครั้ง (ไม่แจ้ง/ไม่มีใบลา/ไม่ติดต่อผู้สอน)
9.สมัครเป็นสมาชิก-รับข้อมูลข่าวสารและศึกษาเนื้อหาวิดิโอการสอนของอาจารย์ได้ที่ URL Prachid's Youtube.com http://www.youtube.com/prachid0071 และปรับแก้ไขข้อมูลช่องของตนเองให้เรียบร้อย
6.นำ บัตรเข้าชั้นเรียน ติดรูปถ่าย-สมุดจดที่แจกให้ วางโต๊ะผู้สอนก่อนเข้าชั้น มาสาย 2 ครั้ง (เกิน 30 นาที ถือว่ามาสาย) นับเป็นขาด 1 ครั้ง
8.กิจกรรมการศึกษาค้นคว้าแปล สรุปข่าวสารความรู้ด้านการออกแบบตัวอักษร: Weekly Report เรียงตามลำดับรายชื่อที่ลงทะเบียนเรียน ช่วง 30 นาที แรกของคาบเรียน ผู้ที่รายงานต้องส่งแชร์เอกสารที่ถูกแบบฟอร์มและนำเสนอด้วย Google Presentation  + แชร์ให้เพื่อนๆ และให้อาจารย์ตรวจสอบก่อนรายงานทุกครั้งอย่างน้อย 1 วัน  โดยแจ้งไว้ในแบบฟอร์มการประเมินผลที่อาจารย์แชร์ให้ดำเนินการเอง

แหล่งที่มา http://typefacesdesign.blogspot.com/2011/12/1.html