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

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

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

jamepiyawat
PHP VIP Members
PHP VIP Members
Posts: 1286
Joined: 21/05/2019 10:45 am

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

Post by 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) Viewed 418 times
3.เราก็จะเห็น Layer ใหม่ออกมาแล้ว
Selection_737.png
Selection_737.png (115.01 KiB) Viewed 418 times
4. ให้เราคลิกขวาที่ Layer ตัวอักษรด้านล่าง (อย่าเพิ่งไปยุ่งกับ Layer ที่เพิ่งเพิ้มเข้ามานะ) ให้ไปเลือกที่เมนู Alpha to selection
Selection_738.png
Selection_738.png (150.58 KiB) Viewed 418 times
5. เราก็จะเห็นได้ว่ามีรอยเส้นปะอยู่รอบตัวอักษรของเรา
Selection_739.png
Selection_739.png (43.13 KiB) Viewed 418 times
6. เมือเราเห็นเส้นปะแล้วให้เราไปทีี่เมนูบาร์เลือก Select > Grow..
Selection_740.png
Selection_740.png (138.5 KiB) Viewed 418 times
7. ก็จะมีเมนู Grow.. Selection ขึ้นมาตรงส่วนนี้คือการกำหนดเส้นความหนาของขอบตัวอักษรว่าเราจะเอาขามหนาเท่าไรแต่ก็มีข้อควรระหวังอยู่ตรงที่ว่าถ้าเราเลือกเส้นให้หนามาก ๆ มันก็จะกลายเป็นกรอบสี่เหลี่ยมมากกว่าที่จะเป็นขอบเพราะว่าเราจะไม่เป็นความเว้าความโค้งของขอบเสี้นเลยแนะนำว่าให้พอดี ๆ ดีกว่านะ
Selection_741.png
Selection_741.png (29.19 KiB) Viewed 418 times
8. เมือเราเลือกความหนาได้แล้วเราก็จะให้ว่าเส้นปะที่เคยชิดตังอักษรของเรานั้นนูนออกมาในส่วนนี้ถ้าเราไม่พอใจความหน้าก็เข้าไปปรับเปลี่ยได้เลย
Selection_742.png
Selection_742.png (14.95 KiB) Viewed 418 times
9. เลือกสีที่จะเป็นขอบของตัวอักษรของเราได้เลย
Selection_743.png
Selection_743.png (85.17 KiB) Viewed 418 times
10. เลือกสีที่เราพอใจแล้วให้เราไปเลือกเมนูผู้กันได้เลยจ้า
Selection_744.png
Selection_744.png (70.72 KiB) Viewed 418 times
11. ให้เรานำผู้กันนี้ไประบายที่ตัวอักษรได้เลยไม่ต้องกลัวเลอะเลยนะเพราะว่าเรากำหนดความหนาเอาไว้แล้วระบายให้ทั่วเลย
Selection_745.png
Selection_745.png (18.34 KiB) Viewed 418 times
12. เมือระบายเสร็จแล้วให้เราก็ต้องทำให้รอยปะหายไปด้วยการไปที่เมนูตัด
Selection_746.png
Selection_746.png (61.42 KiB) Viewed 418 times
13. นำเม้าที่มีเมนูนี้ไปคลิกที่โล่ง ๆ ในงานของเรารอยปะก็จะหายไป
Selection_747.png
Selection_747.png (20.87 KiB) Viewed 418 times
14. แต่งานของเราในตอนนี้เรายังขยับเคลืี่ยนย้ายไปไหนได้ให้เราคลิิกขวาที่ Layer ที่เราทำการ Duplicte Layer มาให้เราเลือกที่ Merag Down
Selection_748.png
Selection_748.png (106.14 KiB) Viewed 418 times
15. เท่านี้เราก็จะสามารถขยับตัวอักษรที่มีขอบของเราไปว่างที่ไหนก็ได้แล้ว
Selection_749.png
เป็นยังไงบ้างครับอธิบายซ่ะละเอียดหวังว่าจะไม่รูปสึกว่าเยอะจนเกินไปนะครับ ทางผู้เขียนบทความก็คิดว่าจะเป็นบทความในการทำกราฟฟิกด้วย Gimp ที่ได้นะครับหวังเป็นอย่างยิ่งว่าผุ้ที่เข้ามาอ่านบทความนี้จะเป็นความรู้เป็นประโยชน์บ้างไม่มากก็น้อยนะครับ




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

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22156
Joined: 22/09/2008 6:18 pm
Contact:

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

Post by 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

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “Graphic design”

Who is online

Users browsing this forum: No registered users and 34 guests