การตกแต่งรูปภาพด้วยโปรแกรม paint.net
DESCRIPTION
ÂTRANSCRIPT
![Page 1: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/1.jpg)
การตกแตงรปภาพดวยโปรแกรม Paint.net
วตถประสงค
เพอให ผเรยนสามารถดำาเนนการกบรปภาพเบองตนดวยโปรแกรม Paint.net ได เชน
1. การเปลยนขนาดของพนทรปภาพ (Resize Canvas)2. การยอ/ขยายรปภาพ (Resize)
3. การตดภาพในสวนทตองการ (Crop)
4. การซอนภาพ (เลเยอร: Layers)
5. การท าตวอกษรสะทอน (Reflection)
6. การสรางภาพแบบโลโม (Lomo : Leningrad Optical Machinery Organization)
![Page 2: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/2.jpg)
การเปดโปรแกรม Paint.net
1. เปดโปรแกรมดวย การคลกไอคอน
2. จะปรากฏหนาตางโปรแกรมดงรป
![Page 3: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/3.jpg)
ในหนาตางโปรแกรมจะม กลองเครองมอหลกปรากฏใหเหน 4 กลองคอ
![Page 4: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/4.jpg)
การเปดแฟมรปภาพ(Open)
1. คลกเมน File --> Open จะปรากฎหนาตางดงรป
![Page 5: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/5.jpg)
2. เลอกแฟม Water lilies.jpg จะปรากฏดงรป
![Page 6: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/6.jpg)
การบนทกรปภาพ(Save)
1. คลกเมน File --> Save จะปรากฎหนาตาง
Save As ดงรป
2. เลอกใหบนทกใน My Documents และกำาหนดชอแฟมเปน mypix
3. คลกปม Save การสรางภาพแบบโลโม(Lomo : Leningrad Optical Machinery Organization)
![Page 7: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/7.jpg)
การเปลยนขนาดของพนทรปภาพ (Resize Canvas)
1. คลกเมน Image --> Canvas Size … จะปรากฎหนาตางดงรปคลกเมน Image --> Canvas Size … จะปรากฎ
หนาตางดงรป
![Page 8: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/8.jpg)
2. ใหกำาหนดความกวาง(Width)เปน 640 pixels และความสง(Height)เปน 480 และคลกปม OK เพอดำาเนนการ
จะปรากฎดงรป
![Page 9: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/9.jpg)
3. ทดลองกด Ctrl - Z เพอยกเลกการเปลยนขนาด แลวทดลองเมน เมน Image --> Canvas Size อกครง โดย
เลอก Anchor ตำาแหนงอน ๆ
การยอ/ขยายรปภาพ(Resize)
1. เลอกเมน Images --> Resize … จะปรากฎหนาตางดงรป
![Page 10: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/10.jpg)
2. ให กำาหนดความ
กวาง(Width)เปน 320 pixels และความสง(Height)เปน 240 และคลกปม OK เพอดำาเนนการ
![Page 11: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/11.jpg)
จะปรากฎดงรป
การตดภาพในสวนทตองการ(Crop)
![Page 12: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/12.jpg)
2. เลอกเมน Image --> Crop to Selection จะดำาเนนการไดดงรป
![Page 13: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/13.jpg)
![Page 14: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/14.jpg)
6. ใหเปดรปนไว เพราจะนำาไปใชในตอนถดไป
การซอนภาพ(เลเยอร: Layers)
![Page 15: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/15.jpg)
ในการตกแตงตดตอภาพตงแตสองภาพขนไปบนหนาผลงานเดยวกน จะตองอาศยการซ อนภาพเปนชนๆ เรยกวา
เลเยอร (Layers) ซงเปรยบเทยบไดกบการซอนแผนใสทมภาพแตกตางกนหลายๆแผน แตเมอเรามองจะเหนเปนภาพ
เดยวกน
1. เปดแฟมรปภาพ Sunset.png
![Page 16: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/16.jpg)
2. ตดรปภาพบางสวนใหความกวางเปน 800 และความสงเปน 130 ดงน
3. คลกเมน Layer --> Add New Layer ในกลอง Layers จะปรากฎ Layer 2 เพมขนมา และใหคลกท Layer 2ดงรป
![Page 17: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/17.jpg)
6. เลอกสตวอกษรเปนสขาวจากกลอง Colors
7. พมพขอความ The Old Bangsaen ดงรป
11. คลกเมน Edit --> Select All
![Page 18: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/18.jpg)
12. คดลอกรปภาพ โดยกด Ctrl C
13. คลกท Layer 3 ในกลอง Layers
14. วางรปภาพ โดยกด Ctrl V จะปรากฏดงรป
15. ดบเบลคลกท Layer 3 จะปรากฎหนาตาง Layer Properties เพอใหเลอกโหมดการรวมของ Layer นกบ Layer อน ๆ ดงรป (ใหทดลองเปลยน Mode แบบตางๆ แลวด
ผลลพททเกดขนดวย)
![Page 19: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/19.jpg)
16. บนทกแฟมอกครง
17. การบนทกเปนแฟมประเภทอนเชน jpg, gif หรอ png ใหเลอก เมน File --> Save As … ดงรป
![Page 20: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/20.jpg)
18. ใหเลอกประเภทเปน png และคลก Save
19. คลก OK
20. คลก Flatten เพอรวมเลเยอร
21. ใหตรวจสอบในโฟลเดอร My Pictures จะมแฟม mySunset.pdn และแฟม mySunse
การทำาตวอกษรสะทอน(Reflection)
1. สรางแฟมใหมกำาหนดความกวางเปน 320 ความสง
เปน 100t.png
![Page 21: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/21.jpg)
![Page 22: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/22.jpg)
8. คลก Layer text
18. บนทกรปภาพชอ myReflectText.pdn
![Page 23: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/23.jpg)
การสรางภาพแบบโลโม (Lomo : Leningrad Optical Machinery Organization)โลโมกราฟเนนการถายภาพจากระดบเอว การใชสจดเกน สงปนเป อนบนเลนส และจดตำาหนอยางจง
ใจ เพอสรางความรสกเปนศลปะ เปนนามธรรม เหลานเปนสงทนกถายภาพ
โลโมกราฟนยมชมชอบ ดวย
ขนาดทเลก ทำาใหกลองโลโมเปนทนยมสำาหรบการพกพา และใชบนทกภาพในชวตประจำาวน. นอกจากน
ความสามารถในการถายในท ๆ มแสงนอยได ทำาใหมนเปนทนยมสำาหรบการภาพทเผลอ (แคนดด) การ
รายงานดวยภาพ และภาพเหตการณจรง
[ทมา:http://th.wikipedia.org/wiki/โลโมกราฟ]
![Page 24: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/24.jpg)
![Page 25: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/25.jpg)
![Page 26: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/26.jpg)
8. คลกปม Layer Properties บน กลอง Layer และตงคา Opacity เปน 175
9. คลก Layer Background
![Page 27: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/27.jpg)
10. คลกเมน Adjustments-->Curves
11. เปลยน Luminosity เปน RGB ลองยกเลกการเลอกส Red Green Blue แตละส แลวใหลากเสนส และดการ
เปลยนแปลงสของรป
![Page 28: การตกแต่งรูปภาพด้วยโปรแกรม paint.net](https://reader033.vdocuments.mx/reader033/viewer/2022051220/568bd6881a28ab20349c70a3/html5/thumbnails/28.jpg)