สวัสดีครับ :22:
ผมเพิ่งสร้างฟอนต์ใหม่มาครับ และก็อยากส่งขึ้นเว็บ f0nt.com ดู :33: ก็เลยตามไปถามพี่แอนใน FB แล้วนิ้วก็พาคลิกมาถึงฟอรั่มฟอนต์ครับ
พอดูตามวิธี (http://www.f0nt.com/forum/index.php/topic,3586.0.html (http://www.f0nt.com/forum/index.php/topic,3586.0.html)) แล้วก็คือให้มาที่ ว.ช่างศิลป์เพื่อสกัดดาวรุ่ง (:08:)
ก็ตามนั้นเลยแหละครับ นิ้วจึงพามาที่ห้องนี้อีกแล้ว
งั้นขอเริ่มจากเอารูปมาให้ดูกันก่อนนะครับ(http://farm9.staticflickr.com/8040/8049805818_e7c1a0be8c_b.jpg)
ไม่มีตัวอังกฤษนะครับ แต่ถ้าอยากใช้ก็เอา Designio (http://www.dafont.com/designio.font (http://www.dafont.com/designio.font)) ไปใช้ได้ครับ เป็นฟอนต์ฟรี
คือสรุปแล้วออกแบบแค่ตัวไทยครับ แต่เลขไทยไม่มี ทีแรกแล้วก็จะไม่ทำเลขอาราบิกแล้วด้วยครับ :08:
แต่ก็คงจะต้องใช้กันบ้างเพราะมันเป็นตัวเลข ก็เลยขอเอามาจาก Quicksand (http://www.fontspace.com/andrew-paglinawan/quicksand (http://www.fontspace.com/andrew-paglinawan/quicksand)) ซึ่งเป็นฟอนต์ฟรี :46:
ยังไงซะ เราก็ให้เครดิตเค้าไปแล้วในไฟล์ฟอนต์ แล้วก็เราไม่ได้ทำออกมาขายครับ (ไม่เป็นไรใช่มั้ยครับ แต่ส่งอีเมลล์ไปถามเค้าแล้ว อันนี้ถ้าเค้าตอบมาจะแจ้งให้ทราบครับว่าได้ไม่ได้ยังไง)
.....
ไม่รู้จะบอกอะไรต่อแล้วครับ ก็เอาเป็นว่ารบกวนช่วยตรวจเช็คฟอนต์น้อยๆ ตัวนี้ด้วยนะครับ (ไม่รู้จะพิมพ์อะไรต่อแล้วจริงๆ ครับ :34:)
เอาเป็นว่าลองดาวน์โหลดไปดูก่อนนะครับ ขอย้ำว่าเป็นมือใหม่มากๆ มากถึงมากที่สุดเลยครับ :46: :22:
https://www.box.com/embed/i4qy29q7kd72gsk.swf (https://www.box.com/embed/i4qy29q7kd72gsk.swf)
:25: จะบอกว่าฟอนต์แบบนี้ แบบหักโค้งตัดครึ่งนึงนี่แหละครับ ที่ผมอยากทำมานานตั้งกะสี่ห้าปีมาแล้ว :30:
ทีนี้ถ้าจะว่ากันด้วยปัญหาของดีไซน์ ซึ่งตัวแกนนั้นสวยมาก แต่รายละเอียดยุบยิบดูยังขาดๆ เกินๆ
มีเวลาว่างพอ และสนใจจะนั่งคุยกันจริงจังไหมครับ ตัวนี้พัฒนาได้อีกเยอะ และอนาคตสวยเลย :25:
มีเวลาว่างอีกเยอะเลยครับ ช่วงนี้ปิดเทอมแล้ว :04:
โอ้ดีเลย :25:
ฟอนต์นี้ต้องปรับปรุงสองส่วนครับ
- ช่องไฟ
- รายละเอียดกรุบกริบยิบย่อย
สนใจจะปรับอะไรก่อนดีครับ
http://www.f0nt.com/release/kunlasatri/ (http://www.f0nt.com/release/kunlasatri/)
http://www.f0nt.com/release/supermarket/ (http://www.f0nt.com/release/supermarket/)
http://www.f0nt.com/release/tp-tankhun/ (http://www.f0nt.com/release/tp-tankhun/)
http://www.f0nt.com/release/circular-2/ (http://www.f0nt.com/release/circular-2/)
ก่อนอื่นลองดูฟอนต์สี่ตัวนี้ครับ (ยกตัวอย่างมาเพราะเห็นว่าเป็นแนวทางเดียวกัน)
แล้วลองพิมพ์ฟอนต์ตัวเองออกมาเป็นย่อหน้าดู
จะได้เห็นว่าเรายังต้องปรับอะไรก่อนดีเอ่ย
ขอบคุณครับ เดี๋ยวขอลองไปเช็คดูหน่อย
//ตอบช้าไปหน่อย :08: นั่งอัพบล๊อกอยู่ครับ
ไม่เป็นไรครับ ไม่ต้องรีบก็ได้ เดี๋ยวน่าจะมีพี่ๆ ท่านอื่นมาคุยด้วยครับ ท่าทางเป็นคนไฟแรง :30:
(นึกถึงคุณห้าโอเมื่อก่อนเลย)
คือไม่ค่อยมีความรู้เกี่ยวกับรายละเอียดเรื่องฟอนต์อะไรมากมายนะครับ แต่แค่ชอบออกแบบเฉยๆ
งั้นขอเริ่มที่เรื่องรายละเอียดย่อยๆ ก่อนเลยละกันครับ
โจทย์คือลองลดรูปพวกสระ วรรณยุกต์ หรือหัวขยัก ฯลฯ
ให้มันดูเรียบเกลี้ยงเหมือนกับแกนของตัวอื่นๆ น่ะครับ
ถ้าไม่รู้จะเริ่มที่ตัวไหน ลองเขียนข้อความมาเป็นย่อหน้าๆ แล้วแปะภาพไว้ก็ได้ครับ จะวงๆ ตัวที่รู้สึกขัดตาก็ได้นะ
เจอละครับ
รู้สึกว่า.. (อธิบายไม่ถูก ดูตามภาพเลยครับ)
ลืมรูปครับ :34:
(http://img3.f0nt.com/03/06feb0c551279fcb84e195e93f3bd175.png)
แต่ละบรรทัดมันดูติดๆ กันเกินไปครับ ไม่รู้จะแก้ยังไงครับ :08:
คือออกแบบเป็นอย่างเดียวเนี่ย
พยายามหาขั้นตอนให้อยู่ครับ เพราะว่าแต่ละคนก็มีขั้นตอนไม่เหมือนกัน :12:
ผมแนะนำง่ายๆ นะครับ
1. เรื่อง proportion หรือสัดส่วนของตัวอักษรแต่ละตัว เช่น สระใอ ไม้ม้วน ดูเล็กมาก และ ฟ ฟันดูกว้างสุดๆ
2. เรื่อง metric ทั้งสองข้าง เช่น สระแอ มันมีพื้นที่ในตัวเองน้อย และแคบมาก ดังนั้นเราต้องเผื่อระยะด้านข้างเข้าไปให้สมดุลเผื่อเวลามันอยู่กับตัวอื่น
(ลองดูคำว่า เพียงแค่ นะครับ ตรงช่วง งแค นี่ดูอึดอัดมาก)
3. น้ำหนักของเส้นยังไม่สม่ำเสมอ หรี่ตาดูจะเห็นว่ามันกระพริบๆ
4. ส่วนฟอนต์ภาษาอังกฤษที่มาโพสต์ควบคู่นี่คือ เราดัดแปลงมาจากตัวของเขาใช่ไหมครับ?
ใช่ครับ ดัดแปลงมาจากตัวนั้นครับ เห็นว่ามันสวยดี เลยอยากให้เป็นภาษาไทยด้วย
แล้วก็ขอบคุณสำหรับคำแนะนำครับ ^^ เดี๋ยวพรุ่งนี้มาต่อครับ
น่าช่วยจิงๆ อิอิ =j ช่วงนี้มีพลังงานเยอะ
ก.ไก่ กับ บ.ใบไม้ นี่กลับหัวเลยใช่รึเปล่าฮะ ?
..กลับรึเปล่าไม่รู้ แต่ชอบไปแล้ว 55+
สระ เ- แ- เป็นเหมือนผมตอนหัดทำแรก ๆ เลย
เพราะกลัวมันมีระยะไม่เท่าตัวอื่น เลยกลายเป็นว่า มันดูแคบกว่าตัวอื่น
ไ- ใ- โ- แอบเตี้ยไป เลยทำให้ดูเล็ก ..รึเปล่า ?
ตัวเลข สูงเท่าอักษรไทย อาจเป็นปัญหาในประโยคยาว ๆ ฮะ
..อันนี้อ้างอิงจากงานของตัวเองนะฮะ มันดูจะแยกออกมาไม่ชัดเจน
นอกนั้นต้องรบกวนมือเก่าแล้ว
เพราะผมเองก็มือใหม่ 55+
นึกถึงฟอนต์ตัวนี้ที่ทำ (ไม่เสร็จ) เมื่อห้าปีก่อนครับ :3005:
http://www.f0nt.com/forum/index.php/topic,7423.msg895635.html#msg895635 (http://www.f0nt.com/forum/index.php/topic,7423.msg895635.html#msg895635)
เอาใจช่วยนะครับ สานฝันให้ที
อ้างคำพูดจาก: ปอมป๋วย เมื่อ 03 ต.ค. 2012, 19:33 น.
ก.ไก่ กับ บ.ใบไม้ นี่กลับหัวเลยใช่รึเปล่าฮะ ?
..กลับรึเปล่าไม่รู้ แต่ชอบไปแล้ว 55+
สระ เ- แ- เป็นเหมือนผมตอนหัดทำแรก ๆ เลย
เพราะกลัวมันมีระยะไม่เท่าตัวอื่น เลยกลายเป็นว่า มันดูแคบกว่าตัวอื่น
ไ- ใ- โ- แอบเตี้ยไป เลยทำให้ดูเล็ก ..รึเปล่า ?
ตัวเลข สูงเท่าอักษรไทย อาจเป็นปัญหาในประโยคยาว ๆ ฮะ
..อันนี้อ้างอิงจากงานของตัวเองนะฮะ มันดูจะแยกออกมาไม่ชัดเจน
นอกนั้นต้องรบกวนมือเก่าแล้ว
เพราะผมเองก็มือใหม่ 55+
ก. ไก่ กับ บ. ใบไม้นั่นกลับหัววเลยครับ :30:
เดี๋ยววันนี้จะมาลองแก้ไขเพิ่มตามที่พี่ๆ แนะนำนะครับ
ลองปรับแล้วเอามาแปะให้ดูอ่ะครับ จะได้ช่วยกันแนะนำได้
คนในนี้ใจดี :25:
ตอนนี้กำลังออกแบบตัวที่มีหัวหยักๆ ใหม่อยู่ครับ แล้วเดี่ยวเป็นยังไงก็เอามาแจ้งให้ทราบกันอีกทีครับ :22:
อ้างคำพูดจาก: าาา๐ เมื่อ 05 ต.ค. 2012, 17:01 น.
อัพบทความใน FB แล้วเห็นว่าน่าจะมีประโยชน์ เลยเอามาแปะที่นี่อีกทางหนึ่งครับ
(http://img3.f0nt.com/05/261a2bb7ab51a9c0e9df5016e94359e6.png)
SPACING
ในการออกแบบตัวอักษร สิ่งที่สำคัญไม่แพ้ตัวรูปลักษณ์ของตัวอักษรนั่นคือการออกแบบพื้นที่ว่างรอบๆ ตัวอักษรนั่นเอง
ถึงแม้ว่าตัวอักษรจะสวยงามขนาดไหน แต่ถ้าตัวช่องไฟไม่ได้รับการคิดคำนวนมา ก็อาจจะทำให้ลดทอนความสวยงาม
และยังทำให้ใช้ได้ลำบากกว่าที่ควรจะเป็นอีกด้วย
ทั้งนี้นอกจากช่องไฟระหว่างตัวอักษรแล้ว ตัวอักษรแต่ละตัวเองก็มี "พื้นที่ภายใน" ของตัวมันเอง ซึ่งพื้นที่เหล่านี้
จะต้องมีความสัมพันธ์กับช่องไฟด้วย เมื่อสิ่งเหล่านี้มารวมกันอย่างพอเหมาะ ฟอนต์ก็จะเกิดความสม่ำเสมอในการอ่านครับ
เอามาเพิ่มเติมให้นะครับ อ่านประกอบกัน :12:
(http://img3.f0nt.com/05/a5fb5f0570828b640cca4e0774a5d34b.png)
เทียบให้ดูนะครับ ระหว่างฟอนต์ที่มีความหนาต่างกัน การบริหาร space มันก็จะผกผันไปเช่นกัน
ฟอนต์ที่บาง มันจะมี "อากาศ" ทั้งในตัวและนอกตัว มากกว่าฟอนต์ที่มีความหนา
ดังนั้นมันจะต้องการพื้นที่มากกว่าเพื่อให้อากาศทั้งนอกและใน สมดุลกัน
ตรงกันข้ามกัน ฟอนต์ที่หนา ก็จะมีอากาศน้อยหน่อย ดังนั้น space ข้างๆ มันก็ต้องมีน้อยให้สมดุลกัน
มีรูปแล้วทำให้เข้าใจง่ายขึ้นเยอะเลยครับ
ตอนนี้ค่อยๆ ปรับปรุงอยู่ (ที่จริงก็เพิ่งว่างมาทำวันนี้เองครับ :05:)
จะลองแก้ออกมาให้ดีที่สุดละกันนะครับ ^^