<?xml version="1.0" encoding="UTF-8"?><rss version="0.92">
<channel>
	<title>KOTZHUL : ความรู้เว็บดีไซน์ กราฟฟิกดีไซน์ และข่าวการประกวดออกแบบ</title>
	<link>http://www.kotzhul.com</link>
	<description>รวบรวมความรู้เกี่ยวกับ เว็บดีไซน์ กราฟฟิกดีไซน์ หลักการออกแบบที่ดี สอนออกแบบเว็บไซต์ และข่าวสารการประกวดออกแบบมากมาย</description>
	<lastBuildDate>Fri, 20 Jan 2012 20:26:23 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	<!-- generator="WordPress/3.2.1" -->

	<item>
		<title>[Inspiration] Word as Image โปรเจคเก๋ๆของ Ji Lee</title>
		<description><![CDATA[จะเป็นยังไงเมื่อเราเอาคำมาเล่นให้เป็นภาพ เพื่อที่จะสื่อความหมายของคำนั้นออกมาโดยมีกฏว่าห้ามเพิ่มส่วนประกอบอะไรอย่างอื่นเข้าไปอีก นอกจากจะใช้ส่วนประกอบของคำๆนั้นเอง จึงเป็นที่มาของโปรเจค Word as Image ของ Ji Lee ที่ใช้ความคิดสร้างสรรค์ในการดัดแปลงตัวอักษรให้เกิดเป็นภาพขึ้นมาตามความหมายของคำนั้น ซึ่งงานของเขาเล่น Typography ได้อย่างยอดเยี่ยม จึงอดไม่ได้ที่จะเอามาให้ชมกันครับ วิดีโอ Word as Image ภาพ Word as Image บทความที่น่าสนใจAsajara Resort Websiteประกวดวาดภาพ SEAMEO Drawing Competition 2010Season Changeงานประกวดการออกแบบ Poster ฉลอง 10 ปี Tivoli Audioประกวดวาดภาพระบายสี หัวข้อ “อนุรักษ์เต่า กับ เชียงใหม่ ซู อควาเรียม”]]></description>
		<link>http://www.kotzhul.com/blog/word-as-image-by-ji-lee/</link>
			</item>
	<item>
		<title>รู้ให้ลึก รู้ให้จริง JPG / GIF / PNG  แตกต่างกันอย่างไร?</title>
		<description><![CDATA[JPG, GIF, PNG ถือว่าเป็นไฟล์รูปที่พวกเรานั้นใช้กันบ่อยมากที่สุดเลยล่ะครับ ไม่ว่าจะเป็นรูปถ่าย, หรือแม้แต่อนิเมชั่นเองก็ตาม รู้แบบนี้แล้วเรามารู้จักเจ้าไฟล์นามสกุลพวกนี้ ให้มากขึ้นกันดีกว่า ซึ่งใครที่เรียกตัวเองว่ากราฟฟิกดีไซน์เนอร์ หรือเว็บดีไซน์เนอร์ ต้องรู้นะครับ JPG/JPEG jpg หรือ jpeg นั้นย่อมาจาก Joint Photographic Experts Group ซึ่งเป็นหนึ่งในนามสกุลไฟล์ภาพที่นิยมมากที่สุดที่เว็บบราวเซอร์สามารถแสดงผลได้ครับ โดยที่ JPG นั้นเป็นภาพแบบ Lossy Compression หรือให้เข้าใจกันง่ายๆก็คือ มีการบีบอัดข้อมูลต่างๆของภาพอย่างเช่น สี ความคมชัดของภาพครับ ข้อดีของ JPEG : สามารถแสดงผลได้ถึง 16 ล้านสี จึงเหมาะกับภาพที่เป็นภาพถ่ายที่มีการเก็บข้อมูลสีหลายสี หรือภาพกราฟฟิกที่มีความซับซ้อนครับ ข้อเสียของ JPEG : ขนาดไฟล์ภาพค่อนข้างใหญ่ ซึ่งถ้าคุณต้องการขนาดไฟล์ภาพที่เล็กลงนั้นต้องแลกด้วยการเสียความละเอียดของภาพไปครับผม JPEG จึงไม่เหมาะกับภาพประเภทที่มีตัวหนังสือ หรือภาพกราฟฟิกธรรมดาๆ ไม่มีความละเอียดของสีมาก รู้ไหมว่า? ขนาดภาพที่ JPEG รองรับได้สูงสุดคือ 65535 x 65535 px และทุกครั้งของการเซฟรูป JPEG จะมีการสูญเสียข้อมูลภาพทุกครั้ง! GIF [...]]]></description>
		<link>http://www.kotzhul.com/blog/jpg-gif-png-%e0%b9%81%e0%b8%95%e0%b8%81%e0%b8%95%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b9%84%e0%b8%a3/</link>
			</item>
	<item>
		<title>[Inspiration] Pawel Kuczynski ศิลปะการแดกดันที่ไม่เหมือนใคร!</title>
		<description><![CDATA[Inspiration วันนี้ผมนำผลงานของ Pawel Kuczynski ศิลปินชาวโปร์แลนด์มาให้ชมกันครับ รูปวาดของเขานั้นมาในแนวสไตล์ Satirical Art หรือศิลปะที่ประชดประชัด หรือเสียดสีสังคมนั่นเอง เอาล่ะ เรามาดูกันดีกว่าว่ามันเจ๋งแค่ไหน ;) ดูรูปเพิ่มเติม บทความที่น่าสนใจการประกวดออกแบบปกหนังสือ ดอนกิโฆเต้ (Don Quixote of La Mancha) ประกวดวาดภาพระบายสี ในหัวข้อ &#8220;เยาวชนอาสา รักษ์สิ่งแวดล้อม&#8221;ประกวดออกแบบโลโก้ สมาคมส่งเสริมการรับช่วงการผลิตไทยประกวดออกแบบโลโก้ครบรอบ 100 ปีสมาคมฝรั่งเศสThailand Animation Contest by Ayudhya Allianz C.P.]]></description>
		<link>http://www.kotzhul.com/blog/inspiration-pawel-kuczynski-satirical-art/</link>
			</item>
	<item>
		<title>[Infographic] คนกรุงกับการดูแลสุขภาพ</title>
		<description><![CDATA[เห็นเมืองนอกเมืองนาเขาฮิตทำ Infographic กันเหลือเกิน ส่วนพี่ไทยบ้านเรา เริ่มจะมี Infographic กันบ้างแล้ว ที่ผมเห็นเด่นๆเลยคือของ นสพ.ไทยรัฐครับ สวยงามมากๆ วันนี้ผมเลยขอจัดมั้ง (ครั้งแรกเลย) อาจจะไม่สวยเท่าไหร่ แต่ก็ตั้งใจทำมากนะครับ แหะๆ (ทำเกือบ 6 ชม. แน่ะ!!) ฝากด้วยครับ :D คลิกที่รูปเพื่อดูภาพใหญ่ครับ บทความที่น่าสนใจประกวดออกแบบตราสัญลักษณ์ “อัตลักษณ์ไทยล้านนาสปา”การประกวดวาดภาพระบายสี “สวนสัตว์ในจินตนาการของฉัน”ประกวดวาดภาพศิลปะสะท้อน &#8220;ความรัก ความสามัคคี ความดี และความงาม&#8221; โครงการลมหายใจไร้มลทินแจกฟรีฟอนท์ DB EcoThai โดย อ.ปริญญา โรจน์อารยานนท์แจกฟรี ไฟล์ PSD: Hosting Design Layout]]></description>
		<link>http://www.kotzhul.com/blog/%e0%b8%84%e0%b8%99%e0%b8%81%e0%b8%a3%e0%b8%b8%e0%b8%87%e0%b8%81%e0%b8%b1%e0%b8%9a%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%94%e0%b8%b9%e0%b9%81%e0%b8%a5%e0%b8%aa%e0%b8%b8%e0%b8%82%e0%b8%a0%e0%b8%b2%e0%b8%9e/</link>
			</item>
	<item>
		<title>รู้จัก Dek-D.Com ให้มากขึ้น! กับบทสัมภาษณ์ &#8220;ปกรณ์ สันติสุนทรกุล&#8221; ผู้ร่วมก่อตั้งเว็บไซต์เด็กดี</title>
		<description><![CDATA[บทความนี้มาแปลกแหวกแนวหน่อยครับ เพราะบทความนี้จะเป็นวิดีโอบทสัมภาษณ์พิเศษจากผู้ร่วมก่อตั้งเว็บ Dek-D.Com &#8220;ปกรณ์ สันติสุนทรกุล&#8221; หรือที่วัยรุ่นรู้จักชื่อกันดีว่า &#8220;พี่ปอนด์&#8221; นั่นเองครับ ซึ่งวิดีโออันนี้ พี่ปอนด์ของเราได้เล่าถึงแรงบันดาลใจในการทำเว็บเด็กดี, ปัญหาต่างๆที่เกิดขึ้นจากเด็กวัยรุ่นในเว็บเด็กดี รวมถึงมุมมองเว็บประเทศไทยในปัจจุบัน โดยพี่ปอนด์ได้ให้ข้อมูล และแนวคิดที่สร้างแรงบันดาลใจให้เราอย่างมากครับผม จึงอยากให้ทุกท่านได้ชมกัน :) วิดีโอนี้เกิดขึ้นได้อย่างไร ? วิดีโอชุดนี้คือโปรเจควิชา Video Communication โดย AJ. Dino Landucci (วิทยาลัยนานาชาติ ม.กรุงเทพ) ซึ่งมีผมและเพื่อนอีก 3 คนช่วยกันทำขึ้นมา จึงขอยกเครดิทให้เพื่อนผมด้วยครับ หนุ่ม สหวัฒน์ : Photographer อ้อ หยกทิพย์ : Editor และ Interviewer ยุ้ย อภิญญา : Sound Checker และ Subtitle Translator ก๊อต ภควัต : Photographer (ผมเอง) และที่ขาดไม่ได้ต้องขอบคุณ [...]]]></description>
		<link>http://www.kotzhul.com/blog/%e0%b8%a3%e0%b8%b9%e0%b9%89%e0%b8%88%e0%b8%b1%e0%b8%81-dek-d-com-%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%a1%e0%b8%b2%e0%b8%81%e0%b8%82%e0%b8%b6%e0%b9%89%e0%b8%99/</link>
			</item>
	<item>
		<title>[Update] แจก Actions ฟรี! แต่งรูปแบบ Instagram Filters ใน Photoshop</title>
		<description><![CDATA[โดยส่วนตัวผมแล้ว ผมเล่นแอพ Instagram ใน iPhone อยู่แล้ว ซึ่ง Filters ใน Instagram นั้นสวยๆทั้งนั้น วันนี้ผมจึงเอา Action ใน Photoshop ที่มีความเหมือนกับ Filters ใน Instagram มาให้สูบกันครับผม โดย Action ที่ผมเอามาให้พวกคุณโหลดนั้น ทำโดย Daniel Box ครับ สามารถติดตาม Tumblr เค้าได้เลย เพราะเค้าชอบเอาไอเดียเก๋ ที่เหมาจะเป็น Inspiration ให้เราได้มากทีเดียวครับ เราก็ต้องขอบคุณเค้ามา ณ ที่นี้ด้วยครับ สำหรับ Action ดีๆอันนี้ครับ ใน Action จะประกอบด้วย Filter ต่างๆใน Instagram ดังนี้ครับ ; Nashville, EarlyBird, Brannan และ X-Pro II เอาล่ะ [...]]]></description>
		<link>http://www.kotzhul.com/blog/%e0%b9%81%e0%b8%88%e0%b8%81%e0%b8%9f%e0%b8%a3%e0%b8%b5-instagram-filters-%e0%b9%83%e0%b8%99%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b9%81%e0%b8%9a%e0%b8%9a-photoshop-actions/</link>
			</item>
	<item>
		<title>App Review: The Font Games ท้าเหล่าเซียน Typographers มาลองดี!</title>
		<description><![CDATA[วันนี้มาแปลกหน่อย เพราะว่าผมจะมารีวิวแอพใน iPhone และ iPad ครับผม ซึ่งบังเอิญผมได้ไปเจอแอพนี้เข้าเลย และคิดว่าคงจะถูกใจเพื่อนๆชาว Typographer กัน วันนี้เลยจัดรีวิวมาให้ได้ดูกันครับ :D เริ่มแรก ผมต้องขอเกริ่นก่อนว่า The Font Games นี้จริงๆแล้วมันมีมาก่อนที่จะมีแอพใน iPhone อีกครับ ซึ่งเว็บ ilovetypography.com ได้ทำให้เล่นในเว็บกันมาก่อนแล้ว ซึ่งถ้าเราขี้เกียจจะไปเสียตังโหลดแอพ เราก็เข้าไปเล่นได้เลยที่นี่ &#8211; ilovetypography.com/fontgame/  เรามาดูหน้าตาหน้าแรกของแอพกันก่อนดีกว่า หน้าตาเรียบง่ายแต่ดูดี โดยเกมนั้นจะมีให้เลือกสองแบบด้วยกัน The Font Game &#8212; เกมทายชื่อ Typeface ต่างๆ The Terminology Game &#8212; เกมทายชื่อส่วนประกอบของ Font The Font Game เกมนี้ใครที่เซียนฟอนต์แล้วคงจะไม่ยากเท่าไหร่ เพราะตัวเกมจะให้รูปคำว่า Fargo มาในแต่ละแบบมา แล้วให้เราทายว่าในรูปนั้น Typeface อะไร โดยมีตัวเลือกให้ 4 ตัวเลือกครับผม เกม เกมหนึ่งนั้นจะมีทั้งหมดด้วยกัน [...]]]></description>
		<link>http://www.kotzhul.com/blog/app-review-the-font-games/</link>
			</item>
	<item>
		<title>วิธีแต่งรูปแนววินเทจแค่ใช้ Curve ใน Photoshop</title>
		<description><![CDATA[Tutorial Photoshop มาอีกแล้ว แต่ครั้งนี้มาแนววินเทจ (Vintage) ใสๆ ซึ่งวันนี้ผมจะมานำเสนอให้บรรดามิตรรักแฟน Photoshop ได้ลองทำกันครับ แฮ่ :D เริ่มทำกันเลย ก่อนอื่นเลือกมาเลยซักรูป (แนะนำให้เอารูปที่มี Contrast เยอะๆหน่อย) ในที่นี้ผมเอารูปที่ผมถ่ายมาเองครับ สามารถดูรูปที่ผมไปถ่ายมาหลายๆเซ็ตได้ที่ www.kotzhul.com/photography ครับผม (แอบโฆษณา อิอิ) &#160; 1. เลือกเมนู Image &#62; Adjustment &#62; Curve.. หรือ Ctrl+M ส่วนคีย์ลัดของ MAC ไม่รู้อ่ะ (ฮา) 2. เมื่อหน้าต่าง Curve โผล่ขึ้นมา ให้เลือก Channel เป็น Red แล้วลากกราฟให้มันโค้งตามรูปข้างล่าง 3. ต่อไปเปลี่ยน Channel เป็น Green ลากกราฟเหมือนสีแดงเลย 4 เปลี่ยน Channel มาอันสุดท้าย [...]]]></description>
		<link>http://www.kotzhul.com/blog/how-to-make-vintage-photo-by-using-curve-in-photoshop/</link>
			</item>
	<item>
		<title>10 Infographic เจ๋งๆเกี่ยวกับ Graphic และ Web Design</title>
		<description><![CDATA[การอธิบาย, เปรียบเทียบ หรือการอธิบายตัวเลขในสถิติ ด้วยตัวอักษรหรือตัวเลขอย่างเดียวคงจะน่าเบื่อเกินไปสำหรับเราในยุคนี้ เดี๋ยวนี้จึงมีการทำ Infographic ขึ้นมาอธิบายสถิติหรือสิ่งต่างๆมากขึ้น เพื่อให้คนอ่านไม่เบื่อ และเพลิดเพลินกับกราฟฟิกที่ประกอบอยู่ในนั้น วันนี้ผมจึงนำ Infographic ที่เกี่ยวกับ Web Design และ Graphic Design เจ๋งๆที่เด่นเรื่องการออกแบบ Visualize แถมยังให้ความรู้กับเราเยอะมากด้วยครับผม :) The Anatomy of an Effective Web Design Infographic นี้อธิบายเกี่ยวกับส่วนประกอบที่ดีของการดีไซน์เว็บมีอะไรบ้าง รวมถึงแสดงสถิติต่างๆในแวดวงดีไซน์เนอร์อีกด้วย The Evolution of Typography ออกแบบ Typography มาตั้งหลายงาน แต่รู้หรือเปล่าว่า Typography นั้นมีพัฒนาการมาอย่างไร ถ้ายังไม่รู้ อ่านเลย! What Makes Someone Leave a Website? Inforgraphic นี้ค่อนข้างที่จะมีประโยชน์มาเลยทีเดียว ว่าเหตุผลอะไรที่ให้คนออกจากเว็บของเรา ใครอ่านแล้วก็ลองไปปรับในเว็บเราดูนะครับ เพื่อที่จะกักกันไม่ให้คนดูออกจากเว็บเราง่ายๆ ฮ่าๆ [...]]]></description>
		<link>http://www.kotzhul.com/blog/10-cool-infographics-abot-graphic-and-web-design/</link>
			</item>
	<item>
		<title>PS Tutorial: วิธีโหลด / วิธีใช้ Action ในโปรแกรม Photoshop แบบละเอียดยิบยับ</title>
		<description><![CDATA[ห่างหายกันไปนานมาก เนื่องจากคนทำเว็บไม่ค่อยจะมีเวลาเท่าไหร่ ฮ่า แต่วันนี้ทนไม่ไหวเพราะมีคนบ่นเยอะเหลือเกินจากบทความ &#8220;แจกฟรี Instagram Filters ในรูปแบบ Photoshop Actions!!&#8220; ว่าลง Action ยังไงคะ, เอ่อ แล้ววิธีใช้ Action มันทำยังไงหรอคะ จะให้ผมแปะลิงค์บทความวิธีใช้จากเว็บคนอื่นมาเลยก็กระไรอยู่ คันไม้คันมือมาก เลยเขียนเองซะเลย มาดูกันดีกว่าว่า Action มันใช้กันยังไง !!? วิธีโหลด Action ลงในโปรแกรม Photoshop ใครยังไม่ได้ลองโหลด ไปโหลด Action มาลงกันได้ที่บทความนี้ &#8211; แจกฟรี Instagram Filters ในรูปแบบ Photoshop Actions! เปิดโปรแกรม Photoshop (ไม่ใช่ Illustrator นะ ฮา) แล้วคลิก Window &#62; Action หรือ Alt+F9 หรือ รูปไอคอน (ตามรูปข้างล่าง) คลิกสัญลักษณ์มุมขวาบนของกรอบ Action [...]]]></description>
		<link>http://www.kotzhul.com/blog/how-to-load-and-use-actions-in-photoshop/</link>
			</item>
</channel>
</rss>

