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

สรุปการเรียนการสอนสัปดาห์ที่ 7

สรุปการเรียนการสอนสัปดาห์ที่ 7



วันอังคาร ที่ 7  มกราคม พ.ศ. 2557

ARTD2304 วิชาการออกแบบตัวอักษรเพื่อการพิมพ์


      อาจารย์ให้ฟังเพื่อนอ่านข่าวเกี่ยวกับ font ต่างๆ และให้ส่งงานที่สั่งไปทำ  อาจารย์พูดเกี่ยวกับ ลิขสิทธิ์ของ Font  และให้เข้าเว็บ http://thaifont.info/  ให้เข้าไปดูและเข้าใจเกี่ยวกับสัญญาขออนุญาต การใช้ฟ้อนต์ และอาจารย์ก็ให้สอบ ใช้เวลาในการสอบ 20 นาที และตรวจการบ้านที่ให้ทำมาส่ง

CRU Font Metric & Dinension : Font's UPM Size = 1000
Unicode = คือ รหัวตัวอักษร
หน่วยวัดมาตรตรา = Metrics
จุดต่อ = Nodes
เส้นที่กำหนดตัวความสูง เส้นสีแดงเป็นตัววัดระยะ = Vertical Metrics
D = Descender  ส่วนยืดล่าง
X = Height ขนาดตัวอักษรของตัวพิมพ์เล็ก
C = Caps height
A = Ascender ส่วนยืดข้างบน

เข้าไปศึกษาวิธีการใช้ ได้ที่ http://thaifont.info/


สรุปการเรียนการสอนสัปดาห์ที่ 6


สรุปการเรียนการสอนสัปดาห์ที่ 6



วันอังคาร ที่ 17  ธันวาคม พ.ศ. 2556

ARTD2304 วิชาการออกแบบตัวอักษรเพื่อการพิมพ์ 


อาจารย์แจ้งกำหนดการ วันที่ 7 มกราคม พ.ศ. 2557 (สอบกลางภาค) เวลา 09.00 น.
สอนวิธีการดราฟเรียนรู้การดัดแปลงฟอนต์ให้เป็นเส้นโค้ง  เส้นต่างๆ เส้นเล็ก เส้นบาง  เส้นหนา 
การทำเส้นรอบรูป > Object > Path > Outline Stroke และกด Command + A 

   เข้าไปที่ Fine > New (สร้างกระดาษใหม่) > เปลี่ยน Width (1000 pt) , Heidht (1000 pt) และรากพยัญชนะที่ทำไว้มาใส่กระดาษที่สร้าง และปรับขนาดของฟอนต์ทั้งหมดให้ไปกด Shift ค้างไว้ด้วย และรากตัวอักษรท้ังหมด ให้ใหญ่กว่ากระดาษ A4 

   ให้ทุกคนไปในเว็บ http://www.chandrakasem.info/   ให้ไปดาวโหลด ฟอนต์ลานจันทร์56 ให้เอาเป็นแม่แบบในโปรแกรม Fontlad Studio




สรุปการเรียนการสอนสัปดาห์ที่ 5

สรุปการเรียนการสอนสัปดาห์ที่ 5



วันอังคาร ที่ 3  ธันวาคม พ.ศ. 2556

ARTD2304 วิชาการออกแบบตัวอักษรเพื่อการพิมพ์


           อาจารย์พูดเกี่ยวกับการตัดโครงสร้าการจัดวางตัวอักษร A-Z , a-z , ก-ฮ ตัวเล็ก ตัวใหญ่        ขนาดของฟอนต์แต่ะละภาษา การ Draft font มาได้ 2 ทาง ทางแรกล็อคสกีนขาวดำ Weight =          น้ำหนัก cap = ปลายเส้น การใช้ Strok ปรับปลายตัวอักษรให้มีโครงมน การใช้ Sumbols +        Brushes

        การบ้าน งานฝึกดราฟ ต้องส่งฉบับไฟล์ด้วย Save เป็น ไฟล์ jpg. เส้นมา 5 แบบ ชื่อตัวเอง Thai  - Eng พร้อมรหัสฝึกดราฟ (ส่ง Ai + jpg ) 2 อย่าง กด Command + A = การใช้คำสั่ง Object >        Path > Outline Stroke ใช้ปรับแต่งเส้นรอบๆ ของตัวอักษร (ให้ไปเอาสระ พร้อมสัญลักษณ์ ) ส่ง    เป็นไฟล์ อย่างน้อย 5 แบบ > Ai = 5 แบบ > jpg. = 5 แบบ ปริ้นใส่ A4 (งานกลุ่ม) ให้เลือก 1 font

วันจันทร์ที่ 2 ธันวาคม พ.ศ. 2556

สรุปการเรียนการสอนสัปดาห์ที่ 4


สรุปการเรียนการสอนสัปดาห์ที่ 4



วันอังคาร ที่ 26 พฤศจิกายน พ.ศ. 2556
ARTD2304 วิชาการออกแบบตัวอักษรเพื่อการพิมพ์

              อาจารย์ให้ นศ. ไปลงโปรแกรม python download ใช้คู่กับโปรแกรม  FontLab และลงโปรแกรมที่สมควรใช้กับ Windows ต่างๆด้วย อาจารย์สอนวิธี  download โปรแกรม python ทำให้ นศ.ดูและอาจารย์ชี้แจงเรื่องการออกแบบฟอนต์กลุ่มครั้งที่แล้วว่า นศ.ยังออกแบบไม่มีดีไซด์พอต้องใช้ความคิดสร้างสรรค์มากกว่านี้อาจารย์สอนวิธีการตกแต่ง เอกสาร แปลบทความที่ต้องส่ง และสอนวิธีการแปลบทความว่าต้องทำอย่างไร แล้วต้องส่งอย่างไรสอนการออกแบบตัวอักษรนำงานอารย์มาให้ นศ. ศึกษา อธิบายโดยละเอียดถึงการเขียนแบบตัวอักษรวิธีการเขียนงานอาจารย์ต้องทำอย่างไร สอการทำฟอนต์ในโปรแกรม Illustrator อย่างละเอียดและอาจารย์สอนเรื่องโครงสร้างฟอนต์ 

             ห้เข้าไปดูตัวอย่างที่เว็บ http://typefacesdesign.blogspot.com/2011/12/cru-font-family.html  เพื่อดูการออกแบบฟอนต์

ตัวอย่าง สัดส่วนโครงสร้างมาตรฐาน
ฟอนต์ภาษาไทย
ฟอนต์ภาษาอังกฤษ พิมพ์ใหญ่

ฟอนต์ภาษาอังกฤษ พิมพ์เล็ก


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

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

         งานที่ได้รับมอบหมาย
         ออกแบบฟอนต์ ชื่อกลุ่ม ของแต่ละคน ลงใน Illustrator แล้วไปส่งที่ไดรฟ์ ชื่อแฟ้ม ai-lettering-group name 

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

สรุปการเรียนการสอนสัปดาห์ที่ 3

สรุปการเรียนการสอนสัปดาห์ที่ 3 
    วันอังคาร ที่ 19 พฤศจิกายน พ.ศ. 2556
ARTD2304 วิชาการออกแบบตัวอักษรเพื่อการพิมพ์


       อาจารย์พูดถึง.. การเข้าถึงการสร้างของ fons และลักษณะการออกแบบตัวอักษร อาจารย์ให้แบ่งกลุ่มและจัดหน้าที่ของแต่ละคน กลุ่มละ 5 คน ให้คิดชื่อกลุ่มเพื่อออกแบบโลโก้ หรือเบรนผลิตภัณฑ์สินค้าที่เราจะทำขายในงาน "Gift on the moon" ของคณะศิลปกรรม ที่มีทุกปี  ให้ออกแบบ Fons กลับไปคิดออกแบบการตกแต่งร้าน ผลิตภัณฑ์ที่จะนำมาเปิดร้านขาย ให้คิดล่วงหน้าวางแผนงาน ส่งให้อาจารย์ดูทุกอาทิตย์ เพื่อให้อาจารย์ตรวจงานว่าไปถึงไหนแล้ว และให้สร้าง Blog กลุ่มขึ้นมา
  งานที่ต้องทำ..
1. ออกแบบ fons สัญลักษณ์ที่ต้องนำไปใช้ ที่เป็นมีหัว กับ ไม่มีหัว
2. ออกแบบ fons ตามใจของตัวเอง

สมาชิกในกลุ่ม
"The Imagination of Design" ( จิตนาการแห่งดีไซน์)

1. นางสาว เนธิญา      ประทุมนันท์     5511302852
2. นางสาว สุภาวดี      เยี่ยมสมุทร     5511302704
3. นางสาว สุปราณี     โพธิ์ศรี             5511300146


4. นางสาว นพวรรณ   แสงชาติ          5511302589
5. นางสาว จินตนา      สิงหเรือง         5511300336

สรุปการเรียนการสอนสัปดาห์ที่ 2

สรุปการเรียนการสอนสัปดาห์ที่ 2
   วันอังคาร ที่ 12 พฤศจิกายน  พ.ศ. 2556
       
         อาจารย์ได้พูดคุยเกี่ยวกับเรื่องการทำแบบสำรวจ การสรุป หน้าที่ของการทำงานต่างๆ
การจัดวางการใช้ Blogger  ในการโพสต์งาน ในการจัดรูปแบบให้ Blogger ดูสวยงาม การจัดคอลัมการจัดวางรูปภาพ ข้อความ การเข้าชม และอีกมากมายที่ต้องเข้าไปศึกษาด้วยตนเอง นักศึกษาจะได้เข้าไปเรียนรู้วิธีการทำ Blogger ด้วยตัวเอง
       อาจารย์ได้มอบหมายงานให้นักศึกษาไป ออกแบบตัวอักษรไซส์ A3 ด้วยโปรแกรรม IIIustrator และปริ้นท์ลงในกระดาษ ขนาด A4 โดยต้องเขียน " ก ชวนอวดไทยให้ปรากฎจริง Hamburgefonstiv "
และอาจารย์ให้เตรียม ( สมุดกราฟ,ดินสอ 2B ) มาในอาทิตย์หน้า

ตัวอย่าง ฟอนต์ (Font)


แบบตัวอย่างแบบนี้

          อาจารย์เข้า E-Leaning (ต้องเข้าไปสมัครก่อน และไปสมัครวิชาที่เราเรียน) และถึงจะทำแบบทดสอบที่อาจารย์ให้เปิดสอบออนไลน์ในเวลาเรียน เพื่อเก็บคะแนน วันนี้ได้สอบ Pre-test ในรายวิชา ARTD2304 และสอบ สอบเสร็จก็บอกผลที่เราทำได้ ทำได้เท่าไรก็บอกอาจารย์ตามที่เราทำได้

บทความและความหมายของ ฟอนต์


ความหมายของ ฟอนต์ภาษาไทย


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

อ้างอิง

ความหมายของ ฟอนต์อังกฤษ

Font famliy (HTML)
From Wikipedia, the free encyclopedia
      IHTML and XHTML, a font face or font family is the typeface that will be applied by a web browser to some text. The font is relevant for the display of text on the screen, on a printer or another device.
      A font family and other presentation attributes of a font may be applied in HTML code in either cascading style sheets (CSS) or the deprecated HTML font element.
.text { font-family: times, serif; font-size:14pt; font-style:italic; }
<p class="text">
Sample text formatted with CSS in a separate stylesheet.
</p>

<p style="font-family: times, serif; font-size:14pt; font-style:italic">
Sample text formatted with inline CSS.
</p>
<p><i><font face="times, serif" size="3">
Sample text formatted with the deprecated FONT tag.
</font></i></p>
      When using CSS to apply a font whose name has whitespace in it, use quotes or single quotes to delimit the name.
.text { font-family: "calibri", Garamond, 'Comic Sans'; }
     In CSS, a font-family (or face in HTML) consists of a set of related fonts, grouped as font families. For example, the Timesfamily includes different font sizes, styles (like roman and italic), and weight (like regular and bold).
The web browser will only be able to apply a font if it is available on the system on which it operates, which is not always the case. HTML code writers may list in preferential order font families to use when rendering text. The font list is separated by commas (as shown above). To avoid unexpected results, the last font family on the font list should be one of the five generic families which are by default always available in HTML and CSS. In the absence of a font being found, the web browser will use its default font, which may be a user-defined one. Depending on the web browser, a user can in fact override the font defined by the code writer. This may be for personal taste reasons, but may also be because of some physical limitation of the user, such as the need for a larger font size or the avoidance of certain colors.

แปลเป็นไทย
จากวิกิพีเดียฟรี
   นรูปแบบ HTML และ XHTML ใบหน้าของตัวอักษรหรือครอบครัวของตัวอักษรเป็นแบบอักษรที่จะถูกนำมาใช้โดยเว็บเบราเซอร์ไปยังข้อความบางส่วน ตัวอักษรที่มีความเกี่ยวข้องสำหรับการแสดงผลของข้อความบนหน้าจอบนเครื่องพิมพ์หรืออุปกรณ์อื่น
   ครอบครัวตัวอักษรและคุณสมบัติอื่น ๆ ของการนำเสนอตัวอักษรอาจจะถูกนำไปใช้ในโค้ด HTML ทั้งในสไตล์ชีท (CSS) หรือองค์ประกอบตัวอักษรเลิก HTML
.text { font-family: times, serif; font-size:14pt; font-style:italic; }
<p class="text">
Sample text formatted with CSS in a separate stylesheet.
</p>
 
<p style="font-family: times, serif; font-size:14pt; font-style:italic">
Sample text formatted with inline CSS.
</p>
 
<p><i><font face="times, serif" size="3">
Sample text formatted with the deprecated FONT tag.
</font></i></p>
มื่อใช้ CSS ที่จะใช้ตัวอักษรที่มีชื่อมีช่องว่างในนั้นใช้คำพูดหรือคำพูดเดียวเพื่อกำหนดชื่อ
.text { font-family: "calibri", Garamond, 'Comic Sans'; }
  ใน CSS, font ครอบครัว (หรือใบหน้าในรูปแบบ HTML) ประกอบด้วยชุดของตัวอักษรที่เกี่ยวข้องกับการจัดกลุ่มเป็นครอบครัวตัวอักษร ตัวอย่างเช่น Timesfamily มีขนาดตัวอักษรที่แตกต่างกันรูปแบบ (เช่นโรมันและตัวเอียง) และน้ำหนัก (เช่นปกติและตัวหนา)เว็บเบราเซอร์จะสามารถที่จะใช้ตัวอักษรถ้ามันมีอยู่ในระบบที่จะดำเนินการซึ่งไม่ได้เป็นอย่างนั้นเสมอ HTML นักเขียนรหัสรายการอาจอยู่ในครอบครัวตัวอักษรเพื่อให้สิทธิพิเศษที่จะใช้เมื่อการแสดงผลข้อความ รายการตัวอักษรที่อยู่คั่นด้วยเครื่องหมายจุลภาค (ดังที่แสดงด้านบน) เพื่อหลีกเลี่ยงผลที่ไม่คาดคิด, ครอบครัวตัวอักษรสุดท้ายในรายการแบบอักษรควรจะเป็นหนึ่งในห้าของครอบครัวทั่วไปซึ่งโดยปกติมักจะมีอยู่ใน HTML และ CSS ในกรณีที่ไม่มีตัวอักษรที่ถูกพบเว็บเบราเซอร์จะใช้แบบอักษรเริ่มต้นของ บริษัท ซึ่งอาจจะเป็นที่ผู้ใช้กำหนดหนึ่ง ทั้งนี้ขึ้นอยู่กับเว็บเบราเซอร์ของผู้ใช้ในความเป็นจริงสามารถแทนที่ตัวอักษรที่กำหนดโดยนักเขียนรหัส นี่อาจจะเป็นเหตุผลรสนิยมส่วนตัว แต่ยังอาจเป็นเพราะข้อ จำกัด ทางกายภาพบางส่วนของผู้ใช้เช่นที่จำเป็นสำหรับขนาดตัวอักษรขนาดใหญ่หรือการหลีกเลี่ยงของสีบาง

อ้างอิง

http://en.wikipedia.org/wiki/Font_family_(HTML)