Photoshopหน้ารู้

โครงงาน คอมพวิ เตอร์

เรอื่ ง Photoshopหน้ารู้

โดย

นายณัฐวฒุ ิ ไชยพนั ธ์ เลขที่ 2
นายภัทรดนยั เลิศเจริญธรรม เลขท่ี 6
นางสาวธดิ ารัตน์ อภิบาลศรี เลขท1ี่ 9
นางสาวลกั ษิกา สงั ข์ชยั เลขท่2ี 4
นางสาวสุภณิ ญา คงสุข เลขท่ี30

ชน้ั มธั ยมศกึ ษาปีท4่ี /3

เสนอ

นาย ชัชวาลย์ ฝ่ายกระโทก

รายงานฉบบั น้ีเปน็ สว่ นประกอบของโครงงานคอมพิวเตอร์
ภาคเรยี นท่ี 1 ปีกาศกึ ษา 2562

โรงเรยี นอุทัยวิทยาคม
โครงงานคอมพวิ เตอร์

เรอ่ื ง Photoshopหน้ารู้
ประเภทโครงงาน โครงงานศึกษาการใช้ Photoshop
จดั ทาโดย

1.นายณฐั วฒุ ิ ไชยพันธ์ เลขที่ 2
2. นายภทั รดนยั เลศิ เจรญิ ธรรม เลขท่ี 6
3.นางสาวธดิ ารตั น์ อภิบาลศรี เลขท่1ี 9
4.นางสาวลักษิกา สังข์ชัย เลขท่2ี 4
5 .นางสาวสุภิณญา คงสุข เลขท่ี30
โรงเรียนอุทยั วิทยาคม อําเภอ เมอื ง จังหวดั อุทัยธานี
ครทู ีป่ รึกษาโครงงาน
ครู ชชั วาลย์ ฝ่ายกระโทก

บทคดั ยอ่

โครงงานคอมพวิ เตอรก์ ารศกึ ษา เรื่อง Photoshopหนา้ รู้
จัดทาขึ้นโดยมีวตั ถุประสงค์

1) เพื่อการศึกษาการใช้งาน Photoshop
2) เพ่ือใชเ้ ป็นส่ือในการศึกษาให้กบั ผ้ทู ่ีสนใจในด้าน Photoshop
ประกอบดว้ ย แบบทดสอบประเมินความรหู้ ลังจากการศกึ ษา

ก

กติ ตกิ รรมประกาศ
ในการทําโครงงานคอมพิวเตอร์กล่มุ ข้าพเจา้ ขอขอบคณุ คุณครชู ชั วาลย์ ฝ่ายกระโทก
ทไี่ ด้ให้ความอนเุ คราะห์ คอยใหค้ าํ ปรึกษาใหค้ วามสะดวกในการทาํ โครงงาน และขอ้ เสนอแนะ
เกย่ี วกับ แนวทางในการทําโครงงานคอมพวิ เตอร์
ขอบคุณเพ่ือนในกลุม่ ทุกคนท่ีให้ความช่วยเหลือ ตลอดจนคําแนะนําท่เี ปน็ ประโยชน์
ในการทาํ โครงงาน ทา้ ยท่สี ดุ ขอกราบขอบพระคุณ คุณพ่อและคณุ แม่ ทีเ่ ป็นผู้ให้กาํ ลงั ใจและ
ให้โอกาสการศกึ ษาอนั มีคา่ ย่ิง
คณะผจู้ ดั ทาํ โครงงานคณติ ศาสตร์ ขอขอบพระคณุ ทุกทา่ นอย่างสูงท่ีให้ การ
สนบั สนุน เออื้ เฟื้อและให้ความอนุเคราะหช์ ว่ ยเหลือ จนกระทัง่ โครงงานคอมพวิ เตอร์สําเร็จ
ลลุ ่วงได้ดว้ ยดี

ข

สารบัญ หนา้
ก
เร่อื ง ข
บทคัดย่อ ค
กิตติกรรมประกาศ 1
สารบัญ
บทที่ 1 บทนา 2
3
ทีม่ า และ ความสาํ คัญ
วัตถุประสงค์ 4
ขอบเขตการศึกษา
ผลที่คาดว่าจะไดร้ บั 8
9
บทที่ 2 เอกสารทีเ่ กี่ยวขอ้ ง 12
เทคนิคการใช้ Photoshop 13

บทที่ 3 วธิ ีดาเนนิ การ 14
ขัน้ ตอนการทาํ งาน
ค
บทที่ 4 ผลการดาเนนิ โครงงาน
ทําแบบทดสอบหลงั จากศึกษา
เฉลย

บทที่ 5 สรปุ และ อภิปลายผล
ผลการทําแบบทดสอบหลังจากศกึ ษา

บรรณานุกรม

บทที1่

บทนาํ

ที่มาและความสาคัญ
ปจั จบุ ันงานด้านการออกแบบและตกแต่งภาพโดยใชค้ อมพิวเตอร์ ไดเ้ ข้ามามีบทบาทกับการ

สร้างสรรคผ์ ลงานมากขึน้ และยงั สามารถนามาประยุกตใ์ ช้กับงานดา้ นตา่ งๆได้เช่น การตกแตง่
ภาพ การ สรา้ งสรรค์ภาพ การเพม่ิ ลกู เล่นใหก้ ับชนิ้ งานตา่ งๆ ซงึ่ Photoshop เป็นโปรแกรม
สร้างงานกราฟกิ ตกแตง่ รปู ภาพและผลิตสอ่ื ส่ิงพิมพ์ท่ีไดร้ ับความนิยมอันดับตน้ ๆ อกี ทั้งยงั
ออกแบบงานกราฟิกให้ชิ้นงานมีความ โดดเดน่ ไดด้ ว้ ยตนเองภายในเวลาอนั รวดเรว็ และเปน็
โปรแกรมกราฟิกที่ใชง้ านกันตง้ั แตม่ อื สมัครเล่น แต่ง ภาพเล่นๆ เปน็ งานอดเิ รกไปจนมอื อาชีพ
ใช้เพอ่ื สรา้ งงาน สรา้ งอาชพี สาหรับผทู้ ่ีชนื่ ชอบการแตง่ ภาพไมว่ ่า จะเปน็ มือใหม่หรือมอื เก่า ก็
คงไมม่ ีใครปฏิเสธได้วา่ Photoshop เป็นโปรแกรมสาหรบั สรา้ งงานดา้ นกราฟิก ทีร่ องรบั
เกอื บทุกสายงาน บุคลากรในหลายสาขาอาชีพใหค้ วามสนใจและนยิ มใชก้ นั อยา่ งแพร่หลาย ผู้
จัดทาโครงงานเลง็ เห็นความสาํ คญั ในการใช้งานโปรแกรมคอมพิวเตอรป์ ระเภทตา่ งๆ สาหรบั
บคุ คลท่ัวไปท่ีสนใจ จงึ ได้จัดทาโครงงานโปรแกรม Photoshop เพื่อพัฒนาทกั ษะการใช้
งานโปรแกรม กราฟกิ และสามารถนาความรไู้ ปประยุกตใ์ ชใ้ นงานของสาขาอาชพี ของตนได้
วตั ถุประสงค์ เพื่อใหผ้ ้เู รยี นพัฒนาความร้คู วามสามารถในการใช้โปรแกรม Adobe
Photoshop CC และสรา้ งสรรค์ ผลงานอยา่ งมปี ระสิทธภิ าพ

วตั ถุประสงค์
1) เพื่อการศกึ ษาการใช้งาน Photoshop
2) เพ่ือใชเ้ ปน็ สอ่ื ในการศึกษาใหก้ ับผู้ทสี่ นใจในด้าน Photoshopประกอบดว้ ย

แบบทดสอบประเมนิ ความรู้หลังจากการศึกษา

ขอบเขตการศกึ ษา
อธิบายเกย่ี วกับอปุ กรณข์ อง Photoshop

1

ผลท่คี าดว่าจะได้รบั
ผเู้ รยี นสามารถจาํ เคร่ืองมือต่างๆภายในโปรแกรม Adobe Photoshop CC และ

นําไปใช้ในชีวติ ไดอ้ ยา่ งเป็นประโยชน์ที่สุด

2

บทที่2

เอกสารที่เกี่ยวขอ้ ง

ในการจัดทาโครงงานพฒั นาส่อื อเิ ล็กทรอนิกส์ Adobe Photoshop CC เพอ่ื
การศกึ ษา ผู้จัดไดศ้ ึกษาจากอินเตอร์เนต็ และเอกสารตา่ งๆ ทีเ่ กี่ยวข้องดังตอ่ ไปนี้

1. www.google.com
2. https://fotofaka.com
3. https://www.gogoprint.co.th
4. https://teacherjaray.blogspot.com

เทคนคิ การใช้ Photoshop

เครอ่ื งมือพื้นฐานของโปรแกรม Tools

Tool Panel (ทลู พาเนล) หรอื กล่องเครอ่ื งมอื จะประกอบไปดว้ ยเครือ่ งมือต่าง ๆ ท่ีใช้ใน

การวาด ตกแต่ง และแก้ไขภาพ เครอื่ งมือเหลา่ น้ีมีจํานวนมาก ดงั น้ันจึงมกี ารรวมเครอื่ งมอื ทีท่ ํา

หนา้ ทค่ี ลา้ ย ๆ กันไว้ในปุ่มเดียวกัน โดยจะมลี ักษณะรูปสามเหลี่ยมอย่บู ริเวณมมุ ด้านลา่ งดัง

ภาพ 2 เพ่อื บอกให้รู้ว่าในปุ่มนย้ี ังมเี คร่ืองมืออ่ืนอยู่ด้วย 3

เครอ่ื งมอื ตา่ งๆ

ใช้สําหรบั เลอื กพ้ืนท่บี นภาพเปน็ รูปสเ่ี หลย่ี ม วงกลม วงรี หรือเลอื กเป็นแถว
คอลัมน์ ขนาด 1 พิเซล

Move

ใชส้ ําหรับยา้ ยพืน้ ท่ีที่เลอื กไวข้ องภาพ หรอื ยา้ ยภาพในเลเยอร์หรอื
ย้ายเส้นไกด์

Marquee

ใชเ้ ลือกพนื้ ทบี่ นภาพเป็นแนวเขตแบบอิสระ
Lasso

ใชเ้ ลอื กพ้ืนทด่ี ้วยวิธีระบายบนภาพ หรือเลอื กจากสีท่ใี กลเ้ คยี งกัน
Magic Wand

ใชต้ ัดขอบภาพ

Crop

ใชต้ ัดแบ่งภาพเพื่อบันทกึ ไฟลภ์ าพย่อย ๆ ทีเ่ รียกวา่ สไลซ์ (Slice)
สาํ หรับนาํ ไปสร้างเว็บเพจ
Slice

4

ใช้เลอื กสจี ากสตี ่าง ๆ บนภาพ
Eyedropper

ใชต้ กแต่งลบรอยตาํ หนใิ นภาพ

Healing Brush

Brush ใชร้ ะบายลงบนภาพ

ใช้ทาํ สําเนาภาพ โดยก๊อปปีภ้ าพจากบริเวณอื่นมาระบาย หรอื ระบายดว้ ย
ลวดลาย

Clone Stamp

ใช้ระบายภาพดว้ ยภาพของขัน้ ตอนเดิมท่ีผ่านมา หรอื ภาพของสถานะ
เดิมทีบ่ ันทึกไว้

History Brush
ใช้ลบภาพบางสว่ นท่ไี มต่ อ้ งการ

Eraser 5
ใชเ้ ตมิ สแี บบไล่ระดับโทนสหี รือความทบึ

Gradient

ใชร้ ะบายภาพใหเ้ บลอ
Blur

ใช้ระบายเพ่อื ใหภ้ าพมดื ลง

Bern

ใชร้ ะบายเพอื่ ให้ภาพสว่างขนึ้
Dodge

ใช้วาดเสน้ พาธ (Path)
Pen

ใชพ้ มิ พต์ วั อักษรหรอื ขอ้ ความลงบนภาพ
Horizontal Type

ใช้เลือกและปรับแตง่ รูปทรงของเส้นพาธ

Path Selection

6

ใช้วาดรปู ทรงเรขาคณติ หรอื รปู ทรงสําเรจ็ รปู
Rectangle

ใช้เลื่อนดูสว่ นต่าง ๆ ของภาพ

Hand

ใช้ย่อหรอื ขยายมุมมองภาพ

Zoom
ใช้สาํ หรับกําหนดสี

set Foreground Color

เปดิ แสดงหนา้ กระดาษ แบบ Full screen
Full screen

7

บทท่ี 3

วธิ ดี าํ เนินการ

1.รวมตัวประชมุ กล่มุ หาเร่อื งท่ีสนใจ
2.เสนอหวั ขอ้ โครงงาน เพ่ือนําไปเสนอครทู ี่ปรึกษาโครงงาน
3.ศกึ ษา ค้นคว้า ข้อมูลที่เกี่ยวขอ้ งกบั เรอื่ งที่เกีย่ วข้อง
4.ศึกษา Adobe Photoshop CC จากตาํ ราทเี่ กี่ยวข้อง
5.จดั ทําโครงรา่ งโครงงาน เพอื่ นาํ ไปเสนอครูที่ปรึกษาโครงงาน
6.ปฏบิ ัติการจดั ทําโครงงาน
7.นาํ เสนอโครงงานความก้าวหน้าเป็นระยะๆ

8

บทที่ 4

ผลการดําเนินโครงงาน

แบบฝึกหัด
1.จากภาพคือสงิ่ ใด
ก. Full screen
ข. Hand
ค. Zoom
ง. Move

2. Move ใชใ้ นการทําส่ิงใด
ก.ใช้สาํ หรับเลือกพนื้ ท่บี นภาพเปน็ รูปสเ่ี หล่ยี ม วงกลม วงรี หรือเลอื กเปน็ แถวคอลัมน์
ข.เปดิ แสดงหนา้ กระดาษ แบบ Full screen
ค.ใช้ระบายเพือ่ ให้ภาพสวา่ งขนึ้
ง.ใช้เลือ่ นดสู ่วนต่าง ๆ ของภาพ

3.ขอ้ ใดใชว้ าดรูปทรงเรขาคณติ หรือรูปทรงสําเร็จรูป
ก. Rectangle
ข. Move
ค. Hand
ง. Crop

4.จากภาพคือส่งิ ใด 9
ก. Rectangle
ข. Healing Brush
ค. Zoom
ง. Move

5. Pen ใชใ้ นการทาํ สงิ่ ใด
ก. ใชเ้ ลอื กพืน้ ท่ดี ว้ ยวิธีระบายบนภาพ หรอื เลอื กจากสีทใี่ กล้เคยี งกนั
ข.ใชว้ าดเส้นพาธ
ค.ใชร้ ะบายภาพใหเ้ บลอ
ง.ใช้ตดั ขอบภาพ

6.ใช้ตดั ขอบภาพ
ก. Clone Stamp
ข. Hand
ค. Crop 6
ง. Dodge

7.จากภาพคอื สิ่งใด
ก. Eyedropper
ข. Healing Brush
ค. Rectangle
ง. Zoom

8.ข้อใดใช้ลบภาพบางส่วนที่ไม่ต้องการ
ก. Zoom
ข. Healing Brush
ค. Rectangle
ง. Eraser

10

9.จากภาพอุปกรณน์ ม้ี ีหนา้ ทอ่ี ะไร
ก.ใชร้ ะบายลงบนภาพ
ข.ใชร้ ะบายภาพด้วยภาพของขั้นตอนเดิมที่ผ่านมา หรอื ภาพของสถานะ
เดิมทบ่ี ันทกึ ไว้
ค.ใช้พิมพต์ วั อกั ษรหรือข้อความลงบนภาพ
ง.ใช้วาดรปู ทรงเรขาคณิตหรอื รปู ทรงสําเร็จรูป
10.จากภาพคือส่ิงใด
ก. Eyedropper
ข. Rectangle
ค. Zoom
ง. set Foreground Color

11

เฉลย

1. ง
2. ก
3. ก
4. ค
5. ข
6. ค
7. ก
8. ง
9. ค
10. ง

12

บทท่ี 5

สรปุ ผลการศึกษา

ผทู้ าแบบทดสอบ

10คะแนน
9คะแนน
8คะแนน
7คะแนน

จากผลการทาํ แบบทดสอบพบวา่
ผ้ทู ี่ทาํ แบบทดสอบแลว้ มคี ะแนน 10 คะแนน รอ้ ยละ 60

คะแนน 9 คะแนน รอ้ ยละ 10
คะแนน 8 คะแนน ร้อยละ 20
คะแนน 7 คะแนน ร้อยละ 10
เป็นผลท่ีหนา้ พงึ พอใจ แสดงวา่ สื่อการเรียนการสอนของเรามีองค์ประกอบที่ดที าํ ให้เข้าใจใน
การใชเ้ คร่ืองมือตา่ งๆได้อย่างถกู ตอ้ ง มีเนื้อหาเข้าใจงา่ ยทาํ ใหจ้ าํ แลว้ นาํ มาทําแบบทดสอบได้
งา่ ยและแม่นยํา

13

บรรณานุกรม

ไม่ระบชุ อ่ื ผูแ้ ตง่ .2560.เทคนิค Photoshop CC. [ระบบออนไลน]์ .
แหลง่ ท่มี า https://www.gogoprint.co.th

ไม่ระบุชอื่ ผ้แู ต่ง.2559.เทคนคิ Photoshop ทช่ี า่ งภาพและคนแต่งภาพควรรู้.
[ระบบออนไลน]์ .แหล่งทม่ี า https://www.gogoprint.co.th

นายจเร หตั ถภมู ิเกษตร.2557.ความร้พู ืน้ ฐานเก่ียวกบั โปรแกรม Photoshop CS6.
[ระบบออนไลน]์ . แหลง่ ทมี่ า https://teacherjaray.blogspot.com

14