![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHdRwuJfkPouf3UI7l1G39_obp8jXLVa3Yvh63u8evwHWOFJO9TpH7XLJUw4RLjJSwTrxRoa_-73enrSEY-SWdRsJ1I__TZMkgkVdCFRa2gwZ1As8DMNJFkeVqdCya0xPPFNBxYBFbAm4/s800/trick-photoshop-teaser.jpg)
วันนี้ฟรีจะมาสอน Photoshop เกี่ยวกับการแต่งรูปแบบกราฟฟิก (ส่วนตัวเรียกไม่ค่อยถูก -*- ว่ามันเป็นแนวประมาณไหนสำหรับบทความนี้) แต่จะเป็นลักษณะดังตัวอย่างคือมีแสงออร่าสวยๆที่ด้านหลังของนายแบบซึ่งเพิ่มความน่าสนใจให้ภาพนี้อย่างเต็มๆ 100%
วันนี้ขอโทษสำหรับผู้ที่รอคอย (หรือไม่มีไม่รู้ ฮา ^^) พอดีไปกินหมูกระทะมากลับซะดึกเลย อืมๆ ไม่นอกเรื่องละเข้าสู่ขั้นตอนการสอนเลยดีกว่า
หมายเหตุ: สำหรับบทความสอน Photoshop นี้ เพื่อนๆควรจะพอมีพื้นฐาน Photoshop แล้วไม่งั้นอาจจะงงได้ในบางขั้นตอน
ขั้นตอนที่ 1 สร้างพื้นหลังไล่สีแบบวงกลม
ในที่นี้ฟรีเปิดรูปหนุ่มหล่อคนนี้ขึ้นมาเพื่อเป็นนายแบบโดยมีขนาดของภาพ 600 x 480 ![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhny3dyE2UZ7ayH5-tn6chLMddV-6T9w7O-JhtphNjFnO5Z5M57-oiP_zVCrlkNjOZfXDxD4agPkh5NZ-Buculy1jqE1ECxyJwG8aiAPncABqr6radlGg7W8vohanLj_7M78OEmKUcknGE/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-1.jpg)
- สร้างหน้ากระดาษขนาด 600 x 480 ขึ้นมา
- ปรับ Foreground เป็นสีเทาๆ โดยสีที่ฟรีใช้คือ #676767
- ปรับ Background เป็นสีดำเกือบสนิท โดยสีที่ฟรีใช้คือ #0e0e0e
- เลือก Gradient Tool ปรับการไล่สีเป็นแบบวงกลม (Radial)
- ไล่สีจากบริเวณซ้ายล่างของภาพขึ้นมาประมาณลูกศรในภาพประกอบ
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjZbU4fLGUEOA804_LlZ1TaVl470bGOB_4r5tRVbI1umih6kyRr0L7l6gx872xznSQ2uuYqFlm5m2T4u_Y_hwqfjQ07svKoXqSvUqaQRswj1oX1j7c0UPM8rtiZWTEoKDOm4VdYerhvlg/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-2.jpg)
ขั้นตอนที่ 2 เริ่มใส่สีสันให้ Background
- เลือกเครื่องมือ Brush ปรับ Hardness 0% ปรับขนาดใหญ่พอเหมาะ ในที่นี้ฟรีปรับ 150 px
- สร้าง Layer ขึ้นมาใหม่ โดยฟรีตั้งชื่อ Layer ว่า "ColorBG"
- นำ Brush ระบายลงประมาณภาพประกอบ
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoXQJY3fuVV0dfrP-mrvRGJTxTQMptjqyYS5wr4aEZkssVmMrO8_99j5cJvkuVCKMfWdwVwmDX29U53bTzZuIQ9px6NTl6fw4_n0rqurEs5UxpcnHgRC6cLYUDPd4D9L3e5B_UkS_uI6Y/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-3.jpg)
- ปรับโหมดของ Layer "ColorBG" เป็น Overlay
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgywSLZWLYLofGTwb7T0XEVbjqj3Ty3W0fKjMC0Bbz7dmi8sXL6HSjqraLUIGBOK1Hl2GMNCczktb0ZYI_ZjfPcr9Sw7hJrGmmPVQWheejs3effL7xTBgfFAZ7mIl9YqpB3DXOI3rqoKf4/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-4.jpg)
ขั้นตอนที่ 3 เพิ่มแสงลงไปใน Background ของเรา
- สร้าง Layer ขึ้นมาใหม่ชื่อ Layer "Light"
- ใช้ Brush ขนาดประมาณ 30px , Hardness 0%
- เลือกสีขาว ระบายประมาณ 4 เส้นดังรูป
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjObxSlCro8ZODDOkFUjZFV4SUNMmYOyhUB2ptrvlkGScrsU9D3wJv0UxQteSFFFsM1vceWUBXefWP0weUDVFzlSYldvq0cTN0ZqpEGtuXmIu_fgs7uDWxiMF4KJ4AFgBJw-fmdH-UtKY4/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-5.jpg)
- ไปที่ Filter > Blur > Radial Blur เลือก Spin ปรับค่า Amount ประมาณ 50-70 ในที่นี้ฟรีเลือก 60 แล้วกด OK
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjkpSk21doyoE5Xls3s6x1RahceEC4yxRf6B4kvdx-wrsRAs2v9ZyZMZ1fSAXgxSK2cc-SAWbUphzOT6_RiS8eZszNxac_hCmcCVU7qouwqF5-HDScIuVkh0rVzilhXJ8Fu06ru5Z2F-w/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-6.jpg)
- เปลี่ยนโหมด Layer "Light" เป็น Overlay
- ใช้ Move Tool เลื่อน และหมุนโดยการกด Ctrl+T เพื่อจัดแสงให้อยู่ในตำแหน่งตามต้องการ
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZN8BPUsC_9I6Wtg3KOxxTujySp1bC9TYXN1FqP-n49dKpkirs2mFx9QwfGoAKEZjyUJew716iUu-3NqTgj8O8GKdaf9nMOs_5aq0ZviYVWwKinEuYL-YYkSLSlcox4ljXe5MjY8WM-M4/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-7.jpg)
ขั้นตอนที่ 4 นำนายแบบมาใส่ใน Background ของเราและตกแต่ง
ไปที่รูปนายแบบและใช้ Lasso Tool ทำการ Selection จากนั้นใช้ Move Tool ลากมาวางในหน้ากระดาษ Background ของเราที่สร้างขึ้นมา(สำหรับวิธีใช้ Lasso Tool ให้ดูที่บทความตัดต่อภาพ Photoshop ด้วย Lasso Tool)
![]() |
Tip: ถ้าภาพที่ตัดมาเป็นภาพสีให้ทำการกด Ctrl+Shift+U เพื่อทำให้เป็นภาพขาวดำก่อน |
ฟรีต้องการให้ส่วนที่อยู่ด้านขวาของนายแบบมืด ฟรีจึงใช้ Burn Tool ระบายลงไป
ส่วนที่ไฮไลท์สีเขียวๆ คือส่วนที่ฟรีต้องการระบายลงไป
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWwTCqyItwIKhFOpJuYverX80-7aMU6oifPpD-4EwwjP2p-GBWOmJxu1g1hKnRi_oA1IpkZObrjYQB3wByL_L6r3ycFsBbT_AhUPCiQ2m3bzXWPeA-fX0GbaVmvIFuuSkiR3rlyBKoGao/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-9.jpg)
ผลที่ได้คือภาพจะดูมีลักษณะแสงส่องมาจากด้านซ้ายทำให้ด้านขวาดูมืดลง
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDXrIWdQqrApFBLQvUR3bIgbxZN_GTu1TgDfZjG9Ue6ZR2y_UIPQ2nqefNqV-SsnzbrIjoXNW2gXMTf6JFzyKuth5T5PmzYhyphenhyphenyP8mltdWo447A5WaS-FlIo4jq7MQNA1UvosI2aUP06BY/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-10.jpg)
ขั้นตอนที่ 5 ใส่ควันให้กับ Background
- ให้เพื่อนๆโหลด Brush Smoke ก่อน Download คลิกที่นี่
- ส่วนใครที่ยังไม่รู้วิธีการลง Brush ให้กลับไปดูที่บทความแหล่ง Download Brush และวิธีนำ Brush ที่ Download มาใช้ใน Photoshop
- สร้าง Layer ขึ้นมาใหม่ ฟรีตั้งชื่อ Layer "SmokeRED" (ให้ Layer นี้อยู่ใต้ Layer "Man")
- จากนั้นใช้ Brush Smoke สักอัน ปรับขนาดให้พอเหมาะ เลือกสีแดงและระบายลงไป
- กด Ctrl+T แล้วหมุนรูปและย้ายควันที่ระบายไปอยู่ในที่เหมาะสม
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpiSj_vmQiEXR3yOZQIMd3JsVExcdg-xClxymgC6jAQy2SH4sv3mnc4OrHtpG7F9evQoqIMwCbiVcWI6eVN9uXuMmj2H2_wauhGoF5NEpkENU2wnc3r2a21grdOMdbiP63SQURCVnDwtA/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-11.jpg)
สังเกตว่าด้านขวาของควันจะเป็นรอยตัดตรงให้เลือกยางลบแล้วเซ็ตค่า
- Hardness 0%
- Opacity 70%
- Flow 70%
- ขนาดประมาณ 95 px
หมายเหตุ: ถ้าเพื่อนๆใช้ Mask ช่วยในการลบควันได้ก็ดีเพราะจะทำให้สามารถแก้ไขได้ง่าย วิธีใช้ก็จะเป็นลักษณะเดียวกันกับบทความเทคนิคการรวมภาพให้กลมกลืนกัน
![]() |
Note: แต่รูปนี้ฟรีใช้ยางลบ ลบปลายๆควันออก ขึ้นอยู่กับความถนัดของบุคคล |
Add a layer style ให้ Layer "SmokeRED" ด้วยการดับเบิ้ลคลิกที่ Layer "SmokeRED" หรือเลือกไอคอนตัว F ใต้หน้าต่าง Layer จากนั้นเลือกที่ Outer Glow
- ปรับค่า Blend Mode เป็น Linear Dodge
- Opacity 30%
- สีแดง
- Size : 54 px
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtfg3WuQollJpIaw1l7Ngl6aF_oBcQ9l_GFEzT62md0Z4oNNhj9CyVj6JPLqPNxETTxETxq2bBDb0bhN1_g0BEcuYxSFEA9wcDnBvnDSlShQoUheF-PCvwHoi_4dchHBT96FU9fD6vRsA/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-13.jpg)
ควันก็จะดูสว่างขึ้นด้วยแสงสีแดง
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4qLzx5LSuvN9Hu8e_8egObPKQhF-dCMUUo2-HqjLnGt2Tu5ougj3YWQSnPyoI_7IF1YoUyJ07T1tzb082dM6B75E8xfAyiiY55ejkj77m2s2vm1U-yMUc2Zc1woEUPyD739WsR-FwVEA/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-14.jpg)
ใส่ควันลงไปอีกอันนึงโดยใช้วิธีเดิมทุกอย่างในขั้นตอนนี้ (แต่ควันอันนี้ฟรีปรับ Layer เป็น Mode "Soft Light")
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLBrKcAUHraMLek6Gw1TGJHY9XuR2eXek4FYl4sVg7E8c1ek8S_nHAwVj5nHP8wbfckJtAOLx7VtLP37sOZeBoqbl2MRHjoTD_vzNMJGevgbQN8vZ8wTsbrJ3c7JeavzYhcs9fRj5PxsQ/s1600/%25E0%25B8%25AA%25E0%25B8%25AD%25E0%25B8%2599-photoshop-36-15.jpg)
เพียงเท่านี้ก็เสร็จสิ้นกับภาพกราฟฟิกแบบแสงสีสวยๆในแบบฉบับ iFreePhotoshop ซึ่งอย่างว่าภาพแนวนี้มันเป็นภาพของเรา เราทำเองเพราะฉะนั้นการตกแต่งที่นอกเหนือจากนี้ก็สามารถทำได้ เพื่อนๆสามารถอ่านบทความนี้เพื่อเป็นกรณีศึกษาได้ แต่ไม่จำเป็นต้องทำตามที่ฟรีสอนเสมอไป ลองคิดนอกกรอบใ่ส่ไอเดียเข้าไปในภาพ ภาพจะดูมีพลังมากกว่าเดิม
![](http://www.blogger.com/img/icon18_edit_allbkg.gif)
- เนื้อหาทั้งหมดในบทความเป็นลิขสิทธิ์ของ iFreePhotoshop ไม่อนุญาตให้ผู้ใดนำไปเผยแพร่ในที่อื่นใด
ชอบรูปแบบนี้จัง สวยมากเลยค่ะ ขอบคุนคนสอนใจดีด้วยนะคะ
คนทำเก่งมากเลยคับ ขอบคุณๆ
ขอบคุณคะ
ใชั CS3 ทำได้มั้ย
ตอบด้วยยยย
ทำได้ทุกเวอร์ชั่นแหละครับ
ขอบคุณค่ะ
ขอบคุณมากคะ