<?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>แต่งรูปถ่ายด้วย Adobe Photoshop &#187; พื้นฐานการใช้งาน Photoshop</title>
	<atom:link href="http://www.photoshoppub.com/category/basic-photoshop-tool/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.photoshoppub.com</link>
	<description>เรียนรู้การแต่งภาพถ่ายด้วย Adobe Photoshop, Adobe Lightroom และ โปรแกรมอื่นๆ</description>
	<lastBuildDate>Tue, 27 Jul 2010 05:12:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>วิธีการโหลด Photoshop Brush มาใช้งาน</title>
		<link>http://www.photoshoppub.com/how-to-load-photoshop-brush/</link>
		<comments>http://www.photoshoppub.com/how-to-load-photoshop-brush/#comments</comments>
		<pubDate>Fri, 08 Jan 2010 23:16:25 +0000</pubDate>
		<dc:creator>PhotoshopPub.Com ครับผม</dc:creator>
				<category><![CDATA[พื้นฐานการใช้งาน Photoshop]]></category>
		<category><![CDATA[วิธีการโหลด Photoshop Brush]]></category>

		<guid isPermaLink="false">http://www.photoshoppub.com/?p=1020</guid>
		<description><![CDATA[วันนี้ผมจะมาเสนอวิธีการนำ Photoshop Brush ที่เราได้โหลดจากที่ต่างๆมานั้นมาใช้งานกันนะครับ 1. ตอนแรกไปที่ Tool Pallet แล้วเลือก Brush 2. เพื่อนๆจะเห็นBrush Property อยู่ด้านบน ให้เราทำตามนี้ครับ A. เลือกให้มีการแสดง Brush B. กดที่มุมด้านบนขวาแล้วเลือก Load Brush 3. เลือก brush ที่เราได้ Load มา ซึ่งไฟล์ของ brush นี้จะเป็นไฟล์ .abr นะครับ ในที่นี้ผมเลือกไฟล์ชื่อ snow_brushes_by_Aramisdream.abr นะครับ แล้วกด OK 4. เพื่อนเลื่อน scroll bar ล่งมาล่างสุดเพื่อนๆก็จะเห็น brush ใหม่ๆที่เราได้ทำการโหลดมานะครับ ในที่นี้เป็นรูปเกล็ดหิมะนะครับ หลังจากนั้นเพื่อนก็สามารถนำ brush นี้ไปใช้งานตามใจเลยนะครับ สนใจรับข่าวสารจาก PhotoshopPub.com จากเรากรุณาใส่ Email ของเพื่อนๆได้เลยนะครับ Delivered [...]]]></description>
			<content:encoded><![CDATA[<p>วันนี้ผมจะมาเสนอวิธีการนำ Photoshop Brush ที่เราได้โหลดจากที่ต่างๆมานั้นมาใช้งานกันนะครับ</p>
<p style="text-align: center;"><img class="size-full wp-image-1021 aligncenter" title="cover-p-pub" src="http://www.photoshoppub.com/wp-content/uploads/2010/01/cover-p-pub.jpg" alt="" width="500" height="300" /></p>
<p><span id="more-1020"></span></p>
<p>1.	ตอนแรกไปที่ Tool Pallet แล้วเลือก Brush</p>
<p><img class="alignnone size-full wp-image-1022" title="1-select-brush" src="http://www.photoshoppub.com/wp-content/uploads/2010/01/1-select-brush.jpg" alt="" width="59" height="401" /></p>
<p>2.	เพื่อนๆจะเห็นBrush Property อยู่ด้านบน ให้เราทำตามนี้ครับ</p>
<p>A.	เลือกให้มีการแสดง Brush</p>
<p>B.	กดที่มุมด้านบนขวาแล้วเลือก Load Brush</p>
<p><img class="alignnone size-full wp-image-1023" title="2-select-load-brush" src="http://www.photoshoppub.com/wp-content/uploads/2010/01/2-select-load-brush.jpg" alt="" width="349" height="500" /></p>
<p>3.	เลือก brush ที่เราได้ Load มา ซึ่งไฟล์ของ brush นี้จะเป็นไฟล์ .abr นะครับ ในที่นี้ผมเลือกไฟล์ชื่อ snow_brushes_by_Aramisdream.abr นะครับ แล้วกด OK</p>
<p><img class="alignnone size-full wp-image-1028" title="3-select-brush" src="http://www.photoshoppub.com/wp-content/uploads/2010/01/3-select-brush1.jpg" alt="" width="500" height="397" /></p>
<p>4.	เพื่อนเลื่อน scroll bar ล่งมาล่างสุดเพื่อนๆก็จะเห็น brush ใหม่ๆที่เราได้ทำการโหลดมานะครับ ในที่นี้เป็นรูปเกล็ดหิมะนะครับ หลังจากนั้นเพื่อนก็สามารถนำ brush นี้ไปใช้งานตามใจเลยนะครับ</p>
<p><img class="alignnone size-full wp-image-1025" title="4-see-new-brush" src="http://www.photoshoppub.com/wp-content/uploads/2010/01/4-see-new-brush.jpg" alt="" width="267" height="401" /></p>
<form style="border: 1px solid #ccc; padding: 3px; text-align: center;" action="http://feedburner.google.com/fb/a/mailverify" enctype="application/x-www-form-urlencoded" method="post">สนใจรับข่าวสารจาก  PhotoshopPub.com จากเรากรุณาใส่ Email ของเพื่อนๆได้เลยนะครับ</p>
<input style="width: 140px;" name="email" type="text" />
<input name="uri" type="hidden" value="photoshoppub/YacY" />
<input name="loc" type="hidden" value="en_US" />
<input type="submit" value="Subscribe" />
Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p>
</form>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoppub.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoppub.com/how-to-load-photoshop-brush/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>วิธีการโหลด Photoshop Gradient</title>
		<link>http://www.photoshoppub.com/how-to-load-photoshop-gradient/</link>
		<comments>http://www.photoshoppub.com/how-to-load-photoshop-gradient/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 22:40:16 +0000</pubDate>
		<dc:creator>PhotoshopPub.Com ครับผม</dc:creator>
				<category><![CDATA[พื้นฐานการใช้งาน Photoshop]]></category>

		<guid isPermaLink="false">http://www.photoshoppub.com/?p=871</guid>
		<description><![CDATA[Photoshop Gradient เป็นtool อีกตัวหนึ่งที่เพื่อนๆสามารถจะ โหลดมาใช้ได้นะครับ เรามาลองดูวิธีการโหลด Photoshop Gradient เข้ามาใช้งานใน Photoshop ของเราดูนะครับ 1. เลือก Gradient Tool จาก tool pallet 2. หลังจากที่เลือก Gradient Tool เพื่อนๆจะเห็นว่า มี Gradient Tool bar ด้านบนนะครับ ให้เราเลือก Load Gradients โดยที่เรากดรูปสามเหลี่ยมเล็ก (หมายเลข 1 และ 2 ตามลำดับ) แล้วเลือก Load Gradients ตามรูปเลยนะครับ 3. เลือก Gradient จาก Folder ในคอมพิวเตอร์ 4. เสร็จแล้วเราก็จะได้ Photoshop Gradient เข้ามาใน Tool Pallet ของเราแล้วนะครับ [...]]]></description>
			<content:encoded><![CDATA[<p>Photoshop Gradient เป็นtool อีกตัวหนึ่งที่เพื่อนๆสามารถจะ โหลดมาใช้ได้นะครับ เรามาลองดูวิธีการโหลด Photoshop Gradient เข้ามาใช้งานใน Photoshop ของเราดูนะครับ</p>
<p>1.	เลือก Gradient Tool จาก tool pallet<br />
<img class="alignnone size-full wp-image-872" title="1-select-gradeint-tool" src="http://www.photoshoppub.com/wp-content/uploads/2009/11/1-select-gradeint-tool.jpg" alt="1-select-gradeint-tool" width="59" height="400" /></p>
<p><span id="more-871"></span></p>
<p>2.	หลังจากที่เลือก Gradient Tool เพื่อนๆจะเห็นว่า มี Gradient Tool bar ด้านบนนะครับ ให้เราเลือก Load Gradients โดยที่เรากดรูปสามเหลี่ยมเล็ก (หมายเลข 1 และ 2 ตามลำดับ) แล้วเลือก Load Gradients ตามรูปเลยนะครับ<br />
<img class="alignnone size-full wp-image-873" title="2-load-gradient" src="http://www.photoshoppub.com/wp-content/uploads/2009/11/2-load-gradient.jpg" alt="2-load-gradient" width="367" height="500" /></p>
<p>3.	เลือก Gradient จาก Folder ในคอมพิวเตอร์</p>
<p><img class="alignnone size-full wp-image-874" title="3-select-gradeint" src="http://www.photoshoppub.com/wp-content/uploads/2009/11/3-select-gradeint.jpg" alt="3-select-gradeint" width="500" height="375" /></p>
<p>4.	เสร็จแล้วเราก็จะได้ Photoshop Gradient เข้ามาใน Tool Pallet ของเราแล้วนะครับ</p>
<p><img class="alignnone size-full wp-image-875" title="4-get-new-gradeint" src="http://www.photoshoppub.com/wp-content/uploads/2009/11/4-get-new-gradeint.jpg" alt="4-get-new-gradeint" width="273" height="399" /></p>
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post">สนใจรับข่าวสารจาก  PhotoshopPub.com จากเรากรุณาใส่ Email ของเพื่อนๆได้เลยนะครับ</p>
<input style="width: 140px;" name="email" type="text" />
<input name="uri" type="hidden" value="photoshoppub/YacY" />
<input name="loc" type="hidden" value="en_US" />
<input type="submit" value="Subscribe" />
<p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p>
</form>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoppub.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoppub.com/how-to-load-photoshop-gradient/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>การใส่ลายน้ำ(การเขียนตัวอักษรในรูป) แบบง่ายๆด้วย Adobe Photoshop</title>
		<link>http://www.photoshoppub.com/how-to-create-water-mark/</link>
		<comments>http://www.photoshoppub.com/how-to-create-water-mark/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 04:36:31 +0000</pubDate>
		<dc:creator>PhotoshopPub.Com ครับผม</dc:creator>
				<category><![CDATA[พื้นฐานการใช้งาน Photoshop]]></category>
		<category><![CDATA[การเขียนตัวอักษรในรูป]]></category>
		<category><![CDATA[การใส่ตัวอักษรในรูป]]></category>
		<category><![CDATA[การใส่ลายน้ำ]]></category>

		<guid isPermaLink="false">http://www.photoshoppub.com/?p=686</guid>
		<description><![CDATA[มีเพื่อนๆถามเกี่ยวกับการใส่ข้อความในรูปภาพหรือที่เราเรียกกับว่าลายน้ำว่าทำอย่างไรครับ ผมก็เลยเขียนบทความพร้อมรูปภาพประกอบมาให้ดูนะครับ นอกจากนั้นยังมีวิธีการใส่เอเฟคกับตัวอักษรแบบง่ายๆด้วยนะครับ ลองทำตามดูนะครับเพื่อนๆ 1. ตอนแรกลองเปิดภาพขึ้นมานะครับ 2. เลือก Type Tool ที่เป้นรูปตัว T จาก tool bar นะครับ เราสามารถที่จะเลือกได้ถึง 4 รูปแบบ ในที่นี้ผมใช้แค่ 2 แบบก่อนนะครับ A คือแบบที่เราพิมพ์แล้วข้อความเราอยู่ในแนวนอนนะครับ B คือแบบที่เราพิมพ์แล้วข้อความเราอยู่ในแนวตั้งนะครับ 3. หลังจากนั้นเราก็พิมพ์ลงไปที่ไหนก็ได้บนรูปภาพของเรานะครับ ในที่นี้ผมพิมพ์คำว่า My Photograph 4. หลังจากที่เราพิมพ์ไปแล้วนั้นเราก็จะเห็นว่ามี Text Layer (ในที่นี้ Text Layer ชื่อ My Photograph นะครับ)เกิดขึ้นมานะครับ 5. เราสามารถที่จะทำการปรับลักษณะของอักษรได้ โดยตอนแรกเราต้องทำการ highlight ข้อความที่เราต้องการนะครับ ในตัวอย่างนี้ผมทำการ highlight ข้อความของผมคือ My Photograph นะครับ แล้วเราก็จะปรับค่าต่างได้จาก Tool [...]]]></description>
			<content:encoded><![CDATA[<p>มีเพื่อนๆถามเกี่ยวกับการใส่ข้อความในรูปภาพหรือที่เราเรียกกับว่าลายน้ำว่าทำอย่างไรครับ ผมก็เลยเขียนบทความพร้อมรูปภาพประกอบมาให้ดูนะครับ นอกจากนั้นยังมีวิธีการใส่เอเฟคกับตัวอักษรแบบง่ายๆด้วยนะครับ ลองทำตามดูนะครับเพื่อนๆ</p>
<p><img class="alignnone size-full wp-image-709" title="23-after" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/23-after.jpg" alt="23-after" width="500" height="333" /></p>
<p><span id="more-686"></span>1. ตอนแรกลองเปิดภาพขึ้นมานะครับ</p>
<p><img class="alignnone size-full wp-image-687" title="1-open" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/1-open.jpg" alt="1-open" width="500" height="333" /></p>
<p>2. เลือก Type Tool ที่เป้นรูปตัว T จาก tool bar นะครับ เราสามารถที่จะเลือกได้ถึง 4 รูปแบบ ในที่นี้ผมใช้แค่ 2 แบบก่อนนะครับ</p>
<p><span style="color: #ff0000;">A </span>คือแบบที่เราพิมพ์แล้วข้อความเราอยู่ในแนวนอนนะครับ</p>
<p><span style="color: #ff0000;">B</span> คือแบบที่เราพิมพ์แล้วข้อความเราอยู่ในแนวตั้งนะครับ</p>
<p><img class="alignnone size-full wp-image-688" title="2-select-type-tpool" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/2-select-type-tpool.jpg" alt="2-select-type-tpool" width="270" height="406" /></p>
<p>3. หลังจากนั้นเราก็พิมพ์ลงไปที่ไหนก็ได้บนรูปภาพของเรานะครับ ในที่นี้ผมพิมพ์คำว่า My Photograph</p>
<p><img class="alignnone size-full wp-image-689" title="3-try-to-type" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/3-try-to-type.jpg" alt="3-try-to-type" width="500" height="335" /></p>
<p>4. หลังจากที่เราพิมพ์ไปแล้วนั้นเราก็จะเห็นว่ามี Text Layer (ในที่นี้ Text Layer ชื่อ My Photograph นะครับ)เกิดขึ้นมานะครับ</p>
<p><img class="alignnone size-full wp-image-690" title="4-T-layer-shown" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/4-T-layer-shown.jpg" alt="4-T-layer-shown" width="211" height="326" /></p>
<p>5. เราสามารถที่จะทำการปรับลักษณะของอักษรได้ โดยตอนแรกเราต้องทำการ highlight ข้อความที่เราต้องการนะครับ ในตัวอย่างนี้ผมทำการ highlight ข้อความของผมคือ My Photograph นะครับ แล้วเราก็จะปรับค่าต่างได้จาก Tool bar ด้านบนนะครับ</p>
<p><img class="alignnone size-full wp-image-691" title="5-highlight-text" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/5-highlight-text.jpg" alt="5-highlight-text" width="500" height="383" /></p>
<p>6. ในที่นี้ผมขออธิบายนิดหน่อยเกี่ยวกับค่าต่างๆใน tool bar นะครับ</p>
<p><span style="color: #000080;">1. เป็นลักษณะของข้อความว่าต้องการให้ข้อความนั้นเป็นแนวตั้งหรือแนวนอนครับ</span></p>
<p><span style="color: #000080;">2. Font ของตัวอักษร</span></p>
<p><span style="color: #000080;">3. การปรับลักษณะของตัวอักษรเช่น ให้ตัวอักษรเป็นตัวเข้ม ตัวเอียง ตัวขีดเส้นใต้</span></p>
<p><span style="color: #000080;">4. ขนาดของตัวอักษร</span></p>
<p><span style="color: #000080;">5. การปรับลักษณะของขอบอักษร</span></p>
<p><span style="color: #000080;">6. จัดตัวอักษรของเราให้ชิดซ้าย ตรงกลาง หรือ ชิดซ้าย</span></p>
<p><span style="color: #000080;">7. ปรับสีของตัวอัษร</span></p>
<p><span style="color: #000080;">8. ปรับข้อความเราให้โค้งตามเส้นหรือตามรูปแบบที่โปรแกรมกำหนด</span></p>
<p><span style="color: #000080;">9. Text Pallet ใช้ในการปรับแต่งค่าตัวอักษรอย่างละเอียด</span></p>
<p><img class="alignnone size-full wp-image-712" title="6-text-tool-explain" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/6-text-tool-explain.jpg" alt="6-text-tool-explain" width="500" height="51" /></p>
<p>7. ในที่นี้ผมลองเลือก font ชื่อ Myrid Pro แบบเข้ม และปรับขนาดอักษรตามต้องการครับ (ค่าต่างๆนี้เพื่อนๆต้องปรับให้เหมาสมกับขนาดของรูปของเพื่อนๆนะครับ)</p>
<p><img class="alignnone size-full wp-image-693" title="7-text-character-showing" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/7-text-character-showing.jpg" alt="7-text-character-showing" width="218" height="226" /></p>
<p>8. ลองดูผลนะครับ</p>
<p><img class="alignnone size-full wp-image-694" title="8-modify-until-ok" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/8-modify-until-ok.jpg" alt="8-modify-until-ok" width="500" height="334" /></p>
<p>9. ต่อมาผมต้องการที่จะย้ายตัวอักษร ผมก็ทำการเลือก Move tool หรือ กดตัว V นะครับ</p>
<p><img class="alignnone size-full wp-image-695" title="9-select-move-tool" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/9-select-move-tool.jpg" alt="9-select-move-tool" width="59" height="401" /></p>
<p>10. ทำการย้ายตัวอักษร โดยที่เราลากไปที่ที่เราต้องการนะครับ</p>
<p><img class="alignnone size-full wp-image-696" title="10-move-where-we-want" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/10-move-where-we-want.jpg" alt="10-move-where-we-want" width="500" height="334" /></p>
<p>11. ต่อมาเรามาลองใส่ effect ให้ตัวอักษรเราแบบง่ายๆดูนะครับ ให้เรากดที่ปุ่มตัว fx ที่ layer pallet ด้านล่างนะครับ เราจะเห็นว่ามี effect ต่างๆออกมานะครับ เดี๋ยวผมจะลองให้ดูทุกแบบนะครับ เราจะได้เห็นว่าเราสามารถที่จะปรับเปลี่ยนอะไรได้บ้างครับ ตามด้านล้างนะครับ</p>
<p><img class="alignnone size-full wp-image-697" title="11-add-layer-style" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/11-add-layer-style.jpg" alt="11-add-layer-style" width="228" height="581" /></p>
<p>12. อันแรกสุดเลยคือ blending option ซึ่งเป็นการบอกลักษณะการ blend ของตัวอักษรเราในแต่ละ mode ซึ่งผมไม่ค่อยยุ่งอะไรเท่าไรกับค่าพวกนี้นะครับ</p>
<p>แรกสุดเลยผมเลือก <strong><span style="color: #000080;">Drop Shadow</span></strong> เป็นการใส่เงาด้านนอกให้ตัวอักษร</p>
<p><img class="alignnone size-full wp-image-716" title="12-layer-style-drop-shadown" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/12-layer-style-drop-shadown.jpg" alt="12-layer-style-drop-shadown" width="500" height="358" /></p>
<p>13. <strong><span style="color: #000080;">Inner Shadow</span></strong> เป็นการใส่เงาด้านในให้ตัวอักษร</p>
<p><img class="alignnone size-full wp-image-699" title="13-layer-style-inner-shadown" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/13-layer-style-inner-shadown.jpg" alt="13-layer-style-inner-shadown" width="500" height="358" /></p>
<p>14. <strong><span style="color: #000080;">Outer Glow </span></strong>เป็นการทำให้รอบๆด้านนอกของตัวอักษรของเราดูเปล่งออกมาครับ เปล่งๆออกมาคล้ายๆหลอดนีออนนะครับ</p>
<p><img class="alignnone size-full wp-image-700" title="14-outer-glow" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/14-outer-glow.jpg" alt="14-outer-glow" width="500" height="358" /></p>
<p>15. <strong><span style="color: #000080;">Inner Glow</span></strong> เป็นการทำให้รอบๆด้าน.ในของตัวอักษรของเราดูเปล่งออกมาครับ</p>
<p><img class="alignnone size-full wp-image-701" title="15-inner-glow" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/15-inner-glow.jpg" alt="15-inner-glow" width="500" height="358" /></p>
<p>16. <span style="color: #000080;"><strong>Bevel and Emboss</strong></span> เป็นการทำให้ตัวอักษรดูมีความหนา</p>
<p><img class="alignnone size-full wp-image-702" title="16-bevel-and-emboss" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/16-bevel-and-emboss.jpg" alt="16-bevel-and-emboss" width="500" height="358" /></p>
<p>17. <strong><span style="color: #000080;">Satin</span></strong> เป็นการใส่ลายแนว satin</p>
<p><img class="alignnone size-full wp-image-703" title="17-strain" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/17-strain.jpg" alt="17-strain" width="500" height="357" /></p>
<p>18. <strong><span style="color: #000080;">Color Overlay</span></strong> เป็นการใส่สีทับตัวอักษรของเราโดยที่เราสามารถเลือก mode ต่างๆได้</p>
<p><img class="alignnone size-full wp-image-704" title="18-color-overlay" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/18-color-overlay.jpg" alt="18-color-overlay" width="500" height="358" /></p>
<p>19. <strong><span style="color: #000080;">Gradient Overlay </span></strong>เป็นการใส่ gradient ลงในตัวอักษรของเรา</p>
<p><img class="alignnone size-full wp-image-705" title="19-gradient-overlay" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/19-gradient-overlay.jpg" alt="19-gradient-overlay" width="500" height="358" /></p>
<p>20. <strong><span style="color: #000080;">Pattern Overlay</span></strong> เป็นการใส่ pattern ลงในตัวอักษรของเรา</p>
<p><img class="alignnone size-full wp-image-706" title="20-pattern-overlay" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/20-pattern-overlay.jpg" alt="20-pattern-overlay" width="500" height="358" /></p>
<p>21. <strong><span style="color: #000080;">Stroke </span></strong>เป็นการใส่ขอบตัวอักษรนะครับ</p>
<p><img class="alignnone size-full wp-image-707" title="21-stroke" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/21-stroke.jpg" alt="21-stroke" width="500" height="358" /></p>
<p>22. เพื่อนสามารถเลือกการใส่ Style หลายๆแบบผสมกันก็ได้นะครับ ในที่นี้ผมลองทำการผสมแบบ <span style="color: #000080;"><strong>Drop Shadow</strong></span> กับ <strong><span style="color: #000080;">Stroke </span></strong>นะครับ เพื่อนๆครับจะเห็นได้ว่าเราสามารถที่จะปรับเปลี่ยนค่าต่างใน Style นี้ได้มากมายนะครับ ลองปรับและลองเล่นดูนะครับผม</p>
<p><img class="alignnone size-full wp-image-708" title="22-combination" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/22-combination.jpg" alt="22-combination" width="500" height="357" /></p>
<p>23. เสร็จแล้วครับก็จะได้แบบนี้นะครับ</p>
<p><img class="alignnone size-full wp-image-709" title="23-after" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/23-after.jpg" alt="23-after" width="500" height="333" /></p>
<p>24. ลองไปดูที่ Layer Pallet นะครับ ก็จะเห้นว่ามีเอฟเฟคแบต่างๆขึ้นมานะครับ</p>
<p><img class="alignnone size-full wp-image-710" title="24-layer-after-complete" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/24-layer-after-complete.jpg" alt="24-layer-after-complete" width="212" height="326" /></p>
<p>25. เสร็จแล้วก้ทำการบันทึกข้อมมูลเลยนะครับ</p>
<p><img class="alignnone size-full wp-image-711" title="25-save-proper-file" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/25-save-proper-file.jpg" alt="25-save-proper-file" width="297" height="574" /></p>
<p>จบแล้วครับ หวังว่าเพื่อนๆคงจะสนุกกับการถ่ายภาพและแต่งภาพนะครับ</p>
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post">สนใจรับข่าวสารจาก  PhotoshopPub.com จากเรากรุณาใส่ Email ของเพื่อนๆได้เลยนะครับ</p>
<input style="width: 140px;" name="email" type="text" />
<input name="uri" type="hidden" value="photoshoppub/YacY" />
<input name="loc" type="hidden" value="en_US" />
<input type="submit" value="Subscribe" />
<p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p>
</form>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoppub.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoppub.com/how-to-create-water-mark/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>ทำความเข้าใจและการใช้งาน Layer Mask ของ Adobe Photoshop กันครับ</title>
		<link>http://www.photoshoppub.com/how-to-use-layer-mask-photoshop/</link>
		<comments>http://www.photoshoppub.com/how-to-use-layer-mask-photoshop/#comments</comments>
		<pubDate>Wed, 09 Sep 2009 17:33:22 +0000</pubDate>
		<dc:creator>PhotoshopPub.Com ครับผม</dc:creator>
				<category><![CDATA[พื้นฐานการใช้งาน Photoshop]]></category>
		<category><![CDATA[การใช้งาน Layer Mask]]></category>

		<guid isPermaLink="false">http://www.photoshoppub.com/?p=655</guid>
		<description><![CDATA[Layer Mask คือ การสร้างหน้ากากไว้สำหรับบังส่วนต่างๆของ layer ฟังแล้วดูอาจจะงง เดี๋ยวดูรูปแล้วลองทำตามนะครับจะได้เห็นภาพ โดยมีหลักการแสนง่าน (ตามที่ผมรู้นะครับ) ดังนี้ การซ่อนส่วนที่ไม่ต้องการของแต่ละ layer ทำได้ด้วยการทา สีดำ การเปิดเผยส่วนที่ต้องการของแต่ละ layer ทำได้ด้วยการทา สีขาว ฟังแล้วงงจัง ลองเปิดโปรแกรมมาลองเล่นดูครับ 1. ในตัวอย่างผมมี 2 layer ทับกันอยู่นะครับ Background layer เป็นภาพดอกไม้ซึ่งเป็นภาพสี 2. ส่วน BW layer เป็นภาพดอกไม้สีขาวดำนะครับ 3. ต่อมาให้ลองคลิ๊กปุ่มที่สำหรับการทำ layer mask จาก layer pallet ครับ 4. เราก็จะได้ layer mask ออกมานะครับ เพื่อนๆสังเกตว่าถ้าเราเลือกที่ layer mask เราจะเห็นกรอบสี่เหลี่ยมรอบๆ layer mask นะครับ 5. แต่ถ้าเราไม่ได้เลือก [...]]]></description>
			<content:encoded><![CDATA[<p>Layer Mask คือ การสร้างหน้ากากไว้สำหรับบังส่วนต่างๆของ layer ฟังแล้วดูอาจจะงง เดี๋ยวดูรูปแล้วลองทำตามนะครับจะได้เห็นภาพ โดยมีหลักการแสนง่าน (ตามที่ผมรู้นะครับ) ดังนี้</p>
<p>การ<span style="color: #0000ff;"><strong>ซ่อนส่วนที่ไม่ต้องการ</strong></span>ของแต่ละ layer ทำได้ด้วยการทา <span style="text-decoration: underline;"><strong>สีดำ</strong></span></p>
<p>การ<strong><span style="color: #ff0000;">เปิดเผยส่วนที่ต้องการ</span></strong>ของแต่ละ layer ทำได้ด้วยการทา <span style="color: #000000;"><span style="text-decoration: underline;"><strong>สีขาว</strong></span></span></p>
<p>ฟังแล้วงงจัง ลองเปิดโปรแกรมมาลองเล่นดูครับ</p>
<p><img class="alignnone size-full wp-image-667" title="photoshoppub-layer-mask" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/photoshoppub-layer-mask.jpg" alt="photoshoppub-layer-mask" width="500" height="505" /></p>
<p><span id="more-655"></span></p>
<p>1.	ในตัวอย่างผมมี 2 layer ทับกันอยู่นะครับ Background layer เป็นภาพดอกไม้ซึ่งเป็นภาพสี</p>
<p><img class="alignnone size-full wp-image-656" title="1-color-layer" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/1-color-layer.jpg" alt="1-color-layer" width="500" height="469" /></p>
<p>2.	ส่วน BW layer เป็นภาพดอกไม้สีขาวดำนะครับ</p>
<p><img class="alignnone size-full wp-image-657" title="2-BW-layer" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/2-BW-layer.jpg" alt="2-BW-layer" width="500" height="468" /></p>
<p>3.	ต่อมาให้ลองคลิ๊กปุ่มที่สำหรับการทำ layer mask จาก layer pallet ครับ</p>
<p><img class="alignnone size-full wp-image-658" title="3-add-layer-mask" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/3-add-layer-mask.jpg" alt="3-add-layer-mask" width="220" height="334" /></p>
<p>4.	เราก็จะได้ layer mask ออกมานะครับ เพื่อนๆสังเกตว่าถ้าเราเลือกที่ layer mask เราจะเห็นกรอบสี่เหลี่ยมรอบๆ layer mask นะครับ</p>
<p><img class="alignnone size-full wp-image-659" title="4-show-layer-mask" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/4-show-layer-mask.jpg" alt="4-show-layer-mask" width="209" height="326" /></p>
<p>5.	แต่ถ้าเราไม่ได้เลือก layer mask ของเรา เราไปเลือก layer ธรรมดาที่เป็นภาพเรา เราจะเห็นกรอบสี่เหลี่ยมรอบๆ layer ธรรมดานะครับ เพราะว่าถ้าเราไม่ได้เลือก layer mask นั้นเราก็จะไม่เห็นผลของการใช้งาน layer mask นะครับ</p>
<p><img class="alignnone size-full wp-image-660" title="5-incorrect-mask" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/5-incorrect-mask.jpg" alt="5-incorrect-mask" width="215" height="330" /></p>
<p>6.	ต่อมาเราลองไปเลือก brush จาก tool pallet นะครับ ซึ่งจริงๆแล้วเราใช้ดินสอ (Pencil Tool) ก็ได้ แต่ในทางปฏิบัติแล้วมันประยุกต์ใช้ได้ยาก ผมแนะนำให้ใช้แปรง (Brush Tool) ดีกว่าครับ แล้วเลือกสีแปรงให้เป็น<span style="text-decoration: underline;"><strong>สีดำ</strong></span>นะครับ</p>
<p><img class="alignnone size-full wp-image-661" title="6-select-brush---black" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/6-select-brush-black.jpg" alt="6-select-brush---black" width="263" height="415" /></p>
<p>7.	เราสามารถปรับค่าของแปรงดังนี้ครับ</p>
<p><img class="alignnone size-full wp-image-668" title="7-adjust-brush-properties" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/7-adjust-brush-properties.jpg" alt="7-adjust-brush-properties" width="500" height="30" /></p>
<p>A.	ขนาดและลักษณะของหัวแปรง เราปรับตามขนาดภาพและพื้นที่ของเราในรูปนะครับ</p>
<p>B.	Mode คือการปรับMode ของแปรง ปกติแล้วผมเลือก Normal นี้ล่ะครับ</p>
<p>C.	Opacity คือความเข้มนะครับ อันนี้ปรับตามความเหมาะสมนะครับ ค่าความเข้มน้อยทำให้เราทำการบังได้น้อยกว่าค่าความเข้มที่มากนะครับ</p>
<p>8.	ผมปรับขนาดของหัวแปรงแล้วทาสีดำลงไปในพื้นที่ที่ผมต้องการจะทำการบัง (mask)นะครับ ดังภาพจะเห็นได้ว่า สีดำที่ทาไปนั้นไปบังส่วนของภาพขาวดำทำให้เราเห็นส่วนที่เป็นสีของ Layer ด้านล่างนะครับ (การ<span style="color: #0000ff;"><strong>ซ่อนส่วนที่ไม่ต้องการ</strong></span>ของแต่ละ layer ทำได้ด้วยการทา <span style="text-decoration: underline;"><strong>สีดำ)</strong></span></p>
<p><img class="alignnone size-full wp-image-663" title="8-paint-around-with-black" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/8-paint-around-with-black.jpg" alt="8-paint-around-with-black" width="500" height="501" /></p>
<p>9.	ในทางกลับกัน ถ้าผมต้องการแก้ไขในส่วนที่ผมได้ทำการการบัง (mask)ไปแล้วผมก็สามารถกลับไปแก้ได้โดยการที่ผมเปลี่ยนสีของแปรงจากสีดำเป้น<strong><span style="text-decoration: underline;">สีขาว</span></strong> แล้วทาลงไป</p>
<p><img class="alignnone size-full wp-image-664" title="9---select-brush---white" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/9-select-brush-white.jpg" alt="9---select-brush---white" width="264" height="420" /></p>
<p>10. ในที่ที่ผมต้องการที่จะแก้ไขนะครับ ในที่นี้ผมทาสีขาวในดอกไม้ดอกหลังนะครับ จะเห็นได้ว่าส่วนรายละเอียดของ layer ด้านบนซึ่งเป็นสีขาวดำนั้นได้กลับคืนมา (การ<strong><span style="color: #ff0000;">เปิดเผยส่วนที่ต้องการ</span></strong>ของแต่ละ layer ทำได้ด้วยการทา <span style="color: #000000;"><span style="text-decoration: underline;"><strong>สีขาว)</strong></span></span></p>
<p><img class="alignnone size-full wp-image-665" title="10-paint-around-with-white" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/10-paint-around-with-white.jpg" alt="10-paint-around-with-white" width="500" height="501" /></p>
<p>11.	ตัวอย่างสุดท้ายนะครับ อันนี้ผมลองใช้ gradient tool ที่เป็นสีดำไปขาวแล้วลาก gradient tool ใน layer mask ของเรา จะเห็นได้ว่าภาพนั้นได้ถูกบังจากเข้มไปน้อยจึงทำให้ภาพที่ได้ช่วงบนมีสีสันมากหน่อย แล้วสีค่อยๆจางลงจนกลายเป็นสีขาวดำของ layer ด้านบนนะครับ</p>
<p><img class="alignnone size-full wp-image-666" title="11-gradient" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/11-gradient.jpg" alt="11-gradient" width="500" height="505" /></p>
<p>ขอบคุณที่ติดตามอ่านนะครับ หวังว่าบทความนี้คงมีประโยชน์ไม่มากก็น้อยแก่เพื่อนๆนะครับ</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoppub.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoppub.com/how-to-use-layer-mask-photoshop/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>วิธีการโหลด Photoshop Action มาใช้งาน</title>
		<link>http://www.photoshoppub.com/how-to-load-photoshop-actions/</link>
		<comments>http://www.photoshoppub.com/how-to-load-photoshop-actions/#comments</comments>
		<pubDate>Tue, 08 Sep 2009 18:14:29 +0000</pubDate>
		<dc:creator>PhotoshopPub.Com ครับผม</dc:creator>
				<category><![CDATA[Photoshop Action]]></category>
		<category><![CDATA[พื้นฐานการใช้งาน Photoshop]]></category>
		<category><![CDATA[วิธีการโหลด Photoshop Action]]></category>

		<guid isPermaLink="false">http://www.photoshoppub.com/?p=648</guid>
		<description><![CDATA[ตอนนี้จะมาเสนอวิธีการนำ Photoshop Action ที่เราได้ทำการบันทึกมาหรือโหลดมานั้น มาใช้งานในเครื่องคอมพวเตอร์ของเรากันนะครับ 1. ตอนแรกไปที่ Action Pallet แล้วเลือก Photoshop Action แล้วไปเลือกที่ Load Actions 2. ทำการเลือก Photoshop Action ที่เราได้ทำการโหลดมาหรือที่เราได้ทำการบันทึกไว้นะครับแล้วก็กด Load นะครับ ในที่นี้ผมเลือกที่จะโหลด Action ชื่อว่า Cross Process นะครับ 3. หลังจากนั้นเราจะเห็นได้ว่า Photoshop Action ตัวที่เราโหลดมานี้นั้นเข้ามาอยู่ใน Action Pallet ของเราแล้วนะครับ 4. หลังจากนั้นเราก็เลือก Action ที่ขึ้นมา เปิดรูปของเราที่เราต้องการแล้วกดปุ่ม Play ตามรูปเพื่อใช้งาน Photoshop Action เพิ่มเตมนะครับ &#8211; ในกรณีที่ยังไม่มี action pallet แสดงขึ้นมา ให้ไปยัง tool bar ด้านบนเลือก [...]]]></description>
			<content:encoded><![CDATA[<p>ตอนนี้จะมาเสนอวิธีการนำ Photoshop Action ที่เราได้ทำการบันทึกมาหรือโหลดมานั้น มาใช้งานในเครื่องคอมพวเตอร์ของเรากันนะครับ</p>
<p style="text-align: center;"><img class="size-full wp-image-653 aligncenter" title="how-to-load-photoshop-action-photoshoppub" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/how-to-load-photoshop-action-photoshoppub.jpg" alt="how-to-load-photoshop-action-photoshoppub" width="500" height="234" /></p>
<p><span id="more-648"></span></p>
<p>1.	ตอนแรกไปที่ Action Pallet แล้วเลือก Photoshop Action  แล้วไปเลือกที่ Load Actions</p>
<p><img class="alignnone size-full wp-image-649" title="1-load-action" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/1-load-action.jpg" alt="1-load-action" width="410" height="543" /></p>
<p>2.	ทำการเลือก Photoshop Action ที่เราได้ทำการโหลดมาหรือที่เราได้ทำการบันทึกไว้นะครับแล้วก็กด Load นะครับ ในที่นี้ผมเลือกที่จะโหลด Action ชื่อว่า <span style="color: #ff0000;"><strong><a title="แต่งภาพให้เป็นแนว Cross Process" href="http://www.photoshoppub.com/cross-process-photoshop/" target="_blank">Cross Process</a></strong></span> นะครับ</p>
<p><img class="alignnone size-full wp-image-652" title="2-select-an-action-file" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/2-select-an-action-file.jpg" alt="2-select-an-action-file" width="500" height="392" /></p>
<p>3.	หลังจากนั้นเราจะเห็นได้ว่า Photoshop Action ตัวที่เราโหลดมานี้นั้นเข้ามาอยู่ใน Action Pallet ของเราแล้วนะครับ</p>
<p><img class="alignnone size-full wp-image-651" title="3-here-is-the-action-file-just-loaded" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/3-here-is-the-action-file-just-loaded.jpg" alt="3-here-is-the-action-file-just-loaded" width="250" height="413" /></p>
<p>4. หลังจากนั้นเราก็เลือก Action ที่ขึ้นมา เปิดรูปของเราที่เราต้องการแล้วกดปุ่ม Play ตามรูปเพื่อใช้งาน Photoshop Action</p>
<p><img class="alignnone size-full wp-image-771" title="4-click-play" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/4-click-play.jpg" alt="4-click-play" width="253" height="361" /></p>
<p>เพิ่มเตมนะครับ &#8211; ในกรณีที่ยังไม่มี action pallet แสดงขึ้นมา ให้ไปยัง tool bar ด้านบนเลือก window&gt;Actions หรือ กด Alt+F9 ครับ มันก็จะแสดงขึ้นมากครับ ที pallet ครับ ตามรูปด้านล่างนะครับ</p>
<p><img class="alignnone size-full wp-image-1126" title="show-action" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/show-action.jpg" alt="" width="500" height="332" /></p>
<p>ขอบคุณครับที่ติดตามอ่านนะครับ</p>
<form style="border: 1px solid #ccc; padding: 3px; text-align: center;" action="http://feedburner.google.com/fb/a/mailverify" method="post">สนใจรับข่าวสารจาก  PhotoshopPub.com จากเรากรุณาใส่ Email ของเพื่อนๆได้เลยนะครับ</p>
<input style="width: 140px;" name="email" type="text" />
<input name="uri" type="hidden" value="photoshoppub/YacY" />
<input name="loc" type="hidden" value="en_US" />
<input type="submit" value="Subscribe" />Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p>
</form>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoppub.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoppub.com/how-to-load-photoshop-actions/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>วิธีการบันทึก Photoshop Action ไว้ใช้งานครับ</title>
		<link>http://www.photoshoppub.com/how-to-save-photoshop-action/</link>
		<comments>http://www.photoshoppub.com/how-to-save-photoshop-action/#comments</comments>
		<pubDate>Sat, 05 Sep 2009 20:28:40 +0000</pubDate>
		<dc:creator>PhotoshopPub.Com ครับผม</dc:creator>
				<category><![CDATA[Photoshop Action]]></category>
		<category><![CDATA[พื้นฐานการใช้งาน Photoshop]]></category>
		<category><![CDATA[วิธีการบันทึก Photoshop Action]]></category>

		<guid isPermaLink="false">http://www.photoshoppub.com/?p=631</guid>
		<description><![CDATA[เพื่อนๆได้เรียนรู้การสร้าง Photoshop Action และ การใช้งาน Photoshop Action กับ Batch Process ไปแล้วนะครับ วันนี้เรามาเรียนรู้การทำการบันทึก Photoshop Action ไปใช้งานกันครับ ซึ่งทำให้เรามามารถนำ Photoshop Action ของเราไปใช้ที่เครื่องคอมเครื่องอื่นได้ครับ 1. ตอนแรกไปที่ Action Panel แล้วเลือก Photoshop Action ทีเพื่อนๆสร้างไว้ ในที่นี้ผมเลือกAction ชื่อ Cross Process นะครับ แล้วก็ไปคลิ๊กทางมุมขวาของ Action Panel เพื่อที่จะทำการ Save Actions นะครับ แต่สังเกตว่าเรานั้นไม่สามารถที่จะทำการบันทึก Action (Save Actions) ได้นะครับ 2. ซึ่งการที่เราจะเซฟได้นั้นต้องทำการสร้าง set ใหม่ขึ้นมาก่อนนะครับ ไปคลิ๊กทางมุมขวาของ Action Pallet แล้วเลือก New Set นะครับ [...]]]></description>
			<content:encoded><![CDATA[<p>เพื่อนๆได้เรียนรู้การสร้าง Photoshop Action และ <span style="color: #ff0000;"><strong><a title="สร้าง Photoshop Action ไว้ใช้งานกัน" href="http://www.photoshoppub.com/create-own-photoshop-action/" target="_blank">การใช้งาน Photoshop Action</a> </strong></span>กับ <a title="มาใช้คำสั่ง Batch และ Photoshop Action ในการช่วยในการ Process ภาพ" href="http://www.photoshoppub.com/image-batch-processing-photoshop/" target="_blank"><strong>Batch Process</strong> </a>ไปแล้วนะครับ วันนี้เรามาเรียนรู้การทำการบันทึก Photoshop Action ไปใช้งานกันครับ ซึ่งทำให้เรามามารถนำ Photoshop Action ของเราไปใช้ที่เครื่องคอมเครื่องอื่นได้ครับ</p>
<p style="text-align: center;"><img class="size-full wp-image-640 aligncenter" title="cover-photoshoppub" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/cover-photoshoppub.jpg" alt="cover-photoshoppub" width="500" height="225" /></p>
<p><span id="more-631"></span></p>
<p>1.	ตอนแรกไปที่ Action Panel แล้วเลือก Photoshop Action  ทีเพื่อนๆสร้างไว้ ในที่นี้ผมเลือกAction ชื่อ <strong><span style="color: #ff0000;"><a title="แต่งภาพให้เป็นแนว Cross Process ด้วยโปรแกรม Photoshop" href="http://www.photoshoppub.com/cross-process-photoshop/" target="_blank">Cross Process </a></span></strong>นะครับ แล้วก็ไปคลิ๊กทางมุมขวาของ Action Panel เพื่อที่จะทำการ Save Actions นะครับ แต่สังเกตว่าเรานั้น<strong><span style="color: #ff0000;">ไม่</span></strong>สามารถที่จะทำการบันทึก Action (Save Actions) ได้นะครับ</p>
<p><img class="alignnone size-full wp-image-632" title="1-select-action" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/1-select-action.jpg" alt="1-select-action" width="414" height="546" /></p>
<p>2.	ซึ่งการที่เราจะเซฟได้นั้นต้องทำการสร้าง set ใหม่ขึ้นมาก่อนนะครับ ไปคลิ๊กทางมุมขวาของ Action Pallet แล้วเลือก New Set นะครับ</p>
<p><img class="alignnone size-full wp-image-633" title="2-create-new-set" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/2-create-new-set.jpg" alt="2-create-new-set" width="414" height="546" /></p>
<p>3.	ต่อมาก็จะมี Dialog Box ขึ้นมาให้เราตั้งชื่อนะครับ ในที่นี้ผมตั้งชื่อว่า <strong></strong><strong><a title="แต่งภาพให้เป็นแนว Cross Process ด้วยโปรแกรม Photoshop" href="../cross-process-photoshop/" target="_blank">Cross Process</a></strong> ละกันครับ</p>
<p><img class="alignnone size-full wp-image-634" title="3-name-new-set" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/3-name-new-set.jpg" alt="3-name-new-set" width="373" height="104" /></p>
<p>4.	ต่อมาก็ทำการลาก Photoshop Action ของเราไปยัง set ที่เราสร้างขึ้นมานะครับ ในที่นี้เราสามารถที่จะลาก Photoshop Action กี่อันใส่ไปก็ได้ หรือเราจะสร้าง Photoshop Action ใหม่ใน Set ของเราก็ได้นะครับ เพราะว่าในการเซฟ Photoshop Action นั้นจะทำการเซฟเป็นกลุ่ม(Set)นะครับ สำหรับตัวอย่างนี้ผมลาก Cross Process ซึ่งเป็น Action ทีผมสร้างไว้แล้วเข้ามาใน set นะครับ</p>
<p><img class="alignnone size-full wp-image-635" title="4-move-your-action" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/4-move-your-action.jpg" alt="4-move-your-action" width="250" height="415" /></p>
<p>5.	จะเห็นได้ว่า Photoshop Action นั้นได้เข้ามาใน Set ที่เราสร้างไว้แล้วนะครับ</p>
<p><img class="alignnone size-full wp-image-636" title="5-move-already" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/5-move-already.jpg" alt="5-move-already" width="250" height="414" /></p>
<p>6.	แล้วก็กลับไปคลิ๊กทางมุมขวาของ Action Panel เพื่อที่จะทำจาก Save Actions นะครับ</p>
<p><img class="alignnone size-full wp-image-637" title="6-save-action" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/6-save-action.jpg" alt="6-save-action" width="410" height="543" /></p>
<p>7.	ตั้งชื่อ Photoshop Action ของเพื่อนๆแล้วก็เลือกพื้นที่ที่จะทำการบันทึกนะครับ ในที่นี้ผมตั้งชื่อว่า <strong></strong><strong><a title="แต่งภาพให้เป็นแนว Cross Process ด้วยโปรแกรม Photoshop" href="../cross-process-photoshop/" target="_blank">Cross Process</a></strong> ไฟลล์ที่ได้สร้างมาก็จะมีชื่อ Cross Process.atn นะครับ ซึ่งไฟลล์นี้เราสามารถนำไปโหลดใช้กับ Photoshop ของเครื่องอื่นได้นะครับ</p>
<p><img class="alignnone size-full wp-image-639" title="7-save-where-you-want" src="http://www.photoshoppub.com/wp-content/uploads/2009/09/7-save-where-you-want.jpg" alt="7-save-where-you-want" width="500" height="363" /></p>
<p>บทความนี้เป็นความรู้พื้นฐานนนะครับ ขอบคุณครับที่ติดตามอ่านนะครับ</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoppub.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoppub.com/how-to-save-photoshop-action/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>มาใช้คำสั่ง Batch และ Photoshop Action ในการช่วยในการ Process ภาพกันครับ</title>
		<link>http://www.photoshoppub.com/image-batch-processing-photoshop/</link>
		<comments>http://www.photoshoppub.com/image-batch-processing-photoshop/#comments</comments>
		<pubDate>Sun, 30 Aug 2009 19:14:37 +0000</pubDate>
		<dc:creator>PhotoshopPub.Com ครับผม</dc:creator>
				<category><![CDATA[Photoshop Action]]></category>
		<category><![CDATA[พื้นฐานการใช้งาน Photoshop]]></category>
		<category><![CDATA[image batch processing]]></category>
		<category><![CDATA[คำสั่ง Batch Process]]></category>

		<guid isPermaLink="false">http://www.photoshoppub.com/?p=612</guid>
		<description><![CDATA[ในตอนที่ผ่านมาเราได้เรียนรู้การสร้าง Photoshop Action ในการช่วยจัดการการทำงานซ้ำๆนะครับ แต่ในกรณีที่เรามีรูปภาพมากมายแล้วเราต้องการทำค่ำสั่งใน Action นั้นซ้ำๆจำนวนหลายๆภาพ เราต้องเปิดทีละรูปเพื่อที่ทำการใช้คำสั่ง Action ที่เราสร้างไว้ซึ่งทำให้เราเสียเวลาได้มากนะครับ เพราะฉะนั้นจึงเราสามารถใช้คำสั่ง Batch ในการช่วยในลดการทำงานของเราได้นะครับ ยกตัวอย่างเช่น ผมอยากที่จะทำภาพ Cross Process ทั้งหมดในโฟลเดอร์ที่ผมต้องการในทีเดียวนะครับ แทนที่ผมจะเปิดภาพมาแต่ละอันแล้วใช้Action เข้าช่วย ผมจะใช้ Action ที่ผมมีบวกกับคำสั่ง Batch ภาพแนว Cross Process ทีเดียวทั้งโพลเดอร์เลยครับ ลองทำตามดูก็ได้นะครับผมพยายามจะอธิบายคร่าวๆเป็นขั้นตอนดังนี้นะครับ 1. ตอนแรกเราต้องมี Action ที่เราต้องการก่อนนะครับ ในที่นี้ผมทำการเปิดภาพขึ้นมาเพื่อที่ทำการสร้าง Action ในการทำ Cross Process นะครับ ** สำหรับคนที่มี Action อยู่แล้วนะครับข้ามไปทำข้อ 5 เลยนะครับ 2. ทำการสร้าง Action ที่เราต้องการนะครับ อ่านเพิ่มเติมเกียวกับการสร้าง Photoshop Action เพื่อใช้งานตามนี้นะครับ 3. ในตัวอย่างนี้ [...]]]></description>
			<content:encoded><![CDATA[<p>ในตอนที่ผ่านมาเราได้เรียนรู้การสร้าง Photoshop Action ในการช่วยจัดการการทำงานซ้ำๆนะครับ แต่ในกรณีที่เรามีรูปภาพมากมายแล้วเราต้องการทำค่ำสั่งใน Action นั้นซ้ำๆจำนวนหลายๆภาพ เราต้องเปิดทีละรูปเพื่อที่ทำการใช้คำสั่ง Action ที่เราสร้างไว้ซึ่งทำให้เราเสียเวลาได้มากนะครับ เพราะฉะนั้นจึงเราสามารถใช้คำสั่ง Batch ในการช่วยในลดการทำงานของเราได้นะครับ</p>
<p>ยกตัวอย่างเช่น ผมอยากที่จะทำภาพ Cross Process ทั้งหมดในโฟลเดอร์ที่ผมต้องการในทีเดียวนะครับ แทนที่ผมจะเปิดภาพมาแต่ละอันแล้วใช้Action เข้าช่วย ผมจะใช้ Action ที่ผมมีบวกกับคำสั่ง Batch ภาพแนว Cross Process ทีเดียวทั้งโพลเดอร์เลยครับ ลองทำตามดูก็ได้นะครับผมพยายามจะอธิบายคร่าวๆเป็นขั้นตอนดังนี้นะครับ</p>
<p><img class="alignnone size-full wp-image-626" title="before-and-after-photoshoppub" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/before-and-after-photoshoppub2.jpg" alt="before-and-after-photoshoppub" width="500" height="476" /></p>
<p><span id="more-612"></span></p>
<p>1.	ตอนแรกเราต้องมี Action ที่เราต้องการก่อนนะครับ ในที่นี้ผมทำการเปิดภาพขึ้นมาเพื่อที่ทำการสร้าง Action ในการทำ <span style="color: #000080;"><strong><a title="แต่งภาพให้เป็นแนว Cross Process ด้วยโปรแกรม Photoshop" href="http://www.photoshoppub.com/cross-process-photoshop/" target="_blank">Cross Process</a> </strong></span>นะครับ</p>
<p><span style="color: #ff0000;">** สำหรับคนที่มี Action อยู่แล้วนะครับข้ามไปทำข้อ 5 เลยนะครับ</span></p>
<p><img class="alignnone size-full wp-image-614" title="1-open" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/1-open.jpg" alt="1-open" width="500" height="333" /></p>
<p>2.	ทำการสร้าง Action ที่เราต้องการนะครับ <strong><a title="สร้าง Photoshop Action ไว้ใช้งานกัน" href="http://www.photoshoppub.com/create-own-photoshop-action/" target="_blank">อ่านเพิ่มเติมเกียวกับการสร้าง Photoshop Action เพื่อใช้งานตามนี้นะครับ</a></strong></p>
<p><img class="alignnone size-full wp-image-615" title="2-record-selection" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/2-record-selection.jpg" alt="2-record-selection" width="288" height="460" /></p>
<p>3.	ในตัวอย่างนี้ ผมทำการเลือก Curve adjustment เพื่อที่ทำการปรับแต่งแนว cross process นะครับ <strong><a title="แต่งภาพให้เป็นแนว Cross Process ด้วยโปรแกรม Photoshop" href="http://www.photoshoppub.com/cross-process-photoshop/" target="_blank">อ่านเพิ่มเติมเกี่ยวกับการแต่งภาพแบบ Cross process นะครับ</a></strong></p>
<p><img class="alignnone size-full wp-image-616" title="3-curve-" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/3-curve-.jpg" alt="3-curve-" width="287" height="458" /></p>
<p>4.	ผมได้ภาพตามที่ผมพอใจแล้วนะครับ</p>
<p><img class="alignnone size-full wp-image-617" title="4-adjust-Ok" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/4-adjust-Ok.jpg" alt="4-adjust-Ok" width="500" height="333" /></p>
<p>5.	ต่อมาผมทำการ Save ไฟลล์ตามที่ผมต้องการ เพื่อนๆจะเลือก save, save as หรือ save for web ก็แล้วแต่ว่าเพือนๆต้องการเซฟภาพแบบไหนนะครับ</p>
<p><img class="alignnone size-full wp-image-618" title="5-save" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/5-save.jpg" alt="5-save" width="276" height="519" /></p>
<p>6.	ในที่นี้ผมเลือก Save for web นะครับ</p>
<p><img class="alignnone size-full wp-image-619" title="6-save-for-web" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/6-save-for-web.jpg" alt="6-save-for-web" width="500" height="367" /></p>
<p>7.	เลือกโพลเดอร์ที่เราต้องการที่จะเซฟ แล้วก็เซฟภาพของเรานะครับ</p>
<p><img class="alignnone size-full wp-image-620" title="7-select-location-and-save" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/7-select-location-and-save.jpg" alt="7-select-location-and-save" width="344" height="169" /></p>
<p>8.	ต่อมาปิดภาพที่เราได้ทำการ Process ไปนะครับ เมื่อเราปิดโปรแกรมจะถามว่าเราต้องการที่จะทำการบันทึกข้อมูลหรือไม่ ให้เราคลิ๊ก No นะครับ</p>
<p><img class="alignnone size-full wp-image-621" title="8-close" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/8-close.jpg" alt="8-close" width="500" height="395" /></p>
<p>9.	เสร็จแล้วให้ทำการหยุดการทำงานของ Photoshop Action ของเรานะครับ</p>
<p><img class="alignnone size-full wp-image-622" title="9-stop-action" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/9-stop-action.jpg" alt="9-stop-action" width="223" height="156" /></p>
<p><strong><span style="color: #ff0000;">**ในขั้นตอนที่ 5-9 นี้เป็นการกำหนดว่าเราต้องการบันทึกภาพที่เราได้ทำการ process มาแล้วไว้ที่ไหนนะครับ สำหรับคนที่มี Action อยู่แล้วต้องทำการเพิ่มเติมขั้นตอนที่ 5-9ลงไปใน Action ที่มีด้วยนะครับ</span></strong></p>
<p>10.	ต่อมาให้เราไปที่ File&gt;Automate&gt;Batch นะครับ</p>
<p><img class="alignnone size-full wp-image-623" title="10-select-batch" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/10-select-batch.jpg" alt="10-select-batch" width="464" height="615" /></p>
<p>11.	ก็จะมีหน้าต่างนี้ขึ้นมานะครับให้เราทำการตั้งค่าดังนี้นะครับ</p>
<p>A.	เลือก Photoshop Action ที่เราสร้างไว้นะครับ สำคัญมากนะครับสำหรับ Photoshop Action ที่สร้างมาคือต้องมีกระบวนการเซฟภาพนะครับ ในที่นี้ผมเลือก cross process นะครับ</p>
<p>B.	ทำการเลือก folder ที่เราเก็บรูปภาพที่เราต้องการที่จะทำการ Process ไว้นะครับ</p>
<p>C.	ไม่ต้องเลือกอะไรนะครับ</p>
<p>D.	ช่องนี้เป็นการกำหนดว่าให้ทำการบันทำข้อมมูลลงไปที่โพลเดอร์ไหนนะครับ ในที่นี้ให้เราเลือก None นะครับเพราะเราได้ทำการสร้างขั้นตอนการบันทึกข้อมูลไว้แล้วนะครับ (ขั้นตอนที่ 5-9)</p>
<p>** ในกรณีที่เราไม่ได้ทำขั้นตอนที่ 5-9 แล้วเรามาเลือกช่องนี้เพื่อทำการกำหนดว่าให้ทำการบันทำข้อมมูลลงไปที่โพลเดอร์ปลายทางเราจะต้องมากด Save ทุกครังที่โปรแกรมทำการProcess ในแต่ละรูปนะครับซึ่งไม่ได้ช่วยให้เราลดเวลาในการทำงานเลย</p>
<p>E.	เราสามารถเลือกได้ว่าถ้า Batch process นี้เกิดการผิดพลาดขึ้นมานั้นเราจะให้ Program หยุด หรือจะให้โปรแกรมทำการบันทึกข้อมูลที่ผิดพลาดที่เป็นเท็กไฟลล์ไว้ให้เรานะครับ ผมมักจะเลือกให้ Program หยุดเมื่อเกิดการทำงานที่ผิดพลาดนะครับ (Stop For Errors) หลังจากนั้นก็กด OK แล้วก็รอครับ</p>
<p><img class="alignnone size-full wp-image-624" title="11-batch-detail" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/11-batch-detail.jpg" alt="11-batch-detail" width="500" height="374" /></p>
<p>12.	โปรแกรม Photoshop ก็จะทำการ process ภาพทั้งหมดในโพลเดอร์ที่เราต้องการให้เรานะครับ จะเห็นได้ว่าการใช้ความสามารถของ Batch และ Photoshop Action ทำให้เราลดการทำงานไปได้มากๆเลยครับ</p>
<p><img class="alignnone size-full wp-image-625" title="12-batch-all" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/12-batch-all.jpg" alt="12-batch-all" width="500" height="433" /></p>
<p>เพื่อนๆลองนำไปประยุกต์ใช้ดูในหลายๆงานตามความเหมาะสมนะครับ</p>
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post">Subscribe  to PhotoshopPhotography.com. Please enter your email address:</p>
<input style="width: 140px;" name="email" type="text" />
<input name="uri" type="hidden" value="photoshopphotography/bMNy" />
<input name="loc" type="hidden" value="en_US" />
<input type="submit" value="Subscribe" />Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p>
</form>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoppub.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoppub.com/image-batch-processing-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>สร้าง Photoshop Action ไว้ใช้งานกัน</title>
		<link>http://www.photoshoppub.com/create-own-photoshop-action/</link>
		<comments>http://www.photoshoppub.com/create-own-photoshop-action/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 22:07:50 +0000</pubDate>
		<dc:creator>PhotoshopPub.Com ครับผม</dc:creator>
				<category><![CDATA[Photoshop Action]]></category>
		<category><![CDATA[พื้นฐานการใช้งาน Photoshop]]></category>

		<guid isPermaLink="false">http://www.photoshoppub.com/?p=569</guid>
		<description><![CDATA[เพื่อนๆอาจจะประสบปัญหาในการทำงานซ้ำๆ เช่นการแต่งรูปแบบเดิมๆซ้ำๆหลายครั้ง การย่อรูป การบันทึกรูปซ้ำๆเดิมเรื่อยๆ ซึ่งขั้นตอนการทำซ้ำนั้นทำให้การทำงานช่างน่าเบื่อ ซึ่งเราสามารถสร้างกลุ่มของคำสั่งที่เราใช้ซ้ำไว้ได้เพื่อที่เราสามารถที่จะ นำคำสั่งกลับมาใช้ใหม่ได้เรื่อยๆ ซึ่งในที่นี้เราเรียกคำสั่งเหล่านี้ว่า Photoshop Action นั้นเรามาลองดูกันนะครับว่าการสร้าง Photoshop Action นั้นง่ายและช่วยในการทำงานของเราขนาดไหนนะครับ สมมุติว่าผมนั้นชอบการแต่งรูปแนว cross process มาก และอยากเก็บคำสั่งต่างๆไว้เพื่อนำมาใช้ใหม่ 1. ตอนแรกเปิดรูปขึ้นมาก่อนนะครับ 2. ไปที่ Action Pallet ให้คลิ๊กที่มุมบนขวานะครับ -&#62; ถ้าเราไม่เห็น Action Pallet ให้เราไปที่ Window&#62;Action หรือ กด Alt + F9 เพื่อที่จะแสดง Action Pallet 3. แล้วก็เลือก New Action 4. หลังจากนั้นก็จะมีหน้าต่างขึ้นมานะครับ อันบนสุดคือ Name ให้เราตั้งชื่อนะครับ ในที่นี้ผมตั้งชื่อว่า Cross Process นะครับ ส่วนต่อมาคือ Set [...]]]></description>
			<content:encoded><![CDATA[<p>เพื่อนๆอาจจะประสบปัญหาในการทำงานซ้ำๆ เช่นการแต่งรูปแบบเดิมๆซ้ำๆหลายครั้ง การย่อรูป การบันทึกรูปซ้ำๆเดิมเรื่อยๆ ซึ่งขั้นตอนการทำซ้ำนั้นทำให้การทำงานช่างน่าเบื่อ ซึ่งเราสามารถสร้างกลุ่มของคำสั่งที่เราใช้ซ้ำไว้ได้เพื่อที่เราสามารถที่จะ นำคำสั่งกลับมาใช้ใหม่ได้เรื่อยๆ ซึ่งในที่นี้เราเรียกคำสั่งเหล่านี้ว่า Photoshop Action</p>
<p><img class="alignnone size-full wp-image-568" title="photoshop-action-cover-PPub" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/photoshop-action-cover-PPub.jpg" alt="photoshop-action-cover-PPub" width="500" height="374" /></p>
<p>นั้นเรามาลองดูกันนะครับว่าการสร้าง Photoshop Action นั้นง่ายและช่วยในการทำงานของเราขนาดไหนนะครับ</p>
<p><span id="more-569"></span></p>
<p>สมมุติว่าผมนั้นชอบการแต่งรูปแนว <a href="http://www.photoshoppub.com/cross-process-photoshop/"><span style="color: #0000ff;"><strong>cross process</strong></span> </a>มาก และอยากเก็บคำสั่งต่างๆไว้เพื่อนำมาใช้ใหม่</p>
<p>1.	ตอนแรกเปิดรูปขึ้นมาก่อนนะครับ</p>
<p><img class="alignnone size-full wp-image-556" title="1-load-photo" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/1-load-photo.jpg" alt="1-load-photo" width="326" height="488" /></p>
<p>2.	ไปที่ Action Pallet ให้คลิ๊กที่มุมบนขวานะครับ</p>
<p><img class="alignnone size-full wp-image-558" title="2-action-pallet" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/2-action-pallet.jpg" alt="2-action-pallet" width="290" height="229" /></p>
<p>-&gt; ถ้าเราไม่เห็น Action Pallet ให้เราไปที่ Window&gt;Action หรือ กด Alt + F9 เพื่อที่จะแสดง Action Pallet<br />
<img class="alignnone size-full wp-image-557" title="2.5-incase-of-you-can-not-find" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/2.5-incase-of-you-can-not-find.jpg" alt="2.5-incase-of-you-can-not-find" width="136" height="166" /></p>
<p>3.	แล้วก็เลือก New Action</p>
<p><img class="alignnone size-full wp-image-559" title="3-new-action" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/3-new-action.jpg" alt="3-new-action" width="148" height="203" /></p>
<p>4.	หลังจากนั้นก็จะมีหน้าต่างขึ้นมานะครับ อันบนสุดคือ Name ให้เราตั้งชื่อนะครับ ในที่นี้ผมตั้งชื่อว่า Cross Process นะครับ ส่วนต่อมาคือ Set โปรแกรมจะถามเราว่า Action ที่เราจะสร้างขึ้นมานี้ใหอยู่ในกลุ่มไหน ในที่นี้ผมให้อยูที่ default เหมือนเดิมนะครับ ต่อมาคือ Function Key เป็นการกำหนดว่า Action ของเรานี้สามารถเรียกใช้ได้โดยการกดปุ่ม F ต่างได้ครับ สุดท้ายก็คือ Color เป็นการเลือกสีครับ หลังจากนั้นให้เรากด Record</p>
<p><img class="alignnone size-full wp-image-560" title="4-change-name-and-adjust-something" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/4-change-name-and-adjust-something.jpg" alt="4-change-name-and-adjust-something" width="383" height="152" /></p>
<p>5.	เพื่อนๆก็จะเห็นว่า Action ชื่อ Cross Process นั้นขึ้นมาแล้วนะครับ</p>
<p><img class="alignnone size-full wp-image-561" title="5-new-action-shown" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/5-new-action-shown.jpg" alt="5-new-action-shown" width="288" height="342" /></p>
<p>6.	เพื่อนต้องมั่นใจว่า ปุ่ม record นั้นได้ถุกคลิ๊กนะครับ เพราะไม่นั้นโปรแกรม Photoshop มันจะไม่ทำการ เก็บข้อมูลครับ</p>
<p><img class="alignnone size-full wp-image-562" title="6-work-on-action" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/6-work-on-action.jpg" alt="6-work-on-action" width="289" height="232" /></p>
<p>7.	ผมก็ปรับแตงภาพตามใจ ในขณะเดียวกันโปรแกรมก็จะทำการจำขั้นตอนการทำงานของเราไว้ครับ อ้าผมพอใจกับภาพที่ผมแต่งไว้แล้วครับ</p>
<p><img class="alignnone size-full wp-image-563" title="7-satisfy-with-result" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/7-satisfy-with-result.jpg" alt="7-satisfy-with-result" width="326" height="488" /></p>
<p>8.	ต่อมาก็ทำการหยุด Action โดยการกดปุ่ม Stop ดูตามรูปเลยนะครับ ในที่นี้เราก็ได้ Action ที่เราต้องการแล้วนะครับ</p>
<p><img class="alignnone size-full wp-image-564" title="8-stop-action" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/8-stop-action.jpg" alt="8-stop-action" width="289" height="236" /></p>
<p>9.	ต่อมามาลองใช้ Action ที่เราทำขึ้นมาดีกว่าครับ เปิดรูปมาลองกันเลยครับ</p>
<p><img class="alignnone size-full wp-image-565" title="9-open-a-new-photo" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/9-open-a-new-photo.jpg" alt="9-open-a-new-photo" width="326" height="487" /></p>
<p>10.	 ไปที่ Action Pallet เลือก Action ที่เราสร้างมาเมื่อกี้นะครับ แล้วกดปุ่ม Play นะครับ ดูตามรูปเลยนะครับ</p>
<p><img class="alignnone size-full wp-image-566" title="10-click-play" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/10-click-play.jpg" alt="10-click-play" width="289" height="238" /></p>
<p>11.	หลังจากนั้นโปรแกรมก็จะทำการโพรเสทภาพให้เราอัตโนมัติครับ เสร็จแล้วครับ</p>
<p><img class="alignnone size-full wp-image-567" title="11-done" src="http://www.photoshoppub.com/wp-content/uploads/2009/08/11-done.jpg" alt="11-done" width="325" height="487" /></p>
<p>เพื่อนๆจะเห็นได้ว่าเราสามารถลองประยุกต์ใช้การทำงานของ Action กับงานต่างมากมายครับ ผมนั้นใช้ Action ในการช่วย ลดขนาดภาพ แต่งภาพ เซฟภาพ ซึ่งเพื่อนๆลองเล่นแล้วประยุกต์ดูนะครับรับรองจะติดใจครับ</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoppub.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoppub.com/create-own-photoshop-action/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>ลบจุดไม่น่าพิสมัยในภาพด้วย Photoshop กัน</title>
		<link>http://www.photoshoppub.com/remove-undesirable-spots/</link>
		<comments>http://www.photoshoppub.com/remove-undesirable-spots/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 01:35:18 +0000</pubDate>
		<dc:creator>PhotoshopPub.Com ครับผม</dc:creator>
				<category><![CDATA[จิปาถะ ไร้สาระจ้า]]></category>
		<category><![CDATA[พื้นฐานการใช้งาน Photoshop]]></category>

		<guid isPermaLink="false">http://www.photoshoppub.com/?p=337</guid>
		<description><![CDATA[ในบางครั้งเมื่อเราถ่ายภาพมานั้นเราอาจจะเจอสิ่งที่เราไม่ปรารถณาในภาพเช่น แฟลร์ จุด hot pixel หรือ ฝุ่นที่ติดที่เซ็นเซอร์ซึ่งทำให้ภาพถ่ายของเรานั้นดูไม่ดีเหมือนว่ามีจุดอะไรติดอยู่ในภาพ ลองดูตัวอย่างภาพนี้ซึ่งผมไปถ่ายภาพมาที่พุธมณฑล จะพบจุดใหญ่เลยว่ามี แฟลร์ เกิดขึ้นเนื่องจากมีหยดน้ำติดที่หน้าฟิลเตอร์ขณะถ่ายและมี hot pixel จำนวนหนึ่งซึ่งเกิดจากการที่ใช้ความเร็วชัตเตอร์ที่มากในการรับแสง (อยากให้ลองดูภาพขยาย 100% ภาพของเพื่อนๆดูนะครับว่ามีหรือเปล่า) ซึ่งดูแล้วทำให้ภาพดูไม่ดีเท่าไรเลย แต่ไม่ต้องห่วงเราสามารถที่จะแก้ไขได้ง่ายๆโดยใช้ tool ของ Photoshop ที่เราเรียกว่า healing tool แต่ไงก่อนอื่นเลยมาดูภาพก่อนและหลังกันก่อนดีไหมครับว่าจะเป็นอย่างไร ตอนแรกเรามาเรียนรู้เจ้า Healing Tool ของ Photoshop นะครับว่าตัวที่เราจะต้องใช้มีตัวไหนบ้าง ลองคลิ๊ก Tool Bar หรือกดตัว J ก็ได้นะครับ ดูตามภาพเลยนะครับ เราจะใช้หลักๆในการแก้ไขภาพของเราคือ - Spot Healing Brush Tool - Healing Brush Tool - และPatch Tool ส่วน Red Eye [...]]]></description>
			<content:encoded><![CDATA[<p>ในบางครั้งเมื่อเราถ่ายภาพมานั้นเราอาจจะเจอสิ่งที่เราไม่ปรารถณาในภาพเช่น แฟลร์ จุด hot pixel หรือ ฝุ่นที่ติดที่เซ็นเซอร์ซึ่งทำให้ภาพถ่ายของเรานั้นดูไม่ดีเหมือนว่ามีจุดอะไรติดอยู่ในภาพ</p>
<p style="text-align: center;"><img class="size-full wp-image-357 aligncenter" title="sample-photo-before" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/sample-photo-before1.jpg" alt="sample-photo-before" width="550" height="367" /></p>
<p>ลองดูตัวอย่างภาพนี้ซึ่งผมไปถ่ายภาพมาที่พุธมณฑล จะพบจุดใหญ่เลยว่ามี แฟลร์ เกิดขึ้นเนื่องจากมีหยดน้ำติดที่หน้าฟิลเตอร์ขณะถ่ายและมี hot pixel จำนวนหนึ่งซึ่งเกิดจากการที่ใช้ความเร็วชัตเตอร์ที่มากในการรับแสง (อยากให้ลองดูภาพขยาย 100% ภาพของเพื่อนๆดูนะครับว่ามีหรือเปล่า) ซึ่งดูแล้วทำให้ภาพดูไม่ดีเท่าไรเลย แต่ไม่ต้องห่วงเราสามารถที่จะแก้ไขได้ง่ายๆโดยใช้ tool ของ Photoshop ที่เราเรียกว่า healing tool</p>
<p>แต่ไงก่อนอื่นเลยมาดูภาพก่อนและหลังกันก่อนดีไหมครับว่าจะเป็นอย่างไร</p>
<p style="text-align: center;"><img class="aligncenter" title="BEFORE-AND-AFTER--PHOTOSHOPPUB" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/BEFORE-AND-AFTER-PHOTOSHOPPUB1.jpg" alt="BEFORE-AND-AFTER--PHOTOSHOPPUB" width="550" height="733" /></p>
<p><span id="more-337"></span><br />
ตอนแรกเรามาเรียนรู้เจ้า Healing Tool ของ Photoshop นะครับว่าตัวที่เราจะต้องใช้มีตัวไหนบ้าง ลองคลิ๊ก Tool Bar หรือกดตัว J ก็ได้นะครับ ดูตามภาพเลยนะครับ</p>
<p><img class="alignnone size-full wp-image-339" title="1-healing-tool-set" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/1-healing-tool-set2.jpg" alt="1-healing-tool-set" width="247" height="400" /></p>
<p>เราจะใช้หลักๆในการแก้ไขภาพของเราคือ</p>
<p>- <span style="color: #ff0000;"><strong>Spot Healing Brush Tool</strong></span><img class="alignnone size-full wp-image-340" title="2 spot healing brush tool" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/2-spot-healing-brush-tool2.jpg" alt="2 spot healing brush tool" width="192" height="21" /></p>
<p>- <span style="color: #ff0000;"><strong>Healing Brush Tool</strong></span><img class="alignnone size-full wp-image-341" title="3 healing brush tool" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/3-healing-brush-tool2.jpg" alt="3 healing brush tool" width="193" height="22" /></p>
<p>- และ<span style="color: #ff0000;"><strong>Patch Tool</strong></span><img class="alignnone size-full wp-image-342" title="4 patch tool" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/4-patch-tool2.jpg" alt="4 patch tool" width="191" height="20" /></p>
<p>ส่วน Red Eye Tool นั้น ใช้ในการแก้ตาแดงซึ่เดี๋ยวไว้เอาในคราวหลังที่เกี่ยวกับการแก้ตาแดงละกันครับ</p>
<p>1.	ผมจะลองใช้แบบง่ายๆเลยนะครับเริ่มที่ <span style="color: #ff0000;"><strong>Spot Healing Brush Tool</strong></span> <img title="2 spot healing brush tool" src="../wp-content/uploads/2009/07/2-spot-healing-brush-tool2.jpg" alt="2 spot healing brush tool" width="192" height="21" /> ลองคลิ๊กตรงมุมบนซ้ายเพื่อที่จะดูค่าต่างๆนะครับ เพื่อนๆก็จะเห็นหน้าต่างเล็กๆขึ้นมานะครับ สิ่งที่ผมจะปรับผมปรับแค่ขนาดของหัวแปรงเท่านั้นครับโดยที่ผมต้องการให้หัวแปรงใหญ่กว่าจุดที่ผมต้องการจะให้ทำการแก้ไข เพราะฉะนั้นขนาดจึงขึ้นอยู่กับจุดที่เพื่อนๆอยากจะแก้ไขนะครับลองปรับดูตามความเหมาะสมครับ ส่วนที่เหลือผมคงไว้เหมือนเดิมครับ</p>
<p><img class="alignnone size-full wp-image-343" title="5 change size of spot healing tool" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/5-change-size-of-spot-healing-tool2.jpg" alt="5 change size of spot healing tool" width="224" height="281" /></p>
<p>นี้คือจุดแฟลร์ของผม<img class="alignnone size-full wp-image-344" title="6 before" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/6-before2.jpg" alt="6 before" width="296" height="290" /></p>
<p>- พอได้ขนาดที่เหมาะสม (ขนาดหัวแปรงที่ใหญ่กว่าจุดแฟลร์)แล้วก็ทำการคลิ๊กลงตรงๆที่จุดที่เราต้องการเลยนะครับ เจ้า Spot Healing Brush Tool 1ของ Photoshop มันจะทำการหาสีใกล้เคียงรอบจุดที้เราเลืกมาทำการกลบจุดที่เราต้องการครับ<img class="alignnone size-full wp-image-345" title="7 stamp" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/7-stamp3.jpg" alt="7 stamp" width="302" height="319" /></p>
<p>- เรียบร้อย ดูดีขึ้นไหมครับ<img class="alignnone size-medium wp-image-346" title="8 after stamp" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/8-after-stamp2-300x265.jpg" alt="8 after stamp" width="300" height="265" /></p>
<p>2.	ต่อมาเรามาลองใช้ <span style="color: #ff0000;"><strong>Healing Brush Tool</strong></span> <img title="3 healing brush tool" src="../wp-content/uploads/2009/07/3-healing-brush-tool2.jpg" alt="3 healing brush tool" width="193" height="22" /></p>
<p>คลิ๊กตรงมุมบนซ้ายเพื่อที่จะดูค่าต่างๆนะเหมือนเดิมนะครับครับ เพื่อนๆก็จะเห็นหน้าต่างเล็กๆขึ้นมานะครับ สิ่งที่ผมจะปรับผมปรับแค่ขนาดของหัวแปรงเท่านั้นครับโดยที่ผมต้องการให้หัวแปรงใหญ่นิดหน่อยเอาแค่ว่าให้เราสามารถที่จะระบายทับส่วนที่เราไม่ต้องการได้ง่ายๆเท่านั้นเองครับไม่ต้องใหญ่มากเหมือนในกรณีแรกครับ ส่วนที่เหลือผมคงไว้เหมือนเดิมครับ</p>
<p><img title="5 change size of spot healing tool" src="../wp-content/uploads/2009/07/5-change-size-of-spot-healing-tool2.jpg" alt="5 change size of spot healing tool" width="224" height="281" /></p>
<p>อันนี้อีกจุดที่จะแก้ไขนะครับ<img class="alignnone size-full wp-image-347" title="9 healing brush tool" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/9-healing-brush-tool2.jpg" alt="9 healing brush tool" width="277" height="237" /></p>
<p>- หลักการของเจ้า Healing Brush Tool  คือการหาsample ของพื้นที่ที่เรากำหนดซึ่งควรที่จะต้องมีสีใกล้คัยงกันแล้วเราก็ทำการระบายด้วยพื้นที่ที่มีสีใกล้คียง หลังจากนั้นโปรแกรมก็จะทำการเกลี่ยสีให้เรา ฟังแล้วดูงงๆมาลองทำดีกว่าครับ</p>
<p>สังเกตนะครับว่าผมจะเลือกพื้นที่ด้านบนที่มีสีคล้ายๆกัน หลังจากนั้นให้เรากด<span style="text-decoration: underline;"><strong> Alt <span style="color: #ff0000;">ค้าง</span>แล้วคลิ๊กเพื่อเป็นการเลือก Sample area</strong></span> นะครับ</p>
<p><img class="alignnone size-full wp-image-348" title="10 sample area" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/10-sample-area2.jpg" alt="10 sample area" width="308" height="431" /></p>
<p>- หลังจากนั้นก็ทำการทาสีลงไปในบริเวณที่เราต้องการครับ<img class="alignnone size-full wp-image-349" title="11 paint area" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/11-paint-area2.jpg" alt="11 paint area" width="326" height="433" /></p>
<p>- หลังจากนั้นโปรแกรม Photoshop ก็จะเกลี่ยสีให้เราครับเรียบเนียนเช่นกันดังภาพ<img class="alignnone size-full wp-image-350" title="12 after painting" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/12-after-painting2.jpg" alt="12 after painting" width="262" height="429" /></p>
<p>3. ต่อมาอันสุดท้ายเรามาลองใช้ <strong><span style="color: #ff0000;">Patch Tool</span></strong> <img title="4 patch tool" src="../wp-content/uploads/2009/07/4-patch-tool2.jpg" alt="4 patch tool" width="191" height="20" /> กันนะครับ หลักการของเจ้า Patch Tool มีอยู้ว่า ให้เราสร้าง selection ในส่วนที่เราต้องการจะทำการแก้ไขแล้วลาก selection ไปยังพื้นที่ที่มีสีใกล้เคียงเพื่อที่ทำการเอาสีของพื้ที่ใกล้เคียงมาทำการแก้ไขภาพครับ ถ้าฟังแล้วงงลองทำดูดีกว่าครับ</p>
<p>- เลือก patch tool แล้วหลังจากนั้นเราก็วนรอบๆสิ่งที่เราจะต้องการแก้ไขเพื่อสร้าง selection นะครับ<img class="alignnone size-full wp-image-351" title="13 patch tool around" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/13-patch-tool-around2.jpg" alt="13 patch tool around" width="317" height="415" /></p>
<p>- ต่อมาเมื่อเรามี Selection แล้วก็ทำการลากไปหาพื้นที่ที่มีสีใกล้เคียงครับ ในที่นี้ผมเลือกพื้นที่ลากไปยังพื้นที่ด้านบนครับ<img class="alignnone size-full wp-image-359" title="14 drag for sample area" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/14-drag-for-sample-area2.jpg" alt="14 drag for sample area" width="348" height="496" /></p>
<p>- หลังจากนั้นก็ปล่อย โปรแกรม Photoshop ก็จะทำงานให้เราเหมือนเดิมครับเห็นได้ว่าภาพดูเรียบเนียนขึ้นครับ<img class="alignnone size-full wp-image-353" title="15 after patch tool" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/15-after-patch-tool2.jpg" alt="15 after patch tool" width="299" height="423" /></p>
<p>ต่อมาคือหน้าที่เราที่ต้องลองขยายดูภาพว่ามีส่วนไหนที่เราต้องการที่จะแก้ไขบ้าง ในที่นี้ผมก็มีบางจุดที่เป็น hot pixel นะครับ</p>
<p><img class="alignnone size-full wp-image-354" title="16 apply healing tool" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/16-apply-healing-tool.jpg" alt="16 apply healing tool" width="401" height="512" /></p>
<p>ผมก็เลือกให้ healing tool ตามความสะดวกในการแก้ไขภาพนะครับ ทำอย่างนี้ทั้งภาพนะครับก็จะทำให้เราได้ภาพที่สมบูรณ์ครับ</p>
<p style="text-align: center;"><img class="size-full wp-image-356 aligncenter" title="sample-photo-after" src="http://www.photoshoppub.com/wp-content/uploads/2009/07/sample-photo-after1.jpg" alt="sample-photo-after" width="550" height="367" /></p>
<p>จะเห็นได้ว่าทำได้ไม่ยากนะครับ ส่วนที่ว่าเราจะใช้ Healing Tool ตัวไหนนี้ขึ้นอยู่กับความชำนาญในการใช้ Healing Tool แบบต่างๆนะครับและลักษณะของจุดที่ต้องการแก้ไขในภาพด้วยนะครับ ซึ่ง Healing Tool ของ Photoshop เซ็ตนี้นอกจากเรายังสามารถประยุกต์ใช้ในการลบสิวฝ้าบนใบหน้าได้ด้วยนะครับ เอาเป็นว่าไว้คราวหลังจะยกตัวอย่างการลบสิวฝ้าให้ดูนะครับ</p>
<p>จบแล้วครับหวังว่าบทความนี้คงมีประโยชน์กับเพื่อนๆนะครับ ถ้าชอบใจยังไงก็สามารถรับเมลล์จากเราได้นะครับ<br /><form method="post" action=""><input type="hidden" name="ip" value="38.107.191.103" /><p>Your email:<br /><input type="text" name="email" value="Enter email address..." size="20" onfocus="if (this.value == 'Enter email address...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter email address...';}" /></p><p><input type="submit" name="subscribe" value="Subscribe" />&nbsp;<input type="submit" name="unsubscribe" value="Unsubscribe" /></p></form>

<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoppub.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoppub.com/remove-undesirable-spots/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>
