Create a fancy neon text effect
สอนการทำตัวอักษรแฟนซีแบบไฟนีออนด้วย Photoshop จ้ะ สนใจกดไปดูที่ Create a fancy neon text effect | Webdevtuts
สอนการทำตัวอักษรแฟนซีแบบไฟนีออนด้วย Photoshop จ้ะ สนใจกดไปดูที่ Create a fancy neon text effect | Webdevtuts
มาอีกแล้วจ้ะ 20 ฟอนต์คุณภาพสูงจาก Smashing Magazine ทั้งแบบดูดีมีมาตรฐานและแบบแฟนซีใหม่ๆ ไม่ซ้ำกะชาวบ้านชาวช่อง (ส่วนตัวแล้วตกหลุมรักตัวที่เขียนเหมือนปากกาเมจิกตวัดๆ) ถ้าสนใจเชิญเข้าไปโหลดได้เลยครับที่ 20 New High Quality Free Fonts [Smashing Magazine]
ตลอดระยะเวลาหลายปีที่ผ่านมา นักพัฒนาเทคโนโลยีต่างๆ บนเว็บไซต์ต่างพัฒนาศาสตร์แต่ละสายของการแสดงผลให้ยิ่งลึกล้ำและก้าวไกลไปเรื่อยๆ เพื่อให้ผู้ใช้อย่างเราๆ ได้สุขสบายกัน เทคโนโลยีด้านการแสดงผลตัวอักษรในเบราว์เซอร์ก็เช่นกัน ถ้านับย้อนไปแล้วจะเห็นว่าหลายๆ เจ้า หลายๆ ค่ายได้พัฒนาวิธีมากมายที่จะทำให้เราสามารถใส่ฟอนต์แปลกๆ ลงในเว็บได้ และวันนี้เราก็ได้รู้จักกับ TTFGen ซึ่งเป็นอีกเทคนิคนึงที่ฝรั่งใจดีเขาปรุงสูตรนี้มาให้ โดยหลักการคือใช้ Javascript Library (jQuery) ไปสั่ง PHP ให้เรียกไฟล์ฟอนต์ี่วางแอบๆ อยู่ มาแสดงผลเป็นภาพได้เลย!
มาถึงยุคนี้ บรรดาพ่อแม่พี่น้องที่ท่องเว็บกันเป็นประจำ ก็คงจะชินหูกับปรากฏการณ์ทวิตเตอร์เปลี่ยนโลกกันเป็นที่เรียบร้อยแล้วนะครับ (ใครยังไม่รู้จักก็ลองสมัครเล่นดูครับ ไม่งั้นพรุ่งนี้จะคุยกับใครไม่รู้เรื่อง ขนาดแม่ยายผมยังเล่นเลยเอ้า :43: ) เรื่องของเรื่องคือเมื่อวานนี้คุณ @middlesome ทวีตแนะนำลิงก์นี้มาให้ (พร้อมกับแซวเล็กน้อย) พอกดเข้าไปดูก็เออ เจ๋งดีๆ มี Tweeple (Twitter+people) และว็บไซต์ที่เกี่ยวข้องกับวงการ Typography จำนวนมาก เวลา Follow เขาปั๊บก็จะได้ไม่ตกเรนด์ Typo ใหม่ๆ แจ่มๆ เลยเอามาบอกต่อกันครับ
ที่เว็บ Designm.ag เขามีฟอนต์แนวสกปรกเลอะเทอะเละเทะ เอามาไล่ลิสต์เรียงชื่อกันตามตัวอักษร A-Z เลยครับ ลองกดเข้าไปดูรายการดูเผื่อจะได้ฟอนต์สไตล์นี้มาเล่นสักกระบุงจ้ะ ตามไปดูได้ที่ The A-Z List of Free Grungy & Dirty Fonts for Commercial Design
เมื่อครั้งกระโน้น (ตัวกะสมัยฟอนต์.คอมยังไม่เป็นสีแดงๆ แบบนี้) เราเคยแนะนำเว็บสร้างฟอนต์แบบออนไลน์ไปเว็บนึง นั่นคือ FontStruct (อ่านได้จากฟอรั่มโลด) ซึ่งนั่นก็เป็นที่ฮือฮากันมาแล้วรอบหนึ่งว่าเฮ้ย มีฝรั่งที่คิดอะไรเจ๋งๆ แบบนี้มาให้ใช้ฟรีๆ ด้วยเรอะ แต่พอมาถึงวันนี้ก็ได้เจออีกเจ้านึง (โดยคำแนะนำจากพี่โอ้เอ้) ว่า typism เนี่ยเป็นเว็บน้องใหม่น่าสนใจดี ก็เลยลองกดเข้าไปเล่นดู ปรากฏว่า งงฉิบหายครับ (อ้าว) :30: เลยเอามาแนะนำให้อ่านกัน
ที่ Noupe เขารวบรวม 40 เทคนิคและไอเดียในการใช้ Adobe Illustrator (ที่ผมเองก็ใช้ไม่เป็น) มาตกแต่งเพิ่มพลังแพรงพราวให้กับตัวอักษร หลายๆ อันดูแล้วสนุกจัง! สนใจก็จิ้มเข้าไปตื่นตาตื่นใจได้เลยครับ
ฟอนต์นี้เป็นตัวลายมือ เขียนเล่นสนุกๆ ครับ พยายามทำให้เป็นลายมือแบบวัยรุ่น (ตอนที่ทำตอนนั้นยังวัยรุ่นอยู่จริงๆนะ อิอิ) ลองดูครับ
อีกหนึ่งฟอนต์ครับ อยากลองทำตัวง่ายๆ ออกเหลี่ยมๆ ดูบ้างตัวนี้ทำง่ายครับ วันเดียวเสร็จ ลองโหลดเอาไปใช้กันดูครับ
ฟอนต์นี้ผมดัดแปลงมาจากฟอนต์#Ts R 2143 Normal หลังจากทำฟอนต์ตัวแรกเสร็จ ก็มาเจ๊อะเข้ากับฟอนต์#Ts R 2143 Normal ชอบมาก เลยลองเอามาดัดแปลงเสริมแต่งดู ต้องขอบคุณเจ้าของฟอนต์เดิมเป็นอย่างสูงด้วยครับ อิอิ
ฟอนต์นี้ได้ไอเดียมาตอนผมอาบน้ำอยู่หัวกระไดท่าน้ำ นึกอยากสระผมเลยตะโกนบอกพวกบ้าน (ภรรยา) “แม่อีหนูเอ้ยเอายาสระผมให้พ่อหน่อยสิจ๊ะ” พอได้รับผมรีบฉีกซองยาสระผมเทใส่ผมผมอย่างเร่งรีบ ในช่วงที่ผมกำลังสระผม ยังไม่ทันทียาสระผมจะเข้าตาผม ผมก็เหลือบไปเห็นซองยาสระผมที่วางอยู่หัวกระได ขนหัวผมลุกซู่…
ฟอนต์สไตล์ Sans-Serif คือฟอนต์ที่ไม่มีเส้นปิดหัวปิดท้าย (ส่วน Serif ก็ตรงกันข้าม ถ้านึกภาพง่ายๆ ก็พวก Times New Roman นั่นแล) ซึ่ง ณ โอกาสนี้ก็เป็นฤกษ์งามยามดีที่ทาง woork เขารวบรวมฟอนต์ฝรั่งหน้าตาแบบนี้มาให้เราดาวน์โหลดไปสะสมกันถึง 5 แบบ ตามที่เห็นนี่แหละจ้ะ
ฟอนต์นี้เห็นมานานแล้ว จากป้ายเก่าโฆษณาเก่าๆ ว่าจะทำไม่ได้ทำสักที จนลืมไปเลย จนมีโอกาสได้เข้ากรุงเทพ เดินผ่านร้านป้ายแถววงเวียน 22 เห็นอีกครั้ง นึกขึ้นได้ กลับสุพรรณวันนั้น ก็รีบทำเลย กลัวลืมอีก ก็ได้ออกมาเป็นเช่นนี้ ฟอนต์นี้ มีทั้งไทย อังกฤษ ลองใช้กันดูนะจ๊ะ
เชื่อสิว่าแม้เราจะอยู่ประเทศไทยก็ตาม แต่ช่วงปลายเดือนนี้ (ตุลาคม) บรรดาห้างร้านต่างๆ ก็จะพยายามจัดสินค้าแนวผีๆ มาให้เรารู้สึกว่า โอ้ว นี่มันวันฮาโลวันแล้วรึเนี่ย! แล้วก็เตรียมจ่ายตังค์ซื้อของเกี่ยวกับอะไรผีๆ หรือฝรั่งๆ กันไปแบบงงๆ ตามที่เขาเอามาวางขาย เมื่อเห็นเป็นเช่นนี้แล้ว ฟอนต์.คอม ก็เลยตามกระแสกับเขามั่งครับ โดยมีฟอนต์สไตล์เก่าๆ โบราณๆ ดูแล้วขลังจังเลย ชวนให้นึกไปถึงอาร์ตเวิร์กอารมณ์หลอนๆ ผีๆ เก่าๆ ได้ด้วยแหละ ลองเลือกชมดูสิครับ
ฟอนต์นี้เห็นแบบมาจากโปสเตอร์หนังเก่า เรื่องเลือดสุพรรณ เห็นทีแรก.. โห สวยว่ะ แต่ไม่ได้คิดอะไร เพราะดูแล้ว คงทำยาก บังเอิญโชคดีได้หนังสือของท่านอาจารย์รุ่นพี่ที่เพาะช่าง (จำชื่อท่านไม้ได้ทราบแต่ว่าท่านเป็นเจ้าของโรงเรียนกรุงเทพวิจิตรศิลป์ครับ) ก็เลยลองทำดู
จากโพสต์ก่อนหน้า – 10 ต.ค.นี้ มาเรียนทำฟอนต์ลายมือกัน ฟรี! ที่ฟอนต์.คอมถูกเชิญจากมูลนิธิสยามกัมมาจล ให้ไปร่วมแจม เปิดอบรมทำฟอนต์ลายมือ ซึ่งขณะนี้งานดังกล่าวก็ได้สำเร็จลุล่วงไปด้วยดี ก็ต้องขอขอบคุณทุกคนที่มีส่วนร่วมทำให้ฟอนต์แคมป์สัญจรครั้งแรกนี้ เป็นเหมือนพลุดอกแรกที่ตั้งแต่เปิดเว็บมาก็เพิ่งเคยยกพวกไปสอนทำฟอนต์กันสนุกสนานแบบนี้ เพราะที่ผ่านมาเราไม่เคยมานั่งคุยกันเรื่องฟอนต์เลยครับ เป็นเว็บฟอนต์ประสาอะไรก็ไม่รู้ มีแต่พากินพาเที่ยว! (ไม่เชื่อไปดูในฟอรั่มดูสิ) หลังจากงานนี้จบลงก็คงมีฟอนต์เจ๋งๆ และบทความแนะนำเทคนิคดีๆ เกี่ยวกับการสร้างสรรค์ฟอนต์ (ที่บางอย่างผมเองก็เพิ่งรู้) เตรียมตัวทยอยงอกงามขึ้นจากการจัดอบรมในครั้งนี้ (และอาจจะมีครั้งต่อๆ ไป ถ้าใครพลาดก็ติดตามข่าวเป็นระยะๆ นะครับ) .. เมื่อเห็นเป็นเช่นนี้แล้ว ผมเลยนำภาพเก็บตกบรรยากาศบางส่วนมาฝากกันครับ