<?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>Photoshop Tutorial &#187; เทสี</title>
	<atom:link href="http://photoshop.romebe.com/tag/%e0%b9%80%e0%b8%97%e0%b8%aa%e0%b8%b5/feed/" rel="self" type="application/rss+xml" />
	<link>http://photoshop.romebe.com</link>
	<description>Graphic &#38; Multimedia Source by Romebe Inc</description>
	<lastBuildDate>Tue, 02 Aug 2011 03:49:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>เลือกสีถูกใจด้วย Color Picker</title>
		<link>http://photoshop.romebe.com/2010/02/02/color-picker/</link>
		<comments>http://photoshop.romebe.com/2010/02/02/color-picker/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 02:03:09 +0000</pubDate>
		<dc:creator>Nunu</dc:creator>
				<category><![CDATA[Basic]]></category>
		<category><![CDATA[Background Color]]></category>
		<category><![CDATA[CMYK]]></category>
		<category><![CDATA[Color Picker]]></category>
		<category><![CDATA[Foreground Color]]></category>
		<category><![CDATA[HSB]]></category>
		<category><![CDATA[HTML Color Code]]></category>
		<category><![CDATA[LAB]]></category>
		<category><![CDATA[RGB]]></category>
		<category><![CDATA[การเลือกสี]]></category>
		<category><![CDATA[จานสี]]></category>
		<category><![CDATA[ดินสอ]]></category>
		<category><![CDATA[สีพื้นหน้า]]></category>
		<category><![CDATA[สีพื้นหลัง]]></category>
		<category><![CDATA[เทสี]]></category>
		<category><![CDATA[แปรง]]></category>

		<guid isPermaLink="false">http://photoshop.romebe.com/?p=371</guid>
		<description><![CDATA[ในบทเรียนนี้ เราลองมาดูการใช้งานของ Color Picker เครื่องมือที่จะทำให้เราสามารถเลือกสีให้ตรงตามความต้องการ ก่อนอื่นลองมองไปที่ Toolbar ก่อนนะครับ หรือใครจะเรียก Toolbox ก็แล้วแต่ความถนัดนะครับ เราจะเห็นเครื่องมืออยู่ตัวหนึ่ง อยู่บริเวณด้านล่าง โดยมีสีตั้งต้นเป็น ดำกับขาว โดยตำแหน่งที่เป็นสีดำเราจะเรียกว่า Foreground Color ส่วนตำแหน่งที่เป็นสีขาวจะเรียกว่า Background Color ผมจะเรียกส่วนนี้ว่า แล้วกันนะครับ ตรงนี้ขออธิบายส่วนประกอบของ จานสี ก่อนนะครับ Foreground Color : คือสีหลักๆที่เราใช้ ไม่ว่าจะผ่านเครื่องมือ แปรง(Brush), ดินสอ(Pencil), เทสี(Paint Bucket) หรือแม้แต่ Filter บางตัวก็จะดึงสี Foreground ไปใช้ Background Color : คือสีที่เป็นพื้นหลัง ลองสังเกตุว่า ถ้าเราลบภาพบางส่วนออก โดยการเลือกพื้นที่แล้วกดปุ่ม Delete สีส่วนที่เลือกจะถูกลบไปแล้วกลายเป็นสี Background นอกจากนี้ยังใช้กับ Filter บางตัวด้วยเช่นกัน การสลับสีกันระหว่าง Foreground [...]]]></description>
			<content:encoded><![CDATA[<p>ในบทเรียนนี้ เราลองมาดูการใช้งานของ <strong>Color Picker</strong> เครื่องมือที่จะทำให้เราสามารถเลือกสีให้ตรงตามความต้องการ<span id="more-371"></span><br />
ก่อนอื่นลองมองไปที่ <strong>Toolbar</strong> ก่อนนะครับ หรือใครจะเรียก <strong>Toolbox</strong> ก็แล้วแต่ความถนัดนะครับ เราจะเห็นเครื่องมืออยู่ตัวหนึ่ง อยู่บริเวณด้านล่าง โดยมีสีตั้งต้นเป็น <strong>ดำกับขาว</strong> โดยตำแหน่งที่เป็นสีดำเราจะเรียกว่า <strong>Foreground Color</strong> ส่วนตำแหน่งที่เป็นสีขาวจะเรียกว่า <strong>Background Color</strong> ผมจะเรียกส่วนนี้ว่า <<strong>จานสี</strong>> แล้วกันนะครับ </p>
<p><img src="http://photoshop.romebe.com/wp-content/uploads/color1.jpg" alt="Foreground Color and Background Color" title="Foreground Color and Background Color" width="59" height="106" class="alignnone size-full wp-image-373" /></p>
<p>ตรงนี้ขออธิบายส่วนประกอบของ <strong>จานสี</strong> ก่อนนะครับ</p>
<ul>
<li><strong>Foreground Color</strong> : คือสีหลักๆที่เราใช้ ไม่ว่าจะผ่านเครื่องมือ แปรง(Brush), ดินสอ(Pencil), เทสี(Paint Bucket) หรือแม้แต่ <strong>Filter</strong> บางตัวก็จะดึงสี <strong>Foreground</strong> ไปใช้</li>
<li><strong>Background Color</strong> : คือสีที่เป็นพื้นหลัง ลองสังเกตุว่า ถ้าเราลบภาพบางส่วนออก โดยการเลือกพื้นที่แล้วกดปุ่ม <strong>Delete</strong> สีส่วนที่เลือกจะถูกลบไปแล้วกลายเป็นสี <strong>Background</strong> นอกจากนี้ยังใช้กับ <strong>Filter</strong> บางตัวด้วยเช่นกัน</li>
</ul>
<p>การสลับสีกันระหว่าง <strong>Foreground Color</strong> และ <strong>Background Color</strong> ทำได้โดยการคลิกที่ลูกศร 2 หัวโค้งๆบริเวณมุมบนขวาของ<strong>จานสี</strong> ซึ่งผลลัพธ์จะทำให้สีทั้งสองสลับข้างกัน </p>
<p>ส่วนสี่เหลี่ยมเล็กๆ ดำกับขาว ด้านล่างซ้ายของ<strong>จานสี</strong> คือการกลับไปยังค่าตั้งต้น นั่นก็คือสี <strong>ดำ-ขาว</strong> นั่นเอง</p>
<h2>Color Picker</h2>
<p>ทีนี้เราก็พอจะรู้จักกับจานสีบ้าง แล้วเราจะทำอะไรกับมันได้ล่ะ ลองนึกถึงจานสีจริงๆนะครับ เราก็ต้องมีสีแล้วก็นำมาผสมๆจนได้สีที่ต้องการก่อนบรรจงวาดลงบนกระดาษ หลักการของจานสีใน <strong>Photoshop</strong> ก็เช่นเดียวกันครับ เราต้องเลือกสีก่อน โดยให้เราคลิกที่ <strong>Foreground Color</strong> หรือ <strong>Background Color</strong> ขึ้นอยู่กับว่าเราจะเปลี่ยนส่วนไหน</p>
<p>เมื่อคลิกแล้ว เจ้าเครื่องมือที่เรียกว่า <strong>Color Picker</strong> จะปรากฏขึ้นเป็นหน้าต่างใหม่ โดยมีลักษณะตามภาพนะครับ</p>
<p><img src="http://photoshop.romebe.com/wp-content/uploads/color2.jpg" alt="Color Picker" title="Color Picker" width="548" height="364" class="alignnone size-full wp-image-374" /></p>
<p>ที่ด้านบนของหน้าต่างจะบอกว่า สีที่เรากำลังทำงานอยู่นั่นเป็นสีในตำแหน่งใด (<strong>Foreground Color</strong> หรือ <strong>Background Color</strong>) จากนั้นขออธิบายตามหมายเลขที่กำกับไว้นะครับ ดังนี้</p>
<ul>
<li>ส่วนที่ 1 : พิกัดสีอย่างละเอียด ส่วนนี้จะสัมพันธ์กับหมายเลข 2</li>
<li>ส่วนที่ 2 : แท่งเฉดสี</li>
<li>ส่วนที่ 3 : แสดงสีปัจจุบัน(current) และสีใหม่ที่กำลังเลือก(New)</li>
<li>ส่วนที่ 4 : หมวดสี ในโฟโต้ช็อปมีให้เราปรับค่าได้อยู่ 4 แบบซึ่งใช้กันในงานสิ่งพิมพ์ คือ
<ul>
<li>HSB คือ Hue, Saturation and Brightness</li>
<li>RGB คือ Red Green and Blue</li>
<li>LAB คือ Luminance (or lightness) and A and B (chromatic components)</li>
<li>CMYK คือ Cyan Yellow Magenta and blacK</li>
</ul>
</li>
<li>ส่วนที่ 5 : HTML Color Code ในส่วนนี้เราจะใช้กันมากในการทำเว็บ ดูตัวอย่างโค้ดได้จากเว็บ <a href="http://www.computerhope.com/htmcolor.htm" target="_blank">computerhope.com</a></li>
</ul>
<p>วิธีใช้ <strong>Color Picker</strong> ก็ง่ายนิดเดียวคือ คลิกเฉดสีส่วนที่ 2 ก่อนแล้วเลือกสีให้ละเอียดในเฉดนั้นๆที่ส่วนที่ 1 นอกจากนั้นยังสามารถใช้ค่าให้ละเอียดยิ่งขึ้นตามส่วนที่ 4 และส่วนที่ 5 </p>
<p>เนื่องจากส่วนที่ 4 และ 5 ค่าของสีจะเป็นโค้ด จึงทำให้เรามั่นใจได้ว่า สีที่มีโค้ดเดียวกันคือสีเดียวกันอย่างแน่นอน</p>
<p>เมื่อเลือกสีที่ต้องการได้แล้ว เราก็สามารถนำไปใช้งานด้วยเครื่องมือต่างๆในโฟโต้ช็อปต่อไป ลองฝึกฝนกันดูนะครับ</p>
<img src="http://photoshop.romebe.com/?ak_action=api_record_view&id=371&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://photoshop.romebe.com/2010/02/02/color-picker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

