<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MEMOBALL.info &#187; Graphics</title>
	<atom:link href="http://www.memoball.info/category/application/graphic/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.memoball.info</link>
	<description>All of my Memories</description>
	<lastBuildDate>Thu, 22 Jul 2010 06:17:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>PNG Image Optimization</title>
		<link>http://www.memoball.info/05/png-image-optimization/</link>
		<comments>http://www.memoball.info/05/png-image-optimization/#comments</comments>
		<pubDate>Wed, 20 May 2009 14:48:19 +0000</pubDate>
		<dc:creator>spnball</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Web Application]]></category>
		<category><![CDATA[ubuntu]]></category>
		<category><![CDATA[Web application]]></category>

		<guid isPermaLink="false">http://memoball.nabzer.com/?p=282</guid>
		<description><![CDATA[การทำให้ขนาดของรูปภาพมีขนาดเล็กลง เป็นส่วนหนึ่งที่จะทำให้เวปไซต์ของเราโหลดไวขึ้น อีกทั้งใช้แบนวิธที่น้อยลงทำให้เซอร์เวอร์ของเราใช้งานได้อย่างมีประสิทธิภาพเพิ่มมากขึ้น ซึ่งการทำให้ไฟล์รูปแบบ PNG มีขนาดน้อยลงมีวิธีทำดังต่อไปนี้


จาก WikiBall


			




เนื้อหา


1 Optimize ด้วย OptiPNG หรือ pngcrush

1.1 PNGcrush
1.2 Optipng


2 Optimize with Smush.it
3 reference




 if (window.showTocToggle) { var tocShowText = "แสดง"; var tocHideText = "ซ่อน"; showTocToggle(); } 

  Optimize ด้วย OptiPNG หรือ pngcrush 

 PNGcrush
pngcrush เป็นโปรแกรมที่มีอยู่แล้วใน ubuntu synapticสามารถใช้ apt-get เอามาลงได้เลย

$ pngcrush -rem allb -brute -reduce original.png optimized.png
โดยพารามิเตอร์ต่างๆ มีความหมายดังต่อไปนี้


 -rem allb [...]]]></description>
			<content:encoded><![CDATA[<p>การทำให้ขนาดของรูปภาพมีขนาดเล็กลง เป็นส่วนหนึ่งที่จะทำให้เวปไซต์ของเราโหลดไวขึ้น อีกทั้งใช้แบนวิธที่น้อยลงทำให้เซอร์เวอร์ของเราใช้งานได้อย่างมีประสิทธิภาพเพิ่มมากขึ้น ซึ่งการทำให้ไฟล์รูปแบบ PNG มีขนาดน้อยลงมีวิธีทำดังต่อไปนี้<br />
<span id="more-282"></span></p>
<div id="bodyContent">
<h3 id="siteSub"><a href="http://wiki.memoball.info/index.php/PNG_Image_Optimization">จาก WikiBall</a></h3>
<div id="contentSub"></div>
<div id="jump-to-nav"></div>
<p>			<!-- start content --></p>
<table id="toc" class="toc" summary="เนื้อหา">
<tr>
<td>
<div id="toctitle">
<h2>เนื้อหา</h2>
</div>
<ul>
<li class="toclevel-1"><a href="./#Optimize_.E0.B8.94.E0.B9.89.E0.B8.A7.E0.B8.A2_OptiPNG_.E0.B8.AB.E0.B8.A3.E0.B8.B7.E0.B8.AD_pngcrush" ref="toc"><span class="tocnumber">1</span> <span class="toctext">Optimize ด้วย OptiPNG หรือ pngcrush</span></a>
<ul>
<li class="toclevel-2"><a href="./#PNGcrush" ref="toc"><span class="tocnumber">1.1</span> <span class="toctext">PNGcrush</span></a></li>
<li class="toclevel-2"><a href="./#Optipng" ref="toc"><span class="tocnumber">1.2</span> <span class="toctext">Optipng</span></a></li>
</ul>
</li>
<li class="toclevel-1"><a href="./#Optimize_with_Smush.it" ref="toc"><span class="tocnumber">2</span> <span class="toctext">Optimize with Smush.it</span></a></li>
<li class="toclevel-1"><a href="./#reference" ref="toc"><span class="tocnumber">3</span> <span class="toctext">reference</span></a></li>
</ul>
</td>
</tr>
</table>
<p><script type="text/javascript"> if (window.showTocToggle) { var tocShowText = "แสดง"; var tocHideText = "ซ่อน"; showTocToggle(); } </script><br />
<a name="Optimize_.E0.B8.94.E0.B9.89.E0.B8.A7.E0.B8.A2_OptiPNG_.E0.B8.AB.E0.B8.A3.E0.B8.B7.E0.B8.AD_pngcrush" href="http://wiki.memoball.info/"></a><br />
<h2> <span class="mw-headline"> Optimize ด้วย OptiPNG หรือ pngcrush </span></h2>
<p><a name="PNGcrush" href="http://wiki.memoball.info/"></a><br />
<h3> <span class="mw-headline">PNGcrush</span></h3>
<p>pngcrush เป็นโปรแกรมที่มีอยู่แล้วใน ubuntu synapticสามารถใช้ apt-get เอามาลงได้เลย
</p>
<pre>$ pngcrush -rem allb -brute -reduce original.png optimized.png</pre>
<p>โดยพารามิเตอร์ต่างๆ มีความหมายดังต่อไปนี้
</p>
<ul>
<li> <b>-rem allb</b> &#8212; remove all extraneous data. Except transparency and gamma; to remove everything except transparency, try<i> -rem alla</i>
</li>
<li> <b>-brute</b> &#8212; attempt all optimization methods. Requires more processing time and may not improve optimization by much.
</li>
<li> <b>-reduce</b> &#8212; eliminate unused colors and reduce bit-depth. ถ้าเป็นไปได้
</li>
</ul>
<p><a name="Optipng" href="http://wiki.memoball.info/"></a><br />
<h3> <span class="mw-headline">Optipng</span></h3>
<pre>$ optipng -o7 org.png</pre>
<ul>
<li> <b>-o7</b> — optimize ระดับสูงสุด โดยเริ่มจากระดับที่ 0 &#8211; 7
</li>
</ul>
<p><a name="Optimize_with_Smush.it" href="http://wiki.memoball.info/"></a><br />
<h2> <span class="mw-headline"> Optimize with Smush.it </span></h2>
<p>ย่อรูปด้วยโปรแกรม smush.it ซึ่งเป็นโปรแกรมสำหรับ Firefox<br />
[<a href="http://smush.it" class="external autonumber" title="http://smush.it" rel="nofollow">[1]</a>]
</p>
<p><a name="reference" href="http://wiki.memoball.info/"></a><br />
<h2> <span class="mw-headline"> reference </span></h2>
<ul>
<li> <a href="http://perishablepress.com/press/2009/05/17/png-image-optimization/" class="external free" title="http://perishablepress.com/press/2009/05/17/png-image-optimization/" rel="nofollow">http://perishablepress.com/press/2009/05/17/png-image-optimization/</a>
</li>
<li> <a href="http://www.dzone.com/" class="external free" title="http://www.dzone.com/" rel="nofollow">http://www.dzone.com/</a>
</li>
</ul>
<p><!--<br />
NewPP limit report<br />
Preprocessor node count: 12/1000000<br />
Post-expand include size: 0/2097152 bytes<br />
Template argument size: 0/2097152 bytes<br />
Expensive parser function count: 0/100<br />
--></p>
<p><!-- Saved in parser cache with key memoball_wiki:pcache:idhash:52-0!1!0!!th!2!edit=0 and timestamp 20090825195504 --></p>
<div class="printfooter">
<h5>รับข้อมูลจาก (Reference) : </h5>
<p>จาก WikiBall : <a href="http://wiki.memoball.info/index.php/PNG_Image_Optimization">http://wiki.memoball.info/index.php/PNG_Image_Optimization</a></div>
<div id='catlinks' class='catlinks'>
<div id="mw-normal-catlinks"><a href="http://wiki.memoball.info//index.php/%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9:Categories" title="พิเศษ:Categories">หมวดหมู่</a>:&#32;<span dir='ltr'><a href="http://wiki.memoball.info//index.php?title=%E0%B8%AB%E0%B8%A1%E0%B8%A7%E0%B8%94%E0%B8%AB%E0%B8%A1%E0%B8%B9%E0%B9%88:PHP&amp;action=edit&amp;redlink=1" class="new" title="หมวดหมู่:PHP (ยังไม่ได้สร้าง)">PHP</a></span> | <span dir='ltr'><a href="http://wiki.memoball.info//index.php?title=%E0%B8%AB%E0%B8%A1%E0%B8%A7%E0%B8%94%E0%B8%AB%E0%B8%A1%E0%B8%B9%E0%B9%88:Web_developer&amp;action=edit&amp;redlink=1" class="new" title="หมวดหมู่:Web developer (ยังไม่ได้สร้าง)">Web developer</a></span></div>
</div>
<p>			<!-- end content --></p>
<div class="visualClear"></div>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.memoball.info/05/png-image-optimization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>รวม medel ตัวอย่าง ใน Blender</title>
		<link>http://www.memoball.info/01/%e0%b8%a3%e0%b8%a7%e0%b8%a1-medel-%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87-%e0%b9%83%e0%b8%99-blender/</link>
		<comments>http://www.memoball.info/01/%e0%b8%a3%e0%b8%a7%e0%b8%a1-medel-%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87-%e0%b9%83%e0%b8%99-blender/#comments</comments>
		<pubDate>Fri, 09 Jan 2009 04:34:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blender]]></category>

		<guid isPermaLink="false">http://memoball.nabzer.com/?p=68</guid>
		<description><![CDATA[
การทำผิว และลายในโลหะ (noise) http://3dnoob.com/tutorials/brushed-metal-textures-blender

]]></description>
			<content:encoded><![CDATA[<ul>
<li>การทำผิว และลายในโลหะ (noise) <br /><a href="http://3dnoob.com/tutorials/brushed-metal-textures-blender">http://3dnoob.com/tutorials/brushed-metal-textures-blender</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.memoball.info/01/%e0%b8%a3%e0%b8%a7%e0%b8%a1-medel-%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87-%e0%b9%83%e0%b8%99-blender/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ตัวอย่างการสร้างแก้วใน Blender</title>
		<link>http://www.memoball.info/01/%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b9%81%e0%b8%81%e0%b9%89%e0%b8%a7%e0%b9%83%e0%b8%99-b/</link>
		<comments>http://www.memoball.info/01/%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b9%81%e0%b8%81%e0%b9%89%e0%b8%a7%e0%b9%83%e0%b8%99-b/#comments</comments>
		<pubDate>Tue, 06 Jan 2009 10:19:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blender]]></category>

		<guid isPermaLink="false">http://memoball.nabzer.com/?p=66</guid>
		<description><![CDATA[เซ้งเลย link เก่าขาดหายไปแล้ว พยายามเข้าไปใน google เพื่อหา cache แต่ก็ได้มาแค่นี้ รู้อย่างนี้ทำสำรองไว้ก็ดีแล้ว
1. Add a cilynder from top view with 16 vertices and rotate it by 11.25 degrees along z-axis.

2. Loop-subdivide (press &#60;CTRL&#62; + &#60;R&#62;, use mouse scroll to increase sub.div. level) five times on the side.

3. Delete faces selected in image below.

4. Extrude edges as in image below.

5. [...]]]></description>
			<content:encoded><![CDATA[<p>เซ้งเลย link เก่าขาดหายไปแล้ว พยายามเข้าไปใน google เพื่อหา cache แต่ก็ได้มาแค่นี้ รู้อย่างนี้ทำสำรองไว้ก็ดีแล้ว<br />
1. Add a cilynder from top view with 16 vertices and rotate it by 11.25 degrees along z-axis.</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/01.png" border="0" alt="Image" hspace="6" width="449" height="375" /></p>
<p>2. Loop-subdivide (press &lt;CTRL&gt; + &lt;R&gt;, use mouse scroll to increase sub.div. level) five times on the side.</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/02.png" border="0" alt="Image" hspace="6" width="426" height="405" /></p>
<p>3. Delete faces selected in image below.</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/03.png" border="0" alt="Image" hspace="6" width="485" height="404" /></p>
<p>4. Extrude edges as in image below.</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/04.png" border="0" alt="Image" hspace="6" width="451" height="447" /></p>
<p>5. Rotate and fill with faces.</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/05.png" border="0" alt="Image" hspace="6" width="503" height="440" /></p>
<p>6. Delete top vertice. Extrude top circle and scale extrusion down a bit, extrude again and move down along z-axis till the bottom, then extrude again and scale to 0.</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/06.png" border="0" alt="Image" hspace="6" width="465" height="426" /></p>
<p>7. Press &lt;CTRL&gt; + &lt;3&gt; to add &#8220;Subsurf&#8221; modifier quickly. Click &#8220;Set Smooth&#8221; under &#8220;Link and Materials&#8221; panel.</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/07.png" border="0" alt="Image" hspace="6" width="512" height="427" /></p>
<p>8. Use &lt;SHIFT&gt; + &lt;E&gt; to sharpen some edges.</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/08.png" border="0" alt="Image" hspace="6" width="507" height="427" /></p>
<p>9. Select vertices as in image below and press &lt;CTRL&gt; + &lt;E&gt; to &#8220;Mark Seam&#8221;.</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/09.png" border="0" alt="Image" hspace="6" width="367" height="363" /></p>
<p>10. Exit edit mode and press &lt;F&gt; to enter UV face select mode and select all with &lt;A&gt;. Press &lt;U&gt; and choose &#8220;Unwrap (smart projections)&#8221; and hit ok. You should have something like this in your &#8220;UV/Image editor&#8221; window:</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/10.png" border="0" alt="Image" hspace="6" width="437" height="453" /></p>
<p>11. Go to scripts window. &#8220;Scripts&#8221; &gt; &#8220;UV&#8221; &gt; &#8220;Save UV face layout&#8221; and choose a file to save it. Edit the file with some 2D graphics manipulating program to create preferred texture. In UV window go &#8220;image&#8221; &gt; &#8220;Open&#8221; and choose an image you made, just to check how it looks like. I made this one:</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/11.png" border="0" alt="Image" hspace="6" width="600" height="365" /></p>
<p>12. Add some material to the <strong style="color: black; background-color: #a0ffff;">cup</strong> and add an image texture you&#8217;ve just make and set map input to UV. Add some light and render.</p>
<p><img title="Image" src="http://www.truecg.com/images/stories/blender/cup/12.png" border="0" alt="Image" hspace="6" width="520" height="520" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.memoball.info/01/%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b9%81%e0%b8%81%e0%b9%89%e0%b8%a7%e0%b9%83%e0%b8%99-b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blender&#8217;s Shortcut keys</title>
		<link>http://www.memoball.info/01/blenders-shortcut-keys/</link>
		<comments>http://www.memoball.info/01/blenders-shortcut-keys/#comments</comments>
		<pubDate>Tue, 06 Jan 2009 06:52:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blender]]></category>

		<guid isPermaLink="false">http://memoball.nabzer.com/?p=52</guid>
		<description><![CDATA[รวม shortcut-keys ที่ใช้ใน Blender 2.46
อ้างอิงจาก : http://wiki.blender.org/index.php/Reference/HK
]]></description>
			<content:encoded><![CDATA[<p>รวม shortcut-keys ที่ใช้ใน Blender 2.46<span id="more-52"></span><br />
<div id="attachment_61" class="wp-caption alignnone" style="width: 310px"><a href="http://wiki.blender.org/uploads/8/82/BlenderHotkeysObjectMode.png"><img src="http://www.memoball.info/wp-content/uploads/2009/01/blenderhotkeysobjectmode-300x100.png" alt="ค่า Hotkeys ใน object mode" title="blenderhotkeysobjectmode" width="300" height="100" class="size-medium wp-image-61" /></a><p class="wp-caption-text">ค่า Hotkeys ใน object mode</p></div><br />
<div id="attachment_62" class="wp-caption alignnone" style="width: 310px"><a href="http://wiki.blender.org/uploads/7/7c/BlenderHotkeysEditMode.png"><img src="http://www.memoball.info/wp-content/uploads/2009/01/blenderhotkeyseditmode-300x101.png" alt="ค่า Hotkeys ใน Editmode" title="blenderhotkeyseditmode" width="300" height="101" class="size-medium wp-image-62" /></a><p class="wp-caption-text">ค่า Hotkeys ใน Editmode</p></div><br />
อ้างอิงจาก :<a href="http://wiki.blender.org/index.php/Reference/HK"> http://wiki.blender.org/index.php/Reference/HK</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.memoball.info/01/blenders-shortcut-keys/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>การเพิ่ม 3Ds viewport ใน Blender</title>
		<link>http://www.memoball.info/01/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%9e%e0%b8%b4%e0%b9%88%e0%b8%87-3ds-view-%e0%b9%83%e0%b8%99-blender/</link>
		<comments>http://www.memoball.info/01/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%9e%e0%b8%b4%e0%b9%88%e0%b8%87-3ds-view-%e0%b9%83%e0%b8%99-blender/#comments</comments>
		<pubDate>Mon, 05 Jan 2009 03:39:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blender]]></category>

		<guid isPermaLink="false">http://memoball.nabzer.com/?p=45</guid>
		<description><![CDATA[เมื่อเข้า Blender มาครั้งแรกจะมีช่องทำงานเป็นแบบช่องเดียว แบบรูปซ้ายมือ ซึ่งหลายคนที่เคยใช้และถนัดช่องการทำงาน(viewport) หลายๆ ช่อง แบบ 3D max คงจะรู้สึก แปลกๆ และทำงานได้ยาก ซึ่งสามารถเปลี่ยนได้ดังนี้

 เอา mouse ไปวางไว้ที่ขอบของ viewport ตัว mouse cursor จะเปลี่ยนเป็นรูปจัดขนาด
 คลิกขวา แล้วเลือก split area 
 คลิก view แล้วเลือกชนิดของมุมมองตามต้องการ เท่านี้ก็เรียบร้อย


ภาพและข้อมูลอ้างอิงจาก : blender.org
]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-46" title="gimp01" src="http://www.memoball.info/wp-content/uploads/2009/01/gimp01.gif" alt="gimp01" width="180" height="145" />เมื่อเข้า Blender มาครั้งแรกจะมีช่องทำงานเป็นแบบช่องเดียว แบบรูปซ้ายมือ ซึ่งหลายคนที่เคยใช้และถนัดช่องการทำงาน(viewport) หลายๆ ช่อง แบบ 3D max คงจะรู้สึก แปลกๆ และทำงานได้ยาก ซึ่งสามารถเปลี่ยนได้ดังนี้<span id="more-45"></span></p>
<ul>
<li> เอา mouse ไปวางไว้ที่ขอบของ viewport ตัว mouse cursor จะเปลี่ยนเป็นรูปจัดขนาด</li>
<li> คลิกขวา แล้วเลือก split area </li>
<li> คลิก view แล้วเลือกชนิดของมุมมองตามต้องการ เท่านี้ก็เรียบร้อย</li>
</ul>
<p><img src="http://www.memoball.info/wp-content/uploads/2009/01/blender03.gif" alt="blender03" title="blender03" width="200" height="172" class="alignnone size-full wp-image-47" /></p>
<p>ภาพและข้อมูลอ้างอิงจาก : <a href="http://www.blender.org/education-help/tutorials/tutorial-folder/blender-user-interface-tutorial/" target="_blank">blender.org</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.memoball.info/01/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%9e%e0%b8%b4%e0%b9%88%e0%b8%87-3ds-view-%e0%b9%83%e0%b8%99-blender/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
