วาดภาพด้วยเพนท์ / เพนต์ (MS Paint)

ปรับปรุง : 2565-01-13 (เพิ่มทุ่งกว๋าว)

มีหลายโปรแกรมที่เด็กเล็ก เค้าเรียนรู้มาจากโรงเรียน
แล้วมาสอนผู้ปกครองที่บ้าน
MS Paint เป็นอีกโปรแกรมหนึ่งที่พบว่า เด็กหลายคนเริ่มใช้กันแล้ว
แล้วก็รู้ว่า "เด็กที่บ้านผม ไม่เคยใช้"

สารบัญ

หน้าตาของโปรแกรม MS Paint และที่มา
Tool box ของโปรแกรม มีอะไรบ้าง
กำหนดขนาดเพื่อพิมพ์
บทเรียนชุดที่ 1 : เรียนรู้เครื่องมือ
บทเรียนชุดที่ 2 : เรียนรู้ภาพ และ icon
ตัวอย่างงานที่ได้จาก MS Paint

จุดเด่น

เป็น graphic editor ขนาดเล็ก จึงเร็ว
copy และ paste จาก Print Screen ได้ง่าย
คุณสมบัติน้อย ใช้งานง่าย ไม่ซับซ้อน
สั่ง Set as desktop background ได้เลย
มีมากับ Windows ไม่ต้องติดตั้งเพิ่ม

โปรแกรมที่น่าสนใจ
1. แปลงสกุลภาพด้วย Irfanview 3.51 639 KB

2. ภาพเคลื่อนไหว GIF Construction Set 1.3 MB

1. หน้าตาของโปรแกรม MS Paint และที่มา
โปรแกรมที่ผมใช้สอนเป็น MS Paint ของ Windows 95 Thai Edition โปรแกรมนี้มี option ให้ไม่มากนัก แต่ทำงานเร็ว สอดคล้องกับระบบ เปิดพร้อมกันหลาย ๆ หน้าต่างได้ มีมากับ windows ทุก version ทุกรุ่น ทำให้ผู้ใช้ไม่จำเป็นต้องไปหาซื้อมา install ย่อขยายภาพสะดวก พร้อม scale บอกตำแหน่ง การ zoom มาแก้ไข ใช้ Alt & Print Screen เพื่อรับบางส่วน ใช้ Print Screen เพื่อรับทั้งจอภาพก็ได้ หมุน หรือเปลี่ยนขนาดก็ได้

2. Tool box ของโปรแกรมมีอะไรบ้าง
ถ้าผมสอนนักศึกษาจะสอบให้ท่องศัพท์
สำหรับชื่อ tool ทุก tool และหน้าที่
Free-Form Select : เลือกได้อิสระ
Select : เลือกแบบสี่เหลี่ยม
Eraser/Color Eraser : ลบบางส่วนของภาพ
Fill With Color : เทสี
Pick Color : เก็บสี
Magnifier : ขยาย
Pencil : ปากกา
Brush : แปลงสี
Airbrush : สเปร
Text : อักษร
Line : เส้น
Curve : เส้นโค้ง
Rectangle : สี่เหลี่ยม
Polygon : หลายเหลี่ยม
Ellipse : วงลี
Rounded Rectangle : สี่เหลี่ยมขอบมน
Opaque : ตัดทับ
Transparent : ตัดทับ เว้นพื้นโปร่ง

3. กำหนดขนาดเพื่อพิมพ์
File, Page Setup
- Ms paint ใน Windows XP สามารถกำหนด Scale สำหรับ Print ได้แล้ว จึงไม่มีปัญหาเรื่องการพิมพ์เกินขนาดกระดาษ จะลด หรือขยายเพื่อ Print ลงกระดาษก็ทำได้สะดวก

- Print ตามแนวตั้ง หรือนอนก็ได้

บทเรียนชุดที่ 1 : เรียนรู้เครื่องมือ

บทเรียนที่ 1.1
- สร้างภาพง่าย ๆ เป็นสี่เหลี่ยมคนละสีจนเต็มพื้นที่
- อาจใช้ rectangle ร่วมกับการเลือกสี และ option ประกอบที่เหมาะสม
- บางท่านอาจใช้ line ร่วมกับ fill with color ก็ทำได้

บทเรียนที่ 1.2
- ฝึกเลือกสีที่ต้องการ
- ฝึกใช้ curve
- ฝึกใช้ line
- ฝึกใช้ fill with color

บทเรียนที่ 1.3
- ฝึกใช้ ellipse
- ฝึกใช้ fill with color
- ฝึกใช้ rectangle
- ฝึกใช้ air brush

บทเรียนที่ 1.4
- ฝึกใช้ text
- ฝึกใช้ select
- ฝึกใช้ fill with color
- ฝึกกำหนด foreground color และ background color
- ฝึกใช้ rectangle

บทเรียนที่ 1.5
- ฝึกใช้ polygon
- ฝึกใช้ brush และ option
- ฝึกใช้ inverse

บทเรียนชุดที่ 2 : เรียนรู้ภาพ และ icon

บทเรียนที่ 2.1
- หัดใช้ Print Screen
- ฝึกตัดภาพจาก windows

บทเรียนที่ 2.2
- ฝึกตัดภาพจาก windows
- ฝึกใช้ magnifier
- หัดย่อขยาย และเข้าใจเรื่องของจุด

บทเรียนที่ 2.3
- ฝึกใช้อุปกรณ์ต่าง ๆ วาดภาพ
- ให้วาดภาพตามจินตนาการ

บทเรียนที่ 2.4
- ฝึกตัดภาพที่ได้จาก Print Screen
- ทำความเข้าใจภาพที่ตัดมา และตกแต่งได้

บทเรียนที่ 2.5
- ฝึกตัดภาพที่ได้จาก Print Screen
- สามารถปรับภาพได้ในหลายรูปแบบตามต้องการ

ตัวอย่างงานที่ได้จาก MS Paint

การเก็บค่าสีด้วย MS Paint

htmlcolorcodes.com

สีตามมาตรฐาน RGB นั้น ใช้สำหรับการแสดงผลบนเครื่องคอมพิวเตอร์ หรืออุปกรณ์ ซึ่งมีจำนวนสีได้ถึง 16 ล้านสี แต่สีตามมาตรฐาน CYMK ใช้กับงานพิมพ์ ซึ่งมีจำนวนสีน้อยกว่า เลือกใช้เฉพาะสีที่มนุษย์แยกได้ด้วยสายตา การจะรู้ว่าสีที่มองเห็นนั้นมีค่าสีใด สามารถใช้ Print screen ภาพนั้น ไปวางไว้บน MS Paint แล้วใช้ Color picker เก็บค่าสี แล้วไปเลือก Edit colors ก็จะเห็นค่าสีเป็นเลขฐาน 10 แยกตาม R + G + B ได้ และเว็บไซต์ htmlcolorcodes.com บริการเรื่องสี และชื่อสีได้อย่างครบถ้วนถึง 140 ชื่อ
+ http://www.thaiall.com/paint/
+ Melt the moment

จัดทำภาพ หรือแก้งานใน Paint แล้วกำหนดเป็น Wallpaper

ถ้ามีภาพสวย ๆ แล้วต้องการใช้ภาพนั้นเป็น Wallpaper ก็สามารถทำได้หลายวิธี ซึ่งวิธีหนึ่งที่สะดวก คือ เปิดภาพ .jpg .gif หรือ .png ในโปรแกรม Paint แล้วคลิ๊กสั่ง File, Set as desktop background โดยเลือกได้ 3 แบบ คือ Fill, Tile และ Center ซึ่งผลลัพธ์ที่ได้นั้น ขึ้นกับขนาดของภาพ หากเป็นภาพเล็กก็จะเลือก Tile แต่ถ้าใหญ่เกือบเต็มจอภาพ ก็จะใช้ Fill แต่ถ้าขนาดเหมาะที่จะอยู่กลางจอภาพ ก็ใช้ Center ตัวอย่างนี้ผมเลือก Center เพราะจะได้มีเพื่อนที่ให้กับ icon ทางด้านซ้ายจำนวน 2 คอลัมพอดี

หมุนจอ แล้ว print screen ส่งเข้า paint หรือ word

วันหนึ่ง (3 ม.ค.62) หัวหน้าต้องการเก็บภาพเอกสาร บนที่เห็นบนจอภาพที่ preview หรือเปิดใช้งานอยู่นั้น ขนาดกระดาษเท่า A4 ขนาด 21 ซม. * 29.7 ซม. ถ้า Letter ก็ 8.5 นิ้ว * 11 นิ้ว (1 นิ้ว = 2.54 ซม.) เพื่อนำไปใช้ใน word หรือ paint และต้องการขยายจอภาพอีกนิดหน่อย แล้วค่อย capture ก็แนะนำไปว่า rotate จอภาพก่อน แล้วค่อย capture จะได้ตัวอักษรใหญ่ขึ้นมาอีกนิด อ่านง่าย วิธีการ rotate ก็ทำได้โดยใช้ chrome extension ช่วย เช่น Read in bed ติดตั้งก็จะใช้ง่าย กด rotate ได้เลย
หากไม่ติดตั้งเพิ่ม ก็ใช้ Developer tools (F12 หรือ Ctrl-Shift-I) ที่มีใน chrome ด้วยการพิมพ์คำสั่งเข้าไปใน Console เป็นการสั่ง Rotate screen ผ่าน Console ด้วย webkit ตามตัวอย่างคำสั่งด้านล่างนี้ แล้วค่อยกด print screen เพื่อเก็บหน้าจอไว้ในหน่วยความจำ แล้วนำไปใช้ใน paint หรือ word ก็ได้

ผลการทดสอบ -webkit.. ใช้งานได้ทั้งบน Chrome, Firefox และ Edge แต่ไม่ได้กับ IE

หมุนให้หัวไปทางซ้าย
rote ="-webkit-transform: rotate(-90deg);";
document.body.setAttribute( "style", rote);
หมุนให้หัวไปทางขวา
rote ="-webkit-transform: rotate(90deg);";
document.body.setAttribute( "style", rote);
หมุนให้หัวอยู่บนสุดเหมือนเดิม
rote ="-webkit-transform: rotate(0deg);";
document.body.setAttribute( "style", rote);
หมุนกลับหัวกลับหาง
rote ="-webkit-transform: rotate(180deg);";
document.body.setAttribute( "style", rote);
console.log(rote);

Screenshots (Window + Print Screen Sys Rq)

"ไม่เริ่มต้นในวันนี้ จะไม่มีทางสำเร็จในวันพรุ่ง" โดย โยฮัน ว็อล์ฟกัง ฟ็อน เกอเทอ

Thaiall.com

Truehits.net

"ยอมรับคุกกี้"
เพื่อให้เว็บไซต์นำเสนอ
ประสบการณ์ที่ดีขึ้นสำหรับคุณ

เราใช้คุกกี้ (Cookies) เพื่อเพิ่มประสบการณ์ และความพึงพอใจของท่าน เพื่อให้เว็บไซต์สามารถใช้งานได้ง่าย และมีประสิทธิภาพยิ่งขึ้น โดยการเข้าใช้เว็บไซต์นี้ถือว่าท่านได้อนุญาตให้เราใช้คุกกี้ตาม นโยบายคุกกี้ของเรา อ่านเพิ่มเติม