วิธีสร้างปุ่มเว็บโดยใช้ Paint.net
Paint.netเป็นเครื่องมือที่ทรงพลังมากสำหรับการแก้ไขและสร้างภาพ มาพร้อมคุณสมบัติมากมาย คุณสามารถทำสิ่งต่างๆ ได้มากมายด้วยซอฟต์แวร์ฟรีนี้ เช่น ทำให้รูปภาพโปร่งใส การสร้างลายน้ำ ฯลฯ ในบทความนี้ เราจะมาดูขั้นตอนการสร้างปุ่มเว็บใน paint.net
สร้างปุ่มเว็บโดยใช้ Paint.net
อาจมีหลายสถานการณ์ที่ผู้ใช้ต้องการปุ่มเว็บที่กำหนดเองเพื่อติดตั้งในเว็บไซต์ของเขา ตัวอย่างเช่น หากคุณกำลังสร้างร้านค้าอีคอมเมิร์ซ คุณสามารถทำให้บล็อกของคุณน่าสนใจได้โดยการแนะนำปุ่มเว็บในรูปแบบต่างๆ ที่น่าสนใจซึ่งบังคับให้ผู้ใช้คลิก
มาเริ่มกวดวิชากันเถอะ
1] เปิดโปรแกรม Paint.net(Launch Paint.net)บนพีซีของคุณและไปที่ " File > New " เพื่อสร้างหน้าใหม่ (หากซอฟต์แวร์ไม่เปิดหน้าใหม่ตามค่าเริ่มต้น)
อ่าน(Read) : วิธีครอบตัดและหมุนรูปภาพใน(How to Crop and Rotate a Picture in Paint.NET) Paint.NET
2] คุณควรมีเครื่องมือต่อไปนี้บนหน้าจอ:
- กล่องเครื่องมือ
- กล่องประวัติศาสตร์
- กล่องเลเยอร์
- กล่องสี
ถ้าไม่เปิดใช้งานโดยคลิกที่ไอคอนที่เกี่ยวข้องที่มุมบนขวา ดูภาพหน้าจอด้านล่าง
3] ตอนนี้ เราต้องเพิ่มเลเยอร์ต่างๆ เพื่อสร้างปุ่ม เพิ่มเลเยอร์โดยคลิก " เพิ่มเลเยอร์ใหม่(Add New Layer) " ใน กล่อง " เลเยอร์(Layers) "
อ่าน(Read) : วิธีสร้างภาพขนาดย่อของ YouTube ใน(How to Make a YouTube Thumbnail in Paint.net) Paint.net
4] เนื่องจากเราจะสร้างหลายเลเยอร์ จึงควรเปลี่ยนชื่อแต่ละเลเยอร์เพื่อหลีกเลี่ยงความสับสน ดับเบิล(Double)คลิกที่เลเยอร์ที่เพิ่มใหม่และเปลี่ยนชื่อเป็น " Base " คุณสามารถตั้งชื่อใดก็ได้ตามที่คุณเลือก
5] เรากำลังสร้างปุ่มสี่เหลี่ยมมน สำหรับสิ่งนี้ ให้เลือกตัวเลือก “ รูปร่าง(Shapes) ” จาก กล่อง “ เครื่องมือ(Tools) ” และเลือกสีที่คุณชื่นชอบจาก กล่อง “ สี(Color) ” มีหลายสีให้เลือกใน ตัวเลือก " เพิ่มเติม(More) " ของกล่องสี
6] เราต้องเลือก “ Rounded Rectangle ” กับ “ Filled Mode ”
อ่าน(Read) : วิธีสร้างและเพิ่มเอฟเฟกต์ Drop Shadow ให้กับรูปภาพใน(How to create and add Drop Shadow effect to an image in Paint.NET) Paint.NET
7] กดปุ่ม(Press)ซ้ายของเมาส์ค้างไว้แล้วลากเพื่อสร้างรูปสี่เหลี่ยมผืนผ้าโค้งมน หลังจากวาดแล้ว คุณยังสามารถเปลี่ยนขนาดได้
8] ตอนนี้ เราจะเพิ่มเอฟเฟกต์การไล่ระดับสีให้กับปุ่ม สำหรับสิ่งนี้ ให้เพิ่มเลเยอร์ใหม่และเปลี่ยนชื่อเป็น " การไล่ระดับสี(Gradient) ”
9] คลิกที่เลเยอร์ " ฐาน " และเลือก " (Base)ไม้กายสิทธิ์(Magic Wand) " จากกล่องเครื่องมือ คลิก(Click)ที่รูปสี่เหลี่ยมผืนผ้าโค้งมนหลังจากเลือกไม้กายสิทธิ์(Magic Wand)
10] เลือก(Choose)สีที่อ่อนกว่าและเลือก " การ ไล่ระดับสี(Gradient) " จากกล่องเครื่องมือ
11] เมื่อคุณเลือกการไล่ระดับสี(Gradient)คุณจะเห็นพื้นผิวประเภทต่างๆ บนแถบเครื่องมือ คุณต้องเลือกพื้นผิว " เชิงเส้น " (Linear)วางเมาส์ตามที่กำหนดไว้ในภาพหน้าจอด้านล่าง ตอนนี้ ให้กดคลิกซ้ายบนเมาส์ค้างไว้แล้วลากไปที่ขอบล่างของรูปสี่เหลี่ยมผืนผ้าที่โค้งมนในขณะที่กดปุ่ม " Shift "
12] ตอนนี้ เราต้องเขียนข้อความที่กำหนดเองบนปุ่ม สำหรับสิ่งนี้ ให้เพิ่มอีกหนึ่งเลเยอร์แล้วเปลี่ยนชื่อเป็น “ Text ” ตอนนี้ เลือก “ ข้อความ(Text) ” จากกล่องเครื่องมือและเลือกสีที่คุณต้องการ คลิก(Click)ภายในรูปสี่เหลี่ยมผืนผ้าโค้งมนแล้วเขียนข้อความของคุณที่นั่น คุณยังสามารถเปลี่ยนรูปแบบแบบอักษรและขนาดของข้อความได้อีกด้วย
13] ตอนนี้ เราต้องเพิ่มความมันให้กับรูปร่าง สำหรับสิ่งนี้ ให้เพิ่มอีกหนึ่งเลเยอร์แล้วเปลี่ยนชื่อเป็น “ Glossy ” เลเยอร์นี้ควรอยู่ที่ด้านบนสุดของเลเยอร์ทั้งหมด หากไม่เป็นเช่นนั้น ให้ลากไปไว้ด้านบนสุด
14] ตอนนี้ เลือกชั้นฐาน จากนั้นเลือกไม้กายสิทธิ์(Magic Wand)และคลิกที่รูปสี่เหลี่ยมผืนผ้าโค้งมน หลังจากนั้น ให้กลับมาที่ เลเยอร์ Glossyแล้วเลือกสีขาวจากกล่องสี
ตอนนี้ เลือก เครื่องมือ " รูปร่าง(Shapes) " จากกล่องเครื่องมือ และคลิกที่ " ประเภทรูปร่าง(Shape type) " บนแถบเครื่องมือเพื่อเลือก " วงรี(Ellipse) " คุณต้องเลือกวงรี(Ellipse)ในโหมดเติม (ดูขั้นตอนที่ 6 ของบทความนี้)
ต่อไป คุณต้องวาดวงรีในลักษณะที่บางส่วนของมันอยู่บนส่วนบนสุดของสี่เหลี่ยมผืนผ้าโค้งมน เมื่อเสร็จแล้วให้กด “ Enter ”
15] ดับเบิล(Double)คลิกที่ เลเยอร์ เคลือบเงา(Glossy)เพื่อเปิดคุณสมบัติและลดความทึบ
16] ตอนนี้ เราต้องเพิ่มเส้นขอบให้กับรูปร่าง สำหรับสิ่งนี้ ให้เลือกเลเยอร์ฐานและไปที่ “ Effects > Stylize > Outline ”
17] เปลี่ยน(Vary)ความหนาและความเข้มของโครงร่างเพื่อให้รูปร่างดูเหมือนปุ่ม
18] ในขั้นตอนสุดท้าย เราต้องบันทึกปุ่ม สำหรับสิ่งนี้ ให้กด “ Ctrl + S ” และเลือกรูปแบบรูปภาพจากเมนูแบบเลื่อนลง คุณสามารถบันทึกรูปภาพในรูปแบบJPG , PNG , BMPและรูปแบบอื่น ๆ อีกมากมาย มันจะขอให้คุณปรับภาพให้แบนหรือไม่ เลือก(Select) “ แผ่(Flatten)ออก”
อ่าน(Read) : ซอฟต์แวร์ Watermark Remover ฟรี & เครื่องมือ(Free Watermark Remover software & Online tool)ออนไลน์
ปุ่มเว็บพร้อมแล้ว โดยทำตามขั้นตอนข้างต้น คุณสามารถสร้างปุ่มเว็บในสีต่างๆ คุณยังสามารถเลือกพื้นผิวการไล่ระดับสีที่แตกต่างกันเพื่อให้ปุ่มของคุณดูแตกต่างออกไป
แค่นั้นแหละ. หวังว่า(Hope)คุณจะชอบบทความ อย่า(Don)ลืมแบ่งปันมุมมองของคุณในส่วนความคิดเห็น
อ่าน(Read) : วิธีเพิ่มภาพโปร่งใสบนภาพหน้าจอด้วยโปรแกรม(How to add a Transparent Image over a Screenshot with Paint)ระบายสี
Related posts
วิธีสร้าง Transparent Image ใน Paint.NET บน Windows 10
วิธีสร้างและเพิ่ม Drop Shadow effect ไปยังรูปภาพใน Paint.NET
Add Double Exposure Effect ถึงรูปภาพโดยใช้เครื่องมือออนไลน์ฟรีเหล่านี้
Paint.NET สำหรับ Windows 10 - ดาวน์โหลดฟรี
วิธี Crop and Rotate ภาพใน Paint.NET
Add Search บน Google Images ใช้ Context Menu ใน Windows 11/10
Fix Discord Images ไม่โหลดบนพีซี
เครื่องมือฟรีในการแปลง WebP เป็น PNG online
Hornil StylePix เป็นภาพแบบพกพาฟรี Editing software สำหรับ Windows 10
WildBit Image viewer, Slide show, Editor software สำหรับคนรักภาพถ่าย
Best ฟรี Video ถึง GIF maker ซอฟต์แวร์สำหรับ Windows 10
วิธีเพิ่มลายน้ำให้กับรูปภาพออนไลน์ของคุณอย่างง่ายดายก่อนอัปโหลด
Photo Collage maker Online Tools and Software ฟรี
วิธีการลบ Background image กับ Paint 3D ใน Windows 10
GIMP Review: ฟรีโอเพ่นซอร์สที่มีประสิทธิภาพ image editing software
วิธีเพิ่ม Shadow ถึง Text or Image ใน GIMP
วิธี Bulk Rotate Images ใน Windows 11/10
วิธีการหา Images Online ที่คล้ายกันโดยใช้ Reverse Image Search
วิธีแปลงภาพ WebP เป็น PNG and JPG กับ WebP Converter
DuckLink Screen Capture: จับภาพหน้าต่าง, ภูมิภาค, หน้าเลื่อน