ความรู้พื้นฐานในการใช้งาน ... · 2019-06-04 ·...

ความรพนฐานในการใชงานโปรแกรม Adobe Photoshop CS6 1

เอกสารประกอบการเรยน เรอง การใชงานโปรแกรม Adobe Photoshop CS6 ม.3

ค าน า

เอกสารประกอบการเรยน เลมท 1 เรอง ความรพนฐานในการใชงาน โปรแกรม Adobe Photoshop CS6 จดท าขน เพอใชประกอบการจดกจกรรมการเรยนร โดยมเปาหมายเพอใชเปนสอในการจดการเรยนร เพอ พฒนานกเรยน ใหมคณภาพตามมาตรฐานการเรยนร พฒนานกเรยนใหมสมรรถนะตามทตองการ ทงดานการสอสาร การคด การแกปญหา การใชทกษะชวต และการใชเทคโนโลย ตลอดจนพฒนานกเรยนใหมคณลกษณะอนพงประสงค เพอใหสามารถอยรวมกบผอนในสงคมไทยและสงคมโลกได อยางมความสข ซงประกอบดวยเอกสารประกอบการเรยน จ านวน 6 เลม ดงน

เลมท 1 ความรพนฐานในการใชงาน โปรแกรม Adobe Photoshop CS6 เลมท 2 การจดการกบสและการใชงาน Layer เลมท 3 การเลอกพนทดวย Selection เลมท 4 การท างานกบขอความและตวอกษร เลมท 5 การรทชภาพและการปรบปรงรปถาย เลมท 6 การสรางและวาดรปทรงแบบเวคเตอร ผเรยนสามารถศกษา และเรยนรดวยตนเอง ตามแผนผงแสดงขนตอนการเรยน

ทไดระบไว ในเอกสารประกอบการสารโดยผเรยนสามารถเรยนรไดอยางเปนอสระ และสามารถพฒนาตนเองได เตมตามศกยภาพ สอดคลองกบแนวคดในการพฒนาผเรยน สศตวรรษท 21 ทมงเนนใหผเรยนมทกษะ ทจ าเปน 3 ดาน คอ 1) ทกษะการเรยนรและนวตกรรม 2) ทกษะชวตและและการท างาน 3) ทกษะดานสารสนเทศ สอ เทคโนโลย

ผจดท าหวงเปนอยางยงวา เอกสารประกอบการเรยน เลมท 1 ความรพนฐานในการใชงาน โปรแกรม Adobe Photoshop CS6 จะเปนประโยชนตอการพฒนาผลสมฤทธทางการเรยน ทงยงชวยสงเสรมใหครผสอน สามารถจดการเรยนการสอนรไดอยางมประสทธภาพ ตรงตามมาตรฐานการศกษา เพอการพฒนา ผเรยนสความเปนพลเมองโลกในศตวรรษท 21

วนดา ยอดฉตร



สารบญ

เรอง หนา ค าน า 1 สารบญ 2 สารบญภาพ 3 สารบญตาราง 5 ค าชแจงการใชเอกสารประกอบการเรยน 6 แผนผงแสดงขนตอนการเรยน 7 ค าแนะน าส าหรบคร 8 ค าแนะน าส าหรบนกเรยน 9 สาระการเรยนร / ผลการเรยนร / จดประสงคการเรยนร 10 แบบทดสอบกอนเรยน 12 ใบความรท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Photoshop CS6 15 แบบฝกหดท 1.1 36 ใบความรท 2 การท างานกบไฟลภาพเบองตน 39 แบบฝกหดท 1.2 56 แบบทดสอบหลงเรยน 59 บรรณานกรม 62ภาคผนวก 63 เฉลยแบบทดสอบกอนเรยน 64 เฉลยแบบฝกหดท 1.1 65 เฉลยแบบฝกหดท 1.2 68 เฉลยแบบทดสอบหลงเรยน 70



สารบญภาพ

เรอง หนา ภาพท 1 แสดงชอโปรแกรม Adobe Photoshop CS6 15 ภาพท 2 แสดงชอไฟล Setup โปรแกรม Adobe Photoshop CS6 16 ภาพท 3 แสดงการเลอกรปแบบการตดตง 16 ภาพท 4 แสดง Accept เพอยอมรบเงอนไขการใชงาน 17 ภาพท 5 แสดงปม install เพอเรมตดตง 17 ภาพท 6 แสดงสถานะตดตง 18 ภาพท 7 แสดงความส าเรจของการตดตง 18 ภาพท 8 ปม start และ All program 19 ภาพท 9 แสดงโปรแกรม Adobe Photoshop CS6 19 ภาพท 10 แสดงหนาตางโปรแกรม (Splash Screen) 20 ภาพท 11 แสดงหนาจอการสรางชนงาน 20 ภาพท 12 แสดงสวนประกอบของหนาจอโปรแกรม 21 ภาพท 13 แสดงการเปลยนธมสหนาตางโปรแกรม 22 ภาพท 14 แสดงแถบเมนบาร 23 ภาพท 15 แสดงแถบกลองเครองมอ 24 ภาพท 16 แสดงการเรยกใชชดเครองมอยอย 24 ภาพท 17 แสดงการกลองเครองมอ (ทลพาเนล) 26 ภาพท 18 แสดงออปชนบาร 32 ภาพท 19 แสดงหนาตางพาเนล 33 ภาพท 20 แสดงการพบหนาตางพาเนล 33 ภาพท 21 แสดงการยอ/ขยายขนาดหนาตางพาเนล 34 ภาพท 22 แสดงการเลอกพนทท างาน 35 ภาพท 23 แสดงตวอยางภาพบทแมพ (Bitmap) 39 ภาพท 24 แสดงตวอยางภาพเวคเตอร (Vector) 40 ภาพท 25 แสดงสวนประกอบของหนาตางภาพ 42 ภาพท 26 แสดงการเปดไฟลภาพทมอยแลว 43 ภาพท 27 แสดงการเปดไฟลภาพทเคยเปดใชงานลาสด 44 ภาพท 28 แสดงการเปดไฟลภาพดวยการลากแลวปลอย 44



สารบญภาพ (ตอ)

เรอง หนา ภาพท 29 แสดงการสรางไฟลใหม 45 ภาพท 30 แสดงการบนทกเพอน ากลบมาแกไขภายหลง 46 ภาพท 31 แสดงการบนทกไฟลรปแบบอนๆ จากไฟล PSD 47 ภาพท 32 แสดงการบนทกไฟลงานอตโนมตดวย Auto Save 48 ภาพท 33 แสดงการการปดไฟลงาน 49 ภาพท 34 แสดงหนาตางกลมภาพใหม 50 ภาพท 35 แสดงรวมกลมหนาตางภาพ 50 ภาพท 36 แสดงการปรบขนาดหนาตางภาพ 51 ภาพท 37 แสดงตวอยางไมบรรทด เสนกรด และเสนไกด 52 ภาพท 38 แสดงการปรบขนาดหนาตางภาพ 52 ภาพท 39 แสดงการใชงานเสนกรด (Grid) 53 ภาพท 40 แสดงการใชงานเสนไกด (Guide) 54 ภาพท 41 แสดงแสดงการใชพาเนล History 55



สารบญตาราง

เรอง หนา ตารางท 1 แสดงรปแบบการท างานของแถบเมนค าสง 23 ตารางท 2 แสดงกลมเครองมอส าหรบการเลอกเพอยายวตถ 27 ตารางท 3 กลมเครองมอส าหรบการตดภาพเพอเลอกเฉพาะสวน 27 ตารางท 4 แสดงเครองมอส าหรบวดคา 28

ตารางท 5 แสดงกลมเครองมอส าหรบการรทชภาพ 28 ตารางท 6 แสดงกลมเครองมอส าหรบการระบายสและการลงส 29 ตารางท 7 แสดงกลมเครองมอส าหรบสรางรปทรงเวคเตอร 30 ตารางท 8 แสดงกลมเครองมอส าหรบจดการกบมมมองของภาพ 31 ตารางท 9 แสดงกลมเครองมอส าหรบจดการกบโหมดของหนาจอ 31



ค าชแจงการใชเอกสารประกอบการเรยน

เอกสารประกอบการเรยน เลมท 1 ความรพนฐานในการใชงานโปรแกรม Adobe

Photoshop CS6 เลมนใชประกอบการจดกจกรรมการเรยนรของนกเรยนชนมธยมศกษาปท 3 โรงเรยนไทรงามพทยาคม โดยมชนตอนการจดกจกรรมการเรยนร ดงน

1. ท าแบบทดสอบกอนเรยน จ านวน 10 ขอ ลงในกระดาษค าตอบ 2. ศกษาใบความร ท 1 เรอง ความร เบองตนเกยวกบโปรแกรม Adobe

Photoshop CS6 และ ใบความรท 2 การท างานกบไฟลภาพเบองตน 3. ท าแบบฝกหดใหครบทกแบบฝกหด 4. ตรวจค าตอบ จากการเฉลยแบบฝกหด 5. ถาตอบผดควรกลบไปศกษาเนอหาใหมอกครงหนง 6. เมอตรวจค าตอบครบทกแบบฝกหดแลว ใหท าแบบทดสอบหลงเรยน ลงใน

กระดาษค าตอบ 7. ตรวจค าตอบแบบทดสอบกอนเรยนและแบบทดสอบหลงเรยนทายเอกสาร

ประกอบการเรยน 8. สรปผลคะแนนทไดลงในกระดาษค าตอบ 9. นกเรยนควรมความซอสตยตอตนเอง ไมเปดดเฉลยกอนลงมอท าแบบทดสอบ

และแบบฝกหด



แผนผงแสดงขนตอนการเรยน

ศกษาเอกสารประกอบการเรยน เลมท 2

ศกษาค าแนะน าในการใชเอกสารประกอบการเรยน

ศกษาสาระการเรยนร / ผลการเรยนร จดประสงคของการเรยนร และวธการวดผลประเมนผล

ศกษาใบความรและท ากจกรรม

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

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

ผานเกณฑ

ไมผานเกณฑ



ค าชแจงส าหรบคร

การจดการเรยนรโดยใชเอกสารประกอบการเรยน เรอง ความรพนฐานใน การใชงานโปรแกรม Adobe Photoshop CS6 มขนตอนการจดกจกรรมทครผสอนตองด าเนนการ ดงตอไปน

1. ขนเตรยมการสอน 1.1 ศกษาแผนการจดการเรยนรอยางละเอยดและเอกสารประกอบการเรยน

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

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

2. ขนด าเนนกจกรรมการเรยนการสอน 2.1 ครแจกเอกสารประกอบการเรยนใหกบนกเรยน 2.2 ครชแจงการใชเอกสารประกอบการเรยนใหนกเรยนทราบกอนเรยน 2.3 ครใหนกเรยนท าแบบทดสอบกอนเรยนเพอศกษาระดบความรพนฐาน

ของนกเรยน 2.4 ครใหนกเรยนศกษาเอกสารประกอบการเรยนและปฏบตกจกรรมตาง ๆ

ตาม ขนตอนในเอกสารประกอบการเรยนดงน 1) ศกษาใบความร 2) ท าแบบฝกหด

2.5 ครใหนกเรยนท าแบบทดสอบหลงเรยนเพอศกษาความกาวของการเรยนร 3. ขนประเมนผล

3.1 ครตรวจสอบแบบทดสอบกอนเรยน - หลงเรยน และกจกรรมการเรยนร 3.2 บนทกคะแนนโดยประเมนตามเกณฑการประเมนกรณนกเรยนมคะแนน

ผลการประเมนแบบทดสอบหลงเรยนและกจกรรม การเรยนรไมผานรอยละ 80 ใหท าการศกษาเอกสารประกอบการเรยนรอกครง

-



ค าชแจงส าหรบนกเรยน

การจดการเรยนรโดยใชเอกสารประกอบการเรยน เรอง การใชงานโปรแกรม Adobe Photoshop CS6 มขนตอนการจดกจกรรมทครผสอนตองด าเนนการ ดงตอไปน

1. ศกษาผลการเรยนร และจดประสงคการเรยนรใหเขาใจ 2. ตงใจเรยนรตามล าดบขนตอนทก าหนด โดยไมขามขนตอน 3. ศกษาใบความรท 1 รจกและใชงาน Photoshop CS6 และใบความรท 2 การ

ท างานกบไฟลภาพเบองตน อยางเครงครดและมความซอสตย ตอตนเองโดยไมดเฉลยค าตอบกอน

4. ขณะศกษาหากมขอสงสยหรอขอของใจใหสอบถามครเพอขอค าแนะน า 5. หลงจากศกษาเอกสารประกอบการเรยนเสรจ ใหท าแบบฝกหดแตละใบความร

และแบบทดสอบหลงเรยน 6. กรณนกเรยนมคะแนนผลการประเมนแบบทดสอบหลงเรยนและกจกรรมการ

เรยนรไมผานรอยละ 80 ใหท าการศกษาเอกสารประกอบการเรยนอกครง เอกสารประกอบการเรยน เรอง การใชงานโปรแกรม Adobe Photoshop CS6

ส าหรบนกเรยนขนมธยมศกษาปท 3 กลมสาระการเรยนรการงานอาชพและเทคโนโลย นจะมประโยชนตอนกเรยน ถานกเรยนศกษาตามล าดบขนตอนและมความซอสตย กรณนกเรยนมคะแนน ผลการประเมนแบบทดสอบหลงเรยนและกจกรรมการเรยนรไมผานรอยละ 80 ใหท าการศกษา เอกสารประกอบการเรยนอกครง นกเรยนจะมความเชาใจอยางถกตอง มความร ความสามารถสงผลให นกเรยนมผลสมฤทธทางการเรยนสงขน



1. ความรเบองตนเกยวกบโปรแกรม Adobe Photoshop CS6 2. การท างานกบไฟลภาพเบองตน

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

1. ดานความร (K) 1. อธบายขนตอนการตดตงโปรแกรม Adobe Photoshop CS6 2. บอกสวนประกอบของหนาตางโปรแกรม 3. สามารถท างานกบไฟลภาพเบองตนได

2. ดานทกษะ / กระบวนการ (P) ใชเทคโนโลยสารสนเทศในการคนควาและน าเสนอขอมล

3. ดานคณธรรม จรยธรรม และคานยม (A) 1. มวนย ใฝเรยนร และมงมนในการท างาน 2. ตงใจในการท างาน และท างานสงดวยตนเองตามเวลาทก าหนด

เอกสารประกอบการเรยน เรอง การใชงานโปรแกรม Adobe Photoshop CS6

เลมท 1 เรอง ความรพนฐานในการใชงานโปรแกรม Adobe Photoshop CS6

สาระการเรยนร

ผลการเรยนร

จดประสงคการเรยนร



โปรแกรม Adobe Photoshop CS6 เปนโปรแกรมคอมพวเตอร ทรวบรวมเครองมอส าหรบตกแตงภาพประสทธภาพสง เพอการท างานระดบมาตรฐานส าหรบ นกออกแบบมออาชพทตองการสรางสรรคงานกราฟกทโดดเดน ทงงานบนเวบ ไซต และงานสงพมพ

วธวดผลและประเมนผล เครองมอวดผล และประเมนผล

เกณฑ

ดานความร 1. ตรวจแบบฝกหดท 1.1 2. ตรวจแบบฝกหดท 1.2 3. ตรวจแบบทดสอบ หลงเรยน

1. ตรวจแบบฝกหดท 1.1 2. ตรวจแบบฝกหดท 1.2 3. ตรวจแบบทดสอบ หลงเรยน

1. แบบฝกหดท 1.1 ผานเกณฑรอยละ 80 2. แบบฝกหดท 1.2 ผานเกณฑรอยละ 80 3. แบบทดสอบหลงเรยน ผานเกณฑรอยละ 80

ดานทกษะ/กระบวนการเรยนร สงเกตพฤตกรรม

แบบสงเกตพฤตกรรม

พฤตกรรมการท างาน ผานเกณฑรอยละ 80

ดานคณลกษณะอนพงประสงค ประเมนคณลกษณะ อนพงประสงค

แบบประเมนคณลกษณะอนพงประสงค

คะแนนคณลกษณะ อนพงประสงค ผานเกณฑรอยละ 80

ดานสมรรถนะส าคญของผเรยน ประเมนสมรรถนะส าคญของผเรยน

แบบประเมนสมรรถนะส าคญของผเรยน

คะแนนสมรรถนะส าคญของผเรยน ผานเกณฑรอยละ 80

สาระส าคญ

การวดผลประเมนผล



แบบทดสอบกอนเรยน เรอง : รจกและใชงาน Photoshop CS6

รายวชาโปรแกรมกราฟกเบองตน รหสวชา ง20245 กลมสาระการเรยนรการงานอาชพและเทคโนโลย

ระดบชนมธยมศกษาปท 3 จ านวน 10 ขอ 10 คะแนน

1. โปรแกรม Adobe Photoshop เปนโปรแกรมทใชท าอะไร ก. ใชส าหรบดหนง ฟงเพลง ข. ใชส าหรบคนหาเวบไซตตาง ๆ ค. ใชส าหรบท าภาพกราฟกตาง ๆ ง. ใชจดท าเวบไซตตาง ๆ

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

3. ขอใดคอไฟลของโปรแกรม Photoshop ก. .ACDC ข. .MPEG ค. .PSD ง. .AVI

4. การปรบขนาดของภาพใชเมนใด ก. Image > Image Size ข. Image > Picture ค. Image > Size ง. Image > Rotate

ค าซแจง

1. แบบทดสอบเปนแบบเลอกตอบ จ านวน 10 ขอคะแนน เตม 10 คะแนน ใชเวลาในการทดสอบ 10 นาท 2. เลอกค าตอบทถกตองทสดเพยงขอเดยว แลวท า

เครองหมายกากบาท (X) ลงในกระดาษค าตอบ



5. นามสกลทนยมใชในการบนทกงานจากโปรแกรม Adobe Photoshop คออะไร

ก. Rpg , Rf ข. Jpg , Gif ค. Abc , Gif ง. Jpg , Rpg

6. Resolution คออะไร ก. ความสงของภาพ ข. ความยาวของภาพ ค. ความละเอยดของภาพ ง. ความกวางและความยาวของภาพ

7. ขอใดไมใชโหมดสในโปรแกรม Adobe Photoshop ก. RGB Color ข. CMYK Color ค. JPG Color ง. Lab Color

8. ขอใดไมใชหนวยของความกวางและความสงของภาพใน Photoshop ก. Km ข. Inch ค. Points ง. Pixel

9. การเลอกสพนหลงเปนแบบ Transparent หมายถงอะไร ก. ใหพนหลงมสขาว ข. ใหพนหลงโปรงใส ค. ใหพนหลงมสตามส Foreground ทเลอก ง. ใหพนหลงมสตามทเลอก

10. การตงขนาดของภาพเปนขนาด A4 ในโปรแกรม Adobe Photoshop ตองเลอกในหมวดใด

ก. Web ข. International Paper ค. Clibboard ง. Flim & Viedio



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

ขอ ตวเลอก

1 2 3 4

1

2

3

4

5

6

7

8

9

10

เกณฑการประเมน

ตอบถก ขอละ 1 คะแนน

ตอบถก/ไมตอบ ขอละ 0 คะแนน

แปลผลการประเมน

ด ไดคะแนน 7-10 คะแนน พอใช ไดคะแนน 5-6 คะแนน ปรบปรง ไดคะแนน 0-4 คะแนน

คะแนน 7-10 คะแนน ถอวา ผาน คะแนน 0-6 คะแนน ถอวา ไมผาน

ชอ-นามสกล....................................................................................เลขท................................ชน.....................

สรปผลการประเมน

รวมคะแนน....................คะแนน ผาน ไมผาน

ลงชอ..........................................ผตรวจ (นางสาววนดา ยอดฉตร)



ใบความรท 1 รจกและใชงาน Photoshop CS6

1. รจกกบโปรแกรม Adobe Photoshop CS6

โปรแกรม Photoshop เปนโปรแกรมในตระกล Adobe ทใชส าหรบตกแตงภาพถายและภาพกราฟก ไดอยางมประสทธภาพ ไมวาจะเปนงานดานสงพมพ นตยสาร และงานดานมลตมเดย อกทงยงสามารถ retouching ตกแตงภาพและการสรางภาพ ซงก าลงเปนทนยมสงมากในขณะน เราสามารถใชโปรแกรม Photoshop ในการตกแตงภาพ การใส Effect ตาง ๆ ใหกบภาพ และตวหนงสอ การท าภาพขาวด า การท าภาพถายเปนภาพเขยน การน าภาพมารวมกน การ Retouch ตกแตงภาพตาง ๆ สามารถเรยนรวธการใชโปรแกรม Adobe Photoshop นไดดวยตวเอง สามารถ ทจะท าการแกไขภาพ ตกแตงภาพ ซอนภาพในรปแบบตาง ๆ ไดอยางงายดาย และสงทขาดไมไดกคอ การใสขอความประกอบลงในภาพดวย และเนองดวย Adobe Photoshop มการพฒนาโปรแกรมมาอยางตอเนอง

ภาพท 1 แสดงชอโปรแกรม Adobe Photoshop CS6 ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559



2. ความตองการของระบบส าหรบตดตงโปรแกรม

ส าหรบผทตองการใชงานโปรแกรม Adobe Photoshop CS6 จะตองตรวจสอบสเปคของเครองคอมพวเตอรทเหมาะสมกบการตดตงและใชงานโปรแกรม Adobe Photoshop CS6 ส าหรบสเปคคอมขนต าทสามารถตดตงและใชงานโปรแกรม Adobe Photoshop CS6 มดงน ซพย (CPU) Intel Pentium 4, AMD Athlon 64 Processor ขนไป ระบบปฏบตการ Windows XP Service Pack 3 เปนอยางต า ฮารดดสก 2 GB. ในการตดตงและควรมพนทวางเพอเปนหนวยความจ าส ารอง หนวยความจ า (RAM) อยางต า 1 GB. (แนะน าท 2 GB)

จอภาพ ความละเอยดขนต า 1,024x768 pixels (แนะน าใหใชท 1,280x800) การดจอ รองรบ OpenGL 2.0 และมหนวยความจ าอยางนอย 256 MB.

3. การตดตงโปรแกรม Adobe Photoshop CS6

3.1 ดบเบลคลกไฟล Setup ในโฟลเดอรโปรแกรม Adobe Photoshop CS6

ภาพท 2 แสดงชอไฟล Setup โปรแกรม Adobe Photoshop CS6 ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

3.2 เลอก กดปม Install (เลอก Try กรณทดลองใช)

ภาพท 3 แสดงการเลอกรปแบบการตดตง ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

ถาไมม Serial Number ใหเลอกตดตง แบบ Try จะทดลองใชงานได 30 วน

1

2



3.3 กดปม Accept เพอยอมรบเงอนไขการใชงาน

ภาพท 4 แสดง Accept เพอยอมรบเงอนไขการใชงาน ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

3.4 กดปม Install เพอด าเนนการตดตง

ภาพท 5 แสดงปม install เพอเรมตดตง ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559



3.5 รอจนตดตงโปรแกรมส าเรจ

ภาพท 6 แสดงสถานะตดตง ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

3.5 กดปม Close เสรจสนการตดตง

ภาพท 7 แสดงความส าเรจของการตดตง

ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559



4. การเรยกใชโปรแกรม Adobe Photoshop CS6

4.1 คลกปม start แลวคลกเลอก All program

ภาพท 8 ปม start และ All program ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

4.2 คลกเลอกโปรแกรม Adobe Photoshop CS6 (64 Bit)

ภาพท 9 แสดงโปรแกรม Adobe Photoshop CS6 ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

1 1

1



4.3 โปรแกรม Adobe Photoshop CS6 (64 Bit) แสดงหนาตางโปรแกรม (Splash Screen) เปดเขาสโปรแกรม

ภาพท 10 แสดงหนาตางโปรแกรม (Splash Screen) ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

4.4 โปรแกรม Adobe Photoshop CS6 (64 Bit) พรอมสรางชนงานในรปแบบตาง ๆ

ภาพท 11 แสดงหนาจอการสรางชนงาน ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559



5.สวนประกอบหนาจอโปรแกรม

ภาพท 12 แสดงสวนประกอบของหนาจอโปรแกรม ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

ออปชนบาร (Option bar) เมนบาร (Menu bar) แทบชอภาพ

กลองเครองมอ (Toolbox) พาเนลตางๆ (Panel)

พนทการท างาน (Workspace)

ยอ-ขยาย หรอปดโปรแกรม

พนทการท างาน (Canvas)



6.เปลยนธมสหนาตางโปรแกรม

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

ภาพท 13 แสดงการเปลยนธมสหนาตางโปรแกรม ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

3

4 ธมสทง 4 แบบทสามารถเลอกใชงานได

1 กดแปน Ctrl+K บนคยบอรด เพอเปดหนาตาง Preference

2 คลกเลอก Interfac

คลกเลอกธมส ทตองการ

5 คลกปม OK



7. เมนบาร (Menu Bar)

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

ภาพท 14 แสดงแถบเมนบาร ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

ตารางท 1 แสดงรปแบบการท างานของแถบเมนค าสง

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

งานใหม เปดไฟลภาพ บนทกไฟลงาน น าเขาหรอสงออกไฟลเพอท างานในลกษณะอน ๆ

Edit ชดค าสงส าหรบแกไขภาพ เชน ตด คดลอก วาง รวมถงปรบแตงคาเบองตนของโปรแกรม

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

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

ค าสงหลก คลกแสดงเมนยอย



ตารางท 1 (ตอ) แสดงรปแบบการท างานของแถบเมนค าสง

เมนค าสง รปแบบการท างาน Type ชดค าสงทใชจดการและปรบแตงเกยวกบขอความ เชน ปรบแตงส

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

มาใชงาน รวมถงค าสงส าหรบการเลอกพนทเพอใหไดผลลพธทดยงขน

Filter ชดค าสงส าหรบปรบแตงภาพใหมรปแบบทนาสนใจยงขน บด ดดปรบรปทรงรปแบบตาง ๆ ใหกบภาพ

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

Window ชดค าสงส าหรบเลอกเปด/ปดพาเนล รวมถงก าหนดรปแบบการแสดงหนาตางในแบบตาง ๆ

Help ชดค าสงส าหรบแสดงความชวยเหลอเกยวกบการใชเครองมอหรอค าสงในรปแบบตาง ๆ



8. กลองเครองมอ (Toolbox)

กลองเครองมอ (Toolbox) จะเปนชดเครองมอทใชจดการกบไฟลงานทเราสรางขน โดยแบงออกเปนกลมยอยทงหมด 8 กลมตามรปแบบการใชงานดงน

ภาพท 15 แสดงแถบกลองเครองมอ ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

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

คลกทลกศรทมมดานลางของเครองมอคลกเมาสคางเลอกเครองมอยอย กดแปนคยลดทแสดงอยดานหลงชอของเครองมอแตละตว

ภาพท 16 แสดงการเรยกใชชดเครองมอยอย ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

คลกเพอแสดงแถบ เครองมอแถวเดยว

ลกษณะของแถบ เครองมอแบบ 2 แถว

คลกเพอแสดงแถบ เครองมอ 2 แถว

สญลกษณแสดง วาเปนเครองมอทใชงานอย

รปลกศรแสดงวามเครองมอยอย

คยลดส าหรบเรยก ใชงานเครองมอนน



9. เครองมอของ Adobe Photoshop CS6

Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพเพอบอกใหรวาในปมนยงมเครองมออนอยดวย

ภาพท 17 แสดงการกลองเครองมอ (ทลพาเนล) ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

A

B C

F

G

D E

H



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

ตารางท 2 แสดงกลมเครองมอส าหรบการเลอกเพอยายวตถ

กลมเครองมอส าหรบการตดภาพเพอเลอกเฉพาะสวน หรอหนภาพเพอใชบนเวบไซต

ตารางท 3 กลมเครองมอส าหรบการตดภาพเพอเลอกเฉพาะสวน

เครองมอ รปแบบการท างาน (Move Tool) ใชเคลอนยายภาพบรเวณทเลอกพนทหรอไมได

เลอกพนทไปยงต าแหนงใหม (Rectangular Marquee Tool)

เลอกพนทแบบรปทรงสเหลยม

(Elliptical Marquee Tool) เลอกพนทแบบรปทรงวงกลม วงร (Single Row Marquee Tool) เลอกพนทแบบเสนตรงแนวนอน (Single Column Marquee Tool)

เลอกพนทแบบเสนตรงแนวตง

(Lasso Tool) เลอกพนทแบบอสระ (Polygonal Lasso Tool) เลอกพนทแบบมมเหลยม (Magnetic Lasso Tool) เลอกพนทแบบชดเสนขอบภาพ (Quick Selection Tool) เลอกพนทตามพนททลากเมาสผาน (Magic Wand Tool) เลอกพนทโดยยดตามสทมคาใกลเคยงกน

เครองมอ รปแบบการท างาน (Crop Tool) ใชตดภาพโดยเลอกเฉพาะบรเวณทตองการ

(Perspective Crop Tool) ใชตดภาพทมมมบดเบยวใหเปนมมทถกตอง (Slice Tool)

ใชตดภาพออกเปนชนเลก ๆ เพอน าไป ใชออกแบบบนเวบเพจ

(Slice Select Tool)

ใชปรบแตงขนาดของภาพทตดออกเปนชน เลก ๆ จากเครองมอ Slice Tool

A

B G



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

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

ตารางท 5 แสดงกลมเครองมอส าหรบการรทชภาพ

เครองมอ รปแบบการท างาน (Eyedropper Tool) ใชเลอกสจากภาพไปใชงาน

(Color Sampler Tool) ใชดดสไวส าหรบเปรยบเทยบคา (Ruler Tool) ใชวดระยะหางและก าหนดต าแหนง

(Note Tool) ใชเพมค าอธบายใหกบภาพ

เครองมอ รปแบบการท างาน (Spot Healing Brush Tool) ใชแกไขพนผวจดบกพรองขนาดเลก ๆ บนภาพ

(Healing Brush Tool) ใชแกไขพนผวทเปนจดบกพรองขนาดใหญ

(Patch Tool)

ใชแกไขพนผวของภาพขนาดใหญ โดยการน าพนผวอนมาซอนทบ

(Content-Aware Move Tool)

ใชยายวตถ ในภาพไปยงต าแหนงใหม โดยเครองมอจะเตมสพนหลงใหดวย

(Red Eye Tool)

ใชแกไขภาพถายบคคลทมปญหาแสงแฟลต กระทบท าใหเกดตาแดง

(Clone Stamp Tool) ใชคดลอกวตถจากจดหนงไปแปะทบอกจดหนง

(Pattern Stamp Tool) ใชตกแตงภาพพนผวทคลกแทนทลงไปบนภาพ

(Eraser Tool) ใชลบพนททไมตองการและแทนทดวยสพนหลง

(Background Eraser Tool) ใชลบภาพพนหลงออกดวยการคลกเลอกส ทจะลบและจะไดพนหลงแบบโปรงใส

C

D



ตารางท 5 แสดงกลมเครองมอส าหรบการรทชภาพ (ตอ)

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

ตารางท 6 แสดงกลมเครองมอส าหรบการระบายสและการลงส

เครองมอ รปแบบการท างาน (Magic Eraser Tool) ใชลบสพนหลงภาพอยางรวดเรว (Blur Tool) ใชระบายภาพใหเบลอในจดทลากเมาส

(Sharpen Tool) ใชปรบเพมความคมชดใหภาพ

(Smudge Tool) ใชเกลยสใหกลมกลนในจดทลากเมาส

(Dodge Tool) ใชเพมความสวางใหจดทลากเมาสผาน

(Burn Tool) ใชเพมความมดใหจดทลากเมาสผาน

(Sponge Tool) ใชลดและเพมความอมตวของส โดยการ ลากเมาสผาน

เครองมอ รปแบบการท างาน (Brush Tool) ใชระบายสบนภาพ ซงสามารถก าหนดให

เปนไดทงสพน หรอเสนทเปนลวดลาย (Pencil Tool) ใชระบายสบนภาพ ซงสามารถก าหนดให

เปนไดทงสพน หรอเสนทเปนลวดลายตาง ๆ (Color Replacement Tool)

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

(Mixer Brush Tool) ใชแปลงภาพถายใหกลายเปนภาพวาด

(History Brush Tool) ใชยอนกลบการท างานเมอลากเมาสไปบนภาพ

(Art History Brush Tool) ใชเปลยนเปนภาพวาดเมอลากเมาสไปบนภาพ

(Gradient Tool) ใชลากเมาสไปบนภาพเพอไลเฉดส

(Paint Bucket Tool) ใชเพอเตมสหรอลวดลายลงไปบนภาพ

E



กลมเครองมอส าหรบสรางรปทรงเวคเตอร ผใชสามารถบดหรอดดรปทรงไดโดย ไมสญเสยรายละเอยด เชน การวาดภาพในกลมเครองมอ Pen Tool, การสรางตวอกษร หรอการวาดรปทรงในกลม Shape Tool

ตารางท 7 แสดงกลมเครองมอส าหรบสรางรปทรงเวคเตอร

เครองมอ รปแบบการท างาน (Pen Tool) ใชสรางเสนพาธโดยการลากเมาสก าหนดทศทาง

(Freeform Pen Tool) ใชสรางเสนพาธอสระเพอปรบแตงในภายหลง

(Add Anchor Point Tool) ใชเพมจดแองเคอรเพอปรบแตงรปทรงเสนพาธ

(Delete Anchor Point Tool)

ใชลบจดแองเคอรทมากเกนไป

(Convert Point Tool) ใชปรบแตงมมของเสนพาธ

(Horizontal Type Tool) ใชสรางขอความแนวนอนปกต

(Vertical Type Tool) ใชสรางขอความแนวตง

(Horizontal Type Mask Tool)

ใชสรางขอความแนวนอนแบบ Selection

(Vertical Type Mask Tool) ใชสรางขอความแนวตงแบบ Selection

(Path Selection Tool) ใชยายต าแหนงหรอปรบขนาดเสนพาธ

(Direct Selection Tool) ใชคลกบนจดแองเคอรปรบแตงรปทรงเสนพาธ

(Rectangle Tool) ใชสรางเสนพาธ หรอรปทรงแบบสเหลยม

(Rounded Rectangle Tool)

ใชสรางเสนพาธ หรอรปทรงแบบส เหลยม ขอบมน

(Ellipse Tool) ใชสรางเสนพาธ หรอรปทรงแบบวงกลม

(Polygon Tool) ใชสรางเสนพาธ หรอรปทรงแบบหลายเหลยม

(Line Tool) ใชสรางเสนพาธ หรอรปทรงแบบเสนตรง

(Custom Shape Tool) ใชสรางเสนพาธรปทรงอสระในโปรแกรม

F



กลมเครองมอส าหรบจดการกบมมมองของภาพ มทงหมด 3 ตวดงน

ตารางท 8 แสดงกลมเครองมอส าหรบจดการกบมมมองของภาพ

กลมเครองมอส าหรบจดการกบโหมดของหนาจอ ดงน

ตารางท 9 แสดงกลมเครองมอส าหรบจดการกบโหมดของหนาจอ

เครองมอ รปแบบการท างาน (Hand Tool) ใชเลอนดสวนตาง ๆ ของภาพ

(Rotate View Tool) ใชส าหรบหมน-เอยงภาพใหอยในองศาทงายตอการท างาน

(Zoom Tool) ใชส าหรบยอ-ขยายมมมองการแสดงภาพ

เครองมอ รปแบบการท างาน (Foreground/Background) ใชก าหนดสพนหนาและสพนหลง

(Edit in Standard Mode/ Edit in Quick Mask Mode)

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

(Standard Screen Mode) ใชแสดงหนาจอแบบมาตรฐานปกต

(Full Screen Mode with Menu Bar )

ใชแสดงแบบเตมหนาจอโดยไมมแถบ ชอเรองของโปรแกรม

(Screen Mode) ใชแสดงแบบเตมหนาจอโดยไมมแถบ ชอเรองและแถบเมนค าสง

G

H



10. ออปชนบาร (Option Bar)

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

ภาพท 18 แสดงออปชนบาร ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

11. หนาตางพาเนล (Panel)

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

- คลกเมน Window > เลอกพาเนลทตองการ - กดแปนคยลดของพาเนลนน เชน พาเนล Brush ใหกดแปนคยลด F5 เปนตน - คลกปมไอคอนบนแถบพาเนล - คลกแถบทชอพาเนลทซอนกนอย

ออปชนบารทเกยวของกบเครองมอ Move Tool



ภาพท 19 แสดงหนาตางพาเนล ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

พบหนาตางพาเนล

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

ภาพท 20 แสดงการพบหนาตางพาเนล ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

คลกเมน Windows > เลอกพาเนลทตองการ คลกแถบชอพาเนลทซอนกนอย

คลกปมไอคอนบนแถบพาเนล

คลกปม เพอพบเกบหนาตางพาเนล หนาตางพาเนลทพบเกบ



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

ภาพท 21 แสดงการยอ/ขยายขนาดหนาตางพาเนล ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

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

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



12. เลอกพนทท างาน (Workspace)

ใน Photoshop CS6 ไดเตรยมพนทการท างาน หรอ Workshop ตามลกษณะงานใหเหมาะสมกบการท างานถง 7 รปแบบ ส าหรบการเลอก Workspace ท าไดโดย คลกเลอกชอ Workspace ทตองการตรงมมบนขวาของหนาตางโปรแกรม และตวอยาง Workspace ทโปรแกรมเตรยมไวใหมดงน

ภาพท 22 แสดงการเลอกพนทท างาน ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

Workspace ทใชงานอย

คลกเลอก Workspace ทตองการ

Essentials แสดงพาเนลพนฐาน ทเหมาะกบการท างานทกรปแบบ



แบบฝกหดท 1.1 เรอง : รจกและใชงาน Photoshop CS6


ค าชแจง : ใหผเรยนตอบค าถามตอไปน ใหไดใจความทสมบรณถกตอง (10 คะแนน) 1. เครองคอมพวเตอรส าหรบตดตงโปรแกรม Adobe Photoshop CS ควรมคณสมบตอยางไร ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………......................................... .………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... 2. จงอธบายหนาทของหมายเลข ตอไปน

1.1 หมายเลข 1 คอ…………………………………………….………………………….............................. 1.2 หมายเลข 2 คอ…………………………………………….………………………….............................. 1.3 หมายเลข 3 คอ…………………………………………….…………………………..............................

1.4 หมายเลข 4 คอ…………………………………………….………………………….............................. 1.5 หมายเลข 5 คอ…………………………………………….…………………………..............................

1 21

3 5 4



3. จงอธบายเครองมอในวงกลมสแดง เปนกลมเครองมอทสามารถท าอะไรไดบาง

A …………………………………………………………………………………….............. …………………………………………………………………………………….............. …………………………………………………………………………………….............. …………………………………………………………………………………….............. …………………………………………………………………………………….............. ……………………………………………………………………………………..............

B …………………………………………………………………………………….............. …………………………………………………………………………………….............. ……………………………………………………………………………………..............

C …………………………………………………………………………………….............. …………………………………………………………………………………….............. ……………………………………………………………………………………..............

D …………………………………………………………………………………….............. …………………………………………………………………………………….............. ……………………………………………………………………………………..............

E …………………………………………………………………………………….............. …………………………………………………………………………………….............. …………………………………………………………………………………….............. ……………………………………………………………………………………..............

F …………………………………………………………………………………….............. …………………………………………………………………………………….............. ……………………………………………………………………………………..............

G …………………………………………………………………………………….............. ……………………………………………………………………………………..............

H …………………………………………………………………………………….............. ……………………………………………………………………………………..............

A

B C

F

G

D E

H

ชอ-นามสกล............................................................................................ชน………………เลขท.....................



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

ตอบค าถามถกตอง ครบถวน ได 3 คะแนน

ตอบค าถามยงไมสมบรณ แตสวนใหญถกตอง ได 2 คะแนน

ตอบค าถามสวนใหญไมถกตอง ได 1 คะแนน

ตอบค าถามไมถกตอง ได 0 คะแนน

คะแนนทได



ใบความรท 2 การท างานกบไฟลภาพเบองตน

1. ท างานกบไฟลภาพเบองตน

ในใบความรนเราจะท าความรจกกบไฟลภาพทกรปแบบทสามารถน ามาใชงาน หรอตกแตงใน Photoshop ได เชน JPG, GIF, PNG, TIFF, และ PSD เปนตน นอกจากนจะไดเรยนรวธการจดการกบไฟลภาพเบองตน เชน การเปดไฟล, การปดไฟล, หรอการ ยอ/ขยายภาพอกดวย

ประเภทของภาพกราฟกทใชงาน ภาพกราฟกทสามารถน ามาใชงานในโปรแกรม Photoshop มอยหลายรปแบบ แตสามารถแบงออกไดเปน 2 ประเภทคอ ภาพบทแมพ (Bitmap) และภาพเวคเตอร (Vector) ซงมความแตกตางกนดงน ภาพบทแมพ (Bitmap) หรอภาพแบบราสเตอร (Raster) คอภาพทเกดจากจดสทเรยกวา Pixel ซงประกอบกนเปนรปรางบนพนท ทมลกษณะเปนเสนตาราง (กรด) แตละพกเซลจะมคาของต าแหนง และคาสของตวเอง ภาพหนงภาพ จะประกอบดวยพกเซลหลายๆ พกเซลผสม ดวยเหตทภาพแบบ Bitmap เปนภาพทขนอยกบความละเอยด หรอความคมชด (Resolution ) ซงกคอ จ านวนพกเซลทแนนอนในการแสดงภาพ ดงนนเมอมการขยายภาพ จะเกดปญหาคอ เหนเปนกรอบสเหลยมเลก ๆ หลาย ๆ จดประกอบกน เพราะกรดของภาพมขนาดทแนนอนนนเอง

ภาพท 23 แสดงตวอยางภาพบทแมพ (Bitmap) ทมา : http://www.serif.com/blog, 3 พฤษภาคม 2559



ภาพเวคเตอร (Vector) เปนภาพทมลกษณะของการสรางจากคอมพวเตอร ทมการสรางใหแตละสวนของภาพเปนอสระตอกน โดยแยกชนสวนของภาพทงหมดออกเปนเสนตรง รปทรง หรอ สวนโคง โดยอางองตามความสมพนธทางคณตศาสตรหรออาศยการค านวณทางคณตศาสตร โดยมสและต าแหนงของสทแนนอน ฉะนนไมวาจะมการยอขยายขนาดของภาพ กจะไมเสยรปทรง และความละเอยดของภาพจะไมลดลงจงท าใหภาพยงคงชดเจนเหมอนเดม แมขนาดของภาพจะมขนาดใหญขนหรอเลกลงกตาม

การประมวลผลภาพแบบ Vector ไดแกภาพทม นามสกล .AI, .DRW, .CDR , .EPS, .PS ซงโปรแกรมทใชในการวาดภาพกมมากมายหลายโปรแกรม เชน Illustrator, CorelDraw และ ภาพ .WMF ซงเปนภาพคลปอารตในโปรแกรม Microsoft Word และภาพ .DWG ในโปรแกรมการออกแบบ AutoCAD เปนตน

ภาพท 24 แสดงตวอยางภาพเวคเตอร (Vector) ทมา : http://www.serif.com/blog, 3 พฤษภาคม 2559

ชนดของไฟลภาพทใชใน Photoshop ชนดของไฟลภาพบทแมพทมกน ามาใชใน Photoshop มอยหลายชนดทงนขนอยกบลกษณะงานทน าไปใช ดงตอไปน

JPG, JPEG (Joint Photographic Expert Group) เปนรปแบบทนยมใชมากทสด เหมาะกบภาพทมตองใชเฉดสละเอยดสง เพราะ

สามารถแสดงเฉดสไดถง 16.7 ลานส (24 บท) นยมใชกนในกลมภาพถาย, ภาพวาดแบบ Painting , ภาพทสรางขนจากโปรแกรม 3D เปนตน สกลไฟล Jpg ไมสามารถบนทกภาพใหพนหลงเปนเปนแบบโปรงใส หรอ กงโปรงใสได แตสามารถก าหนดความละเอยดในการบนทกภาพได ซงกจะสงผลตอ "คณภาพ" และ "ขนาดเนอทไฟล" ของภาพนน ๆ โดยตรงดวย



GIF (Graphic Interchange Format) เปนสกลไฟลทเหมาะกบภาพทไมมเฉดสซบซอน เชน ภาพตวการตน, ตวอกษร,

ภาพลายเสนตาง ๆ จดเดนของภาพชนดน คอ เมอน ามาใชกบภาพทมเฉดสซบซอนนอย จะมขนาดไฟลเลก โหลดแสดงผลไดรวดเรว จงมกถกน ามาใชท าเปนภาพเคลอนไหว(Animation) ประกอบเวบ, ไอคอนเวบ, แทบเมน, ปายโฆษณาเวบ เปนตนและอกจดเดนหนงทภาพสกล Gif สามารถท าไดนนกคอ การบนทกภาพโดยใหพนหลงกลายเปนพนโปรงใส หรอกงโปรงใสได

PNG (Portable Network Graphic) เปนสกลไฟลทพฒนามาจากสกลไฟล Gif โดยมจดเดนทมเฉดสมาก และความ

คมชดสงกวาแบบ Jpg (แตกมขนาดไฟลใหญขนมากดวยเชนกน) โดยจะมระดบความละเอยดของเฉดสใหเลอก (ยงละเอยดมาก ยงใช เนอทไฟลมาก) ขณะบนทกไฟลภาพ สามารถเลอกไดวาจะบนทกแบบความละเอยดของภาพจะไมถกลด หรอจะใหถกลดคณภาพลดกได นอกจากนภาพสกล PNG ยงน าจดเดนของ Gif มาดวยนนคอ สามารถบนทกภาพใหเปนแบบโปรงใส หรอแบบกงโปรงใสได

TIF, TIFF (Tagged Image File Format) เปนสกลไฟลภาพทนยมน ามาใชมางานดานสอสงพมพ โดยมกถกเรยกใชงาน

ในโปรแกรมจดหนาหนงสอ PageMaker และ InDesign เพราะภาพมความคมชดสง (ไฟลภาพมขนาดคอนขางใหญ) สามารถเลอกการบนทกภาพใหเปนไดหลายแบบ เพอรกษาคณภาพของภาพใหเทาเดม หรอจะลดคณภาพของภาพลงกได

Raw File คอไฟลขอมลดบทกลองถายภาพดจตอลเกบบนทกไว มขนาดไฟลใหญมาก

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

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



2.สวนประกอบของหนาตางภาพ

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

ภาพท 25 แสดงสวนประกอบของหนาตางภาพ ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

*ดรปขยาย

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

โหมดสของภาพ

เครองหมาย*(ดอกจน) แสดงวายงไมไดบนทกไฟล

เลเยอรทเลอกใช

ชอไฟลภาพ

เปอรเซนตการซมภาพ คณสมบตของภาพ เชน ขนาดภาพ ความละเอยด



3. เปดไฟลภาพใชงาน

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

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

ภาพท 26 แสดงการเปดไฟลภาพทมอยแลว ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

Note

หากตองการเปดไฟลภาพพรอมกนหลายภาพ ถาไฟลเรยงตดกนใหกดแปน Shift คางไวแลวคลกเลอกภาพ แตถาไฟลภาพไมเรยงตดกน ใหกดแปน Ctrl คางไวแลวคลกเลอกภาพ

1 คลกเมน File > Open

คลกปม Open 3

2 คลกเลอกไฟลในทจดเกบ



เปดไฟลภาพทเคยเปดใชงานลาสด ในกรณทตองการเปดไฟลภาพ ทเคยใชงานอกครง สามารถท าไดงาย ๆ โดยคลกทเมน File > Open Recent > เลอกชอไฟลทตองการ

ภาพท 27 แสดงการเปดไฟลภาพทเคยเปดใชงานลาสด ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

เปดไฟลภาพดวยการลากแลวปลอย อกวธหนงทจะท าใหเราสามารถเปดไฟลภาพไดอยางรวดเรว คอ การลากแลวปลอยซงท าไดดงน

ภาพท 28 แสดงการเปดไฟลภาพดวยการลากแลวปลอย ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

คลกเมน File > Open Recent > เลอกชอไฟลลาสดทตองการ

1 เปดหนาตางไดเรคทอรทจดเกบ

2 คลกเลอกไฟลภาพ

3 แดรกเมาสมาปลอยในพนทท างาน



4. สรางไฟลงานใหม

การสรางไฟลงานขนมาใหม เปนการสรางไฟลงานวาง ๆ ไมมภาพขนมาใชงาน โดยมขนตอนดงน

ภาพท 29 แสดงการสรางไฟลใหม ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

1 คลกเมน File > New

2 ตงชอไฟล

3 ก าหนดความกวาง

4 ก าหนดความสง

7 เลอกสพนหลง

8

5 65

คลกปม OK

ก าหนดความละเอยดของภาพ

ก าหนดโหมดสของภาพ



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

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

บนทกเพอน ากลบมาแกไขภายหลง ไฟลรปแบบแรกทควรบนทก คอ ไฟลรปแบบ PSD ซงเปนการบนทกไฟลตนฉบบทประกอบดวยเลเยอรการท างานของภาพ, ขอความ, และฟลเตอร เอฟเฟกตทใชตกแตงภาพซงสามารถกลบมาแกไขภายหลงไดตลอดเวลา โดยมขนตอนดงน

ภาพท 30 แสดงการบนทกเพอน ากลบมาแกไขภายหลง ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

1 คลกเมน File > Save

2 เลอกต าแหนงทจดเกบภาพ

6 คลกปม OK

3

4

5

ตงชอไฟล

คลกปม Save

คลกเลอกรปแบบไฟลแบบ PSD



บนทกไฟลรปแบบอนๆ จากไฟล PSD นอกจาการบนทกไฟลแบบ PSD แลว ยงสามารถบนทกไฟลในรปแบบอน เชน JPG, GIF, TIFF, และอนๆได ทงขนอยกบการน าไฟลงานไปใชงาน เชน น าไปอดภาพ ทรานอดภาพควรบนทกเปน JPG เปนตน สงส าคญจะตองท าการรวมเลเยอรทงหมด ใหเปนเลเยอรเดยวกอนแลวจงบนทกไฟล โดยมขนตอนดงน

ภาพท 31 แสดงการบนทกไฟลรปแบบอนๆ จากไฟล PSD ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

คลกเลอกเลเยอรทงหมด แลวกดแปน Ctrl+E

2 เลเยอรทงหมดจะรวมเปน เลเยอรเดยว

คลกเมน File > Save

3

1



ภาพท 31 แสดงการบนทกไฟลรปแบบอนๆ จากไฟล PSD (ตอ)


บนทกไฟลงานอตโนมตดวย Auto Save เพอปองกนการหลงลมบนทกไฟลงานขณะตกแตงภาพโปรแกรม Photoshop CS6 ไดเพมค าสง Auto Save ซงเปนค าสงทก าหนดใหโปรแกรมบนทกไฟลงานตามทก าหนดเวลาไวโดยงานทบนทกไวครงลาสดจะถกกคนกลบมาใหท างานตอไดทนท ซงวธก าหนดเวลาบนทกเองสามารถท าไดโดยกดแปน Ctrl+K แลวท าตามดงน

ภาพท 32 แสดงการบนทกไฟลงานอตโนมตดวย Auto Save ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

4 เลอกต าแหนงทจดเกบภาพ

5

6 7

8 9

ตงชอไฟล

เลอกรปแบบไฟลทจะบนทก

คลกปม Save

คลกปม OK

ก าหนดระดบคณภาพของไฟลงานสงสด (12)

10

20

30

คลกท File Handing

ก าหนดเวลาทตองการใหบนทกอตโนมต

คลกปม OK



6. การปดไฟลงาน

หลงจากท างานเสรจแลวหากตองการปดไฟลงานทท าอย สามารถท าไดดงน เลอกไฟลงานทจะปดแลวคลกเมน File > Close

คลกปม มมขวาทแถบทชอนน (หรอคลกขวาบนแถบชอไฟลนน แลวเลอกค าสง Close)

หากตองการปดไฟลภาพทเปดใชงานทงหมด ใหคลกเมน File > Close All

ภาพท 33 แสดงการการปดไฟลงาน ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

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

แสดงหนาตางกลมภาพใหม ในกรณทตองการท างานกบไฟลภาพพรอมกนจ านวนมาก เราสามารถแยกภาพทไมเกยวของออกมาเปนหนาตางกลมภาพใหมตางหากได เพอจดกลมภาพใหสะดวกตอการใชงานซงสามารถท าได 2 วธดงน คลกแถบชอไฟลภาพทตองการแยก แลวแดรกเมาสลากไปปลอยนอกหนาตางกลมภาพ คลกขวาบนแทบชอไฟลภาพทตองการแยกแลวเลอกค าสง Move to New Window

20

คลกเมน File > Close

คลกปม บนหนาตางไฟล



เมอเลอกท าวธใดวธหนงแลวหนาตาง ไฟลงานทเลอกจะถกแยกออกมาเปนอสระ ดงภาพตวอยาง

ภาพท 34 แสดงหนาตางกลมภาพใหม ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

รวมกลมหนาตางภาพ หากตองการยายต าแหนงหนาตางภาพไปรวมกลมกน สามารถท าไดโดยคลกเมาสคางบนไตเตลบารแลวแดรกเมาสลากไปยงหนาตางกลมภาพดานบนใหปลอยวางเมอเหนขอบสฟาในหนาตางกลมภาพ

ภาพท 35 แสดงรวมกลมหนาตางภาพ


คลกแถบชอไฟลทตองการแยก แลวแดรกเมาสลากออกมากปลอย

คลกขวาบนแถบชอไฟลภาพแลวเลอก Move to New Window

หนาตางไฟลงานจะถกแยกออกมาเปนอสระ

คลกเมาสบนไตเตลบารแลว แดรกเมาสลากไปวางยงหนาตางกลมภาพ



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

ภาพท 36 แสดงการปรบขนาดหนาตางภาพ ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

แดรกเมาสลาก ปรบความกวาง

แดรกเมาสลาก ปรบความสง

แดรกเมาสลากปรบความกวางและความสง



8. การใชไมบรรทด เสนกรด และเสนไกด

เสนกรด (Grid) ,เสนไกด (Guide) และไมบรรทด (Ruler) เปนออปชนส าหรบ การท างานกบภาพถาย หรองานออกแบบทตองการความแมนย าในเรองต าแหนง

ภาพท 37 แสดงตวอยางไมบรรทด เสนกรด และเสนไกด ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

รจกกบไมบรรทด (Ruler) ไมบรรทดจะถกน ามาใชเมอตองการก าหนดขนาดและระยะส าหรบการวาดภาพ หรอตองการทราบขนาดและรพยะของออบเจกต สามารถแสดง /ซอน การใชงานไมบรรทดไดโดยคลกเมน View > Rulers (หรอกดแปน Ctrl+R) นอกจากนยงสามารถก าหนดหนวยวดของไมบรรทดใหเหมาะสมกบงานไดหลายแบบ

ภาพท 38 แสดงการปรบขนาดหนาตางภาพ ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

ไมบรรทด

เสนไกด เสนกรด

คลกเมน > View > Rulers

จะแสดงเสนกรดในหนาตางภาพ

คลกขวาทไมบรรทด แลวเลอกหนวยวด



รจกกบเสนกรด (Grid) เสนกรด คอ ตารางสเทาทมระยะหางของแตละชองเทากนปรากฏ ทวทงภาพ

โดยก าหนดระยะและต าแหนงของวตถบนรปภาพใหอยในต าแหนงทตองการสามารถเปด/ปดเสนกรด ไดโดยทคลกเมน View > Show > Grid

ภาพท 39 แสดงการใชงานเสนกรด (Grid) ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

รจกกบเสนไกด (Guide)

เสนไกด เปนเสนทน ามาใชเมอตองการก าหนดต าแหนงเพอวางออบเจกต วาดภาพ หรอจดการรปภาพ

สรางเสนไกด ส าหรบการสรางเสนไกด สามารถท าไดโดยใชเครองมอ Move Tool

โดยคลกเมาสบนไมบรรทด แลวแดรกเมาสลากลง-ขนเมอตองการเสนไกดแนวนอน หรอลากไปทางขวา-ซายเมอการสรางเสนไกดแนวตง

จะแสดงเสนกรดในหนาตางภาพ

คลกเมน > View > Show > Grid



ลบเสนไกด ในกรณทตองการลบเสนไกดบางเสน ใหใชเครองมอ Move Tool

แดรกเมาสลากเสนไกดไปปลอยในไมบรรทด แตหากตองการลบเสนไกดทงหมดในครงเดยวใหเขาไปทเมน View > Clear > Guides

ซอน/แสดง เสนไกด ถาตองการซอน หรอแสดงเสนไกด สามารถท าไดโดยคลกเมน View >

Show > Guides

ภาพท 40 แสดงการใชงานเสนไกด (Guide) ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

9.การยกเลกค าสงและยอนกลบการท างาน

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

Undo เปนค าสงยอนกลบการท างานเพยงขนตอนเดยวเทานน สามารถเรยกใชไดโดยคลกเมน Edit > Undo (ชอค าสง) แตหากยอนกลบการท างานมากกวาขนตอนเดยวใหกดแปน Ctrl+Alt+Z ซงสามารถยกเลกได 20 ขนตอน

ลากเอาเสนไกดออกมาจากไมบรรทด กจะไดเสนไกดทงแนวตงและแนวนอน



Redo เปนค าสงยอนกลบการท างาน หลงจากใชค าสง Undo แลวหากตองการท าซ าขนตอนดงกลาว สามารถท าไดโดยคลกเมน Edit > Redo

Revert เปนค าสงส าหรบยอนกลบการท างานไปยงจดทบนทกไฟลครงสดทาย สามารถเรยกใชงานไดโดยคลกเมน File > Revert

ใชพาเนล History พาเนล History เปนทเกบขนตอนการท างานตางๆ ของโปรแกรม โดยเรยงล าดบตงแต เรมเปดไฟลภาพ > ปรบแตงภาพ > จนกระทงบนทกไฟลภาพ เราสามารถเปด/ปด พาเนล History ไดโดยคลกเมน Window > History โดยพาเนล History มสวนประกอบทส าคญดงน

ภาพท 41 แสดงแสดงการใชพาเนล History ทมา : นางสาววนดา ยอดฉตร, 3 พฤษภาคม 2559

10. การปดโปรแกรม Photoshop

สามารถปดโปรแกรมทเมน File > Exit แตหากไดมการปรบแตงภาพตนฉบบกจะปรากฏไดอะลอกบอกซยนยนการบนทกภาพเชนเดยวกบการปดไฟล

เลม 1 จบแลวจา

เขาใจบางไหมจะ



แบบฝกหดท 1.2 เรอง : การท างานกบไฟลภาพเบองตน


ค าชแจง : ใหผเรยนตอบค าถามตอไปน ใหไดใจความทสมบรณถกตอง (10 คะแนน) 1. ภาพบทแมพ (Bitmap) และภาพเวคเตอร (Vector) ความแตกตางกนอยางไร ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………......................................... .………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... 2. ชนดของไฟลภาพทใชใน Photoshop CS6 ใหยกตวอยางมา 3 ลกษณะพรอมบอกวางานทน าไปใชคองานแบบใด ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………......................................... .………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... 3. จงอธบายการเปดไฟลภาพใชงานแตละแบบมาพอสงเขป ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………......................................... .………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………...



4. จงอธบายการบนทกไฟลภาพแตละแบบมาพอสงเขป ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………......................................... .………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... 5. จงอธบายการยกเลกค าสงและยอนกลบการท างานท าไดอยางไรบาง ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………......................................... .………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………...

ท าแบบฝกหด

กนไดไหมจะเดกๆ

ชอ-นามสกล............................................................................................ชน………………เลขท.....................



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

ตอบค าถามถกตอง ครบถวน ได 3 คะแนน

ตอบค าถามยงไมสมบรณ แตสวนใหญถกตอง ได 2 คะแนน

ตอบค าถามสวนใหญไมถกตอง ได 1 คะแนน

ตอบค าถามไมมสวนถกตอง ได 0 คะแนน

คะแนนทได



แบบทดสอบหลงเรยน เรอง : ความรพนฐานในการใชงาน โปรแกรม Adobe Photoshop



1. โปรแกรม Adobe Photoshop เปนโปรแกรมทใชท าอะไร ก. ใชส าหรบดหนง ฟงเพลง ข. ใชส าหรบคนหาเวบไซตตาง ๆ ค. ใชส าหรบท าภาพกราฟกตาง ๆ ง. ใชจดท าเวบไซตตาง ๆ

2. Resolution คออะไร ก. ความสงของภาพ ข. ความยาวของภาพ ค. ความละเอยดของภาพ ง. ความกวางและความยาวของภาพ

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

4. ขอใดไมใชโหมดสในโปรแกรม Adobe Photoshop ก. RGB Color ข. CMYK Color ค. JPG Color ง. Lab Color

ค าซแจง

1. แบบทดสอบเปนแบบเลอกตอบ จ านวน 10 ขอคะแนน เตม 10 คะแนน ใชเวลาในการทดสอบ 10 นาท 2. เลอกค าตอบทถกตองทสดเพยงขอเดยว แลวท า

เครองหมายกากบาท (X) ลงในกระดาษค าตอบ



5. การปรบขนาดของภาพใชเมนใด ก. Image > Image Size ข. Image > Picture ค. Image > Size ง. Image > Rotate

6. ขอใดไมใชหนวยของความกวางและความสงของภาพใน Photoshop ก. Km ข. Inch ค. Points ง. Pixel

7. ขอใดคอไฟลของโปรแกรม Photoshop ก. .ACDC ข. .MPEG ค. .PSD ง. .AVI

8. การตงขนาดของภาพเปนขนาด A4 ในโปรแกรม Adobe Photoshop ตองเลอกในหมวดใด

ก. Web ข. International Paper ค. Clipboard ง. Film & Video

9. การเลอกสพนหลงเปนแบบ Transparent หมายถงอะไร ก. ใหพนหลงมสขาว ข. ใหพนหลงโปรงใส ค. ใหพนหลงมสตามส Foreground ทเลอก ง. ใหพนหลงมสตามทเลอก

10. นามสกลทนยมใชในการบนทกงานจากโปรแกรม Adobe Photoshop คออะไร

ก. Rpg , Rf ข. Jpg , Gif ค. Abc , Gif ง. Jpg , Rpg



กระดาษค าตอบแบบทดสอบหลงเรยน

ขอ ตวเลอก

1 2 3 4

1

2

3

4

5

6

7

8

9

10

เกณฑการประเมน

ตอบถก ขอละ 1 คะแนน

ตอบถก/ไมตอบ ขอละ 0 คะแนน

แปลผลการประเมน

ด ไดคะแนน 7-10 คะแนน พอใช ไดคะแนน 5-6 คะแนน ปรบปรง ไดคะแนน 0-4 คะแนน

คะแนน 7-10 คะแนน ถอวา ผาน คะแนน 0-6 คะแนน ถอวา ไมผาน

ชอ-นามสกล....................................................................................เลขท................................ชน.....................

สรปผลการประเมน

รวมคะแนน....................คะแนน ผาน ไมผาน

ลงชอ..........................................ผตรวจ (นางสาววนดา ยอดฉตร)



บรรณานกรม

เกยรตพงษ บญจตร. (2555). คมอPHOTOSHOP CS6 Professional Guide ฉบบ

สมบรณ. นนทบร : บรษท ไอดซพรเมยร จากด. . (2557). Photoshop CC Professional Guide.

กรงเทพมหานคร : บรษท ไอดซพรเมยร จากด. ทศยาภรณ เกอนน. (2557). คมอ Adobe Photoshop CS6. กรงเทพมหานคร :

โปรวชน. ธนยพฒน วงศรตน. (2556). คมอการใชงาน Photoshop CS6 (คมอคอมพวเตอร).

กรงเทพฯ : สวสด ไอท. พรพล อรยรตนา. (2560). Photoshop Advanced. กรงเทพฯ : พรพล อรยรตนา. ปยะ นากสงค. ตกแตงภาพกราฟก Photoshop CS6+CC ฉบบสมบรณ. นนทบร :

รไววา. 2559 อนน วาโซะ. (2560). Photoshop CC Basic Retouch ฉบบมอใหมหดแตงภาพ.

กรงเทพฯ : ไอดซ พรเมยร. การตดตงโปรแกรม ADOBE PHOTOSHOP CS6. (ออนไลน). http://www. schoolptk.ac.th/portfolio/install.html. (สบคนเมอ 3 พฤษภาคม 2559) การใชงานของ Adobe Photoshop. (ออนไลน). https://noteswband.wordpress. com. (สบคนเมอ 3 พฤษภาคม 2559) สวนประกอบตาง ๆ ของโปรแกรม Photoshop CS6. (ออนไลน). https://sites.

google.com/site/computeronlineinth. (สบคนเมอ 3 พฤษภาคม 2559)



ภาคผนวก



เฉลยแบบทดสอบกอนเรยน เรอง : รจกและใชงาน Photoshop CS6



ขอท ค าตอบ

1. ค

2. ง

3. ค

4. ก

5. ข

6. ค

7. ค

8. ง

9. ข

10. ข

ถกกนไหมจะ เดกๆ



เฉลยแบบฝกหดท 1.1 เรอง : รจกและใชงาน Photoshop CS6


ค าชแจง : ใหผเรยนตอบค าถามตอไปน ใหไดใจความทสมบรณถกตอง (10 คะแนน) 1. เครองคอมพวเตอรส าหรบตดตงโปรแกรม Adobe Photoshop CS ควรมคณสมบตอยางไร ส าหรบสเปคคอมขนต าทสามารถตดตงและใชงานโปรแกรม Adobe Photoshop CS6 มดงน ซพย (CPU) Intel Pentium 4, AMD Athlon 64 Processor ขนไป ระบบปฏบตการ Windows XP Service Pack 3 เปนอยางต า ฮารดดสก 2 GB. ในการตดตงและควรมพนทวางเพอเปนหนวยความจ าส ารอง หนวยความจ า (RAM) อยางต า 1 GB. (แนะน าท 2 GB)

จอภาพ ความละเอยดขนต า 1,024x768 pixels (แนะน าใหใชท 1,280x800) การดจอ รองรบ OpenGL 2.0 และมหนวยความจ าอยางนอย 256 MB.

2. จงอธบายหนาทของหมายเลข ตอไปน

1.1 หมายเลข 1 คอ เมนบาร (Menu bar) 1.2 หมายเลข 2 คอ ออปชนบาร (Option bar) 1.3 หมายเลข 3 คอ กลองเครองมอ (Toolbox)

1.4 หมายเลข 4 คอ พนทการท างาน (Canvas) 1.5 หมายเลข 5 คอ พาเนลตางๆ (Panel)

1 21

3 5 4



3. จงอธบายเครองมอในวงกลมสแดง เปนกลมเครองมอทเอาไวท าอะไรไดบาง

A : กลมเครองมอส าหรบการเลอกเพอยายวตถ หรอรปภาพไปยงต าแหนงทตองการรวมถงสราง Selection เพอเลอกท างานกบบางสวนของภาพ เชน การระบายส หรอลบสวนทไมตองการออกไป

B : กลมเครองมอส าหรบการตดภาพเพอเลอกเฉพาะสวน หรอหนภาพเพอใชบนเวบไซต

C : กลมเครองมอส าหรบวดคา เชน เกบคาสเพอใชเปรยบเทยบ วดระยะ การตรวจนบ D : กลมเครองมอส าหรบการรทชภาพ โดยแบงเปนกลมเครองมอยอยไดแก กลมการแกไขพนผว กลมส าหรบการตดฉากหลง กลมส าหรบปรบความคมชด และกลมส าหรบปรบแตงสเฉพาะจด

E : กลมเครองมอส าหรบการระบายสและการลงสดวยวธตางๆ โดยมกลมยอยแบงตามการใชงาน เชน การระบายส วาดเสน แปลงภาพเปนภาพวาดระบายส หรอการลงสแบบไลโทน

F : กลมเครองมอส าหรบสรางรปทรงเวคเตอร ผใชสามารถบดหรอดดรปทรงไดโดย ไมสญเสยรายละเอยด เชน การวาดภาพในกลมเครองมอ Pen Tool, การสรางตวอกษร หรอการวาดรปทรงในกลม Shape Tool

G : กลมเครองมอส าหรบจดการกบมมมองของภาพ H : กลมเครองมอส าหรบจดการกบโหมดของหนาจอ

A

B C

F

G

D E

H



เฉลยแบบฝกหดท 1.2 เรอง : การท างานกบไฟลภาพเบองตน


ค าชแจง : ใหผเรยนตอบค าถามตอไปน ใหไดใจความทสมบรณถกตอง (10 คะแนน) 1. ภาพบทแมพ (Bitmap) และภาพเวคเตอร (Vector) ความแตกตางกนอยางไร

ภาพบทแมพ (Bitmap) หรอภาพแบบราสเตอร (Raster) คอภาพทเกดจากจดสทเรยกวา Pixel ซงประกอบกนเปนรปรางบนพนท ทมลกษณะเปนเสนตาราง (กรด) แตละพกเซลจะมคาของต าแหนง และคาสของตวเอง ภาพหนงภาพ จะประกอบดวยพกเซลหลายๆ พกเซลผสม ดวยเหตทภาพแบบ Bitmap เปนภาพทขนอยกบความละเอยด หรอความคมชด (Resolution ) ซงกคอ จ านวนพกเซลทแนนอนในการแสดงภาพ ดงนนเมอมการขยายภาพ จะเกดปญหาคอ เหนเปนกรอบสเหลยมเลก ๆ หลาย ๆ จดประกอบกน เพราะกรดของภาพมขนาดทแนนอนนนเอง

สวนภาพเวคเตอร (Vector) เปนภาพทมลกษณะของการสรางจากคอมพวเตอร ทมการสรางใหแตละสวนของภาพเปนอสระตอกน โดยแยกชนสวนของภาพทงหมดออกเปนเสนตรง รปทรง หรอ สวนโคง โดยอางองตามความสมพนธทางคณตศาสตรหรออาศยการค านวณทางคณตศาสตร โดยมสและต าแหนงของสทแนนอน ฉะนนไมวาจะมการยอขยายขนาดของภาพ กจะไมเสยรปทรง และความละเอยดของภาพจะไมลดลง จงท าใหภาพยงคงชดเจนเหมอนเดม แมขนาดของภาพจะมขนาดใหญขนหรอเลกลงกตาม

2. ชนดของไฟลภาพทใชใน Photoshop CS6 ใหยกตวอยางมา 3 ลกษณะพรอมบอกวางานทน าไปใชคองานแบบใด JPG, JPEG (Joint Photographic Expert Group) เปนรปแบบทนยมใชมากทสด เหมาะกบภาพทมตองใชเฉดสละเอยดสง เพราะสามารถแสดงเฉดสไดถง 16.7 ลานส (24 บท) GIF (Graphic Interchange Format) เปนสกลไฟลทเหมาะกบภาพทไม มเฉดสซบซอน เชน ภาพตวการตน, ตวอกษร, ภาพลายเสนตาง ๆ จดเดนของภาพชนดน คอ เมอน ามาใชกบภาพทมเฉดสซบซอนนอย จะมขนาดไฟลเลก โหลดแสดงผลไดรวดเรว PNG (Portable Network Graphic) เปนสกลไฟลทพฒนามาจากสกลไฟล Gif โดยมจดเดนทมเฉดสมาก และความคมชดสงกวาแบบ Jpg (แตกมขนาดไฟลใหญขนมากดวยเชนกน)



TIF, TIFF (Tagged Image File Format) เปนสกลไฟลภาพทนยมน ามาใชมางานดานสอสงพมพ โดยมกถกเรยกใชงาน ในโปรแกรมจดหนาหนงสอ PageMaker และ InDesign เพราะภาพมความคมชด Raw File คอไฟลขอมลดบทกลองถายภาพดจตอลเกบบนทกไว มขนาดไฟลใหญมาก และ มเฉดสมากวาสกลภาพแบบอนๆ PSD เปนไฟลทมโรงสรางแบบเลเยอร และมกจะประกอบดวยภาพโปรงใส เมอน า เลเยอรภาพตางๆ มาซอนกนกจะไดภาพทละหลายองคประกอบบนภาพหนงๆ ซงไฟลประเภทนจะไมบบอดขนาดไฟลท าใหไฟลมขนาดคอนขางใหญ และสามารถน ากลบมาแกไขภายหลงได

3. จงอธบายการเปดไฟลภาพใชงานแตละแบบมาพอสงเขป 1. เปดไฟลภาพทมอยแลว ส าหรบวธการเปดไฟลภาพทมอยแลวขนมาใชงาน ท าไดดงน คลกเมน File > Open > คลกเลอกไฟลในทจดเกบ >คลกปม Open

2. เปดไฟลภาพ ทเคยใชงานอกครง สามารถท าไดงาย ๆ โดยคลกทเมน File > Open Recent >เลอกชอไฟลทตองการ

3. เปดไฟลภาพดวยการลากแลวปลอย เราสามารถเปดไฟลภาพไดอยางรวดเรว ดงน เปดหนาตางไดเรคทอรทจดเกบ > คลกเลอกไฟลภาพ > แดรกเมาสมาปลอยในพนทท างาน

4. จงอธบายการบนทกไฟลภาพแตละแบบมาพอสงเขป 1. บนทกเพอน ากลบมาแกไขภายหลง ไฟลรปแบบแรกทควรบนทก คอ ไฟล

รปแบบ PSD ซงเปนการบนทกไฟลตนฉบบ คลกเมน File > Save > เลอกต าแหนงทจดเกบภาพ > ตงชอไฟล> คลกเลอกรปแบบไฟลแบบ PSD > คลกปม Save

2. บนทกไฟลรปแบบอนๆ จากไฟล PSD นอกจาการบนทกไฟลแบบ PSD แลว ยงสามารถบนทกไฟลในรปแบบอน เชน JPG, GIF, TIFF, และอนๆได คลกเมน File > Save > ตงชอไฟล > เลอกรปแบบไฟลทจะบนทก > คลกปม Save 3. บนทกไฟลงานอตโนมตดวย Auto Save วธก าหนดเวลาบนทกเองสามารถท าไดโดยกดแปน Ctrl+K



5. จงอธบายการยกเลกค าสงและยอนกลบการท างานท าไดอยางไรบาง 1. Undo เปนค าสงยอนกลบการท างานเพยงขนตอนเดยวเทานน สามารถเรยกใช

ไดโดยคลกเมน Edit > Undo (ชอค าสง) แตหากยอนกลบการท างานมากกวาขนตอนเดยวใหกดแปน Ctrl+Alt+Z ซงสามารถยกเลกได 20 ขนตอน

2. Redo เปนค าสงยอนกลบการท างาน หลงจากใชค าสง Undo แลวหากตองการท าซ าขนตอนดงกลาว สามารถท าไดโดยคลกเมน Edit > Redo

3. Revert เปนค าสงส าหรบยอนกลบการท างานไปยงจดทบนทกไฟลครงสดทาย สามารถเรยกใชงานไดโดยคลกเมน File > Revert



เฉลยแบบทดสอบหลงเรยน เรอง : รจกและใชงาน Photoshop CS6



ขอท ค าตอบ

1. ค

2. ค

3. ง

4. ค

5. ก

6. ง

7. ค

8. ข

9. ข

10. ข

ถกกนไหมจะ เดกๆ

ความรู้พื้นฐานในการใช้งาน ... · 2019-06-04 ·...

Documents