วิธีสร้างปุ่มเว็บโดยใช้ Paint.net

Paint.netเป็นเครื่องมือที่ทรงพลังมากสำหรับการแก้ไขและสร้างภาพ มาพร้อมคุณสมบัติมากมาย คุณสามารถทำสิ่งต่างๆ ได้มากมายด้วยซอฟต์แวร์ฟรีนี้ เช่น ทำให้รูปภาพโปร่งใส การสร้างลายน้ำ ฯลฯ ในบทความนี้ เราจะมาดูขั้นตอนการสร้างปุ่มเว็บใน paint.net

สร้างปุ่มในรูปภาพเด่นของ Paint.net

สร้างปุ่มเว็บโดยใช้ Paint.net

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

มาเริ่มกวดวิชากันเถอะ

1] เปิดโปรแกรม Paint.net(Launch Paint.net)บนพีซีของคุณและไปที่ " File > New " เพื่อสร้างหน้าใหม่ (หากซอฟต์แวร์ไม่เปิดหน้าใหม่ตามค่าเริ่มต้น)

สร้างปุ่มใน Paint.net 1

อ่าน(Read) : วิธีครอบตัดและหมุนรูปภาพใน(How to Crop and Rotate a Picture in Paint.NET) Paint.NET

2] คุณควรมีเครื่องมือต่อไปนี้บนหน้าจอ:

  1. กล่องเครื่องมือ
  2. กล่องประวัติศาสตร์
  3. กล่องเลเยอร์
  4. กล่องสี

ถ้าไม่เปิดใช้งานโดยคลิกที่ไอคอนที่เกี่ยวข้องที่มุมบนขวา ดูภาพหน้าจอด้านล่าง

สร้างปุ่มใน Paint.net 2

3] ตอนนี้ เราต้องเพิ่มเลเยอร์ต่างๆ เพื่อสร้างปุ่ม เพิ่มเลเยอร์โดยคลิก " เพิ่มเลเยอร์ใหม่(Add New Layer) " ใน กล่อง " เลเยอร์(Layers) "

สร้างปุ่มใน Paint.net 3

อ่าน(Read) : วิธีสร้างภาพขนาดย่อของ YouTube ใน(How to Make a YouTube Thumbnail in Paint.net) Paint.net

4] เนื่องจากเราจะสร้างหลายเลเยอร์ จึงควรเปลี่ยนชื่อแต่ละเลเยอร์เพื่อหลีกเลี่ยงความสับสน ดับเบิล(Double)คลิกที่เลเยอร์ที่เพิ่มใหม่และเปลี่ยนชื่อเป็น " Base " คุณสามารถตั้งชื่อใดก็ได้ตามที่คุณเลือก

สร้างปุ่มใน Paint.net 4

5] เรากำลังสร้างปุ่มสี่เหลี่ยมมน สำหรับสิ่งนี้ ให้เลือกตัวเลือก “ รูปร่าง(Shapes) ” จาก กล่อง “ เครื่องมือ(Tools) ” และเลือกสีที่คุณชื่นชอบจาก กล่อง “ สี(Color) ” มีหลายสีให้เลือกใน ตัวเลือก " เพิ่มเติม(More) " ของกล่องสี

สร้างปุ่มใน Paint.net 5

6] เราต้องเลือก “ Rounded Rectangle ” กับ “ Filled Mode

สร้างปุ่มใน Paint.net_6

อ่าน(Read) : วิธีสร้างและเพิ่มเอฟเฟกต์ Drop Shadow ให้กับรูปภาพใน(How to create and add Drop Shadow effect to an image in Paint.NET) Paint.NET

7] กดปุ่ม(Press)ซ้ายของเมาส์ค้างไว้แล้วลากเพื่อสร้างรูปสี่เหลี่ยมผืนผ้าโค้งมน หลังจากวาดแล้ว คุณยังสามารถเปลี่ยนขนาดได้

สร้างปุ่มใน Paint.net 7

8] ตอนนี้ เราจะเพิ่มเอฟเฟกต์การไล่ระดับสีให้กับปุ่ม สำหรับสิ่งนี้ ให้เพิ่มเลเยอร์ใหม่และเปลี่ยนชื่อเป็น " การไล่ระดับสี(Gradient)

สร้างปุ่มใน Paint.net 8

9] คลิกที่เลเยอร์ " ฐาน " และเลือก " (Base)ไม้กายสิทธิ์(Magic Wand) " จากกล่องเครื่องมือ คลิก(Click)ที่รูปสี่เหลี่ยมผืนผ้าโค้งมนหลังจากเลือกไม้กายสิทธิ์(Magic Wand)

สร้างปุ่มใน Paint.net 9

10] เลือก(Choose)สีที่อ่อนกว่าและเลือก " การ ไล่ระดับสี(Gradient) " จากกล่องเครื่องมือ

สร้างปุ่มใน Paint.net 10

11] เมื่อคุณเลือกการไล่ระดับสี(Gradient)คุณจะเห็นพื้นผิวประเภทต่างๆ บนแถบเครื่องมือ คุณต้องเลือกพื้นผิว " เชิงเส้น " (Linear)วางเมาส์ตามที่กำหนดไว้ในภาพหน้าจอด้านล่าง ตอนนี้ ให้กดคลิกซ้ายบนเมาส์ค้างไว้แล้วลากไปที่ขอบล่างของรูปสี่เหลี่ยมผืนผ้าที่โค้งมนในขณะที่กดปุ่ม " Shift "

สร้างปุ่มใน Paint.net 11

12] ตอนนี้ เราต้องเขียนข้อความที่กำหนดเองบนปุ่ม สำหรับสิ่งนี้ ให้เพิ่มอีกหนึ่งเลเยอร์แล้วเปลี่ยนชื่อเป็น “ Text ” ตอนนี้ เลือก “ ข้อความ(Text) ” จากกล่องเครื่องมือและเลือกสีที่คุณต้องการ คลิก(Click)ภายในรูปสี่เหลี่ยมผืนผ้าโค้งมนแล้วเขียนข้อความของคุณที่นั่น คุณยังสามารถเปลี่ยนรูปแบบแบบอักษรและขนาดของข้อความได้อีกด้วย

สร้างปุ่มใน Paint.net 12

13] ตอนนี้ เราต้องเพิ่มความมันให้กับรูปร่าง สำหรับสิ่งนี้ ให้เพิ่มอีกหนึ่งเลเยอร์แล้วเปลี่ยนชื่อเป็น “ Glossy ” เลเยอร์นี้ควรอยู่ที่ด้านบนสุดของเลเยอร์ทั้งหมด หากไม่เป็นเช่นนั้น ให้ลากไปไว้ด้านบนสุด

สร้างปุ่มใน Paint.net 13

14] ตอนนี้ เลือกชั้นฐาน จากนั้นเลือกไม้กายสิทธิ์(Magic Wand)และคลิกที่รูปสี่เหลี่ยมผืนผ้าโค้งมน หลังจากนั้น ให้กลับมาที่ เลเยอร์ Glossyแล้วเลือกสีขาวจากกล่องสี

ตอนนี้ เลือก เครื่องมือ " รูปร่าง(Shapes) " จากกล่องเครื่องมือ และคลิกที่ " ประเภทรูปร่าง(Shape type) " บนแถบเครื่องมือเพื่อเลือก " วงรี(Ellipse) " คุณต้องเลือกวงรี(Ellipse)ในโหมดเติม (ดูขั้นตอนที่ 6 ของบทความนี้)

ต่อไป คุณต้องวาดวงรีในลักษณะที่บางส่วนของมันอยู่บนส่วนบนสุดของสี่เหลี่ยมผืนผ้าโค้งมน เมื่อเสร็จแล้วให้กด “ Enter

สร้างปุ่มใน Paint.net 14

15] ดับเบิล(Double)คลิกที่ เลเยอร์ เคลือบเงา(Glossy)เพื่อเปิดคุณสมบัติและลดความทึบ

สร้างปุ่มใน Paint.net 15

16] ตอนนี้ เราต้องเพิ่มเส้นขอบให้กับรูปร่าง สำหรับสิ่งนี้ ให้เลือกเลเยอร์ฐานและไปที่ “ Effects > Stylize > Outline

สร้างปุ่มใน Paint.net 16

17] เปลี่ยน(Vary)ความหนาและความเข้มของโครงร่างเพื่อให้รูปร่างดูเหมือนปุ่ม

สร้างปุ่มใน Paint.net 17

18] ในขั้นตอนสุดท้าย เราต้องบันทึกปุ่ม สำหรับสิ่งนี้ ให้กด “ Ctrl + S ” และเลือกรูปแบบรูปภาพจากเมนูแบบเลื่อนลง คุณสามารถบันทึกรูปภาพในรูปแบบJPG , PNG , BMPและรูปแบบอื่น ๆ อีกมากมาย มันจะขอให้คุณปรับภาพให้แบนหรือไม่ เลือก(Select)แผ่(Flatten)ออก”

สร้างปุ่มใน Paint.net 18

อ่าน(Read) : ซอฟต์แวร์ Watermark Remover ฟรี & เครื่องมือ(Free Watermark Remover software & Online tool)ออนไลน์

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

สร้างปุ่มใน Paint.net

แค่นั้นแหละ. หวังว่า(Hope)คุณจะชอบบทความ อย่า(Don)ลืมแบ่งปันมุมมองของคุณในส่วนความคิดเห็น

อ่าน(Read) : วิธีเพิ่มภาพโปร่งใสบนภาพหน้าจอด้วยโปรแกรม(How to add a Transparent Image over a Screenshot with Paint)ระบายสี



About the author

ฉันเป็นผู้เชี่ยวชาญด้านคอมพิวเตอร์และทำงานกับคอมพิวเตอร์มาหลายปีแล้ว ฉันมีประสบการณ์กับทั้ง Apple iPhone และ Microsoft Windows 10 ทักษะของฉัน ได้แก่ การใช้คอมพิวเตอร์เพื่อสร้าง เข้ารหัส และจัดเก็บข้อมูล การค้นหาและแก้ไขข้อบกพร่องในซอฟต์แวร์ และการแก้ไขปัญหา ฉันมีความรู้ในทุกด้านของการใช้คอมพิวเตอร์ รวมถึง Apple iOS, Microsoft Windows 10, การป้องกันแรนซัมแวร์ และอื่นๆ ฉันมั่นใจว่าทักษะของฉันจะเป็นประโยชน์ต่อธุรกิจหรือองค์กรของคุณ



Related posts