วาดภาพด้วยเพนท์ / เพนต์ (MS Paint)
มีหลายโปรแกรมที่เด็กเล็ก เค้าเรียนรู้มาจากโรงเรียน
แล้วมาสอนผู้ปกครองที่บ้าน
MS Paint เป็นอีกโปรแกรมหนึ่งที่พบว่า เด็กหลายคนเริ่มใช้กันแล้ว
แล้วก็รู้ว่า "เด็กที่บ้านผม ไม่เคยใช้"
    สารบัญ
  1. หน้าตาของโปรแกรม MS Paint และที่มา
  2. Tool box ของโปรแกรม มีอะไรบ้าง
  3. กำหนดขนาดเพื่อพิมพ์
  4. บทเรียนชุดที่ 1 : เรียนรู้เครื่องมือ
  5. บทเรียนชุดที่ 2 : เรียนรู้ภาพ และ icon
  6. ตัวอย่างงานที่ได้จาก MS Paint
    จุดเด่น
    เหตุที่ผมชื่นชอบโปรแกรมนี้มีดังนี้
  1. เป็น graphic editor ขนาดเล็ก จึงเร็ว
  2. copy และ paste จาก Print Screen ได้ง่าย
  3. คุณสมบัติน้อย ใช้งานง่าย ไม่ซับซ้อน
  4. สั่ง Set as desktop background ได้เลย
  5. มีมากับ 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
สีตามมาตรฐาน 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)
rspsocial
Thaiall.com