วันเสาร์ที่ 30 พฤศจิกายน พ.ศ. 2556

แปลสรุปข่าว By นางสาวสุปราณี โพธิ์ศรี

แปลสรุปข่าววันเสาร์ที่30พฤศจิกายน พ.ศ.2556

แปลสรุปบทความ

เรื่องที่ 1 : MAGNA Typeface
เขียนโดย : Hendrick Rolandez
แปลสรุปโดย นางสาวสุปราณี โพธิ์ศรี
รหัสนักศึกษา 5511300146 กลุ่มเรียน 102
รายงานวิชา ARTD2304 การออกแบบตัวอักษรเพื่อการพิมพ์


MAGNA Typeface

                           



• Written by: Hendrick Rolandez
MAGNA is a free typeface created in April 2012 and based on a "vintage" style. The typeface contains all main characters (from A to Z - capitals & lowercases are the same for the moment) and numbers (from 0 to 9).
The following pictures show you how are the height and the width of the typeface and some examples on how it could be included on a logo, photo or anything else.
This is a FREE typeface and it's authorized to use it for commercial works. To download it just send me a request with your adress e-mail and then I could send it to you OR just take a look at my Dribbble profile where the TTF & OTF files are available now !
I am looking to declined it on several fonts to create a "MAGNA Family" font with Light, Regular, Bold and Italic. So stay turned if you want more about this one !




แปลสำเนาคำแปลโดยตรงจาก (google)
MAGNAสร้างขึ้นเมื่อ เดือน เมษายน 2012   จาก สไตล์แนว “ วินเทจ ”
ซึ่ง เป็นแบบอักษรที่มีตัวหลักทั้งหมด คือจาก A - Z และตัวเลข 0 - 9 เป็นแบบอักษรใหม่ที่สร้างขึ้นด้วยเส้นโค้งมีลักษณะที่มีความคมชัดสูงมากจึง ต้องใช้ขนาดปกติหรือขนาดใหญ่เพื่อให้สามารถเห็นรายละเอียดที่ดีของMAGNAอีก ทั้งอักษรนี้ถูกสร้างขึ้นในรูปแบบของตัวอักษรพิมพ์ใหญ่พิมพ์เล็กโดยพิมพ์ สัญลักษณ์ทั้งหมดรวมไปถึงตัวเลขด้วย อักษรนี้จะมีลักษณะที่น่าตื่นตาตื่นใจเมื่อนำอักษร MAGNA นี้มาใช้ลงในหัวข้อหรือชื่อหนังสือ.รูปต่อไปนี้จะแสดงวิธีการที่มีทั้งความ สูงและความกว้างของตัวอักษรและตัวอย่างบางส่วนก็มีตัวอักษรที่สามารถมารวม อยู่บนโลโก้ได้ไม่ว่าจะเป็นภาพหรือสิ่งอื่นMAGNAเป็นแบบอักษรฟรีและมีการได้ รับอนุญาติให้ใช้ได้สำหรับงานต่างๆหากสนใจ...สามารถดาวน์โหลดได้





การเรียบเรียงเนื้อหาใหม่ MAGNA Typeface
MAGNA เป็นอักษรฟรีที่สร้างขึ้นในเดือนเมษายน 2012 และอยู่บนพื้นฐานของสไตล์ "วินเทจ" อักษรมีตัวละครหลักทั้งหมด (จาก A ถึง Z - เมืองหลวง & lowercases จะเหมือนกันสำหรับขณะนี้) และตัวเลข (0-9)
รูป ภาพต่อไปนี้แสดงวิธีการมีความสูงและความกว้างของตัวอักษรและตัวอย่างบาง ประการเกี่ยวกับวิธีการที่จะสามารถจะรวมอยู่ในโลโก้ภาพหรือสิ่งอื่น
นี้ เป็นแบบอักษรฟรีและมันได้รับอนุญาตที่จะใช้สำหรับงานในเชิงพาณิชย์ ที่จะดาวน์โหลดได้เพียงส่งคำขอกับที่อยู่ของอีเมลของคุณแล้วฉันจะส่งให้คุณ หรือเพียงแค่ใช้เวลาดูรายละเอียด Dribbble ของฉันที่ไฟล์ TTF & OTF มีอยู่ตอนนี้!
ฉัน กำลังมองหามันปฏิเสธแบบอักษรหลายที่จะสร้าง "ครอบครัวใหญ่" ตัวอักษรด้วยเบาธรรมดาหนาและตัวเอียง เพื่อให้อยู่หันถ้าคุณต้องการข้อมูลเพิ่มเติมเกี่ยวกับคนนี้!








                      --------------------------------------------------------------------------------------------



แปลสรุปบทความ
เรื่องที่ 2 : A spirited Old-Style.
เขียนโดย : Jean Jannon
แปลสรุปโดย นางสาวสุปราณี โพธิ์ศรี
รหัสนักศึกษา 5511300146 กลุ่มเรียน 102
รายงานวิชา ARTD2304 การออกแบบตัวอักษรเพื่อการพิมพ์


A spirited Old-Style




A spirited Old-Style.
A family of energetic display faces in the baroque style, Hoefler Titling is the display-size counterpart to Hoefler Text.
As its name suggests, Hoefler Text was designed to be used in text sizes. For Hoefler Titling, this display-size cousin, we decided not to adapt Hoefler Text’s design, but instead to create an entirely new family of typefaces that would be sympathetic with Hoefler Text without aping its mannerisms. This sort of equivocal relationship between text and display faces has a long tradition in typefounding: excellent modern examples are Hermann Zapf’s Palatino (1948) and Michelangelo (1950), and Matthew Carter’s Galliard (1978) and Mantinia (1993).
Like Hoefler Text, the style of Hoefler Titling reveals its designer’s affection for two beloved text faces — fonts that coincidentally share the same unusual secret. One inspiration for Hoefler Text’s roman was Janson Text (1932), Chauncey Griffith’s sober text face that revives the types thought to be made by Dutch punchcutter Anton Janson (1620-1687), but later discovered to be the work of the Hungarian Miklós Kis (1650-1702). The italics of both Hoefler Text and Hoefler Titling show strains of Morris Fuller Benton’s Garamond No. 3 (1936), which is modeled on typefaces originally indentified with Claude Garamond (c. 1490-1561), but later proven to be the work of Jean Jannon (1580-1658). With this in mind, Hoefler Titling is more a gloss on the baroque style than the revival of any one historical typeface, and as such it freely explores territory unknown to either typefounder. The family includes three weights, each outfitted with romans, italics, small caps and swashes.








แปลสำเนาคำแปลโดยตรงจาก (google)
มีชีวิตชีวา เก่า สไตล์
ครอบครัว ของ ใบหน้าที่ แสดง พลัง ในสไตล์ บาร็อค, Hoefler กรรมสิทธิ์ เป็น ของคู่กัน แสดง ขนาด Hoefler ข้อความ
เป็นชื่อ ของมันบ่งบอก Hoefler ข้อความ ถูกออกแบบมาเพื่อ ใช้ใน ขนาดตัวอักษร สำหรับ Hoefler กรรมสิทธิ์ นี้ ญาติของ จอแสดงผล ขนาด ที่เรา ตัดสินใจที่จะไม่ ปรับตัวเข้ากับ การออกแบบ ข้อความ Hoefler แต่ แทน ที่จะสร้างครอบครัว ใหม่ ของ รูปแบบอักษร ที่จะ เห็นอกเห็นใจ กับการ Hoefler ข้อความ ได้โดยไม่ต้อง aping กิริยาท่าทาง ของ การเรียงลำดับของ ความสัมพันธ์ที่ คลุมเครือ ระหว่างข้อความ และการแสดง นี้มี ใบหน้ายาวประเพณี ใน typefounding : ตัวอย่าง ที่ทันสมัย ​​ดีมี แฮร์มันน์ Zapf ของ Palatino (1948 ) และ เกลันเจโล (1950 ) และแมทธิว คาร์เตอร์ เต้นรำ (1978) และ Mantinia (1993)
เช่น Hoefler ข้อความ รูปแบบของ Hoefler กรรมสิทธิ์แสดงให้เห็น ความรัก ของนักออกแบบ สำหรับ สองหน้า ข้อความ ที่รัก - แบบอักษรที่ บังเอิญ แบ่งปันความลับ ที่ผิดปกติ เช่นเดียวกัน หนึ่งใน แรงบันดาลใจสำหรับ โรมัน ข้อความ Hoefler เป็น Janson ข้อความ ( 1932 ) , หน้า ข้อความ ควนเซย์ กริฟฟิ น มีสติ ที่ ทรง ประเภทความคิด ที่จะทำ โดยชาวดัตช์ punchcutter Janson แอนตัน ( 1620-1687 ) แต่ ต่อมาพบ ว่าเป็น ผลงานของฮังการี Miklós Kis( 1650-1702) ตัวเอียง ของทั้งสอง ข้อความ Hoefler และ Hoefler กรรมสิทธิ์แสดง สายพันธุ์ของ มอร์ริส ฟุลเลอร์ เบนตัน Garamond ฉบับที่ 3 (1936 ) ซึ่ง เป็นแบบจำลอง ใน รูปแบบอักษร ไว้ แต่เดิม มีการ คลอด Garamond (ค. 1490-1561 ) แต่ ต่อมา ได้รับการพิสูจน์ จะเป็นงาน ของฌอง Jannon (1580-1658) กับในใจ , Hoefler กรรมสิทธิ์ เป็น เงา ในสไตล์บาร็อ กว่า การคืนชีพของ คนใดคนหนึ่ง แบบอักษร ทางประวัติศาสตร์และ เป็นเช่นนั้น ได้อย่างอิสระ สำรวจ ดินแดนที่ ไม่รู้จักกับ typefounder อย่างใดอย่างหนึ่ง ครอบครัวรวมถึงสาม น้ำหนัก แต่ละ ตกแต่งด้วย โรม , ตัวเอียง , หมวก ขนาดเล็กและ swashes


การเรียบเรียงเนื้อหาใหม่
Hoefler ถูกออกแบบมาเพื่อ ใช้ใน ขนาดตัวอักษร สำหรับ Hoeflerการออกแบบ ข้อความ ได้โดยไม่ต้อง aping กิริยาท่าทาง ของ การเรียงลำดับของ ความสัมพันธ์ที่คลุมเครือ ระหว่างข้อความ และการแสดงเช่น Hoefler ข้อความ รูปแบบของ Hoefler กรรมสิทธิ์แสดงให้เห็น ความรัก ของนักออกแบบ สำหรับ สองหน้า ข้อความ ที่รัก - แบบอักษรที่ บังเอิญ แบ่งปันความลับ ที่ผิดปกติ เช่นเดียวกัน หนึ่งใน แรงบันดาลใจสำหรับ โรมัน ข้อความ Hoefler และHoefler กรรมสิทธิ์ เป็น เงา ในสไตล์บาร็อ กว่า การคืนชีพของ คนใดคนหนึ่ง แบบอักษร ทางประวัติศาสตร์และ เป็นเช่นนั้น ได้อย่างอิสระ สำรวจ ดินแดนที่ ไม่รู้จักกับ typefounder อย่างใดอย่างหนึ่ง ครอบครัวรวมถึงสาม น้ำหนัก แต่ละ ตกแต่งด้วย โรม , ตัวเอียง , หมวก ขนาดเล็กและ swashes









--------------------------------------------------------------------------------------------



แปลสรุปบทความ
เรื่องที่ 3 : Web Fonts: The Need to Know Basics
แบบอักษรเว็บ : ที่จำเป็นต้องรู้เกี่ยวกับพื้นฐาน
เขียนโดย : Bill Davis
แปลสรุปโดย นางสาวสุปราณี โพธิ์ศรี
รหัสนักศึกษา 5511300146 กลุ่มเรียน 102
รายงานวิชา ARTD2304 การออกแบบตัวอักษรเพื่อการพิมพ์


Web Fonts: The Need to Know Basics



• Written by:  Bill Davis
As moderator of a recent AIGA Chicago panel, “The New Web Typography,” I was reminded of how many designers and developers are still looking for a quick primer on Web font basics.
If you were one of the 120 designers in attendance, then you heard from the diverse range of panelists about the need to know more about the fundamentals of Web fonts. Our panel of experts – a Web developer, a Web engineer, and a type designer – offered insights into why the basic rules of Web fonts differ from the traditional world of system fonts.
Whether you’re a traditional graphic artist, a Web designer or developer, here are the top three “need to know basics” of Web fonts. For those who would like to see the AIGA Chicago presentation, check out the slide show at  


What Web font tips would you add to this list? What questions do you have? E-mail me at Bill@Fonts.com and please let me know.


1. Font Licensing
Can you take your desktop fonts and load them on a Web server?
For Web fonts, you have to secure the rights. For instance, you can’t take a system font and put it up on the Web just because you have the license to the system font. This point was amplified by each of the presenters. Some fonts on your computer may have been installed with an application, such as Adobe® Creative Suite® software. So you have to be careful and check the font licenses to ensure you have the right to use them on the Web.
You will find that there are some system fonts that are not yet Web fonts. The list of new Web fonts grows each day. However, if the font is exclusive to a foundry and not available through resellers, you may need to check with that foundry as to whether and when the Web font version will be available.
2. Font Quality
How do you choose print fonts that will look good on a screen?
Testing. Often designers ask about the best ways to determine font quality. The answer is testing. As you select fonts, you also need to build out Web pages in order to view your font choices on screen and across multiple Web browsers.
Recently we added a browser preview feature to the Fonts.com Web Fonts service. This allows you to see how fonts appear in different browsers, and with different operating system font-rendering settings.
3. Font Selection
How do you show clients different Web fonts during the creative stage of a Web design without having to buy each font?
There are different answers based on the Web font solutions you use. For example, the Fonts.com Web Fonts professional tier entitles you to 50 desktop downloads per month. This gives you the ability to use, play with and test fonts as part of your subscription during the client comp phase. The alternative is to make an investment in the desktop fonts so you can use them not only for Web design comps, but for any kind of print and Web project.


                            



แปลสำเนาคำแปลโดยตรงจาก (google)
Web Fonts: The Need to Know Basics
เป็น ผู้ดูแลของแผงล่าสุด AIGA ชิคาโก "Typography เว็บใหม่" ผมนึกถึงนักออกแบบหลายวิธีและนักพัฒนาจะยังคงมองหา primer รวดเร็วบนพื้นฐานตัวอักษรเว็บ
หาก คุณเป็นหนึ่งในนักออกแบบ 120 ในการดูแลรักษาแล้วคุณเคยได้ยินจากหลากหลายของประจบประแจงเกี่ยวกับความจำ เป็นที่จะรู้เพิ่มเติมเกี่ยวกับพื้นฐานของอักษรเว็บ คณะ ผู้เชี่ยวชาญของเรา - นักพัฒนาเว็บ, วิศวกรเว็บและนักออกแบบประเภท - ข้อมูลเชิงลึกที่นำเสนอไปทำไมกฎพื้นฐานของแบบอักษรที่แตกต่างจากเว็บโลกดั้ง เดิมของตัวอักษรสำหรับระบบ
ไม่ ว่าคุณจะเป็นศิลปินกราฟิกแบบดั้งเดิมออกแบบเว็บหรือนักพัฒนาที่นี่เป็นชั้น ที่สาม "ต้องรู้พื้นฐาน" ของอักษรเว็บ สำหรับ ผู้ที่ต้องการจะดูงานนำเสนอ AIGA ชิคาโก, ตรวจสอบการนำเสนอภาพนิ่งที่ http://www.slideshare.net/Monotype_Imaging/new-web-typography
อะไรเคล็ดลับอักษรเว็บที่คุณจะเพิ่มรายการนี ้ คุณทำอะไรคำถามได้หรือไม่ E-mail me at Bill@Fonts.com และโปรดแจ้งให้เราทราบ
1. อนุญาตให้ใช้สิทธิ์ตัวอักษร
คุณสามารถใช้แบบอักษรเดสก์ทอปของคุณและโหลดพวกเขาบนเว็บเซิร์ฟเวอร์?
สำหรับ แบบอักษรเว็บที่คุณต้องรักษาสิทธิ ตัวอย่างเช่นคุณไม่สามารถใช้แบบอักษรของระบบและนำไปขึ้นบนเว็บเพียงเพราะคุณ มีใบอนุญาตให้ตัวอักษรระบบ จุดนี้ถูกขยายโดยแต่ละพิธีกร แบบอักษรบางอย่างบนคอมพิวเตอร์ของคุณอาจได้รับการติดตั้งพร้อมกับใบสมัคร เช่น Adob e ® Creative Suite ®ซอฟต์แวร์ ดังนั้นคุณจะต้องระมัดระวังและตรวจสอบใบอนุญาตตัวอักษรเพื่อให้แน่ใจว่าคุณ มีสิทธิที่จะใช้พวกเขาบนเว็บ
คุณ จะพบว่ามีบางตัวอักษรสำหรับระบบที่ยังไม่อักษรเว็บ รายการแบบอักษรที่เว็บใหม่เติบโตในแต่ละวัน แต่ ถ้าตัวอักษรเป็นพิเศษเพื่อหล่อและไม่สามารถใช้ได้ผ่านตัวแทนจำหน่ายคุณอาจ ต้องตรวจสอบกับโรงหล่อที่เป็นไปได้ว่าและเมื่อรุ่นตัวอักษรเว็บจะสามารถใช้ ได้
2. คุณภาพตัวอักษร
คุณจะเลือกแบบอักษรพิมพ์ที่จะดูดีบนหน้าจอได้อย่างไร
การ ทดสอบ มักจะถามเกี่ยวกับนักออกแบบวิธีที่ดีที่สุดเพื่อตรวจสอบคุณภาพตัวอักษร คำตอบคือการทดสอบ ขณะที่คุณเลือกแบบอักษรที่คุณยังต้องสร้างออกหน้าเว็บในการสั่งซื้อเพื่อดู ตัวเลือกแบบอักษรของคุณบนหน้าจอและเบราว์เซอร์หลายเว็บ
เมื่อ เร็ว ๆ นี้เราได้เพิ่มคุณลักษณะแสดงตัวอย่างเบราว์เซอร์ไปยังเว็บ Fonts.com บริการแบบอักษร นี้จะช่วยให้คุณสามารถดูวิธีแบบอักษรที่ปรากฏในเบราว์เซอร์ที่แตกต่างกันและ มีการดำเนินงานตั้งค่าแบบอักษรการแสดงผลระบบที่แตกต่างกัน
3. การเลือกตัวอักษร
คุณแสดงให้ลูกค้าเห็นว่าอักษรเว็บที่แตกต่างกันในระหว่างขั้นตอนความคิดสร้างสรรค์ของการออกแบบเว็บโดยไม่ต้องซื้อแต่ละตัวอักษร?
มี คำตอบที่แตกต่างกันขึ้นอยู่กับการแก้ปัญหาตัวอักษรเว็บที่คุณใช้เป็น ตัวอย่างเช่น Fonts.com เว็บแบบอักษรมืออาชีพชั้นคุณได้รับสิทธิการดาวน์โหลด 50 เดสก์ทอปต่อเดือน นี้จะช่วยให้คุณมีความสามารถที่จะใช้เล่นกับการทดสอบและแบบอักษรเป็นส่วน หนึ่งของการสมัครสมาชิกของคุณในระหว่างขั้นตอนการลูกค้า comp ทาง เลือกที่จะทำให้การลงทุนในแบบอักษรเดสก์ทอปเพื่อให้คุณสามารถใช้พวกเขาไม่ เพียง แต่สำหรับเว็บ Comps การออกแบบ แต่สำหรับใด ๆ ของการพิมพ์และโครงการเว็บ


                            





วันจันทร์ที่ 25 พฤศจิกายน พ.ศ. 2556

สรุปการเรียนการสอนสัปดาห์ที่ 4 วันอังคารที่ 26 พฤศจิกายน พ.ศ. 2556

สรุปการเรียนการสอนสัปดาห์ที่ 4 วันอังคารที่ 26 พฤศจิกายน พ.ศ. 2556

           อาจารย์ให้ Download โปรแกรม Python Download ลองศึกษาแปลดู โปรแกรมนี้ใช้คู่กับ Fontlab มีทั้ง for mac และ Windows 

เว็ปที่ Download

             อาจารย์ได้เช็คชื่อเข้าเรียนได้พูดถึงแหล่งเรียนรู้ที่อาจารย์ให้ทำ มีการแปลบทความของ Font การจัดวางข้อความหน้ากระดาษ ขนาดของ Font size 11 เวลาสร้างตัวอักษรต้องมีรูปแบบเดียวกันอย่างน้อยต้อมมี 1 สไตล์ เวลาขึ้นแบบต้องมีการลาก Guides ด้วย 

             วิธีการทำงานของอาจารย์ สร้าง Layer ไว้และทำงานให็เป็น Layer ทำงานต้องมีการวางแผและดูลักษณะของตัวอักษร เข้าใจถึงแกนเส้น ถ้าเราออกแบบตัวอักษรต้องให้เห็นรูปร่างและออกแบบ แบบของเราสามารถใส่สีได้แต่ Font ที่เรานำมาใช้จะเป็นสีขาวดำ Guides มีล็อคกับไม่ล็อค

           
ตัวอย่าง

ตัวอย่าง

ตัวอย่าง

ตัวอย่าง


            Snap คือการดึง หลังจากนั้นค่อยมาหาสัดส่วน ความสูงของตัวอักษร ไทย-English จะไม่เท่ากัน มันจะห่างกันสัดส่วนความหนาจะเท่ากัน

งานที่ได้รับมอบหมาย

วันนี้ต้องได้ชื่อกลุ่มคนล่ะแบบ ต้องได้โครงสร้างอย่างน้อยๆ ได้โครงสร้างตัวอักษร 


ต้องขอขอบคุณข้อมูล จากอาจารย์ประชิด ทิณบุตร
ที่มาของภาพ : http://www.typefacesdesign.blogspot.com/2011/12/cru-font-family.html





วันอาทิตย์ที่ 24 พฤศจิกายน พ.ศ. 2556

ออกแบบ Font กลุ่ม


งานที่ได้รับมอบหมาย วันอาทิตย์ที่ 24 พฤศจิกายน พ.ศ. 2556
1.ออกแบบ Font ของชื่อกลุ่มและโลโก้กลุ่มลง กระดาษกราฟแล้วใช้โปรแกรม Illustrator ในการออกแบบ


ออกแบบ sketch



ออกแบบใน lllustrator


งานที่ได้รับมอบหมายนำกลับไปแก้ไขชื่อกลุ่ม Dee Font และออกแบบ 
วันเสาร์ที่ 30 พฤศจิกายน พ.ศ. 2556



Dee Font (sens serif) แบบไม่มีเชิง 
Dee Font (selif) แบบมีเชิง






ที่มาของภาพ : นางสาว สุปราณี โพธิ์ศรี


วันอังคารที่ 19 พฤศจิกายน พ.ศ. 2556

สรุปการเรียนการสอนสัปดาห์ที่ 3 วันอังคารที่ 19 พฤศจิกายน พ.ศ. 2556

สรุปการเรียนการสอนสัปดาห์ที่ 3 วันอังคารที่ 19 พฤศจิกายน พ.ศ. 2556

        อาจารย์ได้ให้นักศึกษาย้ายงานที่ออกแบบ Font เข้าไปใน Tface และได้เปิดแฟ้มแหล่งเรียนรู้ในรายวิชาของอาจารย์  ให้นักศึกษาลองไปศึกษาเรียนรู้ออกแบบก่อน
การเรียนเรื่อง Font จะมี DNA ของมันอยู่ในตัวและอาจารย์ได้วิจารณ์งานของนักศึกษา Font ตัวอักษรในประเทศไทยในขณะนี้มี 2 แบบ  
      1.มีหัว
      2.ไม่มีหัว 
      อาจารย์ได้ให้แบ่งกลุ่มกลุ่มล่ะ 5 คน สร้างตัวอักษรกลุ่ม และในเดือนกุมภาพันธ์ จะมีงาน GIFT ON THE MOON ให้นักศึกษาทำของขายผลงานที่เกิดจาก Font   โดยออกแบบ Font ใช้เป็นหลัก การร่วมงานในครั้งนี้อาจารย์มีคะแนนให้ 15 แต้ม มีการตกแแต่งร้าน มีการบันทึกแบบฟอร์มการทำการขาย ให้มีสัญลักษณ์เป็นของตัวเอง
      ให้นักศึกษาสร้าง Blog กลุ่มขึ้นโดยปรึกษากันในกลุ่ม 5 คน โดยมีโจทย์เดียวงานเดียวแต่ต่างการ Design โดยจัดเก็บเป็นงานกลุ่ม ออกแบบ 2 ลักษณะ 
       1. ออกแบบ Font ในการผลิตเป็นตัวอักษรที่มีหัวกับไม่มีหัว ในกลุ่มต้องมี 2 แบบ
       2. ออกแบบตาม Koncept ของเรา

งานที่ได้รับมอบหมาย
1.ออกแบบ Font ของชื่อกลุ่มและโลโก้กลุ่มลง กระดาษกราฟแล้วใช้โปรแกรม Illustrator ในการออกแบบ

สมาชิกในกลุ่ม The Imagination Fo Design
1. นางสาว สุปราณี โพธิ์ศรี 5511300146
2. นางสาว เนธิญา ประทุมนันท์ 5511302852
3.นางสาว สุภาวดี เยี่ยมสมุทร 5511302704
4. นางสาว นพวรรณ แสงชาติ 5511302589
5. นางสาว จินตนา สิงหเรือง 5511300336


ที่มาในการสร้างbloggerกลุ่ม http://artd2304the-imagination-of-design.blogspot.com/



วันจันทร์ที่ 18 พฤศจิกายน พ.ศ. 2556

ออกแบบ Font : ก ชวนอวด อักษรไทย ให้ปรากฏจริง Hamburgefonstiv

การบ้านที่ได้รับ วันที่ 12 พฤศจิกายน พ.ศ.2256           
          ออกแบบตัวอักษร size A3 โดยใช้ข้อความภาษาไทยว่า ก ชวนอวด อักษรไทย ให้ปรากฏจริง 
และใช้ภาษาอังกฤษ Hamburgefonstiv 
ด้วยโปรแกรม Illustrator

ดิฉันได้มีแรงบันดาลใจ จากทุกๆ สิ่งรอบตัว ทุกๆ ศิลปะ เพื่อนำมาประยุกต์ใช้กับงานออกแบบ Font 
ภาพที่ดิฉันได้ออกแบบ Font
ที่มาของภาพ : นางสาวสุปราณีี โพธิ์ศรี 

วันพฤหัสบดีที่ 14 พฤศจิกายน พ.ศ. 2556

สรุปผลการเรียนการสอนสัปดาห์ที่ 2 วันอังคารที่ 12 พฤศจิกายน พ.ศ. 2556

สรุปผลการเรียนการสอนสัปดาห์ที่ 2 วันอังคารที่ 12 พฤศจิกายน พ.ศ. 2556
            อาจารย์ได้อธิบายผลสรุปแบบประเมินที่นักศึกษาได้เข้าไปประเมินแบบสำรวจ มีอัตตราตอบกลับ 45.36%  และอาจารย์ได้สอนวิธีการตกแต่ง bloger และได้แนะนำให้ลองไปเรียนรู้ศึกษาด้วยตนเอง อาจารย์ได้ลองเปิดเช็คงานที่มอบหมายให้เมื่อสัปดาห์ที่แล้ว แล้วชี้แนะข้อบกพร่องของนักศึกษาให้นำไปปรับปรุงแก้ไขให้สวยงาม
            การบ้านที่ได้รับมอบหมาย
1. ออกแบบตัวอักษร size A3 โดยใช้ข้อความภาษาไทยว่า ก ชวนอวด อักษรไทย ให้ปรากฏจริง 
และใช้ภาษาอังกฤษ Hamburgefonstiv ด้วยโปรแกรม Illustrator และ pints ลงในกระดาษ ขนาด A4
2.วันที่19/11/2013 ให้เตรียม สมุดกราฟ และ ดินสอ 2B มาด้วย

ตัวอย่าง Font


             ท้ายชั่วโมงได้สมัครเรียนใน E-Learning แล้วสอบ pre-test ในรายวิชา ARTD2304 และบอกผลการสอบให้อาจารย์
             ขอขอบพระคุณ อาจารย์ประชิต ทิณบุตร และเว็บบล็อคของรุ่นพี่
http://athiwat-arti3314.blogspot.com/2012/06/thai-typeface-design-competition-2-30.html
ที่ทำให้ดิฉันได้ศึกษาและเรียนรู้ การทำฟอนต์ จึงได้นำรูปแบบฟอนต์มาเป็นตัวอย่าง ในการออกแบบในครั้งนี้


              ที่มา : ภาพ http://athiwat-arti3314.blogspot.com/2012/06/thai-typeface-design-competition-2-30.html



วันอาทิตย์ที่ 10 พฤศจิกายน พ.ศ. 2556

บทความและความหมายของ Font


บทความและความหมายของ Font ภาษาไทย

วันจันทร์ที่ 11 พฤศจิกายน พ.ศ. 2556

Font  คืออะไร

           Font เป็นกลุ่มของตัวอักษรข้อมูลที่พิมพ์ได้ หรือแสดงผลได้ที่กำหนดแบบและขนาด ประเภทการออกแบบสำหรับชุด font คือ typeface และการแปรผันของการออกเพื่อสร้างเป็น typeface family เช่น Helvetica เป็น typeface family, Helvetica italic เป็น typeface และ Helvetica italic 10-piont คือ font ในทางปฏิบัติ font และ typeface ใช้โดยไม่เน้นความแม่นยำ outline font เป็น ซอฟต์แวร์ typeface ที่สามารถสร้างช่วงขนาดของฟอนต์ bitmap font เป็นการนำเสนอแบบดิจิตอลของฟอนต์ที่มีขนาดตายตัว หรือจำกัดกลุ่มของขนาด ซอฟต์แวร์ outline font ที่นิยมมาก 2 โปรแกรมปัจจุบัน คือ true type และ adobe's type 1โดยฟอนต์ true type มากับระบบการ Windows และ Macintosh ส่วน type 1 เป็นมาตรฐาน outline font (ISO 9541) ทั้งฟอนต์ true type และ type 1 สามารถใช้กับเครื่องพิมพ์ adobe's postscript (ถึงแม้ว่า) adobe พูดว่าฟอนต์ type 1 สามารถใช้ได้เต็มที่กับภาษา post script

ที่มา 
: widebase.net
 
แหล่งอ้างอิง 
: http://www.com5dow.com/%E0%B9%84%E0%B8%82%E0%B8%9B%E0%B8%B1%E0%B8%8D%E0%B8%AB%E0%B8%B2%E0%B8%A8%E0%B8%B1%E0%B8%9E%E0%B8%97%E0%B9%8C-it/995-font-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html




ไทป์เฟซ       

จากวิกิพีเดีย สารานุกรมเสรี
ตัวอย่างการทดสอบการพิมพ์ไทป์เฟซด้วยขนาดและภาษาต่างๆ

ในการออกแบบตัวอักษร ไทป์เฟซ (typeface) หรือ ฟอนต์ (font) หรือในชื่อไทยว่า ชุดแบบอักษร[1] หมายถึงชุดของรูปอักขระ (glyph) ที่ได้รับการออกแบบไว้อย่างเป็นเอกภาพด้วยรูปแบบเฉพาะตัว ไทป์เฟซอาจประกอบด้วยตัวอักษร ตัวเลขเครื่องหมายวรรคตอน และอาจรวมไปถึงอักษรภาพ (ideogram) เช่นอักษรจีนหรือสัญลักษณ์ต่างๆ เช่นสัญลักษณ์ทางคณิตศาสตร์หรือทางเทคนิค

เนื้อหา

[ซ่อน]
1 ความแตกต่างของไทป์เฟซกับฟอนต์[2]
2 ลักษณะทั่วไป
2.1 เชิงอักษร
2.2 ความกว้างอักษร
2.3 การวัดขนาดฟอนต์
3 อักษรไทยกับไทป์เฟซ
4 อ้างอิง
     

ความแตกต่างของไทป์เฟซกับฟอนต์[2][แก้]

            บุคคลทั่วไปมักใช้คำว่า ฟอนต์ (font/fount) เรียกแทนไทป์เฟซ หรือใช้เรียกสลับกัน แต่ในความจริงแล้วมีความหมายที่แตกต่างกัน ไทป์เฟซหมายถึงชุดตัวอักษรที่มีรูปแบบเดียวกัน ไม่ว่าจะมีขนาดใหญ่เล็กเท่าไร เช่น Arial, Arial Bold, Arial Italic และ Arial Bold Italic ต่างเป็นไทป์เฟซคนละชนิดกัน ส่วนฟอนต์จะหมายถึงชุดตัวอักษรที่มีทั้งไทป์เฟซและขนาดเดียวกัน ตัวอย่างเช่น Arial 12 พอยต์ก็เป็นฟอนต์หนึ่ง Arial 14 พอยต์ก็เป็นฟอนต์หนึ่ง Arial Bold 14 พอยต์ก็เป็นอีกฟอนต์หนึ่ง เป็นต้น ในการสร้างเอกสารแบบดิจิทัล ผู้ใช้สามารถเปลี่ยนขนาดฟอนต์ได้เองในคอมพิวเตอร์ ทำให้ความแตกต่างของไทป์เฟซกับฟอนต์จึงลดความสำคัญลงไป


             สำหรับตระกูลหรือสกุลของตัวอักษร (font/type family) มีความหมายกว้างกว่าไทป์เฟซ กล่าวคือ แบบตัวอักษรชื่อเดียวกันที่อาจมีรูปแบบต่างๆ กัน ถือเป็นแบบอักษรตระกูลเดียวกัน โดยปกติจะมี 4 รูปแบบคือ roman, italic, bold, bold italic แบบอักษรบางตระกูลอาจมี narrow, condensed หรือ black อยู่ด้วยก็ได้ ดังนั้น Arial, Arial Bold, Arial Italic และ Arial Bold Italic ทั้งหมดเป็นแบบอักษรในตระกูล Arial ในขณะที่ Helvetica หรือCourier ก็เป็นอีกตระกูลหนึ่ง
ลักษณะทั่วไป[แก้]
เชิงอักษร[แก้]

แบบอักษรมีเชิง (เซริฟ) 

แบบอักษรไม่มีเชิง (ซานส์เซริฟ) 

"เชิง" คือส่วนที่เน้นสีแดง 



ไทป์เฟซสามารถแบ่งได้เป็นสองประเภทใหญ่ๆ คือ แบบมีเชิง (serif) และแบบไม่มีเชิง (sans serif)


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


                ส่วนแบบซานส์เซริฟก็มีความหมายตรงข้ามกันคือไม่มีขีดที่ปลายอักษร และมีชื่อเรียกอีกอย่างว่าแบบกอทิก (gothic) อักษรชนิดนี้ไม่เหมาะกับการเป็นเนื้อความ แต่เหมาะสำหรับใช้พาดหัวหรือหัวเรื่องที่เป็นจุดเด่นซึ่งมองเพียงครั้งเดียว อย่างไรก็ตาม ฟอนต์สมัยใหม่ที่ได้รับการออกแบบในคอมพิวเตอร์ อาจมีทั้งแบบเซริฟและซานส์เซริฟปะปนกันในฟอนต์หนึ่งๆ
ความกว้างอักษร[แก้]

                  หากจะแบ่งประเภทตามความกว้างของอักษร สามารถแบ่งได้สองแบบคือ แบบกว้างตามสัดส่วน (proportional) และแบบกว้างขนาดเดียว (monospaced)


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


                   ส่วนไทป์เฟซแบบกว้างขนาดเดียวเป็นการออกแบบที่มีจุดประสงค์เฉพาะ มีความกว้างอักษรเท่ากันหมดไม่ขึ้นอยู่กับรูปอักขระ คล้ายอักษรที่พิมพ์จากเครื่องพิมพ์ดีดซึ่งมีคอลัมน์ของตัวอักษรตรงกันเสมอ แบบอักษรชนิดนี้มีที่ใช้ในระบบปฏิบัติการคอมพิวเตอร์บางชนิดเช่น DOS, Unix และเป็นที่นิยมในหมู่โปรแกรมเมอร์สำหรับแก้ไขซอร์สโคด ศิลปะแอสกี (ASCII Art) เป็นตัวอย่างหนึ่งที่จำเป็นต้องใช้อักษรแบบกว้างขนาดเดียวเพื่อการแสดงผลที่สมบูรณ์


                    ถ้าหากพิมพ์ตัวอักษรสองบรรทัดด้วยจำนวนอักษรที่เท่ากันในแต่ละบรรทัด ไทป์เฟซแบบกว้างขนาดเดียวเราจะเห็นความกว้างทั้งสองบรรทัดเท่ากัน ในขณะที่แบบกว้างตามสัดส่วนจะกว้างไม่เท่ากัน และอาจไม่กว้างเท่าเดิมเมื่อเปลี่ยนไทป์เฟซ เนื่องจากรูปอักขระกว้างเช่น W, Q, Z, M, D, O, H, U ใช้เนื้อที่มากกว่า และรูปอักขระแคบเช่น i, t, l, 1 ใช้เนื้อที่น้อยกว่าความกว้างเฉลี่ยของอักษรอื่นในไทป์เฟซนั้นๆ
การวัดขนาดฟอนต์[แก้]





                  ขนาดของไทป์เฟซและฟอนต์ในงานพิมพ์ โดยปกติจะวัดในหน่วย พอยต์ (point) ซึ่งหน่วยนี้ได้กำหนดขนาดไว้แตกต่างกันในหลายยุคหลายสมัย แต่หน่วยพอยต์ที่แท้จริงนั้นมีขนาดเท่ากับ 172 นิ้ว สำหรับการออกแบบอักษร จะวัดด้วยหน่วย เอ็ม-สแควร์ (em-square) เป็นหน่วยที่สัมพันธ์กับฟอนต์ขนาดนั้นๆ โดยหมายถึงความสูงที่สูงกว่าเล็กน้อยตั้งแต่ยอดปลายหางอักษรที่ชี้ขึ้นบน ลงไปถึงสุดปลายหางอักษรที่ชี้ลงล่างของฟอนต์นั้นๆ เอง ซึ่งเท่ากับความสูงของตัวพิมพ์ในงานพิมพ์ หรืออาจสามารถวัดได้ในหน่วยมิลลิเมตร คิว (¼ ของมิลลิเมตร) ไพคา (12 พอยต์) หรือเป็นนิ้วก็ได้



              ความสูง 1 em คือความสูงของตัวพิมพ์ ดังนั้น em dash จึงหมายถึงอักขระขีดที่ยาวกินเนื้อที่ 1 em อยู่ที่มุมล่างขวาของภาพ


              ตัวอักษรส่วนมากใช้เส้นบรรทัดหรือเส้นฐานเดียวกัน (baseline) ซึ่งหมายถึงเส้นตรงแนวนอนสมมติที่ตัวอักษรวางอยู่ในแนวเดียวกัน รูปอักขระของอักษรบางตัวอาจกินเนื้อที่สูงหรือต่ำกว่าเส้นฐาน (เช่น d กับ p) เส้นตรงสมมติที่ปลายหางของอักษรชี้ขึ้นบนและลงล่าง เรียกว่าเส้นชานบน (ascent) และเส้นชานล่าง (descent) ตามลำดับ ระดับของเส้นทั้งสองอาจรวมหรือไม่รวมเครื่องหมายเสริมอักษรก็ได้ ขนาดของฟอนต์ทั้งหมดจะวัดระยะตั้งแต่เส้นชานบนถึงเส้นชานล่าง นอกจากนั้นยังมีเส้นสมมติกำกับความสูงสำหรับอักษรตัวใหญ่กับอักษรตัวเล็ก ความสูงของอักษรตัวเล็กจะวัดจากความสูงของอักษร "x" ตัวเล็ก (x-height) ถ้าเป็นฟอนต์ภาษาไทยให้วัดจากอักษร "บ" ส่วนความสูงของอักษรตัวใหญ่ (cap height) ปกติจะวัดจากเส้นที่อยู่เท่ากับหรือต่ำกว่าเส้นชานบนเล็กน้อยถึงเส้นฐาน อัตราส่วนระหว่างความสูงอักษร x กับเส้นชานบนหรือความสูงอักษรตัวใหญ่มักถูกใช้สำหรับการจำแนกลักษณะของไทป์เฟซ
อักษรไทยกับไทป์เฟซ[แก้]

                  ตัวอย่างความผิดพลาด ของฟอนต์เพื่อชาติทั้ง 10 ในอะโดบีโฟโต้ชอป 7 บนระบบปฏิบัติการ Mac OS X 10.3.3


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


                   นอกจากนี้ยังพบว่า ไทป์เฟซตระกูล UPC ที่เคยใช้จัดรูปแบบอักษรละตินบน ไมโครซอฟท์ ออฟฟิศ เวิร์ด 97 ได้นั้น กลับไม่สามารถใช้จัดรูปแบบอักษรละตินใน ไมโครซอฟท์ ออฟฟิศ เวิร์ด 2000 ขึ้นไปได้ จึงมีการปรับปรุงไทป์เฟซตระกูล UPC เป็น New และ DSE ตามลำดับ โดยไทป์เฟซตระกูลดังกล่าวมี 10 แบบคือ


1. Angsana
2. Browallia
3. Cordia
4. Dillenia
5. Eucrosia
6. Freesia
7. Iris
8. Jasmine
9. Kodchiang
10.Lily


แหล่งที่มา 
:http://th.wikipedia.org/wiki/%E0%B9%84%E0%B8%97%E0%B8%9B%E0%B9%8C%E0%B9%80%E0%B8%9F%E0%B8%8B#.E0.B8.AD.E0.B9.89.E0.B8.B2.E0.B8.87.E0.B8.AD.E0.B8.B4.E0.B8.87

แหล่งอ้างอิง

font จากศัพท์บัญญัติราชบัณฑิตยสถาน
Jump up↑ ธวัชชัย ศรีสุเทพ. ฟอนต์ไหนดี?. กรุงเทพฯ : มาร์คมายเว็บ, 2549. ISBN 978-974-93902-6-9