<?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>เรียน Mac, Web design, Graphic design, Final cut &#187; Design Tips</title>
	<atom:link href="http://www.ischool.in.th/blog/category/design-tips/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ischool.in.th</link>
	<description>Ignite Inspiration</description>
	<lastBuildDate>Tue, 22 Nov 2011 04:41:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ทำ Graphic หน้าต้น 3rd ให้กลายเป็นเปลวควันด้วย Photoshop กัน!</title>
		<link>http://www.ischool.in.th/blog/2010/09/smokeface-photoshop/</link>
		<comments>http://www.ischool.in.th/blog/2010/09/smokeface-photoshop/#comments</comments>
		<pubDate>Tue, 28 Sep 2010 05:52:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[สอน graphic design]]></category>
		<category><![CDATA[สอนกราฟฟิก]]></category>

		<guid isPermaLink="false">http://www.ischool.in.th/?p=3164</guid>
		<description><![CDATA[สวัสดีครับ วันนี้ผม Manual จาก iSchool จะมาสอนการทำ photoshop มาฝากกันอีกหนึ่งอัน คือ เทคนิคการทำหน้าควัน ครับ สำหรับ Tutorial ตัวนี้อาจจะทำนานหน่อยนะครับ แต่คิดว่าไม่ยากเกินความสามารถแน่นอน เอาละ มาดูผลลัพธ์ กันก่อน]]></description>
			<content:encoded><![CDATA[<p>สวัสดีครับ วันนี้ผม Manual จาก iSchool จะมาสอนการทำ photoshop มาฝากกันอีกหนึ่งอัน คือ เทคนิคการทำหน้าควัน ครับ สำหรับ Tutorial ตัวนี้อาจจะทำนานหน่อยนะครับ แต่คิดว่าไม่ยากเกินความสามารถแน่นอน เอาละ มาดูผลลัพธ์ กันก่อน</p>
<p><a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=smokeface.jpg" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/smokeface.jpg" border="0" alt="smokeface result" /></a></p>
<h2>อุปกรณ์</h2>
<p>1.รูป <a href="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ton3rdside.jpg">ton3rdside.jpg</a><br />
2.brush ควัน โหลดได้ <a href="http://photoshoptutorials.ws/photoshop-downloads/photoshop-brushes/real-smoke-photoshop-brushes.html">ที่นี่ </a><br />
เอาละ ลุยกัน !</p>
<h2>ขั้นที่ 1 เตรียมรูป</h2>
<p>เปิดไฟล์ ton3rdside.jpg ขึ้นมา แล้วทำการ Di-cut หน้ากับผมออกมาซะก่อน จะใช้อะไรก็ได้ ผมใช้ quick selection และลบส่วนที่ไม่ต้องการออก</p>
<p><a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface01.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface01.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<p>สร้าง Layer ใหม่ขึ้นมา size 1280*800 แถวใช้ paint bucket ถมสีดำลงไปใน layer จากนั้นลากหน้าต้น 3rd มาไว้ในนี้<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface02.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface02.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<h2>ขั้นที่ 2 ปรับโครงเส้น</h2>
<p>ไปที่ Filter &gt; noise &gt; Median เพื่อปรับให้ภาพมัน soft ลงมาหน่อย ในนี้ผมปรับ 1px ละกัน</p>
<p><a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface03.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface03.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<p>กด  Command+Shift+U เพื่อทำภาพเป็นขาวดำ จากนั้น ไปที่ Filter &gt; Stylize &gt; Fine Edge เพื่อให้ภาพเหลือแต่เส้นโครงร่าง พอได้แล้วกด Command+I เพื่อ Invert ภาพ ได้ผลดังนี้<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface04.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface04.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<p>กด Command+L เพื่อปรับ Level ภาพ ให้ดัน highlight ไปทางซ้ายเยอะๆหน่อย ก็จะได้หน้าพี่ต้น 3rd ที่สว่างขี้นมาอีก<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface05.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface05.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<p>ใช้ยางลบ แบบ soft round ลบส่วนที่ไม่ต้องการทิ้งไปซะหน่อย จากนั้นไปที่ Filter &gt; Blur &gt; Gaussian Blur<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface06.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface06.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<h2>ขั้นที่ 3 ใส่ควัน</h2>
<p>เราต้องใช้ brush ที่เป็นควัน ไปโหลดได้ที่นี่ครับ smokebrush โหลดมาแล้วก็แตกไฟล์ zip ซะ แล้วก็เอามาติดตั้งเสียก่อน โดยไปที่ Edit &gt; Preset Manager ตรง Preset Type เลือกเป็น Brushes แล้วกดปุ่ม “Load” และไปที่ๆเราโหลดมานั่นแหละ เลือกซะ จะได้ brush ควันมา พร่ึบ ดังนี้<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface07.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface07.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<p>จากนั้นก็ไปเลือกมาซักอันนึง ตอนนี้ผมจะวาดคางก็ แปะมันตรงคางเนี่ยแหละ<br />
*** คำแนะนำสำหรับขั้นตอนนี้ก็คือ ให้เปิด brush palette ไว้เสมอ เพราะบางที เราต้องหมุนหัวแปรงไปมาเพื่อให้มันเข้ากับรูปหน้า วิธีเปิดก็คือ Window &gt; Brush ครับ ลองปรับๆดูจะรู้ว่าค่าอะไรเป็นอะไรเอง***<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface08.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface08.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<h2>ขั้นที่ 4 ดัดควัน</h2>
<p>ต่อไปก็ดัดเส้นควันให้มันเข้ากับรูปหน้า โดยใช้ Filter &gt; Liquify ตรงมุมขวาล่างให้ติ๊ก Show background , Use=layer1, Mode=behind จะได้ดัดได้ถูก แล้วก็ดัดให้มันเข้ากับคาง เสร็จแล้วเอา Erase tool มาลบส่วนที่ไม่เอาซะ<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface08.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface08.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<p>ทำขั้นตอนนี้ซ้ำไปซ้ำมา จนได้ควันเต็มส่วนที่ต้องการ ถึกหน่อยนะจ๊ะ<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface10.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface10.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<h2>ขั้นที่ 5 เพิ่ม Depth ซะหน่อย</h2>
<p>ให้สร้าง Layer มา 1 อัน ตั้งชื่อว่า Cloud นะครับ วาง layer นี้ไว้ล่าง Layer หน้า (Layer 1) จากนั้นก่อนอื่นให้เปลี่ยนสี Foreground เป็นขาว และ background เป็นดำซะก่อน แล้วไปที่ Filter &gt; Render &gt; Cloud จะได้ภาพอย่างข้างล่าง จะเห็นว่าหน้าบางส่วนยังเป็นสีดำอยู่ ฉะนั้นแล้วไปที่ Layer 1 แล้วปรับ blending mode เป็น Screen ซะเลย<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface11.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface11.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<p>จากนั้นไปเลือก Layer cloud อีกที แล้วกด add vector mark (ปุ่มด้านล่างรูปสีเหลี่ยมมีวงกลมข้างในของ Layer Palette) เสร็จแล้วเลือก Gradient tool มา เป็น ขาว &#8211; ดำ ปรับเป็น radial แล้วปาดส่วนที่เป็นผมดู จะได้ช่วงผมที่สว่างขึ้ ถ้าไม่ได้มุมจริงๆให้เอา Soft Round brush มาแต่งต่ออีกหน่อยก็ได้<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface12.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface12.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<h2>ขั้นที่ 6 Grading สี</h2>
<p>สร้าง New Layer ตั้งชื่อว่า Gradient แล้วเอาไว้บนสุดเลยนะ เปลี่ยน blending mode เป็น Overlay และลด Opacity เหลือซัก 75% พอ จากนั้นก็ไปเลือก Gradient tool มา ปรับเป็น Radial เหมือนเดิม แล้วก็ตั้งสีเอาละกัน ว่าอยากได้สีไหน แล้วปาดมันลงใน Layer<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface13.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface13.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<p>ขั้นตอนนี้สำหรับผมถือว่ายากที่สุด เพราะสำคัญที่การเลือกสีและการปาดสีอย่างมาก ตอนผมทำ ผมเลือกสีอยู่ราวๆ 2 ชั่วโมงได้ เพราะสีในนี้มันทำหน้าที่ของแสง ซึ่งต้องสังเกตุ spectrum เหมือนกันนะ และในที่สุดผมก็ไม่รู้จะเอาสีอะไร เลยเอา เขียว-เหลือง-แดง เร้กเก้ ซะเลย ฮาๆ</p>
<h2>ขั้นที่ 7 ใส่ละอองดาว</h2>
<p>สร้าง Layer ตั้งชื่อว่า star แล้วเอาไว้ล่าง layer gradient คราวนี้ก็ไปเลือก brush เพิ่มซะหน่อย เอาเร็วๆเลยละกัน กด B เลือก brush แล้วคลิ็กขวา ตรงมุมขวาบนจะมี 3 เหลี่ยมเล็กๆนะ กดแล้วเลือก assorted brush แล้วกด append จะได้ brush เพิ่มมาอีกชุด<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface14.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface14.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<p>แล้วไปที่ brush palette ต้องมาตั้งค่า brush ใหม่ ตั้งตามนี้เลยละกันนะจ๊ะ ใครไม่ชอบไปเปลี่ยนเองทีหลัง<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface15.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface15.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<p><a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface16.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface16.png" border="0" alt="à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²,3rd" /></a></p>
<p><a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface17.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface17.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<p>เสร็จแล้วก็ละเลงทีนี้จะเห็นว่าดาวมันชัดเกินไปหน่อย ก็ไปปรับ Filter &gt; Blur &gt; Gaussian Blur ซัก 2 px พอละ<br />
<a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=ischool-smokeface18.png" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/ischool-smokeface18.png" border="0" alt="smokeface,3rd,ischool,à¹�à¸£à¸µà¸¢à¸� graphic,à¹�à¸£à¹�à¸�à¹�à¸�à¹�,à¸ªà¸�à¸²" /></a></p>
<h2>ขั้นสุดท้าย เก็บกิ๊ก</h2>
<p>สุดท้ายละ หา text มาใส่เข้า, ปรับ Level นิดหน่อย, Crop ให้มันดูดีๆหน่อย ก็จะได้ภาพที่สวยงามออกมาดังนี้แล</p>
<p><a href="http://s272.photobucket.com/albums/jj176/lycoolthai/smokeface/?action=view&amp;current=smokeface.jpg" target="_blank"><img src="http://i272.photobucket.com/albums/jj176/lycoolthai/smokeface/smokeface.jpg" border="0" alt="smokeface result" /></a></p>
<address>- Inspired by <a href="http://photoshoptutorials.ws/photoshop-tutorials/drawing/smoke-portrait.html">photoshoptutorials.ws</a> -<br />
</address>
]]></content:encoded>
			<wfw:commentRss>http://www.ischool.in.th/blog/2010/09/smokeface-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>เรียนทำ Graphic สไตล์ Ink splash กัน!</title>
		<link>http://www.ischool.in.th/blog/2010/09/air-inksplash/</link>
		<comments>http://www.ischool.in.th/blog/2010/09/air-inksplash/#comments</comments>
		<pubDate>Thu, 02 Sep 2010 11:30:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Cool Design]]></category>
		<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[iSchool Event]]></category>
		<category><![CDATA[เทคนิค ink splash]]></category>
		<category><![CDATA[เรียน graphic]]></category>
		<category><![CDATA[เรียน photoshop]]></category>

		<guid isPermaLink="false">http://www.ischool.in.th/?p=3097</guid>
		<description><![CDATA[สวัสดีครับ วันนี้ผม manual จะมาสอนการทำ graphic แบบ ink splash ครับ โดยใช้ภาพนายแอร์ มือทรัมเป็ตสุดกวนของวง 3rd ของผมนั่นเองครับ รูปออกมาหน้าตาอย่างงี้]]></description>
			<content:encoded><![CDATA[<p>สวัสดีครับ วันนี้ผม manual จะมาสอนการทำ graphic แบบ ink splash ครับ โดยใช้ภาพนายแอร์ มือทรัมเป็ตสุดกวนของผมนั่นเองครับ รูปออกมาหน้าตาอย่างงี้</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airjump.jpg"><img class="aligncenter size-full wp-image-3098" title="airjump" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airjump.jpg" alt="airjump" width="500" height="800" /></a>เอาละก่อนอื่นต้องมาเตรียมอุปกรณ์กันก่อนครับ ได้แก่ ภาพ <a href="http://i272.photobucket.com/albums/jj176/lycoolthai/IMG_0677.jpg">mr.แอร์ 3rd</a>, <a href="http://qbrushes.net/photoshop-splash-brushes/watercolor-splattebrush-set/">claxa brush</a>, <a href="http://www.dafont.com/dirtybag.font">dirtybag font</a> โหลดมาเตรียมไว้ในเครื่องให้เรียบร้อยก่อนนะครับ เอาละ มาเริ่มทำกัน</p>
<h2>ขั้นที่ 1</h2>
<p>เปิดโปรเจค size  1050 x 1680 ขึ้นมา แล้วเปิดภาพ แอร์ 3rd ขึ้นมา นำภาพมาโยนในหน้าโปรเจคเราก่อน ได้ประมาณนี้</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink01.png"><img class="aligncenter size-full wp-image-3099" title="airink01" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink01.png" alt="airink01" width="374" height="609" /></a></p>
<h2>ขั้นที่ 2</h2>
<p>ทำการ dicut ให้เหลือแต่ภาพแอร์เสียก่อน จะใช้วิธีไหนก็ตามถนัดครับ จากนั้นก็ปรับ level และ saturation กับภาพค่าตามด้านล่าง (ไม่ต้องเหมือนเป๊ะก็ได้ อันนี้ chill chill ตามที่เราชอบ)</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink02.png"><img class="aligncenter size-full wp-image-3100" title="airink02" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink02.png" alt="airink02" width="403" height="330" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink03.png"><img class="aligncenter size-full wp-image-3101" title="airink03" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink03.png" alt="airink03" width="453" height="306" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink04.png"><img class="aligncenter size-full wp-image-3102" title="airink04" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink04.png" alt="airink04" width="380" height="590" /></a></p>
<h2>ขั้นที่ 3</h2>
<p>ไปที่ Filter &gt; Artistic &gt; Dry Brush ปรับค่าประมาณนี้ ก็จะได้ภาพแอร์ 3rd ที่กร้านขึ้นอีกครับ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink05.png"><img class="aligncenter size-full wp-image-3103" title="airink05" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink05.png" alt="airink05" width="268" height="363" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink06.png"><img class="aligncenter size-full wp-image-3104" title="airink06" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink06.png" alt="airink06" width="375" height="610" /></a></p>
<h2>ขั้นที่ 4</h2>
<p>สร้าง Layer ขึ้นมาใหม่ แล้วตั้งชื่อว่า ink เอา layer นี้ไว้ใต้ Layer ของแอร์ นะครับ อันนี้เราจะเอา brush มาละเลงกันครับ ก็ใช้ brush ตัวที่ผมให้โหลดนั่นแหละ (โหลดใส่โปรแกรมก็ Edit &gt; Preset Manage แล้วเลือกที่เป็น brush กด load อันที่เรา save มา)</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink07.png"><img class="aligncenter size-medium wp-image-3105" title="airink07" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink07-580x398.png" alt="airink07" width="580" height="398" /></a></p>
<h2>ขั้นที่ 5</h2>
<p>ค่อยๆละบาย กันไป โดยสีที่ผมใช้มีดังนี้</p>
<p>ชมพู #eb54ae<br />
ส้ม #f1712f<br />
เขียวอ่อน #89e43e<br />
น้ำเงิน #0051f0<br />
ฟ้าอ่อน #67e5d5</p>
<p>ปรับ size แปรงตามใจชอบนะ <img src='http://www.ischool.in.th/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink08.png"><img class="aligncenter size-full wp-image-3106" title="airink08" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink08.png" alt="airink08" width="350" height="562" /></a></p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink09.png"><img class="aligncenter size-full wp-image-3109" title="airink09" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink09.png" alt="airink09" width="350" height="560" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink08.png"></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink10.png"><img class="aligncenter size-full wp-image-3107" title="airink10" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink10.png" alt="airink10" width="348" height="561" /></a></p>
<h2>ขั้นที่ 6</h2>
<p>สร้าง layer อีกอัน ตั้งชื่อว่า ink2 คราวนี้เอาไว้บน layer ของแอร์นะครับ แล้วก็แต่ง brush ให้กินเข้ามาในตัวอีกนิดหน่อย ภาพจะได้ดูไม่ลอยจนเกินไป</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink12.png"><img class="aligncenter size-full wp-image-3110" title="airink12" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink12.png" alt="airink12" width="208" height="258" /></a></p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink11.png"><img class="aligncenter size-full wp-image-3108" title="airink11" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink11.png" alt="airink11" width="347" height="558" /></a></p>
<h2>ขั้นที่ 7</h2>
<p>ต่อไปเป็นขั้นตอนทำ text ให้โหลด font มาตามข้างบน จากนั้นพิมพ์ text ซึ่งผมใช้ 2 ชุด ชุดแรกเป็น &#8220;Flying with&#8221; โดยพิมพ์คนละบรรทัดกัน Flying ใช้ font 260 px ส่วน with ใช้ประมาณ 150 px แยกคนละบรรทัดกัน แล้วจัดความสูงบรรทัดเป็น 122 จัดย่อหน้าชิดขวา สีใช้สีดำ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink13.png"><img class="aligncenter size-full wp-image-3111" title="airink13" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink13.png" alt="airink13" width="437" height="470" /></a></p>
<h2>ขั้นที่ 8</h2>
<p>ทำเหมือนกันกับขั้นที่ 7 แต่เปลี่ยนคำเป็น &#8220;trumpet air&#8221; แทน แล้วก็อันนี้จัดย่อหน้าชิดซ้าย</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink14.png"><img class="aligncenter size-full wp-image-3112" title="airink14" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink14.png" alt="airink14" width="374" height="606" /></a></p>
<h2>ขั้นที่ 9</h2>
<p>ไปที่ Layer &gt; Rasterize &gt; Type เพื่อแปลง text ให้เป็นภาพธรรมดาเสียก่อน ทำทั้ง 2 คำนะครับ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink15.png"><img class="aligncenter size-full wp-image-3113" title="airink15" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink15.png" alt="airink15" width="374" height="582" /></a></p>
<h2>ขั้นที่ 10</h2>
<p>ไปที่ edit &gt; transform &gt; perspective เพื่อตัดมุมมองของคำซะ  พอได้มุมแล้ว กด enter จากนั้นเราก็หมุนมันให้เอียงๆ โดยไปที่ edit &gt; transform &gt; rotate แล้วก็เอาไปวางในจุดที่ต้องการซะ แน่นอนทำทั้ง 2 คำเช่นกัน</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airink16.png"><img class="aligncenter size-full wp-image-3114" title="airink16" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airink16.png" alt="airink16" width="376" height="610" /></a></p>
<h2>ผลลัพท์</h2>
<p>วางเสร็จก็จะได้ภาพ air 3rd flying ประมาณนี้ครับ (ภาพนี้ผมแอบแก้ช่องไฟนิดหน่อยก่อน rasterize ถ้าได้ไม่เหมือนไม่ต้องแปลกใจ 555 )</p>
<p style="text-align: center;"><a href="http://www.ischool.in.th/wp-content/uploads/2010/09/airjump.jpg"><img class="aligncenter size-full wp-image-3098" title="airjump" src="http://www.ischool.in.th/wp-content/uploads/2010/09/airjump.jpg" alt="airjump" width="500" height="800" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ischool.in.th/blog/2010/09/air-inksplash/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>สอนทำ graphic แบบ fashion blur !?</title>
		<link>http://www.ischool.in.th/blog/2010/08/fashion-blur/</link>
		<comments>http://www.ischool.in.th/blog/2010/08/fashion-blur/#comments</comments>
		<pubDate>Tue, 31 Aug 2010 13:55:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[iSchool Event]]></category>
		<category><![CDATA[photoshop tutorial]]></category>
		<category><![CDATA[สอน graphic]]></category>

		<guid isPermaLink="false">http://www.ischool.in.th/?p=3073</guid>
		<description><![CDATA[สวัสดีครับ blog นี้ ผม manual จาก 3rd จะมาสอนวิธีแต่งภาพด้วย photoshop ให้เป็นแบบ fashion blur กันครับ !??]]></description>
			<content:encoded><![CDATA[<p>สวัสดีครับ blog นี้ ผม manualจะมาสอนวิธีแต่งภาพด้วย photoshop ให้เป็นแบบ fashion blur กันครับ !?? &#8230;<br />
หลายๆคนสงสัยแล้วว่า fashion blur คืออะไร? จริงๆมันเป็นคำที่ผมสมาถ(เอ๊ะ หรือเค้าเรียกว่า สนธิ กันแน่??) ขึ้นมาเองครับ โดย tutorial อันนี้ ได้เกิดจากการใช้เทคนิคการแต่งภาพที่นิยมในแนว fashion บวกด้วยเทคนิค motion blur นั่นเอง กลายเป็นคำว่า fashion blur ขึ้นมาเฉยเลย <img src='http://www.ischool.in.th/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  เอาละ มาดูวิธีทำกันดีกว่าครับ</p>
<h2>ขั้นที่ 1</h2>
<p>เปิดรูปที่ต้องการขึ้นมาเลย<br />
<a href="http://www.ischool.in.th/wp-content/uploads/2010/08/man-motionblur02.jpg"><img class="aligncenter size-full wp-image-3075" title="man-motionblur02" src="http://www.ischool.in.th/wp-content/uploads/2010/08/man-motionblur02.jpg" alt="man-motionblur02" width="500" height="750" /></a></p>
<h2>ขั้นที่ 2</h2>
<p>จัดการรูปให้มาเหมาะสมเสียก่อน โดยรูปผมจะเห็นว่าถ่ายมา over (คือ แสงจ้า) เกินไป ผมก็จะปรับ curve กับรูปก่อนครับ โดยดึง curve ลงมาล่างๆนิดหน่อยให้มันมืดขึ้น ประมาณนี้</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur01.png"><img class="aligncenter size-full wp-image-3076" title="fashonblur01" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur01.png" alt="fashonblur01" width="484" height="472" /></a></p>
<h2>ขั้นที่ 3</h2>
<p>ยังคงอยู่กับการเตรียมความพร้อมรูปอยู่ โดยขั้นนี้เป็นการลด saturation ของสีลง เพราะภาพนี้สีแจ๋นเกินไป ภาพแบบ fashion look นั้นนิยมลด saturation กันครับ สำหรับรูปนี้ปรับค่าประมาณเนี้ย พอ สีมันจะตุ่นๆหน่อย อย่าเพิ่งตกใจไป</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur02.png"><img class="aligncenter size-full wp-image-3077" title="fashonblur02" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur02.png" alt="fashonblur02" width="450" height="302" /></a></p>
<h2>ขั้นที่ 4</h2>
<p>สร้าง adjustment layer ขึ้นมาครับ อยู่แถวๆ layer palette ด้านล่าง เลือก hue/saturation เปิดขึ้นมา แล้วติ๊กที่ colorize จากนั้นก็ปรับค่า 3 อันนั้นดูว่าเราอยากได้ tone ไหน สำหรับผม ภาพนี้เอาสีฟ้าๆดีกว่า</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur031.png"><img class="aligncenter size-medium wp-image-3079" title="fashonblur03" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur031-580x658.png" alt="fashonblur03" width="580" height="658" /></a></p>
<h2>ขึ้นที่ 5</h2>
<p>จะเห็นว่าภาพเรามันเป็นโทนเดียวไปซะแล้ว ต่อไปให้เลือก brush tool แล้วปรับหัวแปรงเป็นแบบ soft round, opacity ซัก 25% ก็พอ แล้วเลือกสี foreground เป็นสีดำ เดี๋ยวเราจะดึงสี skin tone บริเวณที่เป็นเนื้อหนังคืนมาซะหน่อยกันครับ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur04.png"><img class="aligncenter size-full wp-image-3080" title="fashonblur04" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur04.png" alt="fashonblur04" width="467" height="36" /></a></p>
<h2>ขั้นที่ 6</h2>
<p>ลองดูที่ layer palette ตรง Hue/Saturation ที่เราสร้างขึ้นมา ด้านขวามันจะมี layer สีขาวๆอยู่   นั่นคือ layer mask ครับ ให้เราเอา brush ที่เราเตรียมไว้ มาละเลงบน layer mask ตรงส่วนที่เป็นใบหน้า และแขนขา จะเห็นว่าหน้าจะกลับมามีสีขึ้นอีกนิดนึง แต่เราไม่ต้องการให้มันชัด เราจึงปรับ opacity ของ brush ที่ 25% นั่นเอง สังเกตุดูหน้า กับแขนขวาผมจะมีสี ในขณะที่แขนซ้ายเป็นสีฟ้าอยู่ คือ ยังทำไม่เสร็จไง &#8211; -&#8221;</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur05.png"><img class="aligncenter size-full wp-image-3081" title="fashonblur05" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur05.png" alt="fashonblur05" width="201" height="120" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur06.png"><img class="aligncenter size-full wp-image-3082" title="fashonblur06" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur06.png" alt="fashonblur06" width="321" height="476" /></a></p>
<h2>ขั้นที่ 7</h2>
<p>เสร็จแล้วเลือก layer ที่เป็นรูปเรา แล้วทำการ duplicate ซะ พอได้ layer ใหม่ให้ไปที่ Filter &gt; blur &gt; motion blur แล้วปรับมุมกับความไกลเอาตามต้องการ ค่าของผมก็ประมาณรูปล่างเนี้ย</p>
<h2><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur07.png"><img class="aligncenter size-full wp-image-3083" title="fashonblur07" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur07.png" alt="fashonblur07" width="578" height="658" /></a> ขั้นที่ 8</h2>
<p>กดปุ่ม add layer mask (ข้างๆ FX) แล้วเอา soft round brush มาละเลงอีก คล้ายขั้นที่ 6 แต่คราวนี้ปรับ opacity เป็น 100% ไปเลย ใช้สีดำ แล้วละเลงส่วนที่เป็นตัวเรา เพราะเราต้องการเจาะให้มันทะลุลงไปเห็น layer ที่ไม่ได้ blur นะครับ ได้แบบนี้</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur08.png"><img class="aligncenter size-full wp-image-3084" title="fashonblur08" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur08.png" alt="fashonblur08" width="189" height="40" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur09.png"><img class="aligncenter size-full wp-image-3085" title="fashonblur09" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur09.png" alt="fashonblur09" width="428" height="540" /></a></p>
<h2>ขั้นที่ 9</h2>
<p>เราจะใส่ grain ให้กับภาพหน่อย ทำโดย new layer ขึ้นมา จากนั้นเลือก pain bucket แล้วเลือกสี foreground เป็นสีเทา แล้วเทสีลงไปใน layer ได้ สีเทาปิ๊ดปี๋มาหนึ่งผืน</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur10.png"><img class="aligncenter size-full wp-image-3086" title="fashonblur10" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur10.png" alt="fashonblur10" width="422" height="640" /></a></p>
<h2>ขั้นที่ 10</h2>
<p>เลือก filter &gt; noise &gt; add noise ปรับค่าตามข้างล่างเลย จากนั้นปรับ blending mode เป็น color burn แล้วลด opacity เหลือซักราวๆ 10% ก็พอ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur11.png"><img class="aligncenter size-full wp-image-3087" title="fashonblur11" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur11.png" alt="fashonblur11" width="325" height="424" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur12.png"><img class="aligncenter size-full wp-image-3088" title="fashonblur12" src="http://www.ischool.in.th/wp-content/uploads/2010/08/fashonblur12.png" alt="fashonblur12" width="422" height="541" /></a></p>
<h2>ผลลัพธ์</h2>
<p>ปรับ curve อีกนิดก็ได้ถ้ารูปสึกว่ามันไม่ contrast เท่าไร แล้วก็หา text มาใส่ เอา object อะไรมาคาดซะหน่อย ได้ประมาณนี้</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/man-motionblur.jpg"><img class="aligncenter size-full wp-image-3089" title="man-motionblur" src="http://www.ischool.in.th/wp-content/uploads/2010/08/man-motionblur.jpg" alt="man-motionblur" width="500" height="750" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ischool.in.th/blog/2010/08/fashion-blur/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>เรียนแต่งภาพกราฟฟิค Background แบบ Bokeh กัน!</title>
		<link>http://www.ischool.in.th/blog/2010/08/bokeh-photoshop/</link>
		<comments>http://www.ischool.in.th/blog/2010/08/bokeh-photoshop/#comments</comments>
		<pubDate>Thu, 19 Aug 2010 13:41:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[iSchool Event]]></category>
		<category><![CDATA[สอน photoshop]]></category>
		<category><![CDATA[เทคนิคทำ Bokeh photoshop]]></category>

		<guid isPermaLink="false">http://www.ischool.in.th/?p=3031</guid>
		<description><![CDATA[วันนี้ iSchool จะมาเสนอเทคนิคการใช้ Photoshop ในการทำภาพกราฟฟิค Background แบบ Bokeh กันครับ ทำง่ายๆ ได้ภาพสวยๆ ครับ โดย Bokeh นั้นเป็นแสงๆ เดิมมาจากการถ่ายภาพแล้วมันมี flare เป็นฝ้าๆติดมาในรูปครับ เหมือนเลนส์ Focus ไม่ถูกจุด เกิดเป็นแสงเบลอๆ แหมอธิบายยากจังแฮะ มาทำกันเลยละกัน]]></description>
			<content:encoded><![CDATA[<p>วันนี้ iSchool จะมาเสนอเทคนิคการใช้ Photoshop ในการทำภาพกราฟฟิค Background แบบ Bokeh กันครับ ทำง่ายๆ ได้ภาพสวยๆ ครับ โดย Bokeh นั้นเป็นแสงๆ เดิมมาจากการถ่ายภาพแล้วมันมี flare เป็นฝ้าๆติดมาในรูปครับ เหมือนเลนส์ Focus ไม่ถูกจุด เกิดเป็นแสงเบลอๆ แหมอธิบายยากจังแฮะ มาทำกันเลยละกัน</p>
<h2>ขั้นที่ 1</h2>
<p>เปิด Project ขึ้นมาใหม่ size 1920&#215;1200 pixel แล้วเลือก pain bucket ถมสีดำลงไป แล้วดูที่ Palete Layer คลิ๊กปิดตา Layer Background มันไปซะ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh01.png"><img class="aligncenter size-full wp-image-3047" title="bokeh01" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh01.png" alt="bokeh01" width="580" height="329" /></a></p>
<h2>ขั้นที่  2</h2>
<p>เลือก Custom Shape Tool (U) เลือกรูปที่อยากได้ ผมเอาเป็นรูปมือละกัน เลือกสีดำ แล้ววาดวงกลมลงไป จากนั้นไปที่ Layer&gt;Layer Style&gt;Blending Options. เปลี่ยน Fill Opacity เป็น 50%. แล้วเลือกที่ Stroke เอา 10 pixels เลือกเป็น Inside ใน Position แล้วก็เลือกสีดำ Black</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh02.png"><img class="aligncenter size-full wp-image-3048" title="bokeh02" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh02.png" alt="bokeh02" width="411" height="34" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh02-1.png"></a></p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh02-1.png"><img class="aligncenter size-full wp-image-3049" title="bokeh02-1" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh02-1.png" alt="bokeh02-1" width="307" height="328" /></a></p>
<h2>ขั้นที่ 3</h2>
<p>ไปที่ Edit &gt; Define Brush Preset แล้วก็กด Ok ไป เราจะได้ มือ นี้มาเป็นหัวแปรง จากนั้นก็ปิดตา Layer มือไปซะเล่นเคย</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh03.png"><img class="aligncenter size-full wp-image-3050" title="bokeh03" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh03.png" alt="bokeh03" width="256" height="699" /></a></p>
<h2>ขั้นที่ 4</h2>
<p>Duplicate Layer Background มาเรา ขั้นนี้เราจะลงสี Gradient ให้กับภาพ ดูที่ Palete Layer ข้างล่างมีปุ่ม FX อยู่ กดซะแล้วเลือก Gradient Overlay ปรับค่าโหมดต่างๆตามรูปนะครับ ส่วนสีจะเอาสีอะไรก็ได้ ผมเลือกสีเขียว เหลือง แดง เร้กเก้ๆหน่อย แล้วก็เลือก Fill เป็น 0% ด้วย &#8230; อ้อ พอทำเสร็จมันจะเป็นสีดำๆ ไม่ต้องตกใจนะครับ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh04.png"><img class="aligncenter size-medium wp-image-3051" title="bokeh04" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh04-580x443.png" alt="bokeh04" width="580" height="443" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh05.png"><img class="aligncenter size-medium wp-image-3052" title="bokeh05" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh05-580x439.png" alt="bokeh05" width="580" height="439" /></a></p>
<h2>ขั้นที่ 5</h2>
<p>ต่อไปปรับค่า Brush ซะก่อน เลือก Brush ทางซ้ายมือ (ฺB) เปิด Palete Brush ขึ้นมานะครับ แล้วปรับค่าประมาณนี้ จริงๆค่าพวกนี้ไม่ตายตัวนะครับ ลองปรับๆเล่นดูก็ได้ แต่ถ้ากลัวงงก็ตามนี้ก่อน</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh06.png"><img class="aligncenter size-full wp-image-3053" title="bokeh06" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh06.png" alt="bokeh06" width="352" height="447" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh07.png"><img class="aligncenter size-full wp-image-3054" title="bokeh07" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh07.png" alt="bokeh07" width="354" height="445" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh08.png"><img class="aligncenter size-full wp-image-3056" title="bokeh08" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh08.png" alt="bokeh08" width="354" height="448" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh09.png"><img class="aligncenter size-full wp-image-3057" title="bokeh09" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh09.png" alt="bokeh09" width="353" height="448" /></a></p>
<h2>ขั้นที่ 6</h2>
<p>มาที่ Palete Layer อีกที ทีนี้กดปุ่มรูป Folder ด้านล่างขึ้นมา ได้ Group 1 ปรับ Blending Mode เป็น Linear Dodge (Add) ครับ แล้วสร้าง Layer ข้างในอีกทีนึง ก่อนลงมือละเลงให้ลาก Folder ลงมาอยู่ล่าง Layer Gradient ก่อนนะครับ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh10.png"><img class="aligncenter size-full wp-image-3058" title="bokeh10" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh10.png" alt="bokeh10" width="208" height="553" /></a></p>
<h2>ขั้นที่ 7</h2>
<p>ok ทีนี้ก็ไปเลือก Brush ที่เรา Set  ไว้มาละเลงซะเลยครับ เลือกสีเป็นสีขาวก่อน เลือกหัวใหญ่ๆก่อนละกัน ผมใช้ 600 px ครับ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh11.png"><img class="aligncenter size-medium wp-image-3059" title="bokeh11" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh11-580x377.png" alt="bokeh11" width="580" height="377" /></a></p>
<p>ขั้นที่ 8</p>
<p>ทีนี้ต่อไปเป็นขั้นตอนการทำ Dept of Field ครับ ก็ไปเลือกด้านบน Filter &gt; Blur &gt; Gaussion Blur ตัวนี้ปรับค่าหนักๆหน่อย ผมปรับราวๆ 40</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh12.png"><img class="aligncenter size-full wp-image-3060" title="bokeh12" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh12.png" alt="bokeh12" width="537" height="545" /></a></p>
<h2>ขั้นที่ 9</h2>
<p>เพิ่ม Layer อีก คราวนี้ทำซ้ำขั้น 7-8 แต่ลดหัวแปรงให้เล็กลง ผมใช้หัว 400 แล้วตอน Blur ก็เบาลงหน่อยเอาซักแค่ 9 ก็พอ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh13.png"><img class="aligncenter size-medium wp-image-3061" title="bokeh13" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh13-580x379.png" alt="bokeh13" width="580" height="379" /></a></p>
<h2>ขั้นที่ 10</h2>
<p>ก็ทำซั้ำ 7-8 ไปเรื่อยๆ ลดหัวแปรง ลดความเบลอลงมาเรื่อยๆ เยอะแค่ไหนก็ตามถนัดละกันครับ ผมทำซักราวๆ 3 รอบพอ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh14.png"><img class="aligncenter size-medium wp-image-3062" title="bokeh14" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh14-580x374.png" alt="bokeh14" width="580" height="374" /></a></p>
<h2>สุดท้าย</h2>
<p>ใส่ Text ไปซะ เป็นอันเสร็จครับ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh15.png"><img class="aligncenter size-medium wp-image-3063" title="bokeh15" src="http://www.ischool.in.th/wp-content/uploads/2010/08/bokeh15-580x362.png" alt="bokeh15" width="580" height="362" /></a></p>
<pre>- Thank you <a href="http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop" target="_blank">abduzeedo.com</a> for inspiration -</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.ischool.in.th/blog/2010/08/bokeh-photoshop/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>เรียน Graphic&#124;Cross Processing &#8211; อีกหนึ่งเทคนิค Photoshop สำหรับภาพแนว Vintage</title>
		<link>http://www.ischool.in.th/blog/2010/06/cross_curvy/</link>
		<comments>http://www.ischool.in.th/blog/2010/06/cross_curvy/#comments</comments>
		<pubDate>Sun, 20 Jun 2010 09:38:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[iSchool Event]]></category>
		<category><![CDATA[cross curvy]]></category>
		<category><![CDATA[สอน photoshop]]></category>

		<guid isPermaLink="false">http://www.ischool.in.th/?p=2894</guid>
		<description><![CDATA[หลายๆคนชื่นชอบภาพแนวเก่าๆเก๋าๆ หรือ Vintage ซึ่งปัจจุบันก็มีกล้องหลายๆตัวที่ถ่ายแล้วให้ภาพแบบนั้นได้เลย ที่ฮิตๆกันก็พวกกล้อง Lomo ทั้งหลาย แต่ถ้าเราไม่มีกล้องดีๆละ จะทำภาพแบบนั้นได้ไหม? มาลองดูเทคนิค Photoshop อันนี้กันซะหน่อยดีกว่า]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy0.png"><img class="aligncenter size-medium wp-image-2896" title="crosscurvy0" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy0-580x436.png" alt="crosscurvy0" width="580" height="436" /></a></p>
<p>หลายๆคนชื่นชอบภาพแนวเก่าๆเก๋าๆ หรือ Vintage ซึ่งปัจจุบันก็มีกล้องหลายๆตัวที่ถ่ายแล้วให้ภาพแบบนั้นได้เลย ที่ฮิตๆกันก็พวกกล้อง Lomo ทั้งหลาย แต่ถ้าเราไม่มีกล้องดีๆละ จะทำภาพแบบนั้นได้ไหม? มาลองดูเทคนิค Photoshop อันนี้กันซะหน่อยดีกว่า</p>
<h2>ขั้นที่ 1</h2>
<p>เปิดภาพกับ Photoshop จากนั้น ดูที่ Palette Layer ให้ copy ภาพมาก่อนโดยกด Command+J เผื่อเวลาทำพลาดจะได้ยังมีภาพ source อยู่ จะได้ layer 1 มา</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy1.png"><img class="aligncenter size-full wp-image-2895" title="crosscurvy1" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy1.png" alt="crosscurvy1" width="212" height="388" /></a></p>
<h2>ขั้นที่ 2</h2>
<p>กด Command+M เปิด Curve หาคำว่า chanel ลองกดดู มีให้เลือกอีก 3 อันคือ Red Green Blue</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy2.png"><img class="aligncenter size-full wp-image-2897" title="crosscurvy2" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy2.png" alt="crosscurvy2" width="485" height="473" /></a></p>
<h2>ขึ้นที่ 3</h2>
<p>ไล่ปรับค่าทีละสี โดยปรับ curve ดังรูป เริ่มที่ Red เป็น curve ขึ้น จากนั้นไล่ปรับ Green ปรับ curve ลง และสุดท้ายปรับ blu สวนทางขึ้น</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy3.png"><img class="aligncenter size-full wp-image-2898" title="crosscurvy3" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy3.png" alt="crosscurvy3" width="488" height="471" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy4.png"><img class="aligncenter size-full wp-image-2899" title="crosscurvy4" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy4.png" alt="crosscurvy4" width="488" height="472" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy5.png"><img class="aligncenter size-full wp-image-2900" title="crosscurvy5" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy5.png" alt="crosscurvy5" width="484" height="474" /></a></p>
<h2>ขั้นที่ 4</h2>
<p>ภาพจะได้ Tone ประมาณนี้ คือได้สีเขียวอมๆเยอะหน่อย</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy6.png"><img class="aligncenter size-full wp-image-2901" title="crosscurvy6" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy6.png" alt="crosscurvy6" width="482" height="471" /></a><a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy7.png"><img class="aligncenter size-medium wp-image-2902" title="crosscurvy7" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy7-580x435.png" alt="crosscurvy7" width="580" height="435" /></a></p>
<h2>ขั้นที่ 5</h2>
<p>ที่ Layer 1 กด Command+J อีกครั้ง ได้ Layer 1 copy จากนั้นเราจะปรับ blending Mode เป็น Overlay เพื่อเพิ่มความชัดขึ้นไปอีก จะเห็นว่าภาพมันจะ contrast กันเยอะขึ้น<br />
<a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy8.png"><img class="aligncenter size-full wp-image-2903" title="crosscurvy8" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy8.png" alt="crosscurvy8" width="213" height="382" /></a></p>
<h2>ขั้นที่ 6</h2>
<p>เพิ่มความแนวซะหน่อยโดย Matt ขอบให้มันมีสีดำๆ เปิด New Layer เป็น Layer 2 แล้ว fill สีดำ วิธีง่ายๆคือ เลือกสี Foreground เป็นสีดำแล้วกด Command+Delete ก็จะถมดำลงไป<br />
<a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy9.png"><img class="aligncenter size-medium wp-image-2904" title="crosscurvy9" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy9-580x350.png" alt="crosscurvy9" width="580" height="350" /></a></p>
<h2>ขั้นที่ 7</h2>
<p>ที่ Layer 2 ให้กดปุ่ม Mask อยู่ตรงด้านล่างข้างๆปุ่ม FX จากนั้นไปเลือก Brush เป็นแบบขอบหม่น เลือก size ใหญ่ๆ ในที่นี้ใช้ 300 เลือกเป็นสีดำแล้วระบายลงใน mask layer ซะเลย<br />
<a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy10.png"><img class="aligncenter size-full wp-image-2905" title="crosscurvy10" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy10.png" alt="crosscurvy10" width="201" height="381" /></a></p>
<h2>ได้ภาพนี้</h2>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy0.png"><img class="aligncenter size-medium wp-image-2896" title="crosscurvy0" src="http://www.ischool.in.th/wp-content/uploads/2010/06/crosscurvy0-580x436.png" alt="crosscurvy0" width="580" height="436" /></a></p>
<p>ภาพนี้ถ่ายด้วยกล้องมือถือนะครับ ลองหาภาพที่ความละเอียดสูงๆมาทำกันดูจะพบภาพได้ผลงานที่สวยกว่านี้อีกครับ สวัสดี</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ischool.in.th/blog/2010/06/cross_curvy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&#8220;ไฟชีวิตวัยรุ่นไม่เคยมอด&#8221; Photoshop Tutorial สำหรับคนมีไฟ</title>
		<link>http://www.ischool.in.th/blog/2010/06/fireman/</link>
		<comments>http://www.ischool.in.th/blog/2010/06/fireman/#comments</comments>
		<pubDate>Fri, 11 Jun 2010 07:13:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[iSchool Event]]></category>
		<category><![CDATA[fire effect]]></category>
		<category><![CDATA[photoshop tutorial]]></category>
		<category><![CDATA[สอนทำ effect ไฟ]]></category>

		<guid isPermaLink="false">http://www.ischool.in.th/?p=2845</guid>
		<description><![CDATA[ิblog นี้สำหรับผู้มีไฟในชีวิต มาเร่งถ่านให้ร้อนฉ่าแดงฉานด้วย Photoshop กันอีกซักนิด จนชีวิตติดไฟ ลามไป Drive ความฝันให้มีแรงขับดันกันต่อ ]]></description>
			<content:encoded><![CDATA[<p>ิ<a href="http://www.ischool.in.th/wp-content/uploads/2010/06/firelycool.jpg"><img class="aligncenter size-full wp-image-2846" title="firelycool" src="http://www.ischool.in.th/wp-content/uploads/2010/06/firelycool.jpg" alt="firelycool" width="500" height="357" /></a><br />
blog นี้สำหรับผู้มีไฟในชีวิต มาเร่งถ่านให้ร้อนฉ่าแดงฉานด้วย Photoshop กันอีกซักนิด จนชีวิตติดไฟ ลามไป Drive ความฝันให้มีแรงขับดันกันต่อ</p>
<p>ร่ายกันซะยาวเป็นคำคล้องจอง มาดูวิธีทำกันดีกว่า</p>
<h2>step 1</h2>
<p>ก่อนอื่นเราต้องมีรูปในการทำเสียก่อน โดยใช้สองรูป ไปโหลดได้ที่ sxc.hu คือ อันนี้ครับ <a href="http://www.sxc.hu/photo/959022">รูปที่ 1</a>, <a href="http://www.sxc.hu/photo/1093986">รูปที่ 2</a>.</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/01.jpg" border="0" alt="" width="600" height="472" /></p>
<h2>Step 2</h2>
<p>เอารูปสาวเข้า Photoshop แล้วทำการ Duplicate ซะก่อน ไปที่ Image &gt; Duplicate ดังรูป</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/02.jpg" border="0" alt="" width="600" height="588" /></p>
<h2>Step 3</h2>
<p>Duplicate background ซะมาเป็นอีกรูปนึงก่อน จากนั้นก็ Double Click  ที่ตัว Background เดิม แล้วถม Fill สีดำลงไป ไปเลือกสี Foreground เป็นสีดำแล้วกด Alt+Delete</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/03.jpg" border="0" alt="" width="600" height="612" /></p>
<h2>Step 4</h2>
<p>เลือก Layer 1 กด Command + Shift + U เพื่อ desaturate ให้รูปเป็นขาวดำ จากนั้นทำการ Invert สีโดยกด Command + I จะได้ดังภาพ<img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/04.jpg" border="0" alt="" width="600" height="741" /></p>
<h2>Step 5</h2>
<p>Duplicate Layer 1 จากนั้นก็ใช้คำสั่ง Find Edge ไปที่ Filter &gt; Stylized &gt; Find Edges ได้ภาพที่มีเส้นขอบชัดขึ้น แล้ว Invert รูปอีกทีกด Command + I แล้วปรับ Blending Mode เป็น Hard Light แล้วเราก็จะได้รูปที่ background ดำ แล้วมีเส้นสีขาวมา</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/05.jpg" border="0" alt="" width="600" height="718" /></p>
<h2>Step 6</h2>
<p>เพื่อให้มัน Contrast มากอีก duplicate the &#8220;Layer 1 copy&#8221; แล้วเปลี่ยนเป็น Screen</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/06.jpg" border="0" alt="" width="600" height="337" /></p>
<h2>Step 7</h2>
<p>ที่นี้ก็ไปเอารูปไฟเข้ามาได้ละ</p>
<p><img src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/07.jpg" border="0" alt="" width="600" height="614" /></p>
<h2>Step 8</h2>
<p>รูปไฟที่เข้ามาน่าจะเป็น Layer 2  ทีนี้เปลี่ยน Blending Mode เป็น Screen แล้วมันจะซ่อนสีดำๆออกไป ถ้าทำถูกภาพจะออกมาประมาณเนี้ย</p>
<p><img src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/08.jpg" border="0" alt="" width="600" height="332" /></p>
<h2>Step 9</h2>
<p>Duplicate &#8220;Layer 2&#8243; โดยกดปุ่ม Command + J เอาก็ได้ อย่าลืมว่าต้องเป็น Screen อยู่นะ จากนั้นไปปิดตา Layer 2 อันเดิมซะก่อน</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/09.jpg" border="0" alt="" width="600" height="232" /></p>
<h2>Step 10</h2>
<p>เลือก Layer 2 copy แล้ว free transfrom เพื่อปรับไฟให้มันเข้ากับผม Edit &gt; Free Transform</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/10.jpg" border="0" alt="" width="600" height="382" /></p>
<h2>Step 11</h2>
<p>ถ้ามันยังไม่เข้าที่ก็ไปปรับ wrap มันอีก (Edit &gt; Transform &gt; Warp)</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/11.jpg" border="0" alt="" width="600" height="351" /></p>
<h2>Step 12</h2>
<p>เพิ่มความเหมือนจริงของเปลวไฟ โดยใช้ Filter&gt;Liquify ช่วยดัดเปลวซะหน่อย ลองปรับๆกันดูตามยถากรรม</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/12.jpg" border="0" alt="" width="600" height="436" /></p>
<h2>Step 13</h2>
<p>Duplicate the &#8220;Layer 2 copy&#8221; แล้วก็ปรับมันให้เข้ากับแนวผมเข้าไปอีก อาจจะ resize หรือ transform อะไรก็จัดไป</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/13.jpg" border="0" alt="" width="600" height="679" /></p>
<h2>Step 14</h2>
<p>ทำขั้นตอนที่ 13 ซ้ำเพื่อให้ไฟมันทั่วทั้งหัว ก็ปรับๆเอา ถ้าไม่เนียนก็เอา Liquify ไล่เกลี่ยเอา</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/14.jpg" border="0" alt="" width="600" height="679" /></p>
<h2>Step 15</h2>
<p>โอเคทีนี้กลับไปที่ &#8220;Layer 2&#8243; เปิดตาซะ แล้วปรับโหมดเป็น Vivid light เราจะทำไฟ burn บริเวณตัวกันบ้าง มันจะ burn เฉพาะเส้นสีขาวๆนะ</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/15.jpg" border="0" alt="" width="600" height="756" /></p>
<h2>Step 16</h2>
<p>เลือก Free Transform ปรับไฟให้ใหญ่ๆคลุมตัวผู้หญิงให้หมด</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/16.jpg" border="0" alt="" width="600" height="484" /></p>
<h2>Step 17</h2>
<p>ไฟมันชัดเกิน ให้ไปที่ Filter &gt; Blur &gt; Gaussian Blur เพื่อให้มันเบลอลงหน่อย ปรับค่าที่ 10 ถึง 15 ก็น่าจะพอแล้ว</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/17.jpg" border="0" alt="" width="600" height="450" /></p>
<h2>Step 18</h2>
<p>ทีนี้แอด layer mask ใส่ &#8220;Layer 2.&#8221; แล้วใช้ soft round Brush tool ตั้ง Opacity at 100% ระบายส่วนข้างนอกที่ไม่ต้องการให้ burn ซะ</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/18.jpg" border="0" alt="" width="600" height="968" /></p>
<h2>Step 19</h2>
<p>เอาละทีนี้สังเกตดูในสี่เหลี่ยมแดงๆ ตรงนี้เป็นพื้นที่ที่เราไม่ต้องการให้เห็น ฉะนั้นสร้าง Layer ใหม่มา วางไว้ล่าง Layer 2 แล้วไปเลือก brush เอาสีดำระบายส่วนนี้ออกไปซะเลย</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/19.jpg" border="0" alt="" width="600" height="968" /></p>
<h2>Step 20</h2>
<p>เอาละ ไปด้านบนสุด เราจะใส่ Adjustment Layer ไป 2 อัน คือ Hue/Saturation และ Brightness/Contrast ตรงนี้ปรับค่ากันดีๆนะ hue ให้สีมันออกไปโทนเดียวกันหน่อย บางคนอาจจะชอบไฟสีฟ้าก็ได้นะ แล้วก็ปรับเรื่อง Contrast กับแสงให้มันดูคมขึ้นอีกได้ด้วย</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/20.jpg" border="0" alt="" width="600" height="884" /></p>
<h2>Step 21</h2>
<p>ต่อไปใส่ละอองไฟซักหน่อย ตรงนี้ทำไม่ยากเย็นอะไรเลย เราจะใช้ Brush กัน แล้วนำมาปรับค่าต่างๆใน Brush Pallete ตามรูปเลยครับ</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/21.jpg" border="0" alt="" width="600" height="694" /></p>
<h2>Step  22</h2>
<p>โอเค ได้ brush แล้วก็สร้าง blank layer มาอันนึง ปรับสีเป็นสีเทากลางจาก swatch แล้่วลองละเลงพ่นเอาเลย trip คือ ลองปรับ size ใหญ่ๆ ก่อน พ่นบริเวณตัว แล้วปรับ เล็กๆ เป็นละอองรอบๆตัว</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/22.jpg" border="0" alt="" width="600" height="652" /></p>
<h2>Step 23</h2>
<p>เพื่อให้ภาพน่าสนใจขึ้น สร้าง Layer มาอีกอันแล้วเปลียนเป็น Screen ซะ ทีนี้ก็เอา brush ของมน (ไม่ใช่อันนี้นะ) ปรับ Opacity 50% มาแต่งๆ พ่นๆ เน้นส่วนที่ต้องการโชว์อีกหน่อย เช่นบริเวณคอ ลำตัว ทำยากเหมือนกัน ถ้าขี้เกียจก็ข้ามไปเลยก็ได้นะ</p>
<p><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/23.jpg" border="0" alt="" width="600" height="652" /></p>
<h2>สุดท้าย</h2>
<p>crop ส่วนที่จะเอาซะ แล้วก็ใส่ Text เข้าไป เป็นอันจบงานสุดสวย</p>
<p><a href="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/final_large.jpg"><img style="display: inline;" src="http://psdtuts.s3.amazonaws.com/229_Fire_Hair/final.jpg" border="0" alt="" width="600" height="600" /></a></p>
<p>*** แปลจาก <a href="http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-create-a-flaming-photo-manipulation/">tutplus.com</a> จ้า ***</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ischool.in.th/blog/2010/06/fireman/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>สอนการทำภาพ Vintage Style ด้วย Photoshop</title>
		<link>http://www.ischool.in.th/blog/2010/04/%e0%b8%aa%e0%b8%ad%e0%b8%99%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%97%e0%b8%b3%e0%b8%a0%e0%b8%b2%e0%b8%9e-vintage-style-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-photoshop/</link>
		<comments>http://www.ischool.in.th/blog/2010/04/%e0%b8%aa%e0%b8%ad%e0%b8%99%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%97%e0%b8%b3%e0%b8%a0%e0%b8%b2%e0%b8%9e-vintage-style-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-photoshop/#comments</comments>
		<pubDate>Tue, 20 Apr 2010 09:29:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[iSchool Event]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[ทำภาพ vintage]]></category>
		<category><![CDATA[สอน photoshop]]></category>

		<guid isPermaLink="false">http://www.ischool.in.th/?p=2562</guid>
		<description><![CDATA[blog นี้เป็นการสอนการทำภาพแบบ Vintage หรือภาพถ่ายแบบเก่าๆด้วย Photoshop กันครับ มาดูวิธีทำกันเลย]]></description>
			<content:encoded><![CDATA[<p><a rel="lightbox[portfolio]" href="http://alfoart.com/flash/jaguar_car/old_photo/old_photo_big.jpg"><img src="http://alfoart.com/flash/jaguar_car/old_photo/old_photo_medium.jpg" border="0" alt="" width="600" height="450" /></a></p>
<p>blog นี้เป็นการสอนการทำภาพแบบ Vintage หรือภาพถ่ายแบบเก่าๆด้วย Photoshop กันครับ มาดูวิธีทำกันเลย</p>
<p>1. เปิดภาพต้นแบบด้านล่างนี้กับ Photoshop</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/original.jpg" alt="Old photo,, photo retro effect" width="400" height="294" /></p>
<p>2. ไปที่ Filter &gt; Blur &gt; Surface Blur</p>
<p>3. ไปที่ Image &gt; Adjustments &gt; Gradient Map ใช้ค่า ดำ, น้ำตาล, ขาว ดังรูป</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/1.jpg" alt="" width="514" height="299" /></p>
<p>4. ไปที่ Image &gt; Adjustments &gt; Levels. ปรับค่า level</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/2.jpg" alt="" width="470" height="386" /></p>
<p>5. เสร็จแล้วมาแต่ง curve อีกซักหน่อย ให้ภาพมัน contrast กันมากขึ้น ไปที่ Image &gt; Adjustments &gt; Curves.</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/3.jpg" alt="" width="484" height="479" /></p>
<p>6. ใส่ filter สีเก่าๆให้ภาพ Image &gt; Adjustments &gt; Photo Filter.</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/4.jpg" alt="Old photo,, photo retro effect" width="351" height="229" /></p>
<p>7. ต่อไปสร้าง selection วงกลมตรงกลางภาพโดยใช้ Marquee  Tool. แล้วก็ไปที่ Select &gt; Modify Feature Selection ตั้งประมาณ (80-100)</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/5.jpg" alt="" width="525" height="533" /></p>
<p>8. กด command + shift + I เพื่อ Inverse ภาพ จากนั้นไปที่ Filter &gt; Blur &gt; Lens Blur.</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/6.jpg" alt="" width="515" height="625" /></p>
<p>9. กด command +D เพื่อ deselect จากนั้นก็มา แอด noise ให้ภาพอีกที Filter &gt; Noise &gt; Add Noise</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/7.jpg" alt="" width="318" height="426" /></p>
<p>10. เสร็จก็ Duplicate background layer ซะ แล้วเอามาใส่ Grain Filter เพิ่ม Filter &gt; Texture &gt; Grain</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/8.jpg" alt="" width="483" height="630" /></p>
<p>11. ปรับ Blending Mode เป็น Overlay ปรับ Opacity 50%</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/9.jpg" alt="" width="505" height="454" /></p>
<p>12. ไปเอาภาพกระดาดขีดๆมาจาก <a href="http://www.cgtextures.com/login.php?&amp;texid=5312&amp;destination=texview.php?id=5312&amp;PHPSESSID=658c5a1cf80045f90d760ba8b2b04975">ที่นี่</a></p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/10%20%282%29.jpg" alt="" width="399" height="338" /></p>
<p>13. ปรับ Level ภาพอีกที ให้ค่ามันต่างกันมากๆ โดยเลื่อน marker ตรงกลางไปทางขวา</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/11%20%282%29.jpg" alt="" width="397" height="342" /></p>
<p>14. ตั้ง Soft light และ opacity เป็น 80%</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/10.jpg" alt="" width="563" height="448" /></p>
<p>15. สั่ง Merge เข้าไปซะ แล้วใส่ effect Inner Glow</p>
<p><img src="http://alfoart.com/flash/jaguar_car/old_photo/11.jpg" alt="" width="552" height="422" /></p>
<p>16. ไปเอารูปกระดาษเก่าๆมาวางไว้ 2 รูป ปรับแต่งให้กระดาษอันนึงเข้ม อีกอันนึงสว่าง ไว้ด้านล่างสุดโดยกระดาษสว่างอยู่บนกระดาษเข้ม</p>
<p><img src="http://alfoart.com/flash/jaguar_car/16.jpg" alt="Old Photo,, photo retro effect" width="493" height="366" /></p>
<p><img src="http://alfoart.com/flash/jaguar_car/17.jpg" alt="Old Photo,, photo retro effect" width="591" height="370" /></p>
<p>17. ใช้ Mask Layer กับ layer รูปและ layer กระดาษสว่าง แล้วเอา Round Brush มาแต่งๆขอบซักหน่อย พอได้ขอบที่ต้องการก็ใส่ Effect เงาให้กับกระดาษสว่าง</p>
<p><img src="http://alfoart.com/flash/jaguar_car/18.jpg" alt="Old Photo,, photo retro effect" width="66" height="404" /><img src="http://alfoart.com/flash/jaguar_car/19.jpg" alt="Old Photo,, photo retro effect" width="79" height="402" /></p>
<p>18. ใส่ text เข้าไป เป็นอันเสร็จสิ้นผลงาน</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2010/04/lonelyisnothing.jpg"><img class="size-full wp-image-2570 alignnone" style="border: 1px solid black;" title="lonelyisnothing" src="http://www.ischool.in.th/wp-content/uploads/2010/04/lonelyisnothing.jpg" alt="lonelyisnothing" width="500" height="350" /></a></p>
<address>*** แปลมาจาก <a href="http://alfoart.com/jaguar_car_4.html">alfoart.com</a> ***<br />
</address>
]]></content:encoded>
			<wfw:commentRss>http://www.ischool.in.th/blog/2010/04/%e0%b8%aa%e0%b8%ad%e0%b8%99%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%97%e0%b8%b3%e0%b8%a0%e0%b8%b2%e0%b8%9e-vintage-style-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ต้อนรับสู่ WordPress : การเข้าไปใช้งานระบบ Wordpress ในครั้งแรก</title>
		<link>http://www.ischool.in.th/blog/2010/03/%e0%b8%95%e0%b9%89%e0%b8%ad%e0%b8%99%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%aa%e0%b8%b9%e0%b9%88-wordpress-%e0%b8%81%e0%b8%b1%e0%b8%9a%e0%b9%80%e0%b8%84%e0%b8%a3%e0%b8%b7%e0%b9%88%e0%b8%ad%e0%b8%87%e0%b8%a1/</link>
		<comments>http://www.ischool.in.th/blog/2010/03/%e0%b8%95%e0%b9%89%e0%b8%ad%e0%b8%99%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%aa%e0%b8%b9%e0%b9%88-wordpress-%e0%b8%81%e0%b8%b1%e0%b8%9a%e0%b9%80%e0%b8%84%e0%b8%a3%e0%b8%b7%e0%b9%88%e0%b8%ad%e0%b8%87%e0%b8%a1/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 03:10:55 +0000</pubDate>
		<dc:creator>rockydoo</dc:creator>
				<category><![CDATA[Cool Design]]></category>
		<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[wordress เบื้องต้น]]></category>
		<category><![CDATA[เรียน CMS]]></category>

		<guid isPermaLink="false">http://www.ischool.in.th/?p=2458</guid>
		<description><![CDATA[ระบบจะส่ง user และ password เริ่มต้นการใช้งานมาให้ทาง E-mail ที่เราได้ทำการใส่ไว้ตอนติดตั้งระบบ จากนั้นให้ทำการเข้าระบบ wordpress เพื่อทำการแก้ไขข้อมูล]]></description>
			<content:encoded><![CDATA[<p>หลังจากที่ติดตั้ง <strong>wordpress</strong> เรียบร็อยแล้ว </p>
<p>1. ระบบจะส่ง user และ password เริ่มต้นการใช้งานมาให้ทาง E-mail ที่เราได้ทำการใส่ไว้ตอนติดตั้งระบบ</p>
<p><img src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-1-1.gif" alt="การใช้งาน wordpress เบื้องต้น" title="การใช้งาน wordpress เบื้องต้น" width="494" height="228" class="aligncenter size-full wp-image-2461" /></p>
<p>2. ทำการเข้าระบบ <strong>wordpress</strong> ผ่านทาง Url  &#8221; http://www.domainname.com/wp-login.php&#8221; </p>
<p><img src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-1-2.gif" alt="wp-1-2" title="wp-1-2" width="390" height="358" class="aligncenter size-full wp-image-2463" /></p>
<p>3. เมื่อเข้าระบบเรียบร็อยแล้ว ในครั้งแรกที่เราเข้าไปใช้งานนั้น ระบบจะแจ้งให้เราทำการเปลี่ยนรหัสผ่าน</p>
<p><img src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-1-580x208.gif" alt="การใช้งาน wordpress เบื้องต้น" title="การใช้งาน wordpress เบื้องต้น" width="580" height="208" class="aligncenter size-medium wp-image-2466" /></p>
<p>4. ทำการเปลี่ยนรหัสผ่านใหม่ โดยไปที่เมนู Admin ด้านบน</p>
<p><img src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-3.gif" alt="การใช้งาน wordpress เบื้องต้น" title="การใช้งาน wordpress เบื้องต้น" width="428" height="108" class="aligncenter size-full wp-image-2467" /></p>
<p>5. ทำการใส่รหัสผ่านใหม่ และกดปุ่ม Update Profile เพื่อทำการยืนยันรหัสผ่านใหม่ที่ได้แก้ไขในครั้งนี้ </p>
<p><img src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-4.gif" alt="การใช้งาน wordpress เบื้องต้น" title="การใช้งาน wordpress เบื้องต้น" width="455" height="153" class="aligncenter size-full wp-image-2468" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ischool.in.th/blog/2010/03/%e0%b8%95%e0%b9%89%e0%b8%ad%e0%b8%99%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%aa%e0%b8%b9%e0%b9%88-wordpress-%e0%b8%81%e0%b8%b1%e0%b8%9a%e0%b9%80%e0%b8%84%e0%b8%a3%e0%b8%b7%e0%b9%88%e0%b8%ad%e0%b8%87%e0%b8%a1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>มาเรียนวิธีการติดตั้ง wordpress กัน</title>
		<link>http://www.ischool.in.th/blog/2010/03/%e0%b8%82%e0%b8%b1%e0%b9%89%e0%b8%99%e0%b8%95%e0%b8%ad%e0%b8%99%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-wordpress/</link>
		<comments>http://www.ischool.in.th/blog/2010/03/%e0%b8%82%e0%b8%b1%e0%b9%89%e0%b8%99%e0%b8%95%e0%b8%ad%e0%b8%99%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-wordpress/#comments</comments>
		<pubDate>Thu, 18 Mar 2010 04:11:13 +0000</pubDate>
		<dc:creator>rockydoo</dc:creator>
				<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[ติดตั้ง wordpress]]></category>
		<category><![CDATA[เรียน CMS]]></category>
		<category><![CDATA[เรียนเว็บ]]></category>

		<guid isPermaLink="false">http://www.ischool.in.th/?p=2422</guid>
		<description><![CDATA[วิธีติดตั้ง Wordpress แบบ step by step บน Host โดยจัดการฐานข้อมูลผ่านทางหน้าจัดการเว็บไซต์ Control Panel ]]></description>
			<content:encoded><![CDATA[<p>วิธีติดตั้ง Wordpress แบบ step by step บน Host โดยจัดการฐานข้อมูลผ่านทางหน้าจัดการเว็บไซต์ Control Panel แบบ cPanel<br />
(Hosting บางเจ้าอาจจะใช้ Control Panel คนละตัวกับตัวอย่างครับ)</p>
<p>1. สร้างฐานข้อมูลสำหรับจัดเก็บข้อมูลของ wordpress  ให้เข้าไปหน้าจัดการเว็บไซต์ (cPanel) คลิกที่ MySQL Database</p>
<p><img class="aligncenter size-full wp-image-2430" title="ขั้นตอนการติดตั้ง wordpress" src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-install-1.jpg" alt="ขั้นตอนการติดตั้ง wordpress" width="268" height="326" /></p>
<p>2. ทำการสร้างฐานข้อมูล  (Database) และผู้ใช้งาน (User)</p>
<p><img class="aligncenter size-full wp-image-2432" title="ขั้นตอนการติดตั้ง wordpress" src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-install-3.gif" alt="ขั้นตอนการติดตั้ง wordpress" width="433" height="64" /></p>
<p><img class="aligncenter size-full wp-image-2433" title="ขั้นตอนการติดตั้ง wordpress" src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-install-4.gif" alt="ขั้นตอนการติดตั้ง wordpress" width="331" height="59" /></p>
<p>3. ทำการเชื่อมโยง database และ user ที่สร้าง</p>
<p><img class="aligncenter size-full wp-image-2443" title="ขั้นตอนการติดตั้ง wordpress" src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-install-51.gif" alt="ขั้นตอนการติดตั้ง wordpress" width="424" height="294" /></p>
<p>4. ทำการดาวน์โหลด wordpress จาก <a href="http://wordpress.org/">http://wordpress.org/</a></p>
<p><img class="aligncenter size-full wp-image-2441" title="wp-install-6" src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-install-6.jpg" alt="wp-install-6" width="550" height="247" /></p>
<p>5. นำไฟล์ที่โหลดมาได้ นำมาแตกไฟล์ zip<br />
6. ภายใน folder wordpress จะมีประกอบด้วยไฟล์ต่างๆ</p>
<p><img class="aligncenter size-full wp-image-2436" title="wp-install-7" src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-install-7.gif" alt="wp-install-7" width="147" height="451" /></p>
<p>7. ใช้โปรแกรม FTP เพื่อ Upload ไฟล์ ไปยัง Web Hosting ที่เราใช้บริการอยู่ โดยให้ upload ข้อมูลภายใน folder wordpress ทังหมด ไปยัง folder public_html ที่ Web Hosting</p>
<p><img class="aligncenter size-full wp-image-2437" title="ขั้นตอนการติดตั้ง wordpress" src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-install-8.gif" alt="ขั้นตอนการติดตั้ง wordpress" width="512" height="358" /></p>
<p>8. จากนั้นให้เปิดไฟล์ wp-config-sample.php เพื่อทำการแก้ไข โดยจะใส่รายละเอียดในการติดต่อฐานข้อมูล โดยระบุชื่อ Database, User และ Password</p>
<p><img class="aligncenter size-full wp-image-2453" title="wp-install-91" src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-install-91.gif" alt="wp-install-91" width="560" height="303" /></p>
<p>9. เมื่อทำการแก้ไขเสร็จแล้วให้บันทึกไฟล์เป็น wp-config.php และทำการ upload ขึ้นไปยัง Web Hosting อีกครั้ง<br />
10. ทำการติดตั้งระบบ wordpress โดยเปิดโปรแกรมเว็บเบราเซอร์ (IE,Firefox) และพิมพ์ www.yourdomain.com/wp-admin/install.php เข้าไป (yourdomain = ชื่อเว็บไซต์ของเรา)</p>
<p><img class="aligncenter size-full wp-image-2445" title="ขั้นตอนการติดตั้ง wordpress" src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-install-10.gif" alt="ขั้นตอนการติดตั้ง wordpress" width="371" height="276" /></p>
<p>11. กรอกข้อมูลให้ครบถ้วน และกดปุ่ม Install<br />
12. เมื่อติดตั้งระบบเรียบร้อยแล้ว ระบบจะส่งข้อมูลในการเข้าสู่ระบบมาให้ เท่านี้ก็เป็นอันเสร็จเรียบร้อยแล้วครับ โดยสามารถ Login เข้าสู่ระบบเพือ่ทำการจัดการข้อมูลต่างๆได้แล้วครับ</p>
<p><img class="aligncenter size-full wp-image-2446" title="wp-install-11" src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-install-11.gif" alt="wp-install-11" width="501" height="258" /></p>
<p><img class="aligncenter size-full wp-image-2447" title="wp-install-12" src="http://www.ischool.in.th/wp-content/uploads/2010/03/wp-install-12.gif" alt="wp-install-12" width="293" height="255" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ischool.in.th/blog/2010/03/%e0%b8%82%e0%b8%b1%e0%b9%89%e0%b8%99%e0%b8%95%e0%b8%ad%e0%b8%99%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-wordpress/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Effect สายฟ้า ด้วย Photoshop</title>
		<link>http://www.ischool.in.th/blog/2009/12/effect-lightning/</link>
		<comments>http://www.ischool.in.th/blog/2009/12/effect-lightning/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 12:31:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[iSchool Event]]></category>
		<category><![CDATA[lighning effect]]></category>

		<guid isPermaLink="false">http://www.ischool.in.th/?p=2164</guid>
		<description><![CDATA[นำมาจากเว็บ Pixelmator ซึ่่งมี tutorial สำหรับ Program ของเขาอยู่ แต่ผมนำมาประยุกต์เป็น Photoshop มาดูวิธีทำ effect สายฟ้าฟาดกัน ทำกับ Photoshop อย่างไร]]></description>
			<content:encoded><![CDATA[<p>นำมาจากเว็บ Pixelmator ซึ่่งมี tutorial สำหรับ Program ของเขาอยู่ แต่ผมนำมาประยุกต์เป็น Photoshop มาดูวิธีทำ effect สายฟ้าฟาดกัน ทำกับ Photoshop อย่างไร</p>
<p>1. ใช้รูปนี้เป็นตัวอย่าง เปิด Photoshop</p>
<p><img class="alignnone" title="1" src="http://www.pixelmator.com/learn/i/t/big/lightning/1.jpg" alt="" width="600" height="612" /></p>
<p>2.สร้าง layer ใหม่ขึ้นมา เป็น  layer 1</p>
<p>3.เลือก gradient tool ตั้ง ค่าเป็น ดำ ไป ขาว</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2009/12/light02.png"><img class="alignnone size-medium wp-image-2166" title="light02" src="http://www.ischool.in.th/wp-content/uploads/2009/12/light02-580x26.png" alt="light02" width="580" height="26" /></a></p>
<p>4.ปาด gradient แนวตั้งลงไปเลย</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2009/12/light03.png"><img class="alignnone size-medium wp-image-2167" title="light03" src="http://www.ischool.in.th/wp-content/uploads/2009/12/light03-580x594.png" alt="light03" width="348" height="356" /></a></p>
<p>5.สั่ง new layer อีกครั้ง คราวนี้เลือก blending mode เป็น difference จากนั้นไปที่ filter &gt; render &gt; clound ได้ผลดังรูป</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2009/12/light04..png"><img class="alignnone size-full wp-image-2168" title="light04." src="http://www.ischool.in.th/wp-content/uploads/2009/12/light04..png" alt="light04." width="398" height="406" /></a></p>
<p>6.เลือก 2 layer แล้วสั่ง merge layer ซะ จากนั้น สั่ง invert โดยกด command + I</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2009/12/light05.png"><img class="alignnone size-full wp-image-2169" title="light05" src="http://www.ischool.in.th/wp-content/uploads/2009/12/light05.png" alt="light05" width="398" height="406" /></a></p>
<p>7.กด command + L เพื่อปรับค่า Level ปรับสีดำมาทางขวาเยอะมากๆๆๆ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2009/12/light06.png"><img class="alignnone size-full wp-image-2170" title="light06" src="http://www.ischool.in.th/wp-content/uploads/2009/12/light06.png" alt="light06" width="393" height="406" /></a></p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2009/12/light07.png"><img class="alignnone size-full wp-image-2171" title="light07" src="http://www.ischool.in.th/wp-content/uploads/2009/12/light07.png" alt="light07" width="403" height="327" /></a></p>
<p>8.สั่ง blending option เป็น screen อีกที ทีนี้ก็จะได้สายฟ้าฟาดกลางจอ</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2009/12/light08.png"><img class="alignnone size-full wp-image-2172" title="light08" src="http://www.ischool.in.th/wp-content/uploads/2009/12/light08.png" alt="light08" width="383" height="382" /></a></p>
<p>9.ทำซ้ำตั้งแต่ขั้นตอนที่ 2 &#8211; 8 แล้วเอามาประกอบกันเป็นสายๆ ลด size เอา ก็จะได้ภาพเช่นนี้แล</p>
<p><a href="http://www.ischool.in.th/wp-content/uploads/2009/12/light09.png"><img class="alignnone size-full wp-image-2173" title="light09" src="http://www.ischool.in.th/wp-content/uploads/2009/12/light09.png" alt="light09" width="567" height="569" /></a></p>
<p><img src="file:///Users/ischool/Desktop/1-1.jpg" alt="" /></p>
<p><img src="file:///Users/ischool/Desktop/1-1.jpg" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ischool.in.th/blog/2009/12/effect-lightning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

