รายวิชา ARTI3319 Visual Communication Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป
Characters Font-Design cru-nassaranARTI3319 น.ส. นัศรันทร ฉายแกว รหัส 5121302839 สาขา ออกแบบนิเทศศิลป
ผูจัดทํา
คํานํา การออกแบบตัวอักษรอักษรเปนสวนหนึ่งที่มีบทบาทตอการผลิตงา นออกแบบกราฟคเปนอยางยิ่ง รูปแบบและลักษณะเฉพาะของตัวอักษรที่ มีความมากมายหลากหลายการจะเลือกใชรูปแบบใดตองขึ้นอยูกับความเ หมาะสมและเงื่อนไขตางๆ งานลักษณะหนึ่งอาจจะเหมาะสมกับลักษณะเ ฉพาะตัวของอักษรแบบหนึ่ง ตัวอักษรบางลักษณะอาจใชไดเฉพาะโอกา สเทานั้น ถามีความพอเหมาะพอดีในการนํามาใชก็จะทําใหงานออกแบบ สามารถสื่อความหมายไดอยางเต็มที่
ลักษณะของตัวอักษร ( Type Character )
นอกจากรูปแบบของตัวอักษรที่มีลักษณะแตกตางกันอยางเห็นไดชัดเจน การสรางตัวอักษรยังมีแนวคิดใหเกิดความแตกตางอยางหลากหลาย ทําใหมี ลักษณะเฉพาะตัวของตัวอักษรที่เปลี่ยนแปลงไป เชน 1. ประเภทตัวเอน ( Italic ) 2. ประเภทตัวธรรมดา ( Normal ) 3. ประเภทตัวบางพิเศษ ( Extra Light ) 4. ประเภทตัวแคบ ( Condensed ) 5. ประเภทตัวบาง ( light ) 6. ประเภทตัวหนา ( Bold ) 7. ประเภทตัวเสนขอบ ( Outline ) 8. ประเภทตัวหนาพิเศษ ( Extra Bold ) 9. ประเภทตัวดํา ( Black )
ตัวอักษร แบงเปนกลุมใหญๆไดดังนี้ 1. ตัวอักษรแบบมีเชิง ( Serif ) เปนแบบตัวอักษรที่มีเสนยื่นของฐานและปลายตัวอักษรในทางราบที่เรียกวา Serif ลักษณะของตัวอักษรจะมีเสนตัวอักษรเปนเสนหนาบางไมเทากันเหมือนการเขียนดวยปากกาปาก
แบนมีหลายรูปแบบและตั้งชื่อแตกตางกันออกไป
2. ตัวอักษรแบบไมมีเชิง ( Sane Serif ) เปนลักษณะของตัวอักษรอีกแบบหนึ่งที่มีรูปแบบเรียบงายดูเปนทางการ ตางจากแบบแรกคือ ไมมีเชิง หมายถึงไมมีเสนยื่นของฐานและปลายของตัวอักษรในทางราบ นิยมใชกันอยางกวางขวาง ทั้งในงานสิ่งพิมพทั่วไปและงานโฆษณาประชาสัมพันธ
3. ตัวอักษรแบบตัวเขียน ( Script ) อักษรแบบนี้เปนแบบที่แตกตางไปจาก 2 แบบแรก การออกแบบจะเนนใหรูปแบบตัวอักษรมีลักษณะเปนลายมือเขียน ซึ่งมีลักษณะห างโคงตอเนื่องกันระหวางตัวอักษรตอตัวอักษรมีขนาดเสนหนาและบางตางกันสวนมากนิยม ออกแบบเปนตัวอักษรเอียงเล็กนอย
4. ตัวอักษรแบบตัวอาลักษณ ( Text Letter ) เปนตัวอักษรโรมันแบบตัวเขียนอีกแบบหนึ่ง มีลักษณะเปนแบบประดิษฐตัวอักษรมีเสนตั้งดําหนาภายในตัวอักษรมีเสนหนาและบางคลาย กับการเขียนดวยพูกันแบนหรือปากกาปลายตัดมักนิยมใชจารึกในเอกสาร ตําราในสมัยโบราณ
5. ตัวอักษรแบบประดิษฐ ( Display Type ) หรืออักษรแบบตัวพิมพขนาดใหญ มีลักษณะเดนของตัวอักษร คือการออกแบบตกแตงตัวอักษรใหวิจิตพิสดารเพื่อดึงดูดสายตาผูดูสวนใหญจะ มีขนาดความหนาของเสนอักษรที่หนากวาแบบอื่นๆ จึงนิยมนํามาใชเนนหรือตกแตงในงานโฆษณาหรือหัวเรื่องโฆษณาประกาศนียบัตรฯลฯ
6. ตัวอักษรแบบมัยใหม ( Modern Type ) เปนตัวอักษรที่คิดประดิษฐขึ้น ระยะหลังๆมีลักษณะของแบบตัวอักษรที่เรียบงาย มีหลายแบบหลายสไตลมักใชในงานโฆษณา
ลักษณะของตัวอักษร (Type Character) - จากรูปแบบตัวอักษรที่หลากหลาย การสรางแบบอักษรก็ยังมีความแตกตางที่หลายรูปแบบ ทําใหมีลักษ ณะเฉพาะของตัวอักษรเปลี่ยนแปลงไป เชน ตัวเอน (Italic) ตัวธรรมดา (Normal) ตัวบางพิเศษ (Extra Light) ตัวแคบ (Condensed) ตัวบาง (Light)) ตัวหนา (Bold) ตัวเสนขอบ (Outline) ตัวหนาพิเศษ (Extra Bold) ตัวดํา (Black)
ขนาดของตัวอักษร (Size Type) - ขนาดของตัวอักษรเปนการกําหนดขนาดที่เปนสัดสวนความกวาง และสูงและรูปรางของตัวอักษร โดยเอาความสูงเปนหลักในการจัดขนาดเรีย กวา พอยต (Point) ขนาดตัวอักษรหัวเรื่องมักใชขนาดตั้งแต 16 พอยตขึ้นไป สวนขนาดของเนื้อหาจะใชขนาดประมาณ 6 พอยตถึง 16 พอยต แลวแตลักษณะของงานนั้น ๆ 12 พอยต = 1 ไพกา 6 ไพกา = 1 นิ้ว (2.5 ซ.ม.) 75 พอยต = 1 นิ้ว - ขนาดทางราบหรือทางกวางของตัวอักษร เมื่อเรียงกันไปเปนคําหรือความยาวใน 1 บรรทัด หรือเรียกวาเปน "ความยาวคอลัมน" จะกําหนดเปนไพกา (Pica)
เทคนิคการสรางแบบตัวอักษร การออกแบบ หรือสรางแบบตัวอักษร หรือการเลือกแบบตัวอักษรในแต ละครั้งจะตองพิจารณาถึงวัตถุประสงคของการใชงานนั้นๆ ซึ่งจะมีลักษณะ แตกตางกันออกไปตัวอักษรที่นํามาใชเปนขอความยอยจะมีลักษณะอย นึ่งางห ตัวอักษรหัวเรื่อง ชื่อสินคา แผนปายโฆษณา หรือสัญลักษณตางๆ จะมีลักษณะเฉพาะที่แตกตางกันออกไป มีการดัดแปลงใหอยูในรูปแบบแต กตางกันไป ไดแก 1. การออกแบบตัวอักษรบนแนวระนาบตรง 2. การออกแบบตัวอักษรบนแนวระนาบโคง 3. การออกแบบตัวอักษรบนพื้นที่จํากัด 4. การออกแบบตัวอักษรเงา 5. การออกแบบตัวอักษรแบบจุดรวมสายตา 6. การออกแบบตัวอักษรแบบอิสระ 7. การตกแตงตัวอักษร
หลักการและขั้นตอนการออกแบบ ในการออกแบบประดิษฐตัวอักษร นอกจากจะแฝงไวซึ่งความตองการใหอานงายแ ละมีความชัดเจนในรูป แบบแลว ยังตองตอบสนองวัตถุประสงคอันลึกซึ้งอันเกี่ยวกับลีลาทางความสวยงามที่อ าจแสดงในรูปของสัญลักษณเพื่อสรางความอบยากรูอยากเห็นเนนความสําคัญ เกิดค วามรูสึกตื่นเตน ตลกขบขันหรือสรางความพิศวง
หลักการออกแบบ ความสวยงามของรูปแบบตัวอักษรและอารมณความรูสึกตางๆ จะตองอาศัยพื้นฐานทางศิลปะเปนหลักปฏิบัติ โดยผูออกแบบจะตองคํานึงถึงสิ่งตอไป นี้ 1. ความมีเอกภาพ ( Unity ) 2. มีความกลมกลืน ( Harmony ) 3. มีสัดสวนที่สวยงาม ( Proportion ) 4. มีความสมดุล ( Balance ) 5. ชวงจังหวะ ( Rhythm ) 6. มีจุดเดน ( Emphasis )
วิธีการออกแบบ การเริ่มตนออกแบบตัวอักษรควรเริ่มตนดวยการเขียนแบบรางอยางหยา บโดยยึดโครงสรางสัดสวนของตัวอักษรเปนแนวคิดกําหนดใหแบบที่รางขึ้นอ ยูบนแนวเสนบรรทัด การใชกระดาษกราฟจะชวยใหการออกแบบมีความสะด วกและงายขึ้น เพื่อใหเกิดความสะดวกในการอานมีสิ่งที่จะตองพิจารณาดังนี้ 1. การกําหนดขนาดของตัวอักษร ( 13*13 ชอง) 2. การกําหนดสวนของตัวอักษร 3. การกําหนดระยะหางของตัวอักษรมีขอกําหนด 3 ประการคือ 3.1 ระยะหางภายในตัวอักษร 3.2 ระยะหางระหวางตัวอักษร 3.3 ระยะหางระหวางบรรทัด 4. ความถูกตองในการจักวางตําแหนง สระ พยัญชนะ และวรรณยุกต
หลักการออกแบบตัวอักษร 1. ขั้นตอนการศึกษาวิเคราะหขอมูลเบื้องตน - ศึกษาโครงสรางตัวอักษรภาษาอังกฤษที่จัดอยูในประเภท gothic ที่อยูในเว็ปไซด www.fontstruct.com - ศึกษาขอมูลและทดลองใชงานเว็ปไซดเพื่อการออกแบบตัวอักษรที่อยูใ นเว็ปไซด www.fontstruct.com
2. ขั้นตอนการกําหนดคุณลักษณะแบบแนวความคิด - กําหนดคุณลักษณะแบบตัวอักษรตามโครงสรางมาตรฐานตัวอักษร สิ่งสําคัญที่สุดคือการออกแบบตัวอักษรตามเว็บไซด Fontstruct จะมีเกณฑการทํางานที่มีคุณลักษณะคลายกับการทํา Pixel Art ที่ตองอาศัยการ Dot หรือ Bricks เราจะไมสามารถตัดสวนเว◌่าหรือสวนโคงไดเหมือนเชนโปรแกรม PS,illus หรือซอฟแวรที่ใชสําหรับออกแบบตัวอักษร ซึ่งตองใชความสามารถของผูออกแบบเอง ดังนั้นการสรางสวนโคงของตัวอักษรอาจเปนอุปสรรคในการออกแบบได ที่สําคัญเราจะตองคํานวณปริมาณของ Bricks ใหเหมาะกับรูปแบบของตัวอักษรเปนอยางดี ที่มีผิวหนาของตัวอักษรใหเปนเสนตรงทางยาว
3. ขั้นตอนการรางแบบ - กําหนดคุณลักษณะแบบตัวอักษรภาษาอังกฤษ ตัวเลขและสัญลักษณทางการพิมพตามโครงสรางมาตรฐานตัวอักษร - Idea sketch ( รางความคิดแบบตัวอักษร )
แบบรางตัวอักษร ตัวเลข สัญลักษณ
4. ขั้นตอนการออกแบบ - การออกแบบการเขียนแบบตัวอักษรภาษาอังกฤษ ตัวเลขและสัญลักษณทางการพิมพตามแ บบรางดวย FontStruct เว็ปไซดเพื่อการออกแบบตัวอักษรในหนาของการอ อกแบบตัวอักษรประกอบไปดวยชุดคําสั่งตางๆ มีสวนสําคัญไดแก Tools (1) , Bricks(2) รูปแบบตางๆและ Advanced(3) เปนคําสั่งชวยเหลือเพิ่มเติมในการดูตัวอักษรเพื่อนํามาใชในการออกแบบตั กษร วอั ใหเราออ Characters ตัวอักษรภาษาอังกฤษ ตัวเลขและสัญลักษณจนครบตามที่กําหน ดไว ยกตัวอยางตามรูปดานลาง
แบบตัวอักษร ตัวเลข สัญลักษณ
ตัวพิมพใหญ
ตวสัญลักษณ
ตัวพิมพเล็ก
ตัวเลข
5. ขั้นตอนการประกอบและทดสอบ - ทดสอบการพิมพการประกอบแบบภาษาอังกฤษ ตัวเลขและสัญลักษณทางการพิมพ ตามรูปแ บบการจัดวางขอความ - เมื่อเราคลิ๊กที่คําสั่ง Preview จะนําเราไปสูหนาทดสอบการพิมพแบบอักษร
6. การสรางตนแบบเพื่อนําไปใชงาน - นําไปใชจริงในการออกแบบตัวอักษรภาษาอังกฤษตัวเลขและสัญลักษณ แสดงใหเห็นเอกลักษณเฉพาะ โดยการเปดใหดาวนโหลดผานทางเว็ป Fo ntStruct ที่ใชในการออกแบบตัวอักษร - เมื่อโหลด Font ไดแลวใหติดตั้งลงในเครื่องคอมพิวเตอร ถาลงไดจะปรากฏดังรูปดานลางนี้
7. ขั้นตอนการประเมิณ - สํารวจความคิดเห็นเกี่ยวกับผลงาน นับตั้งแตวันที่เริ่มทําการออกแบ บผานทางเว็ปไซดถึงวันที่ 5 สิงหาคม 2554 - มีการดาวนโหลดทั้งหมด 17 ครั้ง , Stats : 99 glyphs
8. ขั้นตอนการสรุปและเผยแพร - สรุปผลงานและกําหนดลิขสิทธิ์แลวนําไปเผยแพรทางเว็ปไซด Fontstruct ที่ใชในการออกแบบตัวอักษร - ในสวนของ Details เลือกใชการกําหนด License - กําหนดความเปนเจาของลิขสิทธ Creative Commons Attribution - เลือก Share this with everyone เพื่อใหผูเขารวมเว็บสามารถดาวนโหลดได โดยที่เราเปนเจาของลิขสิทธ
การเผยแพรและแสดงงานผานทางเว็บไซด 1. www.FontStruct.com http://fontstruct.com/fontstructions/show/268682
2. www.issuu.com http://issuu.com/groups/typography
3. www.blogstop.com http://nassaranarti3319.blogspot.com/p/cru-nassaran.html
4. https://docs.google.com https://docs.google.com/present/edit? id=0ART63B5SP5cDZGZ6a2N6NmZfMzRmZzhxOGZncg&hl=th
5. https://plus.google.com https://plus.google.com/102402058748272005579/buzz