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

Post on 03-Apr-2020

7 views 0 download

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

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

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

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

ชดท 1

ตดตอ

e-mail : noteandnan123@gmail.com

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 เรองความรเบองตนเกยวกบกราฟกและโปรแกรม Photoshop CS6

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

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

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

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

หนา : ค

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

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

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

หนา : 1

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

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

ผลการเรยนร

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

ชดท 1

หนา : 2

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

แบบทดสอบกอนเรยน ความรเบองตนโปรแกรม 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

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

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

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

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

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

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

หนา : 5

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

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

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

Photoshop CS6

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

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

หนา : 6

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

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

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

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

หนา : 7

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

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

ทลบอกซ Tool box

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

Window Area

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

พาเลตตาง ๆ Palette

เมนบาร Manu bar

ออปชนบาร Option bar

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

หนา : 8

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

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

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

ดวดโอเลยจา

หนา : 9

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

ทลบอกซ

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

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

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

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

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

หนา : 10

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

ใบความรท 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

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

สรางไฟลใหม

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

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

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

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

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

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

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

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

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

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

หนา : 13

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

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

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

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

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

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

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

หนา : 14

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

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

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

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

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

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

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

หนา : 15

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

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

3

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

ตงชอไฟล 4

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

5 คลก

6 คลก

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

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

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

หนา : 16

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

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

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

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

หนา : 17

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

◆ คณสมบตของไฟล 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

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

การปดไฟลภาพ

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

คลกปด

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

หนา : 19

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

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

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

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

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

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

หนา : 20

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

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

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

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

Alt

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

Ctrl - + Ctrl

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

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

1 2

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

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

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

หนา : 21

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

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

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

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

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

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

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

หนา : 22

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

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

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

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

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

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

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

2

4

3

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

หนา : 23

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

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

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

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

Ctrl Z

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

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

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

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

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

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

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

หนา : 24

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

...

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

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

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

.

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

ไดกคะแนนครบ

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

หนา : 25

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

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

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

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

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

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

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

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

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

แอบสองคะ

หนา : 26

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

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

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

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

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

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

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

4. 5.

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

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

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

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

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

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

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

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

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

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

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

ตงใจทำนะ

ครบ

หนา : 27

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

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

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

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

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

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

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

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

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

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

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

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

หนา : 28

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

แบบทดสอบหลงเรยน ความรเบองตนโปรแกรม 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

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

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

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

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

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

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

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

หนา : 31

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

กระทรวงศกษาธการ. แนวปฏบตการวดและประเมนผลการเรยนร ตามหลกสตรแกนกลาง การศกษาขนพนฐาน พทธศกราช 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

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

ภาคผนวก

หนา : 33

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

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

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

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

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

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

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

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

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

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

ไดกคะแนนครบ

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

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

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

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

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

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

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

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

หนา : 34

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

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

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

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

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

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

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

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

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

แอบสองคะ

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

ตงคา Background Contents เปน Transparent

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

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

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

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

หนา : 35

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

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

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

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

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

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

4. 5.

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

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

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

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

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

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

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

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

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

ตงใจทำนะ

ครบ

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

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

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

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

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

หนา : 36

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

หนา : 37

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

ขอ คำตอบ

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

ขอ คำตอบ

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

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

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

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

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

หนา : 38

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

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

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

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

หนา : 39

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

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

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

พฒนาการ

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

บนทกคะแนน

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

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

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

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

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

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

หนา : 40

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

รายละเอยดเกณฑการใหคะแนนแบบประเมนพฤตกรรมการเรยนร รายวชาโปรแกรมกราฟก ชนมธยมศกษาปท 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

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