21
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. จะปรากฎหน้าต่างโปรแกรมดังรูป

โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

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. จะปรากฎหนาตางโปรแกรมดงรป

Page 2: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

ในหนาตางโปรแกรมจะมกลองเครองมอหลกปรากฎใหเหน 4 กลองคอ

กลองเครองมอ Tools : เปนกลองทรวบรวมค าสงตางๆทจะด าเนนการกบรป

กลองเครองมอ History : จะแสดงประวตของค าสงทไดด าเนนการกบรป

กลองเครองมอ Colors : เปนกลองทใชส าหรบเลอกสทตองการ

กลองเครองมอ Layers เปนกลองทใชแสดงและจดการเลเยอรของรปภาพ

Page 3: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

การเปดแฟมรปภาพ(Open)

1. คลกเมน File --> Open จะปรากฎหนาตางดงรป

2. เลอกแฟม Water lilies.jpg จะปรากฎดงรป

Page 4: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

การบนทกรปภาพ(Save)

1. คลกเมน File --> Save จะปรากฎหนาตาง Save As ดงรป

2. เลอกใหบนทกใน My Documents และก าหนดชอแฟมเปน mypix 3. คลกปม Saveการสรางภาพแบบโลโม(Lomo : Leningrad Optical Machinery Organization)

Page 5: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

การเปลยนขนาดของพนทรปภาพ (Resize Canvas)

1. คลกเมน Image --> Canvas Size … จะปรากฎหนาตางดงรป คลกเมน Image --> Canvas Size … จะปรากฎหนาตางดงรป

2. ใหก าหนดความกวาง(Width)เปน 640 pixels และความสง(Height)เปน 480 และคลกปม OK เพอด าเนนการ จะปรากฎดงรป

Page 6: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

3. ทดลองกด Ctrl - Z เพอยกเลกการเปลยนขนาด แลวทดลองเมน เมน Image --> Canvas Size อกครง โดยเลอก Anchor ต าแหนงอน ๆ

Page 7: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

การยอ/ขยายรปภาพ(Resize)

1. เลอกเมน Images --> Resize … จะปรากฎหนาตางดงรป

2. ใหก าหนดความกวาง(Width)เปน 320 pixels และความสง(Height)เปน 240 และคลกปม OK เพอด าเนนการ จะปรากฎดงรป

Page 8: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

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 จะด าเนนการไดดงรป

Page 9: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

3. ใหทดลองตดภาพในสวนทตองการดวย Lasso Select เพอใหไดผลลพทดงน

4. ใหทดลองตดภาพในสวนทตองการดวย Ellipse Select เพอใหไดผลลพทดงน

5. ใหทดลองตดภาพในสวนทตองการดวย Magic Wand เพอใหไดผลลพทดงน

6. ใหเปดรปนไว เพราจะน าไปใชในตอนถดไป

Page 10: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

⌘ คยลดทส าคญ

Ctrl N สรางรปภาพ(Canvas)ใหม Ctrl O เปดแฟมรปภาพ Ctrl S บนทกรปภาพ Ctrl Z ยกเลกค าสงกอนหนา Ctrl Y ท าค าสงเดมใหมอกครง Ctrl C คดลอก Ctrl V วาง Ctrl X ตด Ctrl + ซมเขาดรายละเอยด Ctrl - ซมออกดภาพรวม

Page 11: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

การซอนภาพ(เลเยอร: Layers)

ในการตกแตงตดตอภาพตงแตสองภาพขนไปบนหนาผลงานเดยวกน จะตองอาศยการซอนภาพเปนชนๆ เรยกวา เลเยอร (Layers) ซงเปรยบเทยบไดกบการซอนแผนใสทมภาพแตกตางกนหลายๆแผน แตเมอเรามองจะเหนเปนภาพเดยวกน

1. เปดแฟมรปภาพ Sunset.png

2. ตดรปภาพบางสวนใหความกวางเปน 800 และความสงเปน 130 ดงน

3. คลกเมน Layer --> Add New Layer ในกลอง Layers จะปรากฎ Layer 2 เพมขนมา และใหคลกท Layer 2ดงรป

Page 12: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

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 ดงน

Page 13: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

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 … ดงรป

Page 14: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

18. ใหเลอกประเภทเปน png และคลก Save 19. คลก OK 20. คลก Flatten เพอรวมเลเยอร 21. ใหตรวจสอบในโฟลเดอร My Pictures จะมแฟม mySunset.pdn และแฟม mySunset.png

Page 15: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

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

ลากจาก

บนลงลาง

Page 16: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

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

Page 17: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

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 เพอเลอกอกฝงหนง

Page 18: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

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

Page 19: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

9. คลก Layer Background

10. คลกเมน Adjustments-->Curves

11. เปลยน Luminosity เปน RGB ลองยกเลกการเลอกส Red Green Blue แตละส แลวใหลากเสนส และดการเปลยนแปลงสของรป

Page 20: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

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

Page 21: โปรแกรม Paint.NET เป็นโปรแกรมที่ ...thararat/IT_daily_life/lab/...885101 เทคโนโลย สารสนเทศในช ว ตประจ

885101 เทคโนโลยสารสนเทศในชวตประจ าวน ปฏบตการท 7 การใชงานโปรแกรมแกไขรปภาพ Paint.net

แบบฝกหดทายบทปฏบตการท 7

1. ใหน าภาพของตนเองไปวางซอนบนรปสถานททองเทยว ตกแตงภาพใหสวยงาม แลวเตมชอสถานทและวนทในรปภาพ .................................................................................................................................................. ............................................... ................................................................................... .............................................................................................................. ............................................................................................................................. .................................................................... 2. ใหคนควาหาและเขยนขนตอนการลบสแดงในรปภาพทถายดวยแฟลชแลวมสแดงทดวงตา ดวยโปรแกรม paint.net ........................................................................................................ ......................................................................................... ............................................................................................................................. .................................................................... ............................................................................................................................. .................................................................... 3. โหมดตาง ๆ ในการรวม Layer มอะไรบาง และแตกตางกนอยางไร (เลอกโหมดมาตอบ 3 โหมด) ............................................................................................................................. ................................................................... ........................................................................................................................................... ..................................................... ............................................................................. ................................................................................................................... 4. ค าสงส าหรบเลอกสวนของรปภาพมกค าสง ตางกนอยางไรบาง .............................................................................. ................................................................................... ............................... ............................................................................................................................. ................................................................... ............................................................................................................................. ................................................................... 5. หาโปรแกรมทสามารถตกแตงภาพอกสก 5 โปรแกรม ............................................................................................................................. .................................................................... ......................................................................................................................................................... ........................................ .......................................................................................... .......................................................................................................