วันอังคารที่ 19 เมษายน พ.ศ. 2559

สรุปผลการศึกษาครั้งที่10 (19เมษายน 2559 )

-ส่งงานพรีเซนฟ้อนต์ San-Serif แบบ Regula และแบบ Italic

ภาพที่ 1 Moodborad แสดงการเรียงพิมพ์ฟ้อนที่ออกแบบ
ที่มา : นายอนุสรณ์  เสาร์ศรี 

-สอบใน Claroline และสอบปฎิบัติ โดยให้นำฟ้อนที่เราออกแบบ มาจัดเรียงพิมพ์ในโปรแกรม Adobe Illustrator แล้วแค๊ปหน้าจอส่งงานใน Google Classroom 

ภาพที่ 2 แสดง Font san-serif Italic
ที่มา : นายอนุสรณ์  เสาร์ศรี

ภาพที่ 3 แสดง Font san-serif Regular
ที่มา : นายอนุสรณ์  เสาร์ศรี


สรุปผลการศึกษาครั้งที่9 (5เมษายน 2559 )

- ส่งงานฟ้อนต์ประกวดให้อาจารย์เชคความเรียบร้อย ก่อนส่งประกวด




ภาพที่ 1 แสดงตัวอักษรภาษาไทย สระ และวรรณยุกต์ และการเรียงพิมพ์ฟ้อนต์


ภาพที่ 2 แสดง แสดงการเรียงพิมพ์ ฟ้อนต์ แบบต่างๆ ทั้งขนาดและการวางบนพื้นสีเข้มและสีอ่อน
ที่มา : นายอนุสรณ์  เสาร์ศรี


สรุปการจัดงาน Gift on the moon ( 30 มี.ค.-3เม.ย 2559 )


งาน Gift on the Moon


ภาพที่ 1 แสดงการจัดหน้าร้านขายของ
ที่มา : นายอนุสรณ์  เสาร์ศรี




ภาพที่ 2 แสดงตัวสินค้า คือกระเป๋าผ้าดิบ 
ที่มา : นายอนุสรณ์  เสาร์ศรี


ภาพที่ 3 แสดงการจัดหน้าร้านขายของ

ที่มา : นายอนุสรณ์  เสาร์ศรี



ภาพที่ 4 แสดงการซื้อขายสินค้า 
ที่มา : นายอนุสรณ์  เสาร์ศรี


ภาพที่ 5 แสดงการซื้อขายสินค้า 
ที่มา : นายอนุสรณ์  เสาร์ศรี





ภาพที่ 6 แสดงการซื้อขายสินค้า 
ที่มา : นายอนุสรณ์  เสาร์ศรี



ภาพที่ 7 แสดงการซื้อขายสินค้า 
ที่มา : นายอนุสรณ์  เสาร์ศรี


ภาพที่ 8 แสดงการซื้อขายสินค้า 
ที่มา : นายอนุสรณ์  เสาร์ศรี


ภาพที่ 9 แสดงการซื้อขายสินค้า 
ที่มา : นายอนุสรณ์  เสาร์ศรี




ภาพที่ 10 Moodborad นำเสนอผลงาน 
ที่มา : นายอนุสรณ์  เสาร์ศรี





สรุปผลการศึกษาครั้งที่8 ( 29 มีนาคม 2559 )

สั่งงาน
-รายงานการสรุปให้ใช้ฟ้อนรายมือตัวเอง ส1-ส3 lส่งวันที่ 5 เมษายน พร้อม moodborad ทีมีรายละเอียดงานของตัวเองติดมาด้วย


สรุปผลการศึกษาครั้งที่7 ( 22 มีนาคม 2559 )

สั่งงาน
-วันที่ 29 เมษายน ตรวจสอบงานส่ง Font ประกวด 
-19 เมษายน สอบปฎิบัติ ทฤษฎี 1 ชั่วโมง
-ให้ทำ Font san-serif เป็นงานชิ้นสุดท้ายให้จัด Pangram ในพื้นสีข่วและสีดำ เพื่อโชว์ตัวฟ้อนต์ ทำเป็นไฟล์รายงานการทำฟ้อนต์ อัพลง ISSUU


ภาพที่ 1 แสดง Pangram ตัวอย่างของอาจารย์
ที่มา : นายอนุสรณ์  เสาร์ศรี



สรุปการเรียน 
อาจารย์สอนเกี่ยวกับ Scrip Code หรือ Code ตำแหน่งกิฟของแต่ละตัวอักษร กลุ่ม วรรณยุกต์ สระ จะมีตารางกิฟเพิ่มขึ้นมา เพราะในภาษาไทย จำเป็นจะต้องเขียน กิฟตารางเพิ่ม  การตั้งค่า UPM  = 1000 คือการตั้งค่าในการส่งให้เข้ากับได้ด้วย 
Text Mode หนาบางให้เท่ากัน สัดส่วนที่มีความต่อเนื่อง 
การจัดกั้นหน้ากั้นหลังให้เท่าๆกัน มีบางครั้งต้องมีการจัดแบบ Manual ค่าสื่งนั้นคือ New Matrics windows Erotion จะมีคำสั่งแก้ และ Add funtune


ภาพที่ 2 แสดงการจัดกั้นหน้าและหลัง ของอาจารย์
ที่มา : นายอนุสรณ์  เสาร์ศรี


วันศุกร์ที่ 11 มีนาคม พ.ศ. 2559

สรุปผลการศึกษาครั้งที่6 ( 8 มีนาคม 2559 )

- แบ่งกลุ่มทำงานกิฟ มีชื่อกลุ่ม สโลแกรน โลโก้กลุ่ม นำเสนอด้วย moodborad
-ให้เอาฟ้อนที่เราออกแบบไปทำงานหนังสือหรือบทความ ใช้เนื้อหาอะไรก็อได้เป็นการนำเสนอฟ้อน ขนาดA3  16pt วางแสดงฟ้อนแบบพื้นขาวและพื้นเข้ม
-ตรวจงานประกวดฟ้อน ต้องมีการสเก็ตแบบฟ้อนลงในสมุดดราฟ ร่างแบบตัวอักษร ก-ฮ สระ นำเสนออาทิตย์หน้า


อาจารย์สอนขั้นตอนการทำฟ้อนด้วยโปรแกรม fontlab การใช้เครื่องมือ toolbar ต่างๆ การกั้นหน้าและกั้นหลัง เทคนิคต่างๆในการออกแบบตัวอักษร



ภาพที่ 1 : ภาพแสดงการขึ้นโครงร่างตัวอักษร
ที่มา : นายอนุสรณ์ เสาร์ศรี

ภาพที่ 2 : ภาพแสดงตัวอักษรที่อาจารย์ออกแบบ
ที่มา : นายอนุสรณ์ เสาร์ศรี


ภาพที่ 3 : ภาพแสดงการขึ้นโครงร่างที่แยกไว้ เพื่อสามารถนำไปใช้เป็นตัวอักษรอื่นๆที่ใกล้เคียงได้
ที่มา : นายอนุสรณ์ เสาร์ศรี

ภาพที่ 4 : ภาพแสดงการขึ้นโครงร่างที่แยกไว้ เพื่อสามารถนำไปใช้เป็นตัวอักษรอื่นๆที่ใกล้เคียงได้
ที่มา : นายอนุสรณ์ เสาร์ศรี

ภาพที่ 5 : ภาพแสดงการดีไซด์ฟ้อนให้มีลูกเล่นเพิ่มความเป็นเอกลักษณ์
ที่มา : นายอนุสรณ์ เสาร์ศรี

วันอังคารที่ 8 มีนาคม พ.ศ. 2559

รายงานข่าว

รายงานออนไลน์แปลสรุปข่าวสารการออกแบบตัวอักษรเพื่อการพิมพ์

เรื่องที่ 1 25 Great Typography, Lettering & Calligraphy Designs.


เขียนโดย  Daniel Nelson.

แปลสรุปเรื่องโดย  นายอนุสรณ์ เสาร์ศรี

25 Great Typography, Lettering & Calligraphy Designs.

In our popular typography series we present our latest design findings containing nice type, hand-lettering & calligraphy work. Great quality stuff by talented creatives and artists all over the globe.

แปลสรุป
    ชุดตัวพิมพ์นี้เป็นชุดพิมพ์ที่นิยมเป็นการนำเอาการออกแบบชนิดมือตัวอักษร นำมาจากผลการวิจัยการออกแบบใหม่ล่าสุด ประดิษฐ์ตัวอักษรเพื่อการทำงาน สำหรับงานโฆษณาของจากศิลปินทั่วโลก
ผลงานของ Armour by The Kinetic

ผลงานของ Labrewtory by Srdjan Vidakovic

ผลงานของ SH Monogram by Ian Barnard


ผลงานของ Art Directors Club by DMSQD


ผลงานของ Believe in Magic by Faust New York
ผลงานของ The Whiskey Trail by Martin Schmetzer


ผลงานของ Smart Investor Cover by Bobby Haiqalsyah
ผลงานของ House Industries



เรื่องที่ 2


เขียนโดย  Teodor Georgiev

แปลสรุปเรื่องโดย  นายอนุสรณ์ เสาร์ศรี

Helvetica Warped
    What I like about this type is that it's based off Helvetica, but it gives a completely new meaning and identity. Helvetica is a very universal typeface that could be used in almost all situations. However, this innovation of Helvetica almost restricts it to be using for a child related item, whether it be a book, logo for a childrens program etc.

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

 

วันจันทร์ที่ 7 มีนาคม พ.ศ. 2559

สรุปผลการศึกษาครั้งที่5 ( 2 กุมภาพันธ์ 2559 )

-แจ้งการเรียนการสอนวันที่ 16 กับ 23 ไม่ต้องมาเรียนแต่ต้องทำงานส่ง
-วันที่ 1 มี.ค. สอบ online 18.00-21.00 ให้ไปลองฝึกใช้โปรแกรม font lab สำหรับใช้ในการสอบกลางภาค
 -รายงานข่าว 3 คน - ฟังอาจารย์สอนเครื่องมือต่างๆที่ใช้ในการทำฟ้อน เมนูบาร์ การจัดช่องไฟ guid ,space, font info ,codeตัวอักษรแต่ละตัว , loading การส่งออกไฟล์งาน
-ศึกษาเพิ่มเติมได้ที่ thaifont.info

ภาพที่ : 1 อาจารย์กำลังสอน
ที่มา : นายอนุสรณ์ เสาร์ศรี

ภาพที่2 :  อาจารย์กำลังสอนขั้นตอนการเทสตัวอักษรที่ทำขึ้นมา
ที่มา : นายอนุสรณ์ เสาร์ศรี


สรุปผลการศึกษาครั้งที่4 ( 26 มกราคม 2559 )

- ฟังแปลสรุปข่าว 3 ข่าว
- เตรียมแบ่งกลุ่มเพื่อเตรียมทำงาน gift on the moon ส่งแบบ 3 แบบ 3 ไอเดีย
- ฟังอาจารย์สอนเรื่องความสามารถของโปรแกรม font lab คือโปรแกรมสำหรับ editor เป็นการสร้างและแก้ไขตัวฟ้อน เรียนรู้การจัดช่องไฟ การจัดเรียง และการสร้างตัวอักษรพื้นฐาน

วันศุกร์ที่ 22 มกราคม พ.ศ. 2559

สรุปผลการศึกษาครั้งที่3  ( 19 มกราคม 2559 )
- ฟังแปลสรุปข่าว 
- เตรียมแบ่งกลุ่มเพื่อเตรียมทำงาน gift on the moon 
- ฟังอาจารย์สอนขั้นตอนการทำฟ้อนด้วยโปรแกรม Illustrator ให้เป็น vector พร้อมให้นักศึกษาฝึกทำเบื้องต้น 

งานส่งอาทิตย์ต่อไป
- นำไฟล์งานที่เป็นรายมือของตัวเองและของคนอื่น มาทำเป็น vector ทำ 2 ไฟล์ ส่งเป็นไฟล์ AI ของตัวอักษารภาษาไทยและภาษาอังกฤษ 
- ทำรายงานขั้นตอนการทำงานทั้งหมดของการทำฟ้อนแบบ vector ส่งใน google drive 
- นำฟ้อนที่ได้ออกแบบทำไปวางลงบนตัวสินค้า เช่น เสื้อ กระเป๋าผ้า 











วันพุธที่ 13 มกราคม พ.ศ. 2559

สรุปผลการศึกษาครั้งที่2  ( 12 มกราคม 2559 )
-สอบ pretest ในระบบและสอบภาคปฎิบัติ ใช้โปรแกรมประเภท vector ทำการออกแบบตัวอักษรในลักษณะ typography ขนาด a4 ของคำว่า "เรารักจันทรเกษม" ทั้งภาษาไทยและอังกฤษ 
-สัปดาห์หน้า อ่านแปลสรุปข่าว ครั้งละ 3 คน 
-ศึกษาค้นคว้า ความหมาย พร้อมอ้างอิงค์แหล่งที่
     -Font
     -Type 
     -Typeface
     -Character
     -Alphabet
     -Typography
-ให้เขียนตัวอักษรพยัญชนะไทยและตัวอักษรภาษาอังกฤษ ลงในกระดาษที่อาจารย์ให้แบบฟอร์ม พร้อมแบบลายมือของบุคคลอื่นอีกสองคน
-สัปดาห์หน้าติดตั้ง software ที่ใช้ในการออกแบบ  

วันจันทร์ที่ 11 มกราคม พ.ศ. 2559

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

1. รูปแบบตัวอักษร (Type Face ) อักษรไทยมีหลายรูปแบบ สามารถจัดเป็นกลุ่มได้เช่น ตัวแบบราชการ ตัวแบบอารักษ์ ตัวแบบหัวกลม ตัวแบบหัวตัด (ตัวลิปบิ้น) ตัวแบบไม่มีหัว (ตัวหัวบอด) และตัวประดิษฐ์ ควรเลือตัวให้เหมาะสมกับงานเช่น งานเอกสารตำราควรใช้ตัวอักษรในกลุ่มตัวแบบราชการ บัตรเชิญสำหรับผู้ใหญ่ควรใช้ตัวแบบอารักษ์ การ์ดเชิญสำหรับวัยรุ่นควรมีลักษณะที่กันเอง เก๋ แปลกตา เป็นต้น อักษรภาษาอังกฤษ จะแบ่งเป็นกลุ่มๆ มีโค๊ตหรือรหัสกำกับไว้ให้เลือกใช้ได้มากมาย

2. ขนาดของตัวอักษร (Size ) ขนาดความสูงของตัวอักษรควรจะสอดคล้องกับวัยของผู้อ่าน การรับรู้ของกลุ่มเป้าหมาย ตำแหน่งหรือระยะในการมองเห็น ตัวอักษรภาษาอังกฤษควรใช้ความสูง 9,10,11,12 พ้อยท์ เป็นตัวพื้น ในขณะที่ภาษาไทยใช้ความสูง 12,14,16 พ้อยท์เป็นตัวพื้น นอกจากนี้ยังต้องคำนึงถึงความกว้างของคอลัมน์ และการเว้นวรรคด้วย เช่น ตัวอักษรขนาด 9,10,11,12 พ้อยท์ ควรใช้ความกว้างของคอลัมน์ 18-24 ไพก้า (ประมาณ 7-13.5 เซ็นติเมตร) จะทำให้อ่านได้ง่ายขึ้น (วิรุณ ตั้งเจริญ 2531 : 77) นอกจากนี้ขนาดของตัวอักษรจะมีผลต่อเนื้อที่ในสิ่งพิมพ์ ความหนาของหนังสือ ซึ่งมีผลต่อต้นทุนการผลิตและราคาขายด้วย

3. ความกลมกลืนของตัวอักษร ควรใช้ตัวอักษรที่มีลักษณะเข้ากันได้ (Unity ) เป็นตัวอักษรแบบเดียวกันหรือคล้ายกัน เพื่อให้เกิดความกลมกลืนหรือความเป็นหน่วยเดียวกัน

4. ลักษณะและอารมณ์ของตัวอักษร (Type Carecter) ตัวอักษรแต่ละแบบให้อารมณ์และความรู้สึกที่แตกต่างกัน จึงควรพิจารณาใช้ให้เหมาะสมกับเรื่องที่ต้องการแสดงออกเช่น ความหวานซึ้งของนวนิยาย ความลึกลับน่าสะพึงกลัว ของเรื่องผี ความยิ่งใหญ่ของ เรื่องราวทางประวัติศาสตร์ ส่วนใหญ่ จะเป็นตัวประดิษฐ์หรือตัวเรียง

5. ความกว้างของข้อความหรือคอลัมน์ (Colum ) ควรกำหนดให้เหมาะสมกับขนาดความกว้าง ยาว ของสิ่งพิมพ์ เช่นถ้าเป็นหนังสือขนาด 8 หน้ายกธรรมดาหรือ 8 หน้ายกพิเศษ 2 คอลัมน์จะกว้างประมาณ 8 -9 เซนติเมตร ถ้า 3 คอลัมน์จะกว้างประมาณ 5-6 เซนติเมตร นิตยสารบางฉบับอาจทำเป็น 4 คอลัมน์เพื่อให้ดูโปร่งตา น่าอ่าน ซึ่งจะกว้างประมาณ 3-4 เซนติเมตร



Font Anatomy สัดส่วนโครงสร้างของตัวอักษร เพื่อความเข้าใจโครงสร้าง


สรุปผลการศึกษาครั้งที่1  ( 6 มกราคม 2559 )

- ติดตามเว็บบลอคของวิชา http://typefacesdesign.blogspot.com/
- ติดต่อขอใช้อีเมล์ของมหาลัยที่แผนกไอที
- ลงทะเบียนเรียนในระบบ http://www.thaiteachers.info/claroline
- สมัครเข้าคลาสรูมและรายงานตัวในระบบโดยใช้อีเมล์มหาลัย @chandra.ac.th
- เข้าทำแบบประเมิณรายงิชาก่อนเรียน https://www.surveycan.com/survey/c6500f1b-deea-4005-a2dc-0df15dbdf068
- แปลสรุปข่าวเกี่ยวกับการออกแบบตัวอักษร
สัปดาห์หน้าทำการสอบก่อนเรียน