Post on 03-Jul-2020
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
ปฏบตการท 7
การตกแตงรปภาพดวยโปรแกรม Paint.net
วตถประสงค
เพอใหผเรยนสามารถด าเนนการกบรปภาพเบองตนดวยโปรแกรม Paint.netได เชน
1. การเปลยนขนาดของพนทรปภาพ (Resize Canvas) 2. การยอ/ขยายรปภาพ (Resize) 3. การตดภาพในสวนทตองการ (Crop) 4. การซอนภาพ (เลเยอร: Layers) 5. การท าตวอกษรสะทอน (Reflection) 6. การสรางภาพแบบโลโม (Lomo : Leningrad Optical Machinery Organization)
โปรแกรม Paint.NET เปนโปรแกรมทรวบรวมค าสงตาง ๆ ทใชในการตกแตงภาพไดอยางมประสทธภาพ โดยรองรบการสรางเลเยอร การปรบเปลยนส การปรบเปลยนขนาดของภาพ และเอฟเฟกตาง ๆ มากมายเพอปรบแตงรปภาพ อกทงยงสามารถดาวนโหลดมาใชงานไดโดยไมมคาใชจาย
การเปดโปรแกรม Paint.net
1. เปดโปรแกรมดวยการคลกไอคอน
2. จะปรากฎหนาตางโปรแกรมดงรป
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
ในหนาตางโปรแกรมจะมกลองเครองมอหลกปรากฎใหเหน 4 กลองคอ
กลองเครองมอ Tools : เปนกลองทรวบรวมค าสงตางๆทจะด าเนนการกบรป
กลองเครองมอ History : จะแสดงประวตของค าสงทไดด าเนนการกบรป
กลองเครองมอ Colors : เปนกลองทใชส าหรบเลอกสทตองการ
กลองเครองมอ Layers เปนกลองทใชแสดงและจดการเลเยอรของรปภาพ
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
การเปดแฟมรปภาพ(Open)
1. คลกเมน File --> Open จะปรากฎหนาตางดงรป
2. เลอกแฟม Water lilies.jpg จะปรากฎดงรป
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
การบนทกรปภาพ(Save)
1. คลกเมน File --> Save จะปรากฎหนาตาง Save As ดงรป
2. เลอกใหบนทกใน My Documents และก าหนดชอแฟมเปน mypix 3. คลกปม Saveการสรางภาพแบบโลโม(Lomo : Leningrad Optical Machinery Organization)
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
การเปลยนขนาดของพนทรปภาพ (Resize Canvas)
1. คลกเมน Image --> Canvas Size … จะปรากฎหนาตางดงรป คลกเมน Image --> Canvas Size … จะปรากฎหนาตางดงรป
2. ใหก าหนดความกวาง(Width)เปน 640 pixels และความสง(Height)เปน 480 และคลกปม OK เพอด าเนนการ จะปรากฎดงรป
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
3. ทดลองกด Ctrl - Z เพอยกเลกการเปลยนขนาด แลวทดลองเมน เมน Image --> Canvas Size อกครง โดยเลอก Anchor ต าแหนงอน ๆ
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
การยอ/ขยายรปภาพ(Resize)
1. เลอกเมน Images --> Resize … จะปรากฎหนาตางดงรป
2. ใหก าหนดความกวาง(Width)เปน 320 pixels และความสง(Height)เปน 240 และคลกปม OK เพอด าเนนการ จะปรากฎดงรป
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
การตดภาพในสวนทตองการ(Crop)
1. ในกลองเครองมอมค าสงส าหรบเลอกสวนของรปภาพ 4 ค าสงคอ
• Rectangle Select ส าหรบเลอกสวนของรปภาพเปนพนทสเหลยม
• Lasso Select ส าหรบเลอกสวนของรปภาพแบบอสระ
• Ellipse Select ส าหรบเลอกสวนของรปภาพเปนพนทวงกลมหรอวงร
• Magic Wand ส าหรบเลอกสวนของรปภาพทมสเดยวกน
⌘ ถาคลกเมาสเพยงอยางเดยว จะเลอกบรเวณทมสเดยวกน
⌘ ถากดปม Ctrl คางไว และคลกเมาส จะสามารถเลอกไดมากวาหนงพนท ⌘ ถากดปม Shift คางไว จะเลอกพนททมสเดยวกนทงหมดในภาพ
1. เลอก Rectangle Select แลวเลอกบางสวนของรปภาพ ดงรป
ใหสงเกตทแถบสถานะดานลางจะแสดงขนาดทเลอก ขนาด 285 x 266 pixel
2. เลอกเมน Image --> Crop to Selection จะด าเนนการไดดงรป
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
3. ใหทดลองตดภาพในสวนทตองการดวย Lasso Select เพอใหไดผลลพทดงน
4. ใหทดลองตดภาพในสวนทตองการดวย Ellipse Select เพอใหไดผลลพทดงน
5. ใหทดลองตดภาพในสวนทตองการดวย Magic Wand เพอใหไดผลลพทดงน
6. ใหเปดรปนไว เพราจะน าไปใชในตอนถดไป
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
⌘ คยลดทส าคญ
Ctrl N สรางรปภาพ(Canvas)ใหม Ctrl O เปดแฟมรปภาพ Ctrl S บนทกรปภาพ Ctrl Z ยกเลกค าสงกอนหนา Ctrl Y ท าค าสงเดมใหมอกครง Ctrl C คดลอก Ctrl V วาง Ctrl X ตด Ctrl + ซมเขาดรายละเอยด Ctrl - ซมออกดภาพรวม
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
การซอนภาพ(เลเยอร: Layers)
ในการตกแตงตดตอภาพตงแตสองภาพขนไปบนหนาผลงานเดยวกน จะตองอาศยการซอนภาพเปนชนๆ เรยกวา เลเยอร (Layers) ซงเปรยบเทยบไดกบการซอนแผนใสทมภาพแตกตางกนหลายๆแผน แตเมอเรามองจะเหนเปนภาพเดยวกน
1. เปดแฟมรปภาพ Sunset.png
2. ตดรปภาพบางสวนใหความกวางเปน 800 และความสงเปน 130 ดงน
3. คลกเมน Layer --> Add New Layer ในกลอง Layers จะปรากฎ Layer 2 เพมขนมา และใหคลกท Layer 2ดงรป
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
4. คลกค าสง Text ในกลองเครองมอ(Tools) 5. เลอกฟอนต Curlz MT ขนาด 26 ตวหนา ดงรป
6. เลอกสตวอกษรเปนสขาวจากกลอง Colors 7. พมพขอความ The Old Bangsaen ดงรป
⌘ เราสามารถยายขอความได โดยคลกทเครองหมาย แลวลากไปยงต าแหนงทตองการ
8. บนทกแฟม โดยตงชอเปน mySunset ⌘ ใหสงเกตวานามสกลของแฟมจะเปน Paint.NET(*.pdn) เนองจากรปภาพนมการท า Layer และยงไมไดรวมแตละLayer เขาดวยกน ซงขอดของการท าเปน Layer คอ เราสามารถน ารปนมาปรบเปลยนแกไขใหมได 9. คลกเมน Layer --> Add New Layer ในกลอง Layers จะปรากฎ Layer 3 เพมขนมา 10. ให Crop รปดอกบวของรปกอนหนา ใหมขนาดความกวาง 800 และสง 130 ดงน
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
11. คลกเมน Edit --> Select All 12. คดลอกรปภาพ โดยกด Ctrl C 13. คลกท Layer 3 ในกลอง Layers 14. วางรปภาพ โดยกด Ctrl V จะปรากฎดงรป
15. ดบเบลคลกท Layer 3 จะปรากฎหนาตาง Layer Properties เพอใหเลอกโหมดการรวมของ Layer นกบ Layer อน ๆ ดงรป (ใหทดลองเปลยน Mode แบบตางๆ แลวดผลลพททเกดขนดวย)
16. บนทกแฟมอกครง 17. การบนทกเปนแฟมประเภทอนเชน jpg, gif หรอ png ใหเลอก เมน File --> Save As … ดงรป
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
18. ใหเลอกประเภทเปน png และคลก Save 19. คลก OK 20. คลก Flatten เพอรวมเลเยอร 21. ใหตรวจสอบในโฟลเดอร My Pictures จะมแฟม mySunset.pdn และแฟม mySunset.png
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
การท าตวอกษรสะทอน(Reflection)
1. สรางแฟมใหมก าหนดความกวางเปน 320 ความสงเปน 100 2. คลก Gradient จากกลอง Tools เลอก Linear และ Color Mode ดงรป
3. เลอกสทกลอง Colors
4. ใหคลกเมาสทสวนบนของรปภาพแลวลากจากบนลงลาง ดงรป
5. คลกปม Add New Layer ในกลอง Layers เพอสราง Layer ใหม ชอวา Layer 2
6. ดบเบลคลก Layer 2 เพอเปลยน Name: เปน text 7. คลก Text ในกลอง Tools แลวพมพขอความ Burapha University ดงรป
8. คลก Layer text
ลากจาก
บนลงลาง
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
9. คลกปม Duplicate Layer เพอสราง Layer ใหม
10. ดบเบลคลก Layer ใหม และเปลยน Name: เปน text reflect 11. คลก Layer text reflect 12. คลกเมน Layer --> Flip Vertical เพอกลบดานขอความ
13. คลก Move Selected Pixels แลว ลากขอความใน Layer text reflect ดงรป
14. คลก Gradient จากกลอง Tools เลอก Linear และ Tranparency Mode
15. ลากจากบนลงลาง ดงรป
16. ดบเบลคลกท Layer text reflect 17. ปรบคา Opacity เปน 120 จะไดผลลพทดงรป
18. บนทกรปภาพชอ myReflectText.pdn
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
การสรางภาพแบบโลโม (Lomo : Leningrad Optical Machinery Organization)
โลโมกราฟเนนการถายภาพจากระดบเอว การใชสจดเกน สงปนเปอนบนเลนส และจดต าหนอยางจงใจ เพอสรางความรสกเปนศลปะ เปนนามธรรม เหลานเปนสงทนกถายภาพโลโมกราฟนยมชมชอบ ดวยขนาดทเลก ท าใหกลองโลโมเปนทนยมส าหรบการพกพา และใชบนทกภาพในชวตประจ าวน. นอกจากน ความสามารถในการถายในท ๆ มแสงนอยได ท าใหมนเปนทนยมส าหรบการภาพทเผลอ (แคนดด) การรายงานดวยภาพ และภาพเหตการณจรง [ทมา:http://th.wikipedia.org/wiki/โลโมกราฟ]
ตวอยางภาพแบบโลโม ภาพปกต ภาพแบบโลโม
1. เปดแฟม beach.jpg
2. คลกปม Add New Layer ในกลอง Layers เพอสราง Layer ใหม
3. คลก ellipse จากกลอง Tools และใช ellipse ลากวงกลมบน layer ใหม
4. คลกเมน Edit-->Invert Select เพอเลอกอกฝงหนง
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
5. คลกเมน Edit-->Fill Selection ดวยสด า 6. คลกเมน Edit-->Deselect เพอยกเลก selection
7. คลกเมน Effect-->Blurs-->Gaussian Blur และ ตงคา Radius เปน 125
8. คลกปม Layer Properties บน กลอง Layer และตงคา Opacity เปน 175
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
9. คลก Layer Background
10. คลกเมน Adjustments-->Curves
11. เปลยน Luminosity เปน RGB ลองยกเลกการเลอกส Red Green Blue แตละส แลวใหลากเสนส และดการเปลยนแปลงสของรป
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
12. บนทกแฟมรปเปน beach.pdn เอกสารอางอง
[1] http://vintagegirl.exteen.com/20100304/3-workshop-layer [2] http://graphicssoft.about.com/od/paintnet/ss/lomo-effect_7.htm
885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net
แบบฝกหดทายบทปฏบตการท 7
1. ใหน าภาพของตนเองไปวางซอนบนรปสถานททองเทยว ตกแตงภาพใหสวยงาม แลวเตมชอสถานทและวนทในรปภาพ .................................................................................................................................................. ............................................... ................................................................................... .............................................................................................................. ............................................................................................................................. .................................................................... 2. ใหคนควาหาและเขยนขนตอนการลบสแดงในรปภาพทถายดวยแฟลชแลวมสแดงทดวงตา ดวยโปรแกรม paint.net ........................................................................................................ ......................................................................................... ............................................................................................................................. .................................................................... ............................................................................................................................. .................................................................... 3. โหมดตาง ๆ ในการรวม Layer มอะไรบาง และแตกตางกนอยางไร (เลอกโหมดมาตอบ 3 โหมด) ............................................................................................................................. ................................................................... ........................................................................................................................................... ..................................................... ............................................................................. ................................................................................................................... 4. ค าสงส าหรบเลอกสวนของรปภาพมกค าสง ตางกนอยางไรบาง .............................................................................. ................................................................................... ............................... ............................................................................................................................. ................................................................... ............................................................................................................................. ................................................................... 5. หาโปรแกรมทสามารถตกแตงภาพอกสก 5 โปรแกรม ............................................................................................................................. .................................................................... ......................................................................................................................................................... ........................................ .......................................................................................... .......................................................................................................