เรื่อง ความรู้เบื้องต้น ......หน า : ก ช...

เรอง ความรเบองตนเกยวกบกราฟกและโปรแกรม Photoshop Cs6

นางเพชรดา แนบเนยน ครชำนาญการ

โรงเรยนชากงราววทยา (อนทร-ชม ดสารอปถมภ)

ชดท 1

ตดตอ

e-mail : [email protected]

Tel . 0956404071

ชดกจกรรมประกอบ QR Code รายวชาโปรแกรมกราฟก สำหรบนกเรยนชนมธยมศกษาปท 4 กลมสาระการเรยนรวทยาศาสตรและเทคโนโลย สาระท 4 เทคโนโลย โดยจดทำเนอหาสาระสอดคลองกบสาระการเรยนรแกนกลางของหลกสตรการศกษาขนพนฐาน พทธศกราช 2551 (ฉบบปรบปรง 2560) ประกอบดวย ชดกจกรรมประกอบ QR Code ทงสน 6 เลม ดงน

เลมท 1 ความรเบองตนเกยวกบกราฟกและโปรแกรม Photoshop CS6 เลมท 2 การเลอกพนทบนรปภาพ ( Selection ) เลมท 3 แตงภาพดวยเลเยอร (Layer) เลมท 4 สรางเอฟเฟกตพเศษใหภาพดวยฟลเตอร (Effect & Filter) เลมท 5 สรางตวอกษรและขอความ (Text) เลมท 6 การปรบแตงแสงและเงา (Brightness/Contrast) สำหรบชดกจกรรมประกอบ QR Code เลม 1 ความร เบ องตนเก ยวกบกราฟกและโปรแกรม Photoshop CS6 มเน อหาเก ยวกบ

องคประกอบหลกของโปรแกรม การใชงานออปชนบาร การเลอกพนทใชงาน การทำงานกบไฟลภาพ ผจดทำหวงวาชดกจกรรมประกอบการเรยนรายวชา โปรแกรมกราฟก สำหรบนกเรยนชนมธยมศกษาปท 4 จะชวยพฒนาทกษะการใชงานโปรแกรม ทกษะการทำงาน การแสวงหาความรดวยตนเองและมประโยชนสำหรบครและผศกษาเรองนไดพอสมควร

นางเพชรดา แนบเนยน ตำแหนงคร วทยฐานะ ครชำนาญการ โรงเรยนชากงราววทยา (อนทร – ชม ดสารอปถมภ)

คำแนะนำการใชชดกจกรรมประกอบ QR Code

เรอง หนา คำชแจงสำหรบคร ก คำชแจงสำหรบนกเรยน ข สาระสำคญของบทเรยน ค ผลการเรยนร 1 แบบทดสอบกอนเรยน 2 ใบความรท 1.1 5 ใบความรท 1.2 10 ใบความรท 1.3 14 ใบความรท 1.4 19 แบบฝกหด 24 แบบทดสอบหลงเรยน 28 บรรณานกรม 31

สารบญ

หนา : ก

ชดกจกรรมประกอบ QR Code รายวชาโปรแกรมกราฟก ชดท 1 เรองความรเบองตนเกยวกบกราฟกและโปรแกรม Photoshop CS6

คำชแจงการใชชดการสอนประกอบ QR Code สำหรบครผสอน

เพอใหชดกจกรรมประกอบ QR Code เกดประโยชนมากยงขน ครควรทำความเขาใจและปฏบตตามขนตอนดงน

1. ครควรศกษาชดกจกรรมประกอบ QR Code รายวชาโปรแกรมกราฟก เลมท 1 เรองความรเบองตนเกยวกบกราฟกและโปรแกรม Photoshop CS6

2. ครผสอนควรศกษาและทำความเขาใจลำดบขนของแผนการจดการเรยนร 3. ครตองจดเตรยมเอกสารประกอบการสอน ไฟลรปภาพใหครบกบจำนวนนกเรยน 4. ครผสอนอำนวยความสะดวกใหการทำกจกรรมเปนไปดวยความราบรนและเกดความสนกสนานจากการเรยนการ

สอน 5. ครผสอนจะตองสรางกลมใน Facebook เพอใชสำหรบโพสตกจกรรมใหนกเรยนและสำหรบการแชรลงค (link)

การสงงาน

หนา : ข


คำชแจงการใชชดการสอนประกอบ QR Code สำหรบนกเรยน

1. ศกษาชดกจกรรมประกอบการสอน ตามลำดบตงแตเลมท 1 ไปจนถงเลมท 6 2. ทำแบบทดสอบกอนเรยน จำนวน 10 ขอ ดวยความสามารถและความซอสตยตอตนเอง ไมเปดเฉลยดกอนทำ

แบบทดสอบ จากนนตรวจคำตอบโดยดเฉลยหลงแบบทดสอบเพอประเมนความรพนฐานของตนเอง 3. ศกษาเนอหาสาระจากใบความรและปฏบตงานตามลำดบขนตอน หากเกดความสงสยในเนอหา ขนตอนการปฏบต

สามารถสแกนสญลกษณ QR Code ทปรากฏในแตละกจกรรมเพอศกษาวธการปฏบตจาก วดโอการสอนของครได 4. ทำแบบทดสอบหลงเรยนจำนวน 10 ขอ แลวตรวจแบบทดสอบ เพอทราบการพฒนาของตนเอง 5. เขารวมในกลม Facebook ทครสรางขนเพอทราบกจกรรมและสงงาน

หนา : ค


สาระสำคญ ความรเบองตนโปรแกรม Photoshop CS6

เนอหาในหนวยการเรยนน จะทำการศกษาโปรแกรม Photoshop เปนโปรแกรมสำหรบสรางและตกแตงภาพทมชอเสยงและไดรบความนยมมากทสด อนเนองมาจากคณสมบตเดนซงมอยอยางมากมาย ไมวาจะเปนความสามารถจดการกบไฟลสารพดชนดท ใชในงานประเภทตาง ๆ ท งรปท จะนำไปผานกระบวนการพมพ และรปท นำไปใชในเวบเพจหร อสงผานสออเลกทรอนกส มความสามารถเปนเย ยมในการแกไขตกแตงภาพ และการสรางเอฟเฟกต (Effect) พเศษตาง ๆ โปรแกรม Photoshop CS6 จงมความจำเปนตอนกเรยน วธการตงคาการใชภาพทมขนาดตามตองการ การรจกโปรแกรมเบองตน การใชเครองมอตาง ๆ ของโปรแกรม Photoshop CS6

หนา : 1


ความรเบองตนโปรแกรม Photoshop CS6

ผลการเรยนร

นกเรยนสามารถอธบายหลกการทำงาน สวนประกอบของโปรแกรม Photoshop CS6 การกำหนดมมมอง การยอขยายภาพ การเปดไฟล การสรางไฟลใหมได

ชดท 1

หนา : 2


แบบทดสอบกอนเรยน ความรเบองตนโปรแกรม Photoshop CS6

คำชแจง ใหนกเรยนเลอกคำตอบทถกทสดเพยงคำตอบเดยว แลวทำเครองหมาย กากบาท(X) ลงในกระดาษคำตอบ

1. โปรแกรม Adobe Photoshop CS6 เปนโปรแกรมประเภทใด ก. โปรแกรมแกลอรภาพ ข. โปรแกรมฐานขอมล ค. โปรแกรมนำเสนอภาพ ง. โปรแกรมคอมพวเตอรกราฟก

2. ขอใดวธเปดใชโปรแกรม Adobe Photoshop CS6 ก. Start -> Run -> Adobe Photoshop CS6 ข. Start -> Setting -> Adobe Photoshop CS6 ค. Start -> All Programs -> Adobe Photoshop CS6 ง. Start -> Control panel -> Adobe Photoshop CS6

3. เมนคำสงใดใชสำหรบจดการกบไฟลภาพในลกษณะตาง ๆ ก. File

ข. Edit ค. Image ง. Layer

หนา : 3


4. Title Bar คออะไรในหนาตางของโปรแกรม Photoshop CS6 ก. แถบชอโปรแกรม ข. คณสมบตของเครองมอ ค. กลองเครองมอ ง. พนทการทำงาน

5. พาเลต (Palette) มหนาททำอะไร ก. ใชสำหรบจดการกบภาพ โดยแยกออกเปนหมวดหม ข. เปนสวนทใชในการสรางงานกราฟก โดยการเปดไฟลภาพเพอแกไขบนพนทใชงาน ค. เปนสวนทแสดงคณสมบตเกยวกบภาพ ง. เปนสวนทแสดงชอไฟลภาพทเปดใชงานอย

6. ถานกเรยนตองการบนทกไฟลรป ทสามารถนำกลบมาแกไขไดอก ตองบนทกดวยวธการใด ก. File >> Save as >> เลอก File Format PDF ข. File >> Save as >> เลอก File Format PSD ค. File >> Save as >> เลอก File Format GIF ง. File >> Save as >> เลอก File Format JPEG

7. การปรบเปลยนขนาดของไฟลรปภาพโดยสดสวนภาพคงเดมทำได โดยวธใด ก. Layer --> Flatten Image ข. Image --> Image Size ค. Image --> Canvas Size ง. Edit --> Resize

หนา : 4


8. ความหมายของเลเยอร (Layer) คออะไร ก. ชนงานยอย หรอเรยกใหเขาใจงายคอ ชนของชนงานใหญ ข. ปรบแตงสใหกบภาพ เพอแกไขขอบกพรองหรอสทผดเพยน ค. ใชสำหรบกำหนดการตกแตงรปแบบตาง ๆ ทโปรแกรมกำหนดขนมา ง. การตกแตงสใหกบรปแบบขอความ

9. ความกวางของภาพกำหนดทคาใด ก. Height ข. Width ค. Resolution ง. White

10. ขอใดตอไปนประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ ก. Menu Bar ข. Application Bar ค. Option Bar ง. Tool box

หนา : 5


ใบความรท 1.1 พนฐาน Photoshop CS6

จดประสงคการเรยนร นกเรยนบอกความหมาย ความสำคญและการเขาใชงานโปแกรม Photoshop CS6 ได

Photoshop CS6

Photoshop CS6 เปนโปรแกรมสำหรบสรางและตกแตงภาพทไดรบความนยม เนองจากคณสมบตเดนทมมากมาย ไมวาจะเปนความสามารถจดการกบไฟลสารพดชนดทใชในงานประเภทตาง ๆ ทงภาพทถายจากกลองดจตอล ภาพทจะนำไปผานกระบวนการพมพ และภาพทจะนำมาใชบนเวบเพจ โปรแกรมมความสามารถเปนเยยมในการแกไขตกแตงภาพ และการสราง เอฟเฟคพเศษตาง ๆ มเครองมอทมประสทธภาพและมความยดหยนสง จงทำใหโปรแกรมสามารถทำงานตาง ๆ ไดหลากหลายมากยงขน

นอกจากนไฟลภาพทสรางดวย Photoshop CS6 สามารถบนทกไปใชงานไดหลากหลายรปแบบ เชน .JPG .GIF .TIFF .PNG และอน ๆ รวมถงการสรางองคประกอบของเวบเพจ เชน การสไลซ (Slice) ภาพ และการสรางภาพเคลอนไหว (GIF animation) เปนตน

หนา : 6


เรยกเปดโปรแกรม

การเรยกเปดโปรแกรมให 1. คลกทปม Star All Programs 2. เลอก Adobe Photoshop CS6 กจะปรากฏหนาตางของโปรแกรม โดยมหนาจอวาง ๆ และกลมเครองมอหลกทใชงานในการทำงานกนรปภาพพนฐานทวางไว

Note : สำหรบชดกจกรรมน ใชระบบปฏบตการ Windows 8 จะไมม ปม All Programs แตจะเรยกวา App แทน

หนา : 7


องคประกอบหลกของโปรแกรม

ทลบอกซ Tool box

หนาตางของภาพแตละภาพ

Window Area

พนหลงโปรแกรม

พาเลตตาง ๆ Palette

เมนบาร Manu bar

ออปชนบาร Option bar

สแกนเพอดวดโอประกอบ

หนา : 8


เมนบาร เมนบาร คอแถบทรวมรวบกลมคำสงตาง ๆ ทใชจดการกบไฟลภาพ และใชปรบแตงการทำงานของโปรแกรม โดยแบงเมนตามลกษณะงาน นองจากนบางรายการในเมนจะเปนเมนยอย ซงตองเปดเขาไปเพอเลอกคำสงภายในอกท

ถาไมเขาใจสแกน

ดวดโอเลยจา

หนา : 9


ทลบอกซ

ทลบอกซ หรอกลองเครองมอจะประกอบดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง

และแกไขภาพ เครองมอเหลานมเปนจำนวนมาก ดงนนจงมการรวบรวมเครองมอททำหนาทคลายกนไวในปมเดยวกน

คลกขวา หรอคลกเมาสคางไวบนปมสกคร เพอแสดงรายชอเครองมอทอยบนปมเดยวกน

บอกใหรวามเครองมออนอยบนปมนดวย

เครองมอหลก จะเปนกลมเครองมอทแสดงเมอเรมใชงานแรก ๆ แตกสามารถเปลยนแปลงเปนปมอนไดในกรณทมการเรยกใชเครองมอยอย ๆ ภายในกลม

หนา : 10


ใบความรท 1.2 การทำงานกบไฟลภาพ

จดประสงคการเรยนร นกเรยนเลอกใช กำหนด ปรบขนาดภาพตองการในโปรแกรม Photoshop CS6 ได

การทำงานกบไฟลรปภาพ

ในการสรางและการตกแตงภาพกราฟกดวย Photoshop CS6 อาจจะเรมจากการนำไฟลภาพทมอยแลวเขามาเปนจดเรมตน หรออาจจะสรางภาพขนมาใหมทงหมดโดยการใชเครองมอบางสวนหรอการซอนภาพและใสเอฟเฟกตตาง ๆ ของโปรแกรมกได ซงสามารถตดตอ ดดแปลง Photoshop มคณสมบตเดนทสามารถเปดไฟลรปภาพประเภทตาง ๆ ไดสารพดรปแบบ เชน .GIF .JPG .TIF .BMP .PNG

วธเปดไฟลทำไดดงน 1. เลอกคำสง File ➢ Open 2. ในชอง Look in เลอกไดรและ โฟลเดอรทเกบไฟล 3. คลกเลอกชอไฟลรายการ 4. คลกปม Open

2 2

23

3

24


หนา : 11


สรางไฟลใหม

1. เลอกคำสง File ➢New 2. ตงชอไฟลใหมในชอง Name ( หรอจะเกบไวตงตอนสงบนทกไฟลกได) 3. กำหนดความกวางX ความสงของภาพโดยใสคาแลวเลอกหนวย เชน pixels * width กำหนดความกวางของภาพ * กำหนดความสงของภาพ 4. กำหนดคณสมบตของภาพ ▪ Resolution เลอกความละเอยดของภาพ * สำหรบเวบเพจใช 72 pixels/inch * สำหรบสงพมพทตองการความละเอยดสงใช 300 pixels/inch ▪ Color Mode เลอกโหมดสของภาพ โดยทวไปใช REB Color แบบ 8 bit 5. เลอกลกษณะของพนหลง White ใหพนหลงเปน สขาว Background Color ใหพนหลงเปนสตามทกำหนดใน ทลบอกซ Transparent ใหพนหลงโปรงใส

6. กำหนดโปรไฟลสและสดสวนพกเซล ◆ Color Profile โปรไฟลสของภาพ สำหรบรปทวไปใหใช SRGB ◆ Pixel Aspect Ratio สดสวนกวาง/สงของพกเซล โดยทวไปใช Square Pixels 7. คลก OK

7 2

3

4

5

6


หนา : 12


การทำงานกบหนาตางรปภาพ

สวนประกอบของวนโดวภาพ หนาตางของแตละภาพทเราสรางหรอเปดขนมาจะมลกษณะดงรป

ชอไฟล ยบ/ขยายหนาตาง

เปอรเซนตการซมภาพ แสดงแถบขอมลของไฟล

เปอรเซนตการซมภาพ

ตงใจนะคะนกเรยนถา

ไมเขาใจกดวดโอนะคะ


หนา : 13


การใชเมนลด ขณะททำงานกบรปภาพ เราสามารถคลกขวา บนภาพ เพอเปดเมนลดสำหรบเลอกคำสงทตองการใชงานได โดยคำสงสวนใหญจะเกยวของกบเครองมอทกำลงเลอกอยในขณะนน เชน ขณะทเราเลอกเครองมอ

Rectangular Marquee อย เมอคลกขวาบน Selection ในภาพ จะปรากฏเมนลดดงภาพ

จดเรยงวนโดวรปภาพ ในการทำงานบนโปรแกรม Photoshop CS6 เราสามารถเปดภาพไดหลาย ๆ ภาพอาจจะทำใหไมเปนระเบยบ แตเราสามารถเปดใหเปนระเบยบทำไดหลายแบบ โดยเลอก Windows ➢Arrange แลวเลอกการจดเรยง ดงตวอยาง

การจดเรยงแบบ Tile Vertically

การจดเรยงแบบ Cascade


หนา : 14


ใบความรท 1.3 การทำสำเนาไฟลและการบนทกภาพ

จดประสงคการเรยนร นกเรยนสามารถใชแถบเมนและแถบเครองมอของโปรแกรม Adobe Photoshop CS6 ในการฝกทกษะการตกแตง แกไข และเปลยนแปลงรปภาพ

การบนทกไฟลภาพ

การเปดไฟลภาพขนมาตกแตงหรอแกไขดวย Photoshop CS6 นนเมอสรางหรอตกแตงภาพเสรจแลวเราจะตองสงบนทกไฟลดวย เพอเกบการเปลยนแปลงททำกบภาพ โดยสามารถเลอกบนทกไฟลไดหลายรปแบบขนอยกบวตถป ระสงคของการนำไปใชงาน สำหรบไฟลประเภทแรกทควรบนทกคอรปแบบ PSD ของ Photoshop เอง เพอเกบเปนตนฉบบไวสำหรบนำกลบมาแกไขภายหลง จากนนจงสงบนทกเปนไฟลประเภทอน เชน GIF หรอ JPG เพอใหเหมาะกบการนำไปใชงานในแตละกรณ

บนทกไฟล Photoshop (PSD) การแกไขไฟลภาพโดยการสรางกราฟก เพมการตดตอ หรอการเปลยนแปลง เมอใชคำสง File ➢Save จะแสดงไดอะลอกบอกซ Save As ขนมา

ไฟลภาพมการสรางขอความเพมเตม

หนา : 15


1 เลอกคำสง File ➢ Save 2

3

เลอกโฟลเดอรทจะเกบไฟล

ตงชอไฟล 4

เลอกรปแบบของไฟลเปน Photoshop (*.PSD , *.PDD)

5 คลก

6 คลก

เลอกใหบนทกขอมลในรปแบบทนำไปใชกบ Photoshop เวอรชนอนหรอโปรแกรมอน ๆ ได (ถาไมเลอก อาจจะมปญหาในการนำไปใช)

◆ คณสมบตของไฟล PSD จะเกบรายละเอยดการทำงานตาง ๆ เชน เลเยอร ฟอนต และเสนพาท (Path) ไวอยางครบถวน ชวยใหการนำไฟลภาพกลบมาแกไขทำไดงาย ในขณะทไฟลประเภทอนจะเกบขอมลเหลานไมได หรอไดเพยงบางสวน


หนา : 16


บนทกเปนไฟลรปแบบอน ๆ เราสามารถทจะบนทกไฟลภาพเกบไวในรปแบบอน ๆ ไดตามตองการโดยคลกเลอกคำสง File ➢ Save As แลวเลอกรปแบบของไฟลในชอง Format ซงจะมรปแบบไฟลใหเลอกดงภาพ

◆ รปภาพแตละชนดทเลอกบนทกจะมออปชน (Option) การบนทกเพมเตมทตางกน ขนอยกบชนดของไฟลทเลอก เชน จำนวนส ความละเอยด หรอแสดงแบบเบลอกอนแลวคอย ๆ ชดขน (Progressive) เปนตน


หนา : 17


◆ คณสมบตของไฟล GIF (Graphic Interchange Format) ไฟล GIF นbยมนำสรางภาพโลโก การตน ภาพวาดลายเสน และภาพเคลอนไหว มจดเดนตรงทเราสามารถกำหนดใหฉากหลงของวตถหรอพนทบางสวนโปรงใส ภาพนามสกล . gif ซงไฟลมขนาดเลกทำใหโหลดไดเรว สวนใหญนยมนำมาทำภาพเคล อนไหว (GIF animation) เชน ภาพไอคอน ปายหวคอลมน หรอปายโฆษณา (แบนเนอร) บนเวบไซต

◆ คณสมบตของไฟลJPG (Joint Photographic Expert Group) ไฟล JPG สามารถแสดงสไดถง 16.7 ลานส (24 บท) จงเหมาะสำหรบภาพถายหรอภาพทใชสจำนวนมากและมคณสมบตการแสดงผลแบบเบลอ ๆ กอน แลวคอยชดเจนขน แตไมสา มารถทำภาพโปรงใสหรอภาพเคลอนไหวได สามารถบบอดไฟลภาพไดแตะจะทำใหสญเสยคณภาพของภาพไป

◆ คณสมบตของไฟล PNG (Portable Network Graphic) ไฟล PNG เปนรปแบบไฟลภาพทพฒนาขนมา เพอทดแทนรปแบบไฟลแบบ GIF เพอแกปญหาดานสทธบตร ภาพชนดนมคณสมบตคอสนบสนนระบบสหลายรปแบบ มคณสมบตใกลเคยงกบไฟล GIF นอกจากนยงมคณสมบตสามารถทำภาพโปรงใสไดถง 256 ระดบ

◆ คณสมบตของไฟล TIFF (Tagged Image File Format) ไฟล TIFF เปนไฟลทนยมใชในดานสงพมพ การจดเกบภาพสามารถเลอกการบบอดขอมลไดและจะไมมการสญเสยคณภาพของภาพ แตสามารถเลอกคณภาพไดหลายระดบ

จะเลอกบนทกภาพเปนไฟลนามสกลใด

ตองดวาเราจะนำไปใชงานแบบไหนนะคะ

หนา : 18


การปดไฟลภาพ

หลงจากททำงานเสรจเราสามารถ ปดไฟลภาพไดโดย * เลอกไฟลนนใหแอคทฟแลวเลอกคำสง File ➢Close * คลกปม ตรงมมขวาของหนาตางของไฟลนน ๆ * หากไฟลดงกลาวไดมการแกไขและยงไมไดทำการบกทก ใหคลก Yes หรอ No หรอ Cancel แลวแตกรณ * การปดไฟลทงหมดพรอม ๆ กน ทำไดโดยใชคำสง File ➢Close All

คลกปด

บนทกไฟล ยกเลกการบนทกไฟล (กลบไปแกไขภาพ) ไมตองบนทกไฟล

หนา : 19


ใบความรท 1.4 การยอ ขยาย มมมองภาพ การเรยนใชไมบรรทดและการยกเลกคำสง

การยอ/ขยายมมมองภาพ (ซมภาพ) ใหเลกลง (Zoo In) หรอใหญขน (Zoo Out) ทำไดตามความจำเปนใน

ขณะททำงาน เพอความสะดวกในการปรบแตง เครองมอหลกทใชมม Zoom ซงมวธใชดงน 1. คลกเลอกเครองมอ Zoom จากทลบอกซ 2. คลกหรอคลกเมาสบนภาพ

จดประสงคการเรยนร นกเรยนสามารถใชแถบเมนและแถบเครองมอของโปรแกรม Photoshop CS6 ในการฝกทกษะการตกแตง แกไข และเปลยนแปลงรปภาพ

คลก 1 2 คลก หรอคลกลากเมาสกำหนดขอบเขตทจะซม สแกนเพอดวดโอประกอบ

หนา : 20


ยอ/ขยายมมมองดวยวธอน

การซมภาพยงสามารถทำไดดวยวธอน ๆ อกหลายวธ โดยทมตองเลอกเครองมอ Zoom กอน เชน

❖ กดคย แลวหมนปมกลางของ Wheel Mouse โดยหมนขนเปนการยอ หมนลงเพอขยาย

Alt

❖ ใชการกดคยลด โดยกด + เพอยอ และ + เพอขยาย

Ctrl - + Ctrl

การเลอนดภาพ เมอเราซมภาพจนใหญกวาขนาดหนาตาง จะทำใหภาพบางสวนตกขอบไป กใชเครองมอ

Hand เลอนดภาพ ซงมวธใชดงน 1. คลกเลอกเครองมอ Hand จากทลบอกซ 2. คลกลากเมาสบนภาพ

1 2

คลก คลกลากเมาสไปบนภาพ



หนา : 21


การใชไมบรรทด (Ruler)

ไมบรรทด คอแถบวดซงจะปรากฏอยทดานซายและดานบนของหนาตางรปภาพแตละหนาตาง ประโยชนของไมบรรทดคอชวยใหเรากำหนดระยะและตำแหนงในการวาด การวางออบเจคและทำงานตาง ๆ กบรปภาพไดงายขน เราสามารถเลอกหนวยวดบนไมบรรทดไดตามตองการ ดงน

▪ เปด/ปด ไมบรรทด ใหเลอกคำสง View ➢ Ruler (คยลด + ) Ctrl R

ไมแสดงไมบรรทด แสดงไมบรรทด

▪ เปลยนหนวยวด ใหคลกขวาทไมบรรทด แลวเลอกหนวยจากเมนลด (แนะนำใหเลอกหนวยเปน Pixels)


หนา : 22


การใชเสนไกด (Guide)

เสนไกด คอเสนทชวยกะระยะและตำแหนงในการวาด การวางออบเจค และการทำงานตาง ๆ กบรปภาพ เราสามารถสรางเสนไกดขนเองตรงตำแหนงใดบนภาพกได ทงแนวตงและแนวนอน โดยเสนเหลานจะไมปรากฏเมอเรานำภาพไปใชงาน การสรางเสนไกดสามารถทำไดดงน

สรางเสนไกดจากไมบรรทด 1. เลอนเมาสไปทไมบรรทดดานใดดานหนง * สรางเสนไกดแนวนอน ใชไมบรรทดดานบน * สรางเสนไกดแนวตง ใชไมบรรทดดานซาย 2. คลกลากเมาสจากไมบรรทดไปยงตำแหนงทตองการ กจะเหนเสนไกดสฟาปรากฏในตำแหนงทคลกไปวาง

คลกลากไปทางขวาสรางเสนไกดแนวตง

คลกลากลงสรางเสนไกดแนวนอน

สรางเสนไกดจากเมน 1. เลอกคำสง View ➢ New Guide 2. เลอกแนวเสนไกด * Horizontal เสนไกดแนวนอน * Vertical เสนไกดแนวตง 3. กำหนดตำแหนงทตองการ โดยสามารถระบหนวยตอทายตวเลข เชน 2 in (ถาไมระบหนวยโปรแกรมจะใชหนวยเดยวกบบนไมบรรทด 4. คลก OK

2

4

3


หนา : 23


ยกเลกคำสงและยอนการทำงาน

ในการสรางและการตกแตงภาพ บอยครงทเราจำเปนตองทดลองใชคำสงหรอเครองมอตาง ๆ เพอดวาใหผลลพธตามทตองการหรอไม หากไมพอใจกจำเปนตองยอนกลบไปยงขนตอนกอนหนาเพอเปลยนคำสงใหม หรอแกไขสงททำผดพลาดไป ใน Photoshop CS6 เราสามารถยอนการทำงานได 2 วธคอ

• ใชคำสง Edit ➢ Undo ….ชอคำสง.....(คยลด + ) ซงมคณสมบตเหมอนโปรแกรมทว ๆ ไป แตคำสงจะยอนการทำงานไดเพยงขนเดยวเทานน

Ctrl Z

• ใชพาเลต History วธนมขอดคอสามารถยอนการทำงานกลบไปไดหลายขน แลวแตจะกำหนด

ยอนการทำงานดวยพาเลต History วธยอนการทำงาน ใหคลกบนขนตอนสดทายทยงตองการใหมผล ขนตอนอน ๆ ตอจากนนจะถกยกเลกทงหมด การเรยกขนตอนทเพงถกยกเลกไปกลบคน หากเราเปลยนใจกสามารถเรยนกขนตอนทเพงถกยกเลกไปกลบคนมาได

คลกเพอยอนกลบไปยงขนตอนใด ๆ ทตองการ

ขนตอนการทำงานตาง ๆ ทไดทำไปแลวเรยงจากบนลงลางตามลำดบ

ขนตอนสดทายทมผล

ขนตอนทถกยกเลก


หนา : 24


แบบฝกหดท 1.1 หนาตาและสวนประกอบของโปรแกรม Photoshop CS6

คำสง ใหนกเรยนอธบายสวนประกอบของหนาจอโปรแกรม Photoshop CS6 (10 คะแนน ขอละ 2 คะแนน)

1.............................................................................................................................................................................

...............................................................................................................................................................................

. 2.............................................................................................................................................................................

...............................................................................................................................................................................

.. 3....................................

......................................

......................................

......................................

......................................

5.............................................

...............................................

...............................................

...............................................

...

4..................................................................

....................................................................

....................................................................

.

รวมคะแนน...........................คะแนน ผาน (7 คะแนน ขนไป) ไมผาน ( ตำกวา 7 คะแนน ) ลงชอ.............................ผตรวจ

ไดกคะแนนครบ

ชอ.......................................................................................ชน................เลขท.......................

หนา : 25


ชอ...................................................................................ชน............................เลขท .............................

แบบฝกหดท 1.2 การทำงานกบไฟลภาพ

คำสง ใหนกเรยนตอบคำถามตอไปน (10 คะแนน ขอละ 2 คะแนน)

1. หากเราตองการสรางไฟลภาพใหม เราจะตองสรางไฟลใหมโดย ............................................................................................................................. .............................................................................................................................................................................................................

2. หากตองการใหพนหลงของไฟลงานทเราสรางใหม โปรงแสง จะตองทำอยางไร ........................................................................................................................................................ ........................................................................................................ ..........................................................................

3. ถาตองการบนทกภาพเพอกลบมาแกไขใหม หรอยงตกแตงภาพไมเสรจตองบนทกเปนนามสกลอะไร ...................................................................................... ............................................................................................................................................................................................................ ........................................

4. ถาตองการบนทกภาพเพอนำภาพไปใชในงานพมพ หรอนำไปใชในโปรแกรมอน ๆ เราจะตองบนทกเปนนามสกลอะไร ....................................................................................................................................................... .............. ............................................................................................................... ...................................................... 5. ในการนำภาพไปใชในเวบเพจเราจะตองบนทกเปนนามสกล.GIF เพราะเหตใด ............................................................................................................................. ........................................ .....................................................................................................................................................................


แอบสองคะ

หนา : 26


แบบฝกหดท 1.3 การทำสำเนาไฟลและการบนทกภาพ


1. ใหอธบายขอดของการบนทกภาพ เปนรปแบบไฟล * . PSD ............................................................................................................................. ........................................ ..................................................................................................................................................................... 2. หากเราตองการบนทกภาพเพอนำไปใชในงานตาง ๆ จะเลอกบนทกภาพเปนไฟลแบบใดจะพจารณาจากอะไร .................................................................................................................................................. ................... ................................................................................................................. ....................................................

3. หนาตางนแสดงวาบนทกภาพเปนไฟลประเภทใด

หนาตางนแสดงวาบนทกภาพเปนไฟลประเภทใด


4. 5.

...................................................

...................................................

............................

............................................

............................................

..........................................

............................................

............................................

..........................................


ชอ...................................................................................ชน.............. ..............เลขท.............................

ตงใจทำนะ

ครบ

หนา : 27



แบบฝกหดท 1.4 การยอ ขยาย มงมองภาพ การการเรยกใชไมบรรทดและการยกเลกคำสง

คำสง ใหนกเรยนตอบคำถามตอไปน (10 คะแนน ขอละ 2 คะแนน) 1 ใหนกเรยนอธบายการทำงานระหวางเครองมอ กบเครองมอ วามการทำงานอยางไร จะทำใหภาพแตกตางกนอยางไร

............................................................................ ............................................................................................................................. ....

............................................................................................................................... ..............................................................................

................ 2 การใชเครองมอ Zoom มประโยชนอยางไรในการตกแตงภาพ........................................................................................................ ................................................................................................................................................................................... ............................................................................. .......................................................... 3. อธบายประโยชนของเสนไกดในการแตงแตงภาพ และวธการเรยกใชงานเสนไกด ทงแนวตงและแนวนอน

........................................................................... ............................................................................................................................. .......

............................................................................................................................ ...................................................................................

............ 4. หากเรากดคย Ctrl + Z จะมผลอยางไรกบภาพทเรากำลงตกแตง.............................................................................................................................................................................................................................................................................................. ......

5. การใชพาเลต History มขอดอยางไร อธบาย.......................................................................................................................................................................................................................................................... ..........................................

ชอ...................................................................................ชน............................เลขท.... .........................

หนา : 28


แบบทดสอบหลงเรยน ความรเบองตนโปรแกรม Photoshop CS6

คำชแจง ใหนกเรยนเลอกคำตอบทถกทสดเพยงคำตอบเดยว แลวทำเครองหมาย กากบาท(X) ลงในกระดาษคำตอบ

1. โปรแกรมสำหรบทำภาพกราฟกคอ ก. Adobe Dreamweaver CS6 ข. Adobe Flash CS6 ค. Adobe Muse CS6 ง. Adobe Photoshop CS6

2. นอกจาก Start -> All Programs -> Adobe Photoshop CS6 ยงสามารถเปดโปรแกรม Photoshop ไดดวยวธใด

ก. ดบเบลคลกทไอคอน บนหนาจอเดสทอบ ข. Start -> Setting -> Adobe Photoshop Cs6 ค. Start -> Run -> Adobe Photoshop Cs6 ง. Start -> Control panel -> Adobe Photoshop Cs6

3. เมน File คอคำสงใดใชสำหรบทำอะไร ก. ใชสำหรบปรบแตงคาการทำงานของเครองมอตาง ๆ

ข. ใชสำหรบแกไขภาพ ค. ใชสำหรบจดการกบไฟลภาพในลกษณะตาง ๆ ง. ใชสำหรบยอและขยายภาพในขณะทำการตกแตงภาพ

หนา : 29


4. แถบชอโปรแกรมใน Photoshop CS6 เรยกวาอะไร ก. Toolbox ข. Title bar ค. Manu bar ง. Option bar

5. ใชสำหรบจดการกบภาพ โดยแยกออกเปนหมวดหม คอ ก. พาเลต (Palette) ข. ออปชนบาร (Option bar) ค. ไตเตลบาร (Title bar) ง. เมนบาร (Manu bar)

6. การบนทกภาพเปนนามสกล .PSD มขอดอยางไร ก. สามารถนำภาพทไดไปใชไดกบทกโปรแกรม

ข. สามารถนำภาพกลบมาแกไขไดอกครงหนง ค. จะไดภาพทมไฟลขนาดเลก เหมาะกบงานสรางเวบไซต ง. ไดไฟลภาพทมความคมชด ไฟลมขนาดใหญเหมาะกบงานพมพ

7. การปรบขนาดของไฟลรปภาพโดยทสดสวนของภาพคงเดมทำไดโดยวธใด ก. Edit--> Flatten Image ข. Layer--> Resize ค. Edit--> Canvas Size ง. Image--> Image Size

หนา : 30


8. ชนงานยอย ๆ ทอยในชนงานใหญเพอการทำงานงายขนเรยกวาอะไร ก. Layer ข. Resolution ค. Application ง. Option bar

9. Width เปนการกำหนดคาอะไรของภาพ ก. คาความกวางของภาพ ข. คาความสงของภาพ ค. คาความคมชดของภาพ ง. คาพนหลงของภาพ

10. ขอใดคอความหมายของTool box ก. เปนสวนทเกบเครองมอทใชในการวาด ตกแตง และแกไขภาพ

ข. เปนสวนทเกบคำสงตาง ๆ ทใชในการกำหนด ส ความคมชดของภาพ ค. เปนสวนทใชปรบแตงการทำงานของเครองมอตาง ๆ ง. เปนสวนของหนาตางยอย ๆ ทใชเลอกรายละเอยดหรอควบคมการทำงานตาง ๆ ของโปรแกรม

หนา : 31


กระทรวงศกษาธการ. แนวปฏบตการวดและประเมนผลการเรยนร ตามหลกสตรแกนกลาง การศกษาขนพนฐาน พทธศกราช 2551. กรงเทพมหานคร : โรงพมพชมชนสหกรณ การเกษตรแหงประเทศไทย จำกด, 2557 เฉลมศกด บตรวเศษ. สดยอดเคลดลบอพสกล PHOTOSHOP. กรงเทพมหานคร : ซเอด ยเคชน, 2559 ดวงพร เกยงคำ. Insight Photoshop Cs3. กรงเทพมหานคร : โปรวชน, 2550 ทศยากรณ เกอนน พรพรรณ แพฝกฝน. คมอ Adobe Photoshop CS6. กรงเทพมหานคร โปรวชน, 2012 พมพพชชา ใจอารย. บทเรยนออนไลน เรองการใชงานโปรแกรม Adobe Photoshop SC6. เขาถงเมอ 20 ตลาคม 2561. จาก http://www.kroopim.net/webmaster.html สถาบนสงเสรมการสอนวทยาศาสตรและเทคโนโลย กระทรวงศกษาธการ. คมอการใช หลกสตรรายวชาพนฐานวทยาศาสตร สาระการออกแบบและเทคโนโลย. เขาถงเมอ 18 ตลาคม 2561. จาก http://www.scimath.org/e-books/8377/8377.pdf

บรรณานกรม

หนา : 32


ภาคผนวก

หนา : 33


เฉลย แบบฝกหดท 1.1 หนาตาและสวนประกอบของโปรแกรม Photoshop Cs6

คำสง ใหนกเรยนอธบายสวนประกอบของหนาจอโปรแกรม Photoshop Cs6 (10 คะแนน ขอละ 2 คะแนน)

1.............................................................................................................................................................................

...............................................................................................................................................................................

2.............................................................................................................................................................................

...............................................................................................................................................................................

.. 3............................................................................................................................................................................................

5.............................................................................................................................................................................................

4...........................................................................................................................................................................................................

ไดกคะแนนครบ

ชอ...................................................................................ชน............................เลขท................. ............


เมนบาร และกอบดวยคำสง ตาง ๆทใชในการจดการกบไฟล ทำงานกบรปภาพและใชปรบแตงการ

ทำงานของโปรแกรม

ออปชนบาร เปนสวนทใชในการปรบแตงคาการทำงานของเครองมอตาง ๆ

ทลบอกซ จะประกอบดวยเครองมอตาง ๆ ทใชในการวาดภาพ ตกแตง และแกไขภาพ

หนาตางของภาพแตละภาพ เปนพนททจะทำการวาดภาพ ตกแตงแกไขภาพ

พาเลตตาง ๆ เปนหนาตางยอย ๆ ทใชเลอกรายละเอยดหรอคำสงควบคมการทำงานตาง ๆ ของโปรแกรม

หนา : 34


ชอ...................................................................................ชน............................เลขท .............................


1. หากเราตองการสรางไฟลภาพใหม เราจะตองสรางไฟลใหมโดย ............................................................................................................................. ................................................................................................................................. ............................................................................

2. หากตองการใหพนหลงของไฟลงานทเราสรางใหม โปรงแสง จะตองทำอยางไร ............................................................................................................................. .............................................................................................................................................................................................................

3. ถาตองการบนทกภาพเพอกลบมาแกไขใหม หรอยงตกแตงภาพไมเสรจตองบนทกเปนนามสกลอะไร ................................................................................................................................................................................................................................................................................................... .......................................

5. ในการนำภาพไปใชในเวบเพจเราจะตองบนทกเปนนามสกล.GIF เพราะเหตใด ………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………..

เฉลยแบบฝกหดท 1.2 การทำงานกบไฟลภาพ รวมคะแนน...........................คะแนน

ผาน (7 คะแนน ขนไป) ไมผาน ( ตำกวา 7 คะแนน ) ลงชอ.............................ผตรวจ

แอบสองคะ

คลกทเมนไฟล เลอก New และกำหนดขนาดของภาพตามทเราตองการ

ตงคา Background Contents เปน Transparent

บนทกภาพเปนนามสกล .PSD

4. ถาตองการบนทกภาพเพอนำภาพไปใชในงานพมพ หรอนำไปใชในโปรแกรมอน ๆ เราจะตองบนทกเปนนามสกลอะไร ............................................................................................................................. ........................................ .............................................................................................................................. .......................................

บนทกภาพเปนนามสกล .JPG BMP GIF

เพราะเปนไฟลทมขนาดเลก เหมาะสำหรบการอพโหลดและดาวโหลด

หนา : 35



1. ใหอธบายขอดของการบนทกภาพ เปนรปแบบไฟล * . PSD ............................................................................................................................. ........................................ ................................................................................................................................................................. .... 2. หากเราตองการบนทกภาพเพอนำไปใชในงานตาง ๆ จะเลอกบนทกภาพเปนไฟลแบบใดจะพจารณาจากอะไร .................................................................................................................................................. ................... ................................................................. ....................................................................................................

3. หนาตางนแสดงวาบนทกภาพเปนไฟลประเภทใด



4. 5.

...................................................

...................................................

............................

............................................

............................................

..........................................

............................................

............................................

.......................................... ชอ........................................................... ........................ชน............................เลขท.............................

ตงใจทำนะ

ครบ

เฉลยแบบฝกหดท 1.3 การทำสำเนาไฟลและการบนทกภาพ


เราสามารถนำภาพกลบมาปรบปรงแกไขใหมได

เราสามารถนำภาพกลบมาปรบปรงแกไขใหมได

นามสกล .Psd นามสกล .Bmp นามสกล .Jpg

หนา : 36



คำสง ใหนกเรยนตอบคำถามตอไปน (10 คะแนน ขอละ 2 คะแนน) 1. ใหนกเรยนอธบายการทำงานระหวางเครองมอ กบเครองมอ วามการทำงานอยางไร จะทำใหภาพแตกตางกนอยางไร

............................................................................................................................. .................................................................... ............

................................................................................................................................................................ .............................................

................ 2. การใชเครองมอ Zoom มประโยชนอยางไรในการตกแตงภาพ......................................................................................................................................... ................................................................................................................................................................................................................................................................ ......................... 3. อธบายประโยชนของเสนไกดในการแตงแตงภาพ และวธการเรยกใชงานเสนไกด ทงแนวตงและแนวนอน

............................................................................................................................. ..................................................................................

.............................................................................................................................................................................. .................................

............ 4. หากเรากดคย Ctrl + Z จะมผลอยางไรกบภาพทเรากำลงตกแตง............................................................................................................................. ........................................................................................ ...............................................................................

5. การใชพาเลต History มขอดอยางไร อธบาย..................................................................................................................... ..................................................................................................................................... ..........................................

ชอ....................................................................... ............ชน............................เลขท.............................

เฉลยแบบฝกหดท 1.4 การยอ ขยาย มงมองภาพ การการเรยกใชไมบรรทดและการยกเลกคำสง

เปนเครองมอทใชสำหรบการซมภาพ เครองมอซมเครองหมายลบใชสำหรบการยอภาพ เครองมอซมเครองหมายบวกใชสำหรบการขยายภาพ

ในการตกแตงภาพการใชเครองมอ Zoom จะทำใหเราสามารถเหนภาพไดชดเจนขนและใชเครองมอตกแตงแกไขรายละเอยดของภาพในจดเลก ๆไดงายยงขน

เสนไกดมประโยชนในการกำหนดตำแหนงของ เลเยอรตาง ๆบนชนงาน ทำใหเราสามารถกำหนดตำแหนงใหตรงกนหรอความสงตำของแตละเลเยอรไดงายมากกวาการมองดวยตาเปลา วธการเรยกใชงานคอสามารถดงลงมาจากแทบไมบรรทดไดเลย

ภาพของเราจะยอนกลบการทำงานไป 1 ขนตอน

สามารถยอนขนตอนการทำงานในการตกแตงภาพไดทกขนตอนทตองการแกไข

หนา : 37


ขอ คำตอบ

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

ขอ คำตอบ

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

กระดาษคำตอบ ความรเบองตนเกยวกบกราฟกและโปรแกรม Photoshop CS6

ชอ...................................................................................ชน........... .................เลขท.............................

แบบทดสอบกอนเรยน

แบบทดสอบหลงเรยน

หนา : 38


กอนเรยน ขอ เฉลย 1 ง 2 ค 3 ค 4 ก 5 ก 6 ข 7 ค 8 ก 9 ข 10 ง

หลงเรยน ขอ เฉลย 1 ง 2 ก 3 ค 4 ข 5 ก 6 ข 7 ค 8 ก 9 ก 10 ก

เฉลยแบบทดสอบกอนเรยน - หลงเรยน ความรเบองตนเกยวกบกราฟกและโปรแกรม Photoshop CS6

หนา : 39


คะแนน แบบทดสอบกอนเรยน

คะแนน แบบทดสอบหลงเรยน

พฒนาการ

แบบฝกหดท 1.1 แบบฝกหดท 1.2 แบบฝกหดท 1.3 แบบฝกหดท 1.4 รวม

บนทกคะแนน

บนทกคะแนนสอบ

บนทกคะแนนแบบฝกหด

ลงชอ..................................ผบนทก (.........................................)

............/.........................../............

ลงชอ..................................ครผสอน (.........................................)

............/.........................../............

หนา : 40


รายละเอยดเกณฑการใหคะแนนแบบประเมนพฤตกรรมการเรยนร รายวชาโปรแกรมกราฟก ชนมธยมศกษาปท 4

เกณฑการใหคะแนน คะแนน 8 – 9 คะแนน หมายถง ดมาก คะแนน 5 – 7 คะแนน หมายถง ปานกลาง คะแนน 4 - 1 คะแนน หมายถง ตองปรบปรง

ประเดนการประเมน เกณฑการใหคะแนน

3 2 1

1. มความสนใจเรองทเรยน

1. ตงใจเรยน มความกระตอรอรนในการเรยน 2. ทำงานทไดรบมอบหมายเปนอยางด 3. สนใจซกถามปญหาขอสงสย

1. ตงใจเรยน มความกระตอรอรนบาง 2. ทำงานทไดรบมอบหมายเปนสวนใหญ 3. ไมสนใจซกถามปญหาขอสงสย

1. ตงใจเรยน แตขาดความกระตอรอรน 2. ไมคอยรบผดชอบงานทไดรบมอบหมาย 3. ไมสนใจซกถามปญหาขอสงสย

2. มงมนในการทำงาน 1. มความรบผดชอบในหนาทการงาน 2. ตงใจและเอาใจใสตอการปฏบตหนาททไดรบมอบหมาย 3.งานสำเรจตามกำหนดเวลาครบถวนสมบรณ

1. มความรบผดชอบในหนาทการงาน 2. ตงใจและเอาใจใสตอการปฏบตหนาททไดรบมอบหมายเปนสวนใหญ 3.งานสำเรจตามกำหนดเวลาครบถวนสมบรณเปนบางครง

1. มความรบผดชอบงานบางครง 2. ไมตงใจและเอาใจใสตอการปฏบตหนาททไดรบมอบหมาย 3.งานไมสำเรจตามกำหนดเวลาและไมครบถวนสมบรณ

3. การใชเหตผลในการแกปญหา

มการอางองเสนอแนวคดประกอบการตดสนใจอยางสมเหตสมผล

เสนอแนวคด ไมสมเหตสมผลในการประกอบ การตดสนใจ

มความพยายามเสนอแนวคดประกอบ การตดสนใจ

หนา : 41


เรื่อง ความรู้เบื้องต้น ......หน า : ก ช...

Documents

Transcript of เรื่อง ความรู้เบื้องต้น ......หน า : ก ช...