![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIcMS1LoBKBar9qANKwsDU7JM6k94a4wj43IUmT1PoOxXE6SDjlFrPFU3DOHOLmJf9GwYdTxgAyEsxp7aR-JneUfEhRbTAgJWzJkj-xYyCOYVbMIsfx-ghWCMbP5xLSu1dws5a1RnZVeU/s1600/trick-photoshop-47.jpg)
วันนี้ฟรีนำไอเดียดีๆเกี่ยวกับใช้ Photoshop มาให้เพื่อนๆชมกัน โดยครั้งนี้ฟรีจะสอน Photoshop โดยการทำตัวอักษรจากตัวอักษร รู้สึกจะอธิบายกันงงๆ แต่มันเป็นเช่นนั้นจริงๆ!!
โดยวิธีการทำก็ง่ายๆไม่มีอะไรมาก แต่แค่มีไอเดียเจิดๆนิดนึงก็โอเคละกับผลงานชิ้นนี้ ไปดูดีกว่าว่าเทคนิค Photoshop นี้ยากเปล่า ?
ขั้นตอนที่ 1 ใช้ Photoshop เตรียม Background ตัวอักษรกันก่อน
- สร้างหน้ากระดาษขึ้นมาใหม่ขนาด 500x500
- ใส่สีดำให้ Background
- พิมพ์ประโยคอะไรก็ได้ลงไป แต่ขนาดต้องเล็กๆดังภาพ สีเทาเข้ม (#4d4d4d) ในนี้ฟรีพิมพ์ "I Love Photoshop & Graphic Design"
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiraCYGA8oRhRPD0MHEl4cG9K1h1cdtLILmMW6cWpU8-oSNfex5WEjNQkdF4s56xPdRwbAfEvYcqzNDOdv5DH9dzs7Kp_u26ICfGxQu8v_nTdjM1eo6NYYefmi3E3l_Sj0PWHW888D4IEk/s1600/trick-photoshop-47-1.jpg)
- กดคลิกขวาที่ Layer ตัวอักษร จากนั้นเลือก Rasterize Type ทำให้ Layer นี้เป็น Layer ธรรมดา
- เลือก Move Tool แล้วกด Alt ค้างจากนั้นลาก Layer ตัวอักษรลงมาด้านล่างจะเป็นการ copy Layer ตัวอักษร (พยายามให้ตัวอักษรชิดๆกันไว้ อาจใช้ลูกศรบนคีย์บอร์ดช่วยจัดตำแหน่ง)
- กด Ctrl+E เพื่อรวม Layer ตัวอักษรทั้ง 2
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLTYJyqGlieBUV2Ql4mCtSk5NMKFIvRhQgxYWmRCrT1Vokkkhv9ZcJL5JIlYYHJb5GnFrZ-YK7BHF7vEq9DMcoXQD02mI1DtrSbEiv4FzrTQUkj_xo-lim_NRzDBk3LRsYWHWaQVwLy-4/s1600/trick-photoshop-47-2.jpg)
- ใช้ Move Tool ทำการก๊อปปี้ Layer ตัวอักษรเดิมอีกครั้ง
- ทำการกด Ctrl+E เพื่อรวม Layer ตัวอักษร ตอนนี้จะมีตัวอักษร 4 บรรทัดแล้ว
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzubgsajbeZnQ0lu1I4Ygfh-0cz1jSW9OzyrRjPQTLnKUSo2nplq4DYps1wfuxV44enknfKi1si-cqD2ecMkucf8Lz_Ypy8thm8ClPboQy0FLmEPXNhdAHzEUt8rfnu2Y80hMzzAQgG-I/s1600/trick-photoshop-47-3.jpg)
- ทำอย่างเดิมไปเรื่อยๆจนตัวอักษรเต็มหน้ากระดาษ
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij4HK6Yacx1TRLC5rhPpzBy3J52vvfLAPl6no8YujORWLHzvAZVBQhTGtj-5BiTLnxOJkGW1KcgyKPPIZuA1jJo6y8rLvbjw0qZiHp_ACI9htftZuhMt3FnJdo0lKztFXxESHToAGKiLY/s1600/trick-photoshop-47-4.jpg)
ขั้นตอนที่ 2 เริ่มสร้างตัวอักษรบน Background
- พิมพ์ตัวอักษรที่ต้องการลงไป ในที่นี้ฟรีพิมพ์เป็น "iFreePhotoshop" แล้วกันครับ
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF1jbfX-3nvi1RYppJd8PzT_uGVUanImqSoOlcgJfyC_8iEZywSej9slIcaCPTKEnkOCWcHl8_ubaCEtBwiNPkG4wBBkM-fR8XIRVagYv3eF_wBAUlSSmRw-S4twNVPTzVNRTjUBSDzmc/s320/trick-photoshop-47-5.jpg)
- กดคลิกขวาที่ Layer ตัวอักษรที่เพิ่งสร้าง แล้วเลือก Rasterize Type
- กด Ctrl ค้างแล้วคลิกซ้ายที่ Layer ตัวอักษรที่เป็น Background เพื่อโหลด Selection
- จากนั้นกด Ctrl+Shift+I เพื่อ Inverse Selection
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirQcmkiyHEaXAHa5Uy0tdnXal2Bn-UmmjcsHDwL38V5SAPtoJmVVACrHG94tZh0mW89fTvKOyXIIgt_CngOAA4vn-Z8LlKsNPUDR-3cOWGQkYrCvM1XpGqr4TsjVxIEVRM9-_4L2HvPLw/s1600/trick-photoshop-47-6.jpg)
- กดปุ่ม Delete บนแป้นคีย์บอร์ด
- กด Ctrl+D เำืพื่อยกเลิก Selection
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3y4CfJ8tN6VtN_5lbSjdA2ZQKX9AxCJESHfdRIALhImwRNuewF7ExZCrIyQF2_fZ339dgh5A-klol9kYxZ3F8N537_ZBft831le4oANW4TxrY0ZJaSUAnoHFMAbMpQaguhxyNFX1xf9I/s800/trick-photoshop-47-7.jpg)
ขั้นตอนที่ 3 เพิ่มความน่าสนใจให้ภาพมากกว่าเดิม
- สร้าง Layer ขึ้นมาใหม่
- ใช้ Marquee Tool แบบวงกลม สร้าง Selection
- กด Ctrl+Shift+I เพื่อ Inverse Selection
- กด Ctrl+Alt+D ตั้งค่า Feather ประมาณ 50
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlTgsq3K7kZuJjgvYYfmRPet6ZNHd71vQbC652_zLfgYDYhrFU2dCwGO0_zrrFI-rCP1jibgAjTxS44otrVW2NUSgIp24jg0YdpGArztAmb7AKcFypoDfAmPih9L-7zHum_IBgTjEmoI/s1600/trick-photoshop-47-8.jpg)
- เลือกสี Foreground เป็นสีดำ จากนั้นกด Ctrl+Delete เพื่อเทสีลงไปใน Selection
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQdbSt5nQ5rWT6KWgdW5YI5o91WJd6jA098vSb1Tbd_gBbGHMZIJReC-1ifsuNC2Gqxf8mwhqgPJ7Aiaap9oqGNr-9EEJOWycX-FtEx2q3phhmhLYzpLfcyCRjQv_gFe_4c4ramgkqIp4/s1600/trick-photoshop-47-9.jpg)
ขั้นตอนที่ 4 เปลี่ยนสีตัวอักษรคำว่า Photoshop เพื่อเพิ่มความงาม
- ใช้เครื่องมือใดก็ได้ทำ Selection ที่คำว่า Photoshop
- กด Ctrl+U หรือไปที่ Image > Adjustments > Hue/Saturation
- ติ๊กถูกที่ Coloriz
- ปรับค่า Lightness ประมาณ -50
- Saturation 100
- แล้วเลื่อน tab ค่า Hue เมื่อได้สีที่ต้องการให้กด OK
(Note: ถ้าตัวอักษรเป็นสีขาวจำเป็นต้องเลือก Colorize และลดค่า Lightness ไม่งั้นปรับค่า Hue ก็จะได้สีขาวเหมือนเดิม)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwywdsstZa_56mzuHc5LsXs_EckAXjoRXu-oGHelTJvXwrDTrIisf4RkaZZSPgXyemV-HisBKQGqhPceIIY7s9II3BnC6DK0wzRadCcvrxkTXL58LxlnlnQTt7M07db4BlRhCCdpQyL7A/s1600/trick-photoshop-47-10.jpg)
เพียงเท่านี้เราก็จะได้ภาพตัวอักษรจากตัวอักษรแนวๆกันแล้ว
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQm-wbKMa56blbbN2C7ALapTS9iWGL2LuYvbFyONhqZm9LNAGePrQb14RCVy3N0VjVknjlaI1YtNpzM-CnLF0nGpk4bJydthPGUpzyP7qyyCSnJXUN8OUCM5eMfUCMQtxCIypSoThf-RA/s1600/trick-photoshop-47-11.jpg)
เพื่อนๆสามารถพลิกแพลงเทคนิคนี้เพื่อต่อยอดเป็นผลงานที่สร้างสรรค์ได้อีกมากมาย โดยภาพตัวอย่างด้านบนสุดฟรีได้ใช้ Shape Tool ช่วยนิดนึงในการทำรูปหัวใจ แล้วก็ใช้วิธีที่ได้สอนไปในบทนี้เหมือนเดิมทุกประการ สำหรับบทความสอน Photoshop ครั้งนี้ก็จบเพียงเท่านี้ บ๊ายบาย~
![](http://www.blogger.com/img/icon18_edit_allbkg.gif)
- เนื้อหาทั้งหมดในบทความเป็นลิขสิทธิ์ของ iFreePhotoshop ไม่อนุญาตให้ผู้ใดนำไปเผยแพร่ในที่อื่นใด
อยากได้ font อ่าครับ
พอมีที่โหลดรึเปล่า
เดี๋ยวขอเวลารวบรวมก่อนแล้วกันนะครับ ว่าจะเขียนเพิ่มอีกสักบทความ
ส่วนถ้าเป็น Font thai ลองดูที่ f0nt.com ดูครับ มีเยอะมากมาย
ของผมเอง
http://www.uppicweb.com/x/i/iq/btaxt.jpg
จาก golf_eka ครับผม
@golf_eka ดีใจจังมีการบ้านมาด้วย ^^ แต่งานที่ทำเวิร์คแล้วครับผม
แต่แนะนำนิดนึงนะครับตรง Background ลองลดขนาดตัวอักษรลงอีกสักหน่อยตัว หนังสือด้านหน้าของเราจะชัดและแจ่มกว่านี้ครับ
สุดยอดจริงๆครับพี่ฟรี เมพมากครับ ฮาๆ
ผม visitgak เองนะครับ :D มาขอสูบความรู้ดีๆไปใช้มั่งนะคร้าบบบ เสร็จแล้วเดี๋ยวจะมาส่งการบ้านครับพ้ม
visitgak
ส่งการบ้านครับพี่ฟรี >> http://www.thaicybergames.com/main/showthread.php?t=30157&p=942749&viewfull=1#post942749
โพสที่ #110 ครับพ้ม :D
@visitgak ขอบคุณที่ติดตามคร้าบ จะรอดูผลงานนะครับ
ผมใช้ hue/Saturation ไม่ได้อ่ะครับ
ลองเช็ค Layer ดูก่อนครับ ว่าเลือกทำงานอยู่ที่ Layer ไหน
ไม่ได้อ่ะครับ หรือผมทำผิด
เพิ่งหัดๆ อ่ะครับ
งั้นสุดท้ายลองดูไปที่เมนูด้านบน Image > Mode แล้วดูว่าตอนนี้ติ๊กถูกอยู่ที่ RGB Color หรือเปล่าถ้าไม่ใช่ก็ติ๊กเลย
แต่ถ้าไม่ใช่อีกลองอ่านบทความนี้ดูดีๆและค่อยๆทำตามอีกซักรอบนะครับผม
ขอบคุณคับพี่ฟรี ที่สอนเทคนิคดีๆเเบบนี้ให้ผม อย่าไปใส่ใจพวกที่ชอบติเเบบไร้สาระเลยนะคับ
พวกนี้โรคจิตชอบบั่นทอนกำลังใจคนทำเว็ป แต่คงไม่มีความสามารถมากพอที่จะสอนใครได้
เลยตินุ่นตินี่ แต่ตัวเองก็ไม่มีปัญญาทำอย่างเค้าได้ พี่ฟรีสู้ๆนะคับ แล้วเขียนบทความดีๆมาให้ทุกคนได้อ่านอีก มันช่วยผมได้มากเลย
กด Delete ไม่ได้ อ่ะ
ลืม Rasterize Type ที่ Layer ตัวอักษรหรือเปล่าครับ
ขั้นตอนที่ 4 เปลี่ยนสีตัวอักษรคำว่า Photoshop เพื่อเพิ่มความงาม
- ใช้เครื่องมือใดก็ได้ทำ Selection ที่คำว่า Photoshop ไม่ได้อ่า.....ทำไงครับ
อ๋อ.. ลองสังเกตรูปประกอบของขั้นตอนที่ 4 ดูจะมี Selection รูปสี่เหลี่ยมรอบคำว่า Photoshop สีเหลือง อันนี้ผมใช้ Marquee Tool ครับ คีย์ลัด M
ขอบคุณค๊าฟฟ มีเทคนิคไรแหล่มๆ อีกมะครับ
ชอบมากมายเลย
peet
ขั้นตอนที่ 2 กด delete แล้วไม่มีอะไรเกิดขึ้นเลยครับ
อย่าลืม Rasterize Type ตัวอักษรก่อนนะครับ ไม่งั้นมันจะลบไม่ได้เพราะมันยังเป็นประเภทของ Text อยู่ครับ
ผม งง ครับ ที่ ใช้เครื่องมือใดก็ได้ทำ Selection ที่คำว่า Photoshop
ผม ทำไม่เป็น เห้อ....... ไม่รู้ใช้เครื่องมือไหนครับ โปรดชี้แนะด้วย
อย่างในรูปตัวอย่างใช้ Marquee Tool (คีย์ลัด M) แบบสี่เหลี่ยมครับ
ที่เขียนไว้ว่าใช้เครื่องมือใดก็ได้เพราะมีหลากหลายทางครับ
แอบงงอะคะช่วยรบกวนทำเป็นคลิปได้มั้ยคะ?
ขึ้นขั้นตอนที่สามแล้ว มันทำไง ตกคำว่า "เลือกสี Foreground เป็นสีดำ จากนั้นกด Ctrl+Delete เพื่อเทสีลงไปใน Selection"