วิธีทำขอบตัวอักษรด้วย Gimp

Graphic design ความรู้สำหรับ การออกแบบ ออกแบบเว็บ Phothoshop ตัดต่อวีดีโอ

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
jamepiyawat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 671
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

วิธีทำขอบตัวอักษรด้วย Gimp

โพสต์โดย jamepiyawat » 24/06/2019 5:17 pm

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

1. อันดับแรกเราก็ต้องมีตัวหนังสือให้เพื่มขอบก่อน

Selection_734.png


2. ให้เราเอาเมาส์ไปทีี่ Layer ตั้วอักษรแล้วห้คลิ๊กขวาจากนั้นไปที่เมนู Duplicte Layer

Selection_736.png
Selection_736.png (139.25 KiB) เปิดดู 230 ครั้ง


3.เราก็จะเห็น Layer ใหม่ออกมาแล้ว

Selection_737.png
Selection_737.png (115.01 KiB) เปิดดู 230 ครั้ง


4. ให้เราคลิกขวาที่ Layer ตัวอักษรด้านล่าง (อย่าเพิ่งไปยุ่งกับ Layer ที่เพิ่งเพิ้มเข้ามานะ) ให้ไปเลือกที่เมนู Alpha to selection

Selection_738.png
Selection_738.png (150.58 KiB) เปิดดู 230 ครั้ง


5. เราก็จะเห็นได้ว่ามีรอยเส้นปะอยู่รอบตัวอักษรของเรา

Selection_739.png
Selection_739.png (43.13 KiB) เปิดดู 230 ครั้ง


6. เมือเราเห็นเส้นปะแล้วให้เราไปทีี่เมนูบาร์เลือก Select > Grow..

Selection_740.png
Selection_740.png (138.5 KiB) เปิดดู 230 ครั้ง


7. ก็จะมีเมนู Grow.. Selection ขึ้นมาตรงส่วนนี้คือการกำหนดเส้นความหนาของขอบตัวอักษรว่าเราจะเอาขามหนาเท่าไรแต่ก็มีข้อควรระหวังอยู่ตรงที่ว่าถ้าเราเลือกเส้นให้หนามาก ๆ มันก็จะกลายเป็นกรอบสี่เหลี่ยมมากกว่าที่จะเป็นขอบเพราะว่าเราจะไม่เป็นความเว้าความโค้งของขอบเสี้นเลยแนะนำว่าให้พอดี ๆ ดีกว่านะ

Selection_741.png
Selection_741.png (29.19 KiB) เปิดดู 230 ครั้ง


8. เมือเราเลือกความหนาได้แล้วเราก็จะให้ว่าเส้นปะที่เคยชิดตังอักษรของเรานั้นนูนออกมาในส่วนนี้ถ้าเราไม่พอใจความหน้าก็เข้าไปปรับเปลี่ยได้เลย

Selection_742.png
Selection_742.png (14.95 KiB) เปิดดู 230 ครั้ง


9. เลือกสีที่จะเป็นขอบของตัวอักษรของเราได้เลย

Selection_743.png
Selection_743.png (85.17 KiB) เปิดดู 230 ครั้ง


10. เลือกสีที่เราพอใจแล้วให้เราไปเลือกเมนูผู้กันได้เลยจ้า

Selection_744.png
Selection_744.png (70.72 KiB) เปิดดู 230 ครั้ง


11. ให้เรานำผู้กันนี้ไประบายที่ตัวอักษรได้เลยไม่ต้องกลัวเลอะเลยนะเพราะว่าเรากำหนดความหนาเอาไว้แล้วระบายให้ทั่วเลย

Selection_745.png
Selection_745.png (18.34 KiB) เปิดดู 230 ครั้ง


12. เมือระบายเสร็จแล้วให้เราก็ต้องทำให้รอยปะหายไปด้วยการไปที่เมนูตัด

Selection_746.png
Selection_746.png (61.42 KiB) เปิดดู 230 ครั้ง


13. นำเม้าที่มีเมนูนี้ไปคลิกที่โล่ง ๆ ในงานของเรารอยปะก็จะหายไป

Selection_747.png
Selection_747.png (20.87 KiB) เปิดดู 230 ครั้ง


14. แต่งานของเราในตอนนี้เรายังขยับเคลืี่ยนย้ายไปไหนได้ให้เราคลิิกขวาที่ Layer ที่เราทำการ Duplicte Layer มาให้เราเลือกที่ Merag Down

Selection_748.png
Selection_748.png (106.14 KiB) เปิดดู 230 ครั้ง


15. เท่านี้เราก็จะสามารถขยับตัวอักษรที่มีขอบของเราไปว่างที่ไหนก็ได้แล้ว

Selection_749.png


เป็นยังไงบ้างครับอธิบายซ่ะละเอียดหวังว่าจะไม่รูปสึกว่าเยอะจนเกินไปนะครับ ทางผู้เขียนบทความก็คิดว่าจะเป็นบทความในการทำกราฟฟิกด้วย Gimp ที่ได้นะครับหวังเป็นอย่างยิ่งว่าผุ้ที่เข้ามาอ่านบทความนี้จะเป็นความรู้เป็นประโยชน์บ้างไม่มากก็น้อยนะครับ




ศึกษาเพิ่มเติม
โปรแกรม GIMP (กิ๊ม) คืออะไร โปรแกรมแต่งภาพ ฟรี คล้ายกับ Photoshop
วิธีการดูประวัติการทำงานในโปรแกรม Gimp ( กิ๊ม)
วิธีการปรับองศาให้รูปภาพในโปรแกรม Gimp ( กิ๊ม )
แนะนำเครื่องมือ Text Tool ( เท็ก ทูล) ที่ช่วยในการสร้างตัวอักษร ในโปรแกรม Gimp ( กิ๊ม )
วิธีการใช้งานเครื่องมือ Color picker Tool ( คัลเลอร์ ปิกเกอร์ ทูล) ในการดูดสี ในโปรแกรม Gimp ( กิ๊ม )
แก้ไขล่าสุดโดย jamepiyawat เมื่อ 24/06/2019 6:48 pm, แก้ไขไปแล้ว 1 ครั้ง.

ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 21073
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: วิธีทำขอบตัวอักษรด้วย Gimp

โพสต์โดย mindphp » 24/06/2019 6:12 pm

ย้ายมาหมวด >> Graphic design
viewforum.php?f=75
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: viewforum.php?f=29
รับอบรม และพัฒนาระบบ: viewtopic.php?f=6&t=2042


  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 21 และ บุคคลทั่วไป 0 ท่าน