แผนการจัดการเรียนรู้ที่ 1 แนะนำการใช้ Photoshop CS6 เบื้องต้น

แผนการจัดการเรียนรู้

กลุ่มสาระวิทยาศาสตรแ์ ละเทคโนโลยี (วิชาคอมพวิ เตอร์) ช้นั มธั ยมศึกษาปีท่ี 5

หนว่ ยท่ี 1 เรือ่ ง ร้จู กั โปรแกรม Photoshop CS6 เบือ้ งต้น เวลาเรียน 4 ชั่วโมง

แผนการเรียนรูท้ ี่ 1 เร่อื ง แนะนำการใช้ Photoshop CS6 เบ้ืองต้น เวลาเรยี น 2 ชัว่ โมง

สอนวนั ที่……………….เดือน…………………………….พ.ศ………….. ภาคเรียนท่ี

ครผู ู้สอน นายคทาวุธ บญุ วร

ผลการเรียนรู้

- นกั เรียนสามารถอธิบายความหมาย ความสำคัญ และการเข้าใชง้ านโปแกรม Photoshop CS6 ได้

จดุ ประสงค์การเรยี นรู้
- นักเรยี นบอกความหมาย ความสำคญั และการเขา้ ใชง้ านโปแกรม Photoshop CS6 ได้
- นักเรียนบอกชนิดของงานที่เกิดจากโปรแกรม Photoshop CS6 ได้
- นักเรยี นมีความรับผิดชอบที่ได้รบั มอบหมาย

สาระสำคัญ
- Photoshop เป็นโปรแกรมสำหรบั สรา้ งและตกแต่งภาพท่มี ีชื่อเสียงและได้รบั ความนิยมมากท่ีสดุ อัน

เนื่องมาจากคุณสมบัติเด่นซ่ึงมีอยู่อย่างมากมาย ไม่ว่าจะเป็นความสามารถจัดการกับไฟล์สารพัดชนิดท่ีใช้ใน
งานประเภทต่าง ๆ ท้ังรูปที่จะนำไปผ่านกระบวนการพิมพ์ และรูปที่นำไปใช้ในเว็บเพจหรือส่งผ่านสื่อ
อเิ ลก็ ทรอนิคส์ มีความสามารถเปน็ เย่ียมในการแกไ้ ขตกแตง่ ภาพ และการสร้างเอฟเฟ็คเศษตา่ ง ๆ มเี ครอ่ื งมือ
ท่ีมีประสิทธิภาพและความยืดหยุ่นสูง สามารถบันทึกข้ันตอนท่ีต้องทำซ้ำ ๆ ไว้เรียกใช้ภายหลังตลอดจนมี
ผผู้ ลิตปล๊ักอิน (plug-in) ให้เป็นจำนวนมาก ซ่ึงปลั๊กอินก็คือโปรแกรมเสริมสำหรับช่วยให้การทำงานที่ซับซ้อน
สำเรจ็ ลงไดอ้ ยา่ งรวดเรว็

สาระการเรยี นรู้
- การปรับแตง่ แก้ไขรูปภาพใหต้ รงกับความต้องการ
- ความสามารถของโปรแกรม Photoshop
- การเปิดไฟล์ภาพ
- ใช้งานการสรา้ งงานใหม่

ด้านคณุ ลักษณะอันพงึ ประสงค์
- มีวินยั
- มจี ิตสาธารณะ
- มุ่งม่นั ในการทำงาน

สมรรถนะผ้เู รยี น
- ความสามารถในการสื่อสาร
- ความสามารถในการคิด
- ความสามารถในการแก้ปญั หา

กระบวนการเรียนรู้/การจัดกจิ กรรม
ขัน้ นำเข้าส่บู ทเรยี น
1. ครสู ุ่มเลือกตวั แทนนักเรยี น 2–3 คนใหเ้ ลา่ ประสบการณเ์ ก่ยี วกับการใช้งานโปรแกรม Adobe

Photoshop CS6 ท่นี ักเรยี นเคยใชง้ าน
2. ครถู ามนักเรียนในหัวข้อการใช้งาน Photoshop CS6 จากประสบการณ์ นกั เรยี นเคยใชง้ าน

โปรแกรม Adobe Photoshop CS6 ทำอะไรบา้ ง และนกั เรยี นรหู้ รือไม่วา่ โปแกรมน้มี ปี ระโยชน์อย่างไร และ
ขน้ั สอน
3. ทำแบบทดสอบก่อนเรยี น เรื่อง รู้จกั โปรแกรม Photoshop CS6 เบือ้ งตน้ 20 ข้อ
4. ครสู ุม่ เลือกนักเรียนเพื่อชักถามนักเรยี นท่เี คยใชง้ านโปรแกรม Photoshop CS6 มวี ัตถุเพื่อให้

นักเรยี นไดม้ สี ่วนรว่ มในการเรียนการสอน และมีการใหค้ ะแนนกบั ผทู้ ตี่ อบถูกตอ้ ง เพ่ือสร้างแรงจงู ใจในการ
เรียน

5. ครูแจกใบความรู้ท่ี 1.1 เร่อื ง แนะนำการใช้ Photoshop CS6 เบ้อื งตน้
6. นักเรยี นศกึ ษาความรู้ เรอื่ งแนะนำการใช้ Photoshop CS6 เบอื้ งต้น จากใบความรู้
ขัน้ สรปุ
7. ครสู งั เกตพฤติกรรมการเรียน
8. ครแู ละนักเรยี นช่วยกันสรุปสาระสำคญั ของโปรแกรม Photoshop CS6

การวัดผลประเมนิ ผล
1. วธิ กี ารวดั
- สังเกตการฟัง การตอบคำถาม การปฏบิ ัติงาน
- ใบงาน
2. เคร่อื งการวัดผลประเมินผล
- แบบสงั เกตพฤตกิ รรม
- ตรวจใบงาน
3. เกณฑ์การวัดผลประเมินผล
ใชก้ ารผ่านเกณฑ์ รอ้ ยละ 60 ข้ึนไป

สอ่ื /แหลง่ การเรยี นรู้
- หอ้ งคอมพวิ เตอร์
- อนิ เตอรเ์ น็ต
- ใบความรทู้ ี่ 1.1 เรื่องแนะนำการใช้ Photoshop CS6 เบ้ืองต้น
- ใบงานท่ี 1.1 เรือ่ งแนะนำการใช้ Photoshop CS6 เบอ้ื งต้น
- แบบทดสอบกอ่ นเรยี น จำนวน 20 ข้อ
- เวบ็ ส่ือการสอน Photoshop CS6

บนั ทกึ ผลหลงั การจดั กจิ กรรมการเรยี นรู้
ผลการเรียนรทู้ ีเ่ กดิ ขน้ึ กับผู้เรียน (เก่ง ดี มสี ุข)

………………………………………………………………………………………………..…………………………………………………………
…………………………….…………………………………………..……………………..…………………………………………………………

ปญั หา / อปุ สรรค
……………………………………………………………………………………………..……………………………………………………………
…………………………….………………………………………………..………………..…………………………………………………………

ขอ้ เสนอแนะ / แนวทางแก้ไข
…………………………………………………………………………………………..………………………………………………………………
…………………………….……………………………………………………..………..……………………………………………………………

ลงช่อื ……………………………….…ครูผสู้ อน
(นายคทาวธุ บุญวร)
………../…………./………….

บันทึกขอ้ เสนอแนะของ ผู้บริหาร
……………………………………………………………………………..……………………………………………………………………………
…………………………….……………………………………………….…...………………………………………………………………………

ลงช่ือ …………………………….ผู้บรหิ าร
(นางสาวทองใบ ตลบั ทอง)
………../……………../……….

แบบสังเกตพฤตกิ รรมการเรียน

เกณฑ์การให้คะแนน ดี ให้ 2 พอใช้ ให้ 1 ควรปรับปรงุ ให้ 0

เกณฑ์การประเมนิ การผ่านการประเมินทกุ รายการต้องได้ 1 ข้นึ ไป

เลขที่ ชื่อ – สกลุ คะแนน สรุป

2 2 2 รวม ผา่ น ไมผ่ า่ น

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

เกณฑ์ การสนใจในการฟงั

ความกระตอื รือรน้ การปฏบิ ัติงาน ( ลงช่อื ) ………………………………………….… ผู้ประเมิน ( ครูผู้สอน )

การสนใจในตอบคำถาม ( นายคทาวุธ บญุ วร)

คะแนนรวมพฤติกรรมไมน่ ้อยกว่าร้อยละ 60 ………. / …………… / ……….

ใบความรทู้ ่ี 1.1
เร่ือง แนะนำการใช้ Photoshop CS6 เบอื้ งต้น
โปรแกรม Photoshop CS6
- Photoshop เป็นโปรแกรมสำหรับสร้างและตกแต่งภาพท่มี ีชื่อเสียงและไดร้ ับความนิยมมากที่สุด
อันเนื่องมาจากคุณสมบัตเิ ด่นซง่ึ มีอยู่อย่างมากมาย ไม่ว่าจะเป็นความสามารถจดั การกบั ไฟล์สารพดั ชนดิ ท่ีใช้ใน
งานประเภทต่าง ๆ ทั้งรูปที่จะนำไปผ่านกระบวนการพิมพ์ และรูปที่นำไปใช้ในเว็บเพจหรือส่งผ่านส่ือ
อิเล็กทรอนิคส์ มีความสามารถเป็นเย่ียมในการแก้ไขตกแต่งภาพ และการสร้างเอฟเฟ็คพิเศษต่าง ๆ มี
เคร่ืองมือที่มีประสิทธิภาพและความยืดหยุ่นสูง สามารถบันทึกขั้นตอนท่ีต้องทำซ้ำ ๆ ไว้เรียกใช้ภายหลัง
ตลอดจนมีผูผ้ ลติ ปล๊กั อิน (plug-in) ใหเ้ ป็นจำนวนมาก ซ่ึงปลั๊กอินก็คือโปรแกรมเสริมสำหรบั ช่วยใหก้ ารทำงาน
ท่ีซับซอ้ นสำเร็จลงไดอ้ ยา่ งรวดเร็ว
ต่อไปน้เี ปน็ ตวั อย่างของงานประเภทตา่ ง ๆ ซึ่งคุณสามารถใช้ Photoshop ชว่ ยจดั การได้อยา่ งงา่ ยดาย
• แก้ไขภาพถ่าย ที่บกพร่องหรือมีตำหนิ เช่น ปรับสีที่เพี้ยน ปรับแสงเงาท่ีสว่างหรือมืดเกินไป
ลบแสงแฟลชที่สะท้อนในดวงตา
• ตกแต่งภาพ เช่น ตัดส่วนท่ีไม่ต้องการออกไป ลบองค์ประกอบที่รกรุงรัง ปรับภาพให้เบลอ
หรอื คมชัด ปรับผวิ กายนางแบบใหข้ าวนวลและขจัดไฝฝา้ ตา่ ง ๆ ขจัดเมด็ สที ่เี กดิ ในภาพท่ีสแกนจากสง่ิ พิมพ์
• ดัดแปลงภาพ เชน่ ทำภาพใหมใ่ หก้ ลายเปน็ ภาพสีซีเปียแบบโบราณ หรอื แปลงภาพ
เกา่ ๆ ทเ่ี ป็นขาวดำใหก้ ลายเปน็ ภาพสี เปลยี่ นภาพคนให้อว้ นข้ึน-ผอมลง หรือเด็ก-แก่กว่าทเ่ี ปน็ จรงิ
• ใส่เอฟเฟ็คต์พิเศษ ให้ภาพ เช่น ทำให้เหมือนกำลังมองภาพผ่านกระจกชนิดและลายต่าง ๆ
หรือเหมือนเงาสะท้อนในน้ำ เปล่ียนภาพถ่ายให้ดูคล้ายภาพวาดด้วยเครื่องมือหลากหลายชนดิ ใส่ประกายแสง
หรอื เงาใหว้ ัตถุ ทำวัตถุแบน ๆ ให้ดูเป็น 3 มติ ิ เปลย่ี นโทนสีของภาพ
• สร้างภาพกราฟิก ซ่ึงผสมผสานระหว่างภาพถ่าย ข้อความ และภาพวัตถุหรือเอฟเฟ็กต์พิเศษ
ทส่ี ร้างขึ้นใน Photoshop เพอื่ ใช้ในงานผลติ สือ่ โฆษณา ทำปกหนังสือหรือนติ ยสาร หรอื ใช้ตกแตง่ เว็บเพจ

ความเป็นมาของ Photoshop
- Photoshop เปน็ โปรแกรมของบริษัท Adobe (“อะ-โด-บี”้ ) ซง่ึ เปน็ ผูพ้ ฒั นา ซอฟต์แวร์ด้านกราฟกิ

และอุตสาหกรรมการพิมพ์รายสำคัญ รวมถึงเป็นผู้คิดค้นภาษา PostScript และไฟล์แบบ PDF (Portable
Document Format) ที่ใช้กันในวงการพิมพ์และการจัดรูปแบบเอกสารบนอินเตอร์เน็ตด้วย ดังนั้น
Photoshop จึงสามารถทำงานร่วมและแลกเปล่ียนไฟล์กับโปรแกรมอื่น ๆ ที่ใช้ทำงานด้านกราฟิกได้อย่าง
กวา้ งขวาง เช่น โปรแกรม Illustrator, PageMaker และ Acrobat ซ่ึงทง้ั หมดนี้เป็นของ Adobe เช่นกนั

- Photoshop ออกเวอร์ชนั่ แรกในปี 1990 และได้รับการพฒั นาต่อเน่ืองมาเรื่อย ๆ เปน็ เวอร์ชนั่
2,2.5, 3, 4, 5, 5.5 และ 6 ,7 ,CS2,CS3,CS4,CS5 จนล่าสุดคือ เวอรช์ ั่น CS6 ในขณะน้ี โดยมีขีดวามสามารถ
ใหม่ๆ สำหรับการจัดการกับภาพขึ้นมาอีกตัวหนึ่ง คือ Adobe Bridge CS 6 ซ่ึงเป็นโปรแกรมท่ีใช้สำหรับ
จัดการภาพถ่ายของเรา ซึ่งทำหน้าที่เหมือนการทำงานใน Explorer หรือบางอย่างอาจจะทำได้ดีกว่าด้วยซ้ำ
เช่น การจัดกลุ่มภาพ การแสดงรายละเอียดของภาพ เช่น กล้องที่ใช้ถ่ายด้วยเลนส์แบบไหน โฟกัสเท่าไร ค่า
white balance เท่าไร เป็นต้น และที่สำคัญคือสามารถดูตัวอย่างไฟล์ภาพของ Photoshop นามสกุล .psd
ได้ โดยไมต่ ้องเปิดดใู น Photoshop และยังมคี ำสง่ั อัตโนมัติทีส่ ามารถเลือกใช้กับไฟล์ภาพได้อีกด้วย

เว็บกราฟิก และ Adobe Photoshop
- องคป์ ระกอบสำคัญในการทำ Web ใหด้ นู ่าสนใจ คงหนีไมพ่ น้ รปู ภาพท่นี ำมตกแต่ง ซ่ึงผพู้ ฒั นาหลายๆ

คน บ้างก็นำภาพสำเร็จมาใช้งาน บ้างก็นำภาพจากเว็บอ่ืนๆ ท่ีดูสวยงามมาใช้ และก็มีไม่น้อยที่สร้างภาพเอง
โดยอาศัยโปรแกรมกราฟิกต่างๆ เช่น Photoshop, Photo Impact, Paint Shop เป็นต้น โปรแกรม
Photoshop นับว่าเป็นโปรแกรมกราฟิกสุดฮิต ที่นิยมใช้ในการปรับแต่งภาพ หรือสร้างภาพ เพ่ือนำมาใช้งาน
ในเว็บ เน่ืองจากมีฟังก์ชันการทำงาน ที่หลากหลาย มีฟิลด์เตอร์เพ่ือปรบั แต่งภาพ จากค่ายต่างๆ ทำให้ง่ายต่อ
การปรับแต่งภาพตามต้องการ เดิมทีนิยมใช้ Photoshop เพื่องานส่ือสิ่งพิมพ์ (Desktop Publishing) แต่
ปจั จบุ ัน Web Design มบี ทบาทในงานธุรกจิ และงานการศึกษาสงู มาก จึงนำ Photoshop มาใชใ้ นงานนี้ด้วย
การทำภาพกราฟิกเพ่ือใช้ในงานเว็บ มีหลักการเฉพาะ แตกต่างไปจากงานสื่อสิ่งพิมพ์ ท้ังเร่ืองความละเอียด
ของภาพ (Resolution) ที่ใช้แค่ 72 dpi หรือจำนวนสีทใ่ี ช้แสดงผล เป็นต้น ดังน้ันการศึกษาถึง ลกั ษณะเฉพาะ
ในการใช้ Photoshop สรา้ งกราฟกิ ในงานเวบ็ จงึ เปน็ ศาสตร์ทนี่ ่าสนใจอกี ศาสตรห์ นึง่

การสร้างงานต้องตงั้ Resolution เป็น 72 dpi ดว้ ย

ความสามารถของโปรแกรม Photoshop
มีอยู่มากมายอย่างที่เรานึกไม่ถึงแต่ที่เป็นความสามารถหลักๆของตัวโปรแกรมเองจะถูกแบ่งเป็น 2

เรือ่ ง คือ แก้ไขตกแตง่ ภาพถา่ ย:งานน้ีเป็นงานถนัดของ Photoshop เช่น การแก้ไขภาพท่มี ือให้สว่างการลบริ้ว
รอยทีไ่ ม่ต้องการ ออกจากภาพรวมถึงตดั ต่อนาภาพหลายๆภาพมารวมกันโดยในส่วนน้ีจะเรยี กว่าเป็นส่วนของ
งานรที ัชออกแบบ สร้างสรรคง์ านกราฟิก:ใช้ Photoshop ชว่ ยในการสร้างภาพสามิติความสามารถในส่วนนจ้ี ะ
เป็นเร่อื งของการขีดๆ เขียนๆออกแบบสร้างงานกราฟิกเช่นการวาภาพตัวการ์ตูนหรือการออกแบบสื่อส่ิงพิมพ์
ชนดิ ตา่ งๆ

1. งานออกแบบสิ่งพมิ พ์
ในงานออกแบบสิ่งพิมพ์ทุกชนิด เช่น การออกแบบภาพสามมติ ิ , ออกแบบโลโก้ , แบนเนอร,์ โบร
ชวั ร์,นามบตั ร, ใบปลวิ , แผ่นพับ, หนังสือ, แคตาลอกสินค้า ,โปสเตอร์, ปา้ ยโฆษณา, ป้ายหนา้ ร้านเรา
สามารถใชโ้ ปรแกรมPhotoshopช่วยในการทำงานได้เปน็ อยา่ งดี
2. งานออกแบบเวบ็ ไซต์
เพื่อใหเ้ ว็บไซตจ์ ำเป็นอย่างย่ิงที่ต้องมีภาพกราฟิกท่สี วยงามน่าสนใจท้ังการตกแต่งด้วยภาพขนาดต่าง ๆ
การสร้างโลโกป้ ระกอบเว็บไซต์การสร้างตัวอักษรซึ่งการทำงานเหล่านี้จำเป็นที่จะต้องใช้โปรแกรม Photoshop
ชว่ ยในการออกแบบ
3. งานแก้ไขซ่อมแซมภาพ
ภาพต้นฉบับท่ีเราได้มาในบางคร้ังมีข้อบกพร่องหลายๆ อย่าง เป็นต้นว่า ภาพมืดเกินไปภาพมีรอย
ขรุขระหรอื มี Noise, ภาพเบลอเกินไปเป็นต้น การที่เราจะนะภาพท่ีมีขอ้ บกพรอ่ งเหล่าน้ีมาใช้งานจำเป็นต้อง
ทำการแกไ้ ขและซ่อมแซมภาพดงั กล่าวก่อนเพ่ือใหภ้ าพท่ีมคี วามสมบูรณ์เหมาะสมกบั งาน

4. งานตัดต่อดัดแปลงภาพหรือสร้างสรรค์งานกราฟิกสมัยใหม่

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

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

➢ 1.1 ระบบปฏบิ ตั ิการ Microsoft Windows XP (Service Pack 3) หรอื ระบบปฏิบตั กิ าร
Windows 7 (Service Pack 1) หรือระบบปฏิบตั กิ าร Windows 8

➢ 1.2 หน่วยประมวลผลกลาง (CPU) เปน็ ของ Intel® Pentium® 4 หรือ AMD Athlon® 64
processor ขึ้นไป

➢ 1.3 หน่วยความจำ (RAM) ขนาด 1 GB ขึน้ ไป
➢ 1.4 พ้นื ที่จัดเก็บข้อมูล (Hard disk) ขนาด 1 GB ของพ้นื ที่ว่างบนฮาร์ดดิสก์ทใี่ ชไ้ ดส้ ำหรบั การ
ตดิ ตง้ั
➢ 1.5 จอแสดงผลมคี วามละเอียดไม่น้อยกว่า 1024 x 768 พกิ เซล แสดงผลแบบ 16 บติ และมี
หนว่ ยความจำไม่น้อยกวา่ 256 MB

➢ 1.6 ไดรฟ์ DVD-ROM
การเขา้ สโู่ ปรแกรม Photoshop CS6

1. > ไปท่ี ปุ่ม start
2. > All program
3. > โฟลเดอร์ Adobe master collection cs6
4. > Adobe Photoshop CS 6

หมายเหตุ Adobe Photoshop CS 6 จะมีทั้ง 36 bit และ 64 bit คือ Adobe Photoshop CS 6
จะเป็น 32 bit ส่วน AdobePhotoshopCS6 (64bit) จะเป็น 64 bit การเลือกใช้ผมแนะนำถ้าเคร่ือง 32
bit ใหใ้ ช้ Adobe Photoshop CS 6 และถา้ เครื่อง 64 bit ใหใ้ ช้ Adobe Photoshop CS 6 (64 bit)
หากเป็นเวอร์ชน่ั อนื่ Function แต่ล่ะตวั อาจจะไม่ไดอ้ ย่ทู ีเ่ ดยี วกัน

หน้าจอแรกของโปรแกรมPhotoshop

เมือ่ เราเขา้ โปรแกรมมาแลว้ จะเจอหนา้ ต่างการทำงานของโปรแกรม Photoshop cs6 ซ่งึ จะประกอบ

ไปด้วย Menu bar option bar Toolbar Palette ตา่ งๆในการใชง้ านแต่องค์ประกอบก็จะแตกตา่ งกันไป

การสรา้ งและกำหนดขนาดไฟล์งานใหม่
ในกรณีท่ีเราต้องการสร้างไฟล์งานใหม่ ให้คลิกเมนู File -> New และให้ผู้ใช้กาหนดขนาดของ

ไฟล์งานใหม่โดยระบชุ ื่อไฟล์งาน ในชอ่ ง Name ขนาดความสูงความกวา้ งของพน้ื ที่ทำงาน ในส่วน ImageSize
ตามความต้องการ กำหนดลักษณะพื้นหลังในส่วน Contents โดย White (สีขาว), BackgroundColor (สีท่ี
เรากำหนด) , Transparent (สพี ืน้ แบบ - โปร่งใส,ไม่แสดงสพี ืน้ โลง่ )

การเปิดไฟล์ใหม่ขนึ้ มาทางาน
1. Click ทีเ่ มนู File 2. เลือกคาส่งั New หรือกด Ctrl + N 3. จะปรากฏหนา้ ต่าง New

Name ตั้งชอ่ื ให้กบั งาน
Preset ชอ่ งสำหรบั เลือกพืน้ ท่ี ท่ีโปรแกรมกำหนดมาให้
Width ความกวา้ ง ซึง่ มหี น่วยต่าง ๆ เชน่ Pixel ,เซนตเิ มตร ,นว้ิ
Height ความสงู ซึง่ มหี น่วยตา่ ง ๆ เช่น Pixel , เซนติเมตร ,นว้ิ
Resolution คา่ ความละเอยี ด ( ซงึ่ ความละเอยี ดบนหน้าจอ = 72)
color mode เลอื กชนิดของระบบสี

การเปดิ ไฟลภ์ าพ
เม่ือเรามีรูปภาพ เช่น ภาพถ่ายซ่ึงต้องการนามาปรับแต่งเพ่ิมเติมเราจะต้องทำการเปิดไฟล์รูปภาพน้ัน

ข้ึนมา จากนั้นค่อยกำหนดรูปแบบการปรบั แตง่ ตามความต้องการการเปิดไฟล์รูปภาพทำได้โดยคลิกท่ีเมนูFile-
>Open จะปรากฏวนิ โดว์ Open จากคลิกเลอื กช่ือไฟล์รปู ภาพท่ีต้องการเมือ่ ได้ภาพทต่ี ้องการแล้วให้คลิกทป่ี ุ่ม
Open ถา้ ตอ้ งการยกเลกิ ใหค้ ลิกท่ปี ุ่ม Cancel

- การเปิด File jpegต่างๆ
การเปดิ ไฟล์ใหม่ขน้ึ มาทำงาน

1. Click ท่เี มนู File
2. เลือกคาส่งั Open หรอื กด Ctrl +O
3. จะปรากฏหนา้ ต่างเพื่อหาไฟล์ข้ึน

ภาพแสดงการค้นหาและเลือกไฟล์ทต่ี อ้ งการเปิด
4. จะได้ไฟลภ์ าพท่เี ราต้องการ

การย่อ-ขยายภาพ
1. เราตอ้ งการแก้ไขขนาดรูปภาพท่ีเราได้เปดิ ขนึ้ มาให้ตรงกับความต้องการให้คลิกทเ่ี มนู

Image->Image Size จะปรากฏวินโดว์ Image Size จากนั้นให้กำหนดขนาดของรูปภาพเปิดภาพท่ีเรา

ตอ้ งการจะย่อหรือขยาย ขนาด ด้วยโปรแกรม Photoshop CS6

2. ไปท่เี มนู Image => Image Size หรอื กดปุม่ Alt + Ctrl = I

3. จากรปู จะไดค้ ่าดังน้ี
- Pixel Dimensions จะมีขนาดอยู่ 306.8k ท่ีขนาดกว้างยาว 283x370pixel
- Document Size จะอยู่ท่ี 9.99x13.04cm (เราสามารถปรับเปลี่ยนหน่วยเป็นน้ิว,%,mm
หรือ

อย่างอื่นกไ็ ด)้
- Resolution โดยทว่ั ไปถ้าเป็นรปู ทใี่ ช้ตาม web social ต่างๆ เรามักจะใช้แค่ 72

ppi (pixelperinch) แต่ถ้าเป็นตามขนาดงานพิมพ์แล้วแคต่ รงนี้ควรจะสูงๆไว้ก่อนเพ่ือความละเอียดของงาน

- ควรจะเลือก Constrain Proportions ไว้ทุกคร้ังเพื่อที่จะคงอัตราส่วนกว้าง-ยาวเอาไว้ คราว

นี้
เราจะเพ่ิมหรือขนาดรูป ก็สามารถทำได้เลยโดยการปรับแก้ท่ีช่องตามที่ได้อธิบายด้านบน ตามวัตถุประสงค์ของ
เราแก้เสร็จกเ็ ซฟงานได้เลย

4. ในการเซฟไฟล์ โปรแกรม Photoshop CS 6 จะถามเราอีกครัง้ ในเร่ืองของคุณภาพไฟลว์ า่ จะเอา

ขนาดไหน(ตามรูป) ใน ตวั อย่างจะเลือกแค่ 8 ก็พอเพยี งพอแลว้ โดยคา่ ย่งิ มากขนาดไฟล์กจ็ ะใหญ่ขนึ้ ตาม

การบันทกึ งานบนั ทกึ ไฟล์ Photoshop(.PSD)
การแก้ไขไฟล์ภาพโดยการสร้างกราฟิก เพิ่มการตัดต่อหรือเปลี่ยนแปลงลักษณะของไฟล์ภาพที่มีผล

กับโครงสร้างเดิมของภาพเมื่อเลือกคำสั่ง File > Save จะแสดงไดอะล็อกบ็อกซ์ Save As ข้ึนมาโดยจะเลือก
รปู แบบของไฟล์เปน็ Photoshop (*.PSD, *.PDD) เป็นค่าพ้ืนฐานดังน้ี

คุณสมบัติของไฟล์ PSD จะเก็บรายละเอียดการทำงานต่าง ๆ เช่น เลเยอร์, ฟอนต์และเส้นพาธ ไว้ได้
อย่าง ครบถ้วนชว่ ยให้การนำไฟล์ภาพกลับมาแกไ้ ขทำได้ง่ายในขณะทีไ่ ฟล์ประเภทอืน่ จะเก็บข้อมูลเหล่านี้ไม่ได้
หรือไดเ้ พียงบางสว่ น

บนั ทกึ ไฟลท์ บั ของเดมิ

การเปิดไฟล์ภาพมาตกแต่งส,ี แสงเงาหรือกำหนดค่าเอฟเฟ็กต์ให้กับภาพแต่ไม่ได้ใช้คำสั่งเกี่ยวกบั การ
สร้างเลเยอร์(เลเยอร์คือชั้นท่ีจัดวางรปู ภาพ)หรือสร้างกราฟิกอ่นื ๆเพิ่มเติมในภาพเมื่อเลือกคำส่ัง File>Save
โปรแกรมจะให้บันทึกทับชื่อไฟล์เดิมรูปแบบเดิม(จะไม่มีไดอะล็อกบ๊อกซS์ aveAs เปิดขึ้นมาหากไม่ต้องการให้ทับ
ไฟล์เดิมต้องคลิก เลือกคาสั่ง File>SaveAs )
บนั ทึกเป็นไฟล์รปู แบบอื่นๆ

นอกจากการบันทึกเป็นไฟล์ .psd และบนั ทึกลงในรูปแบบของไฟล์ต้นฉบันเดมิ แลว้ ยังบนั ทึกไฟล์

ภาพเก็บไว้ในรูปแบบอน่ื ๆ ไดต้ ามตอ้ งการ โดยคลิกเลอื กคำส่ัง File > Save As แลว้ เลือกรปู แบบของ
ไฟล์ในช่อง Format ซงึ่ จะมีรูปแบบไฟล์ให้เลอื กหลายแบบดงั ภาพ

การเลกิ ใชง้ านโปรแกรม
เมอื่ เราต้องการเลกิ ใชง้ านโปรแกรม Adobe Photoshop ดำเนนิ การดังนี้
- คลิกเลอื กคำส่งั File --> Exit หรอื คลิกเมาสท์ ่เี คร่ืองหมาย
- จากนน้ั โปรแกรมจะปดิ โดยอัตโนมัติ

ใบงานท่ี 1.1
เร่ือง เร่อื งแนะนำการใช้ Photoshop CS6 เบอื้ งตน้
คำชี้แจง : ให้นักเรียนตอบคำถามต่อไปนี้มาพอสงั เขป

1. จงอธิบายหมาย และลกั ษณะงานที่เก่ยี วกบั โปรแกรม Adobe ใช้ Photoshop CS6 มาพอเขา้ ใจ
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………...

2. จงอธิบายการเขา้ สู่โปรแกรม Photoshop CS6 มกี ่ีขนั้ ตอนอะไรบา้ ง
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………...

3. คุณสมบัติของเครือ่ งคอมพวิ เตอรท์ ่เี หมาะสมในการติดตั้งโปรแกรม Adobe Photoshop CS6 มี
คณุ สมบัติอยา่ งไร
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………...