หลังจากเว็บมาสเตอร์ไปแหวกว่ายในทะเลงานมาพักใหญ่ บัดนี้ได้เวลาสรุปภาคจบของค่ายฟอนต์ซะทีครับ! ตอนสุดท้ายนี้นี่เป็นบันทึกจากการเข้าร่วมในโครงการ “ค่ายพัฒนานักออกแบบตัวพิมพ์” (อ่านย้อนตอนที่ 1 / 2 ได้นะ) คราวนี้เนื้อหาจะเป็นเรื่องเทคนิคการทำฟอนต์และการออกแบบฟอนต์ในเชิงพาณิชย์ ว่าเขาทำกันยังไง ขายกันที่ไหน สนใจคลิกอ่านได้เลยครับ
ต่อจากตอนที่แล้ว: เก็บตก “ค่ายพัฒนานักออกแบบตัวพิมพ์” (ตอนที่ 1) คราวนี้เรามาต่อกันด้วยการบรรยายของวิทยากรผู้เชี่ยวชาญด้านการออกแบบตัวอักษรขั้นเทพของไทย คือ อ.ปริญญา โรจน์อารยานนท์, อ.ไพโรจน์ ธีระประภา (โรจ สยามรวย) และ อ.เอกลักษณ์ เพียรพนาเวชครับ ขออภัยที่คราวนี้เขียนยาวกว่าเดิมมากๆ แต่สำหรับผู้สนใจแล้ว นี่คือความรู้จากผู้เชี่ยวชาญที่มีคุณค่ามากๆ เลยจ้ะ สนใจแล้วก็อ่านต่ออย่างตั้งใจได้เลย!
นานๆ ทีจะเขียนบล็อกบทความยาวๆ สักครั้ง ด้วยเห็นว่าในครั้งนี้ผม (ในนามของเว็บมาสเตอร์ฟอนต์.คอม) ได้รับเกียรติจาก “ชมรมการจัดพิมพ์อิเล็กทรอนิกไทย” ให้เข้าร่วมเป็นหนึ่งในคณะกรรมการตัดสินผลงานและวิทยากรร่วม เลยได้มีการสรุปการบรรยายและบรรยากาศต่างๆ มาให้ผู้สนใจได้อ่านกัน ยาว(ไม่)หน่อยนะครับ แต่สนุกน่าดูเลยแหละ!
นิตยสาร Before & After เป็นแหล่งข้อมูล ทิป เทคนิคและแรงบันดาลใจ ในการทำงานออกแบบเยอะแยะมากมายครับ คราวนี้ก็เป็นอีกครั้งที่ BA เขาทำคลิปบทความแนะนำเทคนิคการออกแบบเลย์เอาต์สวยๆ โดยไม่ต้องยุ่งกับภาพประกอบ ลองดูวิธีการจัดวางพื้นที่ การเลือกใช้ฟอนต์ และข้อควรระวังอื่นๆ ดูครับ มีประโยขน์มากๆ เลยนะสำหรับคนทำงานออกแบบ
มีคำถามประเภทนึงครับ ที่มีผู้สนใจมาถามในฟอรั่มฟอนต์บ่อยๆ ก็คือ “ฟอนต์ xxxx จะใช้ในเว็บได้ไหม” พอตอบว่าได้และไม่ได้ (คือได้แหละ แต่อธิบายยากชะมัด) ก็จะเจอคำถามต่อมาว่า “แล้วถ้าอยากเห็นฟอนต์เราบนเว็บล่ะ จะทำยังไง” ส่วนมากเวลาตอบก็เลยจะโยนลิงก์ที่เกี่ยวข้องไปให้ (มีในบทความที่เกี่ยวข้องข้างล่างนี่แหละจ้ะ)
มาอีกแล้วจ้ะ Photoshop Text Effects เปรี้ยวๆ คราวนี้เอามาฝาก 34 สไตล์ให้ลองฝึกฝีมือออกแบบและดีไซน์งานไทโปกันครับ! ไม่พูดมากกันละ ลุยเลย! กดไปดูพลัน Photoshop Text Effect Tutorials[Six Revisions]
มีกระทู้ดีๆ มาให้อ่านครับ (ในฟอนต์เราเรียก “กระจู๋”) ว่าด้วยบันทึกการสร้างฟอนต์ตัวใหม่ของคุณ humanoid เจ้าของฟอนต์ ซูเปอร์มาร์เก็ต อันลือลั่นสนั่นบาง จนใครๆ ก็งงว่าเฮ้ย นี่ทำมาแจกฟรีจริงๆ เหรอ! แล้วฟอนต์ตัวต่อไปของหนุ่มไฟแรงอนาคตไกลคนนี้จะเป็นอย่างไร เข้ามาอ่านและพูดคุย ตามติด(และกดดัน) นักออกแบบดาวรุ่ง(ใช้คำเช้ยเชย)คนนี้กันเถอะ!
กว่า 50 ปีมาแล้วที่ฟอนต์ตรา Helvetica ปรากฏตัวขึ้นมาบนโลก และสร้างความเปลี่ยนแปลงให้กับวงการออกแบบมากมาย จนเรียกได้อย่างเต็มปากเต็มคำว่าฟอนต์ Helvetica นี้เป็นอีกหนึ่งก้าวสำคัญสู่การออกแบบสมัยใหม่ ทั้งๆ ที่หน้าตาของมันเรียบง่าย แต่ก็แน่ล่ะ กว่าจะผ่านอะไรต่อมิอะไรมาจนมันเรียบง่ายได้ขนาดนี้ ก็ต้องฝ่าฟันอุปสรรคมาน่าดู .. จนทุกวันนี้ถ้าคุณเดินอยู่ในเมืองสักหน่อย เชื่อเถอะครับว่าไม่ว่าจะหันหน้าไปทางไหน ก็ต้องเจอเข้าสักแว้บล่ะน่า (ถ้าเป็นเมืองนอกนี่เจอมันทุกหัวโค้งเลย) .. เล่ามายาวเหยียดขนาดนี้ คุณผู้อ่านที่ไม่เคยรู้จักหรือไม่เคยคิดจะสัมผัสมันมาก่อน คง
เออ นั่นสิ อยากรู้กันไหมครับว่าเวลาเราเลือกใช้ฟอนต์แต่ละแบบเนี่ย ตัวไหนที่ประหยัดหมึกหรือเปลืองหมึกกว่ากัน? คือที่เมืองนอกเขามีอีตา Matt Robinson และ Tom Wrigglesworth นักออกแบบที่เกิดสงสัยเรื่องนี้ขึ้นมา ก็เลยทำการทดลองด้วยการใช้ปากกาลูกลื่นนี่แหละครับ เขียนๆ ระบายๆ หมึกลงไปบนผนังให้เป็นรูปฟอนต์ต่างๆ (ฟอนต์ฝรั่งนะครับ) และพบว่าถ้าจะประหยัดหมึก ให้ใช้ Garamond!
มีบทความดีๆ ว่าด้วยประวัติศาสตร์และที่มาที่ไปของเครื่องหมาย ampersand (ก็คือเครื่องหมาย “&”) นั่นแหละ ที่คุณอาจจะสงสัยว่าทำไมต้องออกแบบหน้าตาให้มันพิลึกกึกกือขนาดนั้นด้วยนะ ผมเองก็เพิ่งรู้เหมือนกันว่ามันมาจากการควบอักษร e และ t ในภาษาละติน แล้วบร๊วบไปบร๊วบมาจนกลายเป็นขนม Aunty Anne\’s ไปในที่สุด! โอ้ว สนใจกันแล้วใช่มะล่า กดไปอ่านและดูรูปแบบที่หลากหลายของเครื่องหมาย “&” กัน ว่าถึงจะชื่อ ampersand เหมือนกัน แต่ดีไซน์ของแต่ละฟอนต์นั้นแตกต่างกันมหัศจรรย์พิสดารขนาดไหน
หลายคนโพสต์ถามมาว่าเรามีฟอนต์อยู่ในเครื่องเยอะแยะ แต่จะพรีวิวดูตัวอย่าง หรือจัดการติดตั้งแก้ไขเพิ่มลบมันยังไงดี พอดีตะกี้ไปเจอลิงก์เด็ดมาจาก Six Revisions ที่เขาแนะนำ 10 โปรแกรมฟรีทั้งของวินโดวส์ แมค ลินุกซ์ หรือแม้กระทั่งแบบออนไลน์เลย (โอ้ว) ก็เลยขอเรียบเรียงทั้ง 10 โปรแกรมเอามาให้อ่านกันครับ
สอนการทำตัวอักษรแฟนซีแบบไฟนีออนด้วย Photoshop จ้ะ สนใจกดไปดูที่ Create a fancy neon text effect | Webdevtuts
ตลอดระยะเวลาหลายปีที่ผ่านมา นักพัฒนาเทคโนโลยีต่างๆ บนเว็บไซต์ต่างพัฒนาศาสตร์แต่ละสายของการแสดงผลให้ยิ่งลึกล้ำและก้าวไกลไปเรื่อยๆ เพื่อให้ผู้ใช้อย่างเราๆ ได้สุขสบายกัน เทคโนโลยีด้านการแสดงผลตัวอักษรในเบราว์เซอร์ก็เช่นกัน ถ้านับย้อนไปแล้วจะเห็นว่าหลายๆ เจ้า หลายๆ ค่ายได้พัฒนาวิธีมากมายที่จะทำให้เราสามารถใส่ฟอนต์แปลกๆ ลงในเว็บได้ และวันนี้เราก็ได้รู้จักกับ TTFGen ซึ่งเป็นอีกเทคนิคนึงที่ฝรั่งใจดีเขาปรุงสูตรนี้มาให้ โดยหลักการคือใช้ Javascript Library (jQuery) ไปสั่ง PHP ให้เรียกไฟล์ฟอนต์ี่วางแอบๆ อยู่ มาแสดงผลเป็นภาพได้เลย!
เมื่อครั้งกระโน้น (ตัวกะสมัยฟอนต์.คอมยังไม่เป็นสีแดงๆ แบบนี้) เราเคยแนะนำเว็บสร้างฟอนต์แบบออนไลน์ไปเว็บนึง นั่นคือ FontStruct (อ่านได้จากฟอรั่มโลด) ซึ่งนั่นก็เป็นที่ฮือฮากันมาแล้วรอบหนึ่งว่าเฮ้ย มีฝรั่งที่คิดอะไรเจ๋งๆ แบบนี้มาให้ใช้ฟรีๆ ด้วยเรอะ แต่พอมาถึงวันนี้ก็ได้เจออีกเจ้านึง (โดยคำแนะนำจากพี่โอ้เอ้) ว่า typism เนี่ยเป็นเว็บน้องใหม่น่าสนใจดี ก็เลยลองกดเข้าไปเล่นดู ปรากฏว่า งงฉิบหายครับ (อ้าว) เลยเอามาแนะนำให้อ่านกัน
มีหลายคำถามที่ถูกโพสต์ถามผ่านทางฟอรั่ม ว่าทำยังไงดีก๊ะ ให้ฟอนต์ที่โหลดไปนั้นสามารถแสดงผลผ่านหน้าเว็บได้อะก้ะ (ถ้าถามด้วยภาษาวิบัติเราก็จะตบกบาลไปหนึ่งฉาด) คำตอบเบื้องต้นที่ใช้อธิบายน้องที่พิมพ์ภาษาวิบัติเข้ามาถามก็คือ มันทำไม่ได้ครับ .. จริงๆ แล้วเรากั๊ก คือถ้าจะทำน่ะก็ทำได้ครับ มีหลากหลายวิธีเหลือเกินที่จะนำฟอนต์แปลกๆ ที่อยากให้มันแสดงผลผ่านเบราว์เซอร์ นำไปยัดใส่หน้าเว็บที่เราต้องการได้ เพราะตลอดระยะเวลาที่ผ่านมา ผู้พัฒนาเรื่องเทคโนโลยีการแสดงผลในอินเทอร์เน็ตก็ได้หาหลากหลายสารพันวิธีที่จะทำให้หน้าเว็บของเราสามารถแสดงผลเป็นฟอนต์หน้าตาประหลาดตามที่เราต้องการได้ ส่วนจะทำยังไงนั้น เอ้า ลองอ่านดู