วันนี้ฟรีนำไอเดียดีๆเกี่ยวกับใช้ Photoshop มาให้เพื่อนๆชมกัน โดยครั้งนี้ฟรีจะสอน Photoshop โดยการทำตัวอักษรจากตัวอักษร รู้สึกจะอธิบายกันงงๆ แต่มันเป็นเช่นนั้นจริงๆ!!
โดยวิธีการทำก็ง่ายๆไม่มีอะไรมาก แต่แค่มีไอเดียเจิดๆนิดนึงก็โอเคละกับผลงานชิ้นนี้ ไปดูดีกว่าว่าเทคนิค Photoshop นี้ยากเปล่า ?

ขั้นตอนที่ 1 ใช้ Photoshop เตรียม Background ตัวอักษรกันก่อน
  • สร้างหน้ากระดาษขึ้นมาใหม่ขนาด 500x500
  • ใส่สีดำให้ Background
  • พิมพ์ประโยคอะไรก็ได้ลงไป แต่ขนาดต้องเล็กๆดังภาพ สีเทาเข้ม (#4d4d4d) ในนี้ฟรีพิมพ์ "I Love Photoshop & Graphic Design"


  • กดคลิกขวาที่ Layer ตัวอักษร จากนั้นเลือก Rasterize Type ทำให้ Layer นี้เป็น Layer ธรรมดา
  • เลือก Move Tool แล้วกด Alt ค้างจากนั้นลาก Layer ตัวอักษรลงมาด้านล่างจะเป็นการ copy Layer ตัวอักษร (พยายามให้ตัวอักษรชิดๆกันไว้ อาจใช้ลูกศรบนคีย์บอร์ดช่วยจัดตำแหน่ง)
  • กด Ctrl+E เพื่อรวม Layer ตัวอักษรทั้ง 2


  • ใช้ Move Tool ทำการก๊อปปี้ Layer ตัวอักษรเดิมอีกครั้ง
  • ทำการกด Ctrl+E เพื่อรวม Layer ตัวอักษร ตอนนี้จะมีตัวอักษร 4 บรรทัดแล้ว


  • ทำอย่างเดิมไปเรื่อยๆจนตัวอักษรเต็มหน้ากระดาษ


ขั้นตอนที่ 2 เริ่มสร้างตัวอักษรบน Background
  • พิมพ์ตัวอักษรที่ต้องการลงไป ในที่นี้ฟรีพิมพ์เป็น "iFreePhotoshop" แล้วกันครับ


  • กดคลิกขวาที่ Layer ตัวอักษรที่เพิ่งสร้าง แล้วเลือก Rasterize Type
  • กด Ctrl ค้างแล้วคลิกซ้ายที่ Layer ตัวอักษรที่เป็น Background เพื่อโหลด Selection
  • จากนั้นกด Ctrl+Shift+I เพื่อ Inverse Selection

  • กดปุ่ม Delete บนแป้นคีย์บอร์ด
  • กด Ctrl+D เำืพื่อยกเลิก Selection

ขั้นตอนที่ 3 เพิ่มความน่าสนใจให้ภาพมากกว่าเดิม
  • สร้าง Layer ขึ้นมาใหม่
  • ใช้ Marquee Tool แบบวงกลม สร้าง Selection
  • กด Ctrl+Shift+I เพื่อ Inverse Selection
  • กด Ctrl+Alt+D ตั้งค่า Feather ประมาณ 50

  • เลือกสี Foreground เป็นสีดำ จากนั้นกด Ctrl+Delete เพื่อเทสีลงไปใน Selection

ขั้นตอนที่ 4 เปลี่ยนสีตัวอักษรคำว่า Photoshop เพื่อเพิ่มความงาม
  • ใช้เครื่องมือใดก็ได้ทำ Selection ที่คำว่า Photoshop
  • กด Ctrl+U หรือไปที่ Image > Adjustments > Hue/Saturation
  • ติ๊กถูกที่ Coloriz
  • ปรับค่า Lightness ประมาณ -50
  • Saturation 100
  • แล้วเลื่อน tab ค่า Hue เมื่อได้สีที่ต้องการให้กด OK

(Note: ถ้าตัวอักษรเป็นสีขาวจำเป็นต้องเลือก Colorize และลดค่า Lightness ไม่งั้นปรับค่า Hue ก็จะได้สีขาวเหมือนเดิม)




เพียงเท่านี้เราก็จะได้ภาพตัวอักษรจากตัวอักษรแนวๆกันแล้ว 


เพื่อนๆสามารถพลิกแพลงเทคนิคนี้เพื่อต่อยอดเป็นผลงานที่สร้างสรรค์ได้อีกมากมาย โดยภาพตัวอย่างด้านบนสุดฟรีได้ใช้ Shape Tool ช่วยนิดนึงในการทำรูปหัวใจ แล้วก็ใช้วิธีที่ได้สอนไปในบทนี้เหมือนเดิมทุกประการ สำหรับบทความสอน Photoshop ครั้งนี้ก็จบเพียงเท่านี้ บ๊ายบาย~

  • เนื้อหาทั้งหมดในบทความเป็นลิขสิทธิ์ของ iFreePhotoshop ไม่อนุญาตให้ผู้ใดนำไปเผยแพร่ในที่อื่นใด

23 comments

  1. อยากได้ font อ่าครับ
    พอมีที่โหลดรึเปล่า

  2. iFree says:

    เดี๋ยวขอเวลารวบรวมก่อนแล้วกันนะครับ ว่าจะเขียนเพิ่มอีกสักบทความ
    ส่วนถ้าเป็น Font thai ลองดูที่ f0nt.com ดูครับ มีเยอะมากมาย

  3. ไม่ระบุชื่อ says:

    ของผมเอง

    http://www.uppicweb.com/x/i/iq/btaxt.jpg
    จาก golf_eka ครับผม

  4. iFree says:

    @golf_eka ดีใจจังมีการบ้านมาด้วย ^^ แต่งานที่ทำเวิร์คแล้วครับผม

    แต่แนะนำนิดนึงนะครับตรง Background ลองลดขนาดตัวอักษรลงอีกสักหน่อยตัว หนังสือด้านหน้าของเราจะชัดและแจ่มกว่านี้ครับ

  5. ไม่ระบุชื่อ says:

    สุดยอดจริงๆครับพี่ฟรี เมพมากครับ ฮาๆ

    ผม visitgak เองนะครับ :D มาขอสูบความรู้ดีๆไปใช้มั่งนะคร้าบบบ เสร็จแล้วเดี๋ยวจะมาส่งการบ้านครับพ้ม

  6. ไม่ระบุชื่อ says:

    visitgak

    ส่งการบ้านครับพี่ฟรี >> http://www.thaicybergames.com/main/showthread.php?t=30157&p=942749&viewfull=1#post942749

    โพสที่ #110 ครับพ้ม :D

  7. iFree says:

    @visitgak ขอบคุณที่ติดตามคร้าบ จะรอดูผลงานนะครับ

  8. ไม่ระบุชื่อ says:

    ผมใช้ hue/Saturation ไม่ได้อ่ะครับ

  9. iFree says:

    ลองเช็ค Layer ดูก่อนครับ ว่าเลือกทำงานอยู่ที่ Layer ไหน

  10. ไม่ระบุชื่อ says:

    ไม่ได้อ่ะครับ หรือผมทำผิด
    เพิ่งหัดๆ อ่ะครับ

  11. iFree says:

    งั้นสุดท้ายลองดูไปที่เมนูด้านบน Image > Mode แล้วดูว่าตอนนี้ติ๊กถูกอยู่ที่ RGB Color หรือเปล่าถ้าไม่ใช่ก็ติ๊กเลย

    แต่ถ้าไม่ใช่อีกลองอ่านบทความนี้ดูดีๆและค่อยๆทำตามอีกซักรอบนะครับผม

  12. Boorin says:

    ขอบคุณคับพี่ฟรี ที่สอนเทคนิคดีๆเเบบนี้ให้ผม อย่าไปใส่ใจพวกที่ชอบติเเบบไร้สาระเลยนะคับ
    พวกนี้โรคจิตชอบบั่นทอนกำลังใจคนทำเว็ป แต่คงไม่มีความสามารถมากพอที่จะสอนใครได้
    เลยตินุ่นตินี่ แต่ตัวเองก็ไม่มีปัญญาทำอย่างเค้าได้ พี่ฟรีสู้ๆนะคับ แล้วเขียนบทความดีๆมาให้ทุกคนได้อ่านอีก มันช่วยผมได้มากเลย

  13. ไม่ระบุชื่อ says:

    กด Delete ไม่ได้ อ่ะ

  14. iFree says:

    ลืม Rasterize Type ที่ Layer ตัวอักษรหรือเปล่าครับ

  15. ไม่ระบุชื่อ says:

    ขั้นตอนที่ 4 เปลี่ยนสีตัวอักษรคำว่า Photoshop เพื่อเพิ่มความงาม

    - ใช้เครื่องมือใดก็ได้ทำ Selection ที่คำว่า Photoshop ไม่ได้อ่า.....ทำไงครับ

  16. iFree says:

    อ๋อ.. ลองสังเกตรูปประกอบของขั้นตอนที่ 4 ดูจะมี Selection รูปสี่เหลี่ยมรอบคำว่า Photoshop สีเหลือง อันนี้ผมใช้ Marquee Tool ครับ คีย์ลัด M

  17. ไม่ระบุชื่อ says:

    ขอบคุณค๊าฟฟ มีเทคนิคไรแหล่มๆ อีกมะครับ
    ชอบมากมายเลย

  18. ไม่ระบุชื่อ says:

    peet

    ขั้นตอนที่ 2 กด delete แล้วไม่มีอะไรเกิดขึ้นเลยครับ

  19. iFree says:

    อย่าลืม Rasterize Type ตัวอักษรก่อนนะครับ ไม่งั้นมันจะลบไม่ได้เพราะมันยังเป็นประเภทของ Text อยู่ครับ

  20. Unknown says:

    ผม งง ครับ ที่ ใช้เครื่องมือใดก็ได้ทำ Selection ที่คำว่า Photoshop

    ผม ทำไม่เป็น เห้อ....... ไม่รู้ใช้เครื่องมือไหนครับ โปรดชี้แนะด้วย

  21. iFree says:

    อย่างในรูปตัวอย่างใช้ Marquee Tool (คีย์ลัด M) แบบสี่เหลี่ยมครับ

    ที่เขียนไว้ว่าใช้เครื่องมือใดก็ได้เพราะมีหลากหลายทางครับ

  22. biw2200 says:

    แอบงงอะคะช่วยรบกวนทำเป็นคลิปได้มั้ยคะ?

  23. Unknown says:

    ขึ้นขั้นตอนที่สามแล้ว มันทำไง ตกคำว่า "เลือกสี Foreground เป็นสีดำ จากนั้นกด Ctrl+Delete เพื่อเทสีลงไปใน Selection"

Leave a Reply

โปรดระบุสถานะ "ความคิดเห็นในฐานะ" ด้านล่างก่อนโพสต์ข้อความด้วยนะครับ