การท างานกับไฟล์ภาพเบื้องต้นrsc.ac.th/teacher/anchalee/cg/pdf/หน่วยที่ 3 การทำงาน...3.6 การก

LOGO

หนวยท 3

วชา การใชโปรแกรมกราฟก

รหสวชา 2201 - 2419

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

วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419

หนวยท 3 การท างานกบไฟลภาพเบองตน

3.2 การเปดไฟลภาพ

3.1 การสรางไฟลงานใหม

3.3 การปรบขนาดภาพดวยค าสง Image Size

3.4 การปรบพนทการท างานดวยค าสง Canvas Size

3.5 การปรบยอขยายมมมองภาพ

3.6 การก าหนดต าแหนงกะระยะใหกบภาพ

3.7 การยอนกลบเพอแกไขขอผดพลาดดวยพาเนล History

3.8 การคดลอกภาพ

3.9 การตดและขยายพนทภาพดวยเครองมอ Crop

3.10 การบนทกไฟลงาน



สาระส าคญ

กอนท าการสรางผลงานดวยโปรแกรม Adobe Photoshop CS6 จ าเปน ตองรเกยวกบการท างานกบไฟลภาพเบองตน โดยเรมตนจากการศกษาวธการสราง ไฟลงานใหม การเปดไฟลภาพ การปรบขนาดภาพดวยค าสง Image Size การปรบพนทการท างานดวยค าสง Canvas Size การปรบยอขยายมมมองภาพ การก าหนดต าแหนงกะระยะใหกบภาพ การยอนกลบเพอแกไขขอผดพลาดดวยพาเนล History การคดลอกภาพ การตดและขยายพนทภาพดวยเครองมอ Crop ตลอดจนการบนทกไฟลงานทสราง



จดประสงคทวไป 1. มความเขาใจเกยวกบการสรางไฟลงานใหม 2. มความเขาใจเกยวกบการเปดไฟลภาพ 3. มความเขาใจเกยวกบการปรบขนาดภาพดวยค าสง Image Size 4. มความเขาใจเกยวกบการปรบพนทการท างานดวยค าสง Canvas Size 5. มความเขาใจเกยวกบการปรบยอขยายมมมองภาพ 6. มความเขาใจเกยวกบการใชค าสงก าหนดต าแหนงกะระยะใหกบภาพ 7. มความเขาใจเกยวกบการยอนกลบเพอแกไขขอผดพลาดดวยพาเนล History 8. มความเขาใจเกยวกบการคดลอกภาพ 9. มความเขาใจเกยวกบการตดและขยายพนทภาพดวยเครองมอ Crop



จดประสงคทวไป 10. มความเขาใจเกยวกบการบนทกไฟลงาน

11. มกจนสยทด มคณธรรม จรยธรรม คานยมทดในการใชคอมพวเตอร



จดประสงคเชงพฤตกรรม เมอศกษาเรอง การท างานกบไฟลภาพเบองตน จบแลวนกเรยนสามารถ

1. บอกวธการสรางไฟลงานใหมได

2. อธบายการเปดไฟลภาพได

3. อธบายการปรบขนาดภาพดวยค าสง Image Size ได

4. อธบายการปรบพนทการท างานดวยค าสง Canvas Size ได

5. บอกวธการปรบยอขยายมมมองภาพได

6. อธบายการใชค าสงก าหนดต าแหนงกะระยะใหกบภาพได

7. บอกวธการยอนกลบเพอแกไขขอผดพลาดดวยพาเนล History ได

8. ล าดบขนตอนการคดลอกภาพไดอยางถกตอง



จดประสงคเชงพฤตกรรม 9. อธบายการตดและขยายพนทภาพดวยเครองมอ Crop ได

10. อธบายการบนทกไฟลงานได

11. มความซอสตย ทงตอตนเองและผอน

12. มความเชอมนในตนเอง ท าใหประสบผลส าเรจในงานของตนเองได



เนอหาสาระ 1. การสรางไฟลงานใหม

2. การเปดไฟลภาพ

3. การปรบขนาดภาพดวยค าสง Image Size

4. การปรบพนทการท างานดวยค าสง Canvas Size

5. การปรบยอขยายมมมองภาพ

6. การก าหนดต าแหนงกะระยะใหกบภาพ

7. การยอนกลบเพอแกไขขอผดพลาดดวยพาเนล History

8. การคดลอกภาพ



เนอหาสาระ 9. การตดและขยายพนทภาพดวยเครองมอ Crop

10. การบนทกไฟลงาน



กจกรรมการเรยนร ขนน าเขาสบทเรยน

1. ครเปดตวอยางไฟลภาพและใหนกเรยนแลกเปลยนความคดเหนระหวางกน

2. ครแจงจดประสงคการเรยนการสอน เพอใหนกเรยนทราบขอบเขตของ เนอหาและกจกรรมการเรยนรทนกเรยนจะตองปฏบตไดหลงจบหนวยการเรยน

3. นกเรยนท าแบบทดสอบกอนเรยน ครแจงผลคะแนนใหนกเรยนทราบ



ขนสอน

1. ครสาธตเนอหาในหนวยท 3 เรอง การท างานกบไฟลภาพเบองตน ดวยสอ การสอนโปรแกรม Microsoft Office PowerPoint และใหนกเรยนปฏบตตาม

2. นกเรยนจดบนทกและอภปรายซกถาม

3. นกเรยนปฏบตตามใบงานทายหนวยท 3

4. ครตรวจผลการปฏบตงานตามใบงานทายหนวยท 3 และใหนกเรยนอภปรายซกถาม



ขนสรป

1. ครและนกเรยนชวยกนสรปเนอหาสาระส าคญในหนวยการเรยน

2. นกเรยนท าแบบฝกหดทายหนวยท 3

3. ครเฉลยแบบฝกหดทายหนวยท 3 และใหนกเรยนอภปรายซกถาม

4. นกเรยนท าแบบทดสอบหลงเรยน

5. ครเฉลยแบบทดสอบหลงเรยน

6. นกเรยนเปรยบเทยบผลคะแนนกอนและหลงเรยน

7. ครมอบหมายใหนกเรยนศกษาเนอหาเพมเตม จากบทเรยนคอมพวเตอรชวยสอนทครสรางขนในเวบไซต http://www.rsc.ac.th/teacher/anchalee/cg



http://www.rsc.ac.th/teacher/anchalee/cg

สอการสอน 1. เอกสารประกอบการสอนหนวยท 3 เรอง การท างานกบไฟลภาพเบองตน

2. โปรแกรม Microsoft Office PowerPoint ชอไฟล Chapter03.pptx

3. บทเรยนคอมพวเตอรชวยสอน

4. ไฟลภาพถาย



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

1. สงเกตจากพฤตกรรมการเรยนเปนรายบคคล

2. คะแนนจากการท าแบบทดสอบกอนและหลงเรยน

3. คะแนนจากการท าแบบฝกหดทายหนวย

4. สงเกตพฤตกรรมทางดานจตพสย



เครองมอวดผล

1. แบบสงเกตพฤตกรรมรายบคคล

2. แบบทดสอบกอนและหลงเรยน

3. แบบฝกหดทายหนวย

4. แบบประเมนผลทางดานจตพสย โดยประเมนตามสภาพจรง



บทน า สงทส าคญกอนเรมการสรางและตกแตงภาพกราฟกดวยโปรแกรม Adobe

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



3.1 การสรางไฟลงานใหม

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



A B

D

F

C

E

ภาพท 3.1 หนาตางการสรางไฟลงานใหม



ใชส าหรบตงชอใหกบไฟลงาน (สามารถตงชอไดทงภาษาไทยและภาษาองกฤษ)

ใชเลอกขนาดไฟลงานทโปรแกรมไดจดเตรยมไวให หรอสามารถก าหนดขนาดไฟลงานไดเองตามตองการ (Custom)

ใชก าหนดขนาดความกวาง Width: และความสง Height: ของไฟลงานโดยหนวย วดจะเปนไปตามทก าหนดไว เชน Pixels ซงเปนหนวยวดพนฐานของคอมพวเตอร

ใชระบความละเอยดของไฟลงาน เชน งานกราฟกส าหรบเวบจะก าหนดความละเอยดอยท 72 Pixels/Inch ส าหรบงานดานสงพมพจะก าหนดความละเอยดไม ต ากวา 150 Pixels/Inch

B

C

A

D



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

ใชก าหนดพนหลงใหกบไฟลงานโดยก าหนดได 3 รปแบบคอ พนหลงสขาว (White) พนสทก าหนดจากสพนหลง (Background Color) และพนหลงแบบโปรงใส (Transparent) ดงแสดงในภาพท 3.2

E

F



พนหลงสขาว (White)

พนสทก าหนดจากสพนหลง (Background Color)

พนหลงแบบโปรงใส (Transparent)

ภาพท 3.2 รปแบบพนหลงการสรางไฟลงานใหม



ตวอยางการสรางไฟลงานใหม มขนตอนการท างานดงน

3.1.1 คลกเมนค าสง File > New หรอกดคยลด < Ctrl + N >

3.1.2 คลกเลอก Preset: เพอเลอกขนาดไฟลงาน ในทนเลอกไฟลงานรปแบบ Web

3.1.3 ก าหนดความกวาง Width: และความสง Height: ของไฟลงานทสราง โดยระบหนวยวดมคาเปน Pixels ในทนเลอกความกวาง 800 Pixels และความสง 600 Pixels

3.1.4 ก าหนดคา Resolution: เพอก าหนดความละเอยดของไฟลงานทสราง ในทนเลอก 72 Pixels/Inch เหมาะส าหรบการแสดงผลบนจอภาพ



3.1.5 คลกเลอก Color Mode: เพอก าหนดโหมดสและจ านวนของสทใชในไฟลงาน โดยปกต นยมใชโหมดสแบบ RGB ชนด 8 บต

3.1.6 คลกเลอก Background Contents: เพอก าหนดพนหลงใหกบไฟลงานทสราง ในทนเลอกพนหลงแบบ White โดยจะแสดงพนหลงเปนสขาว

3.1.7 คลกปม OK เพอสรางไฟลงาน

วธการดงแสดงในภาพท 3.3



คลกเมนค าสง File > New หรอกดคยลด < Ctrl + N > 1

คลกเลอกขนาดไฟลงาน

ก าหนดความกวางและความสงของไฟลงาน

3

คลกปม OK 7

ก าหนดคาความละเอยด 4

เลอกโหมดสและจ านวนของส 5 ก าหนดพนหลง 6

2

ผลลพธทได

ภาพท 3.3 การสรางไฟลงานใหม

หมายเหต คลกเลอกปม Save Preset… เพอบนทกคาทก าหนดไวในขณะท าการสรางไฟลงานใหม เพอเกบไวใชงานไดในภายหลง



3.2 การเปดไฟลภาพ

ขนตอนแรกของการตกแตงภาพคอ การเปดไฟลภาพมาใชงาน โปรแกรม Adobe Photoshop CS6 สามารถเปดไฟลภาพไดหลายประเภท เชน GIF, TIF, BMP, JPG, PDF หรอไฟลภาพทมรปแบบเฉพาะของกลองดจตอลรนตาง ๆ การเปดไฟลภาพท าไดหลายวธ ดงน 3.2.1 การเปดไฟลภาพดวยค าสง Open ใชส าหรบเปดไฟลภาพในรปแบบปกต ม

ขนตอนการท างานดงน 3.2.1.1 คลกเมนค าสง File > Open หรอกดคยลด < Ctrl + O > เพอเปด

หนาตาง Open ขนมา 3.2.1.2 คลกชอง Look in: เพอเลอกต าแหนงไดรฟหรอโฟลเดอรทเกบไฟลภาพ 3.2.1.3 คลกเลอกไฟลภาพทตองการ 3.2.1.4 คลกปม Open เพอเปดไฟลภาพ




คลกเมนค าสง File > Openหรอกดคยลด < Ctrl + O > 1

คลกเลอกต าแหนงไดรฟหรอโฟลเดอร 2 คลกเลอกไฟลภาพ 3

คลกปม Open 4

ภาพท 3.4 การเปดไฟลภาพดวยค าสง Open



3.2.2 การเปดไฟลภาพดวยค าสง Open As

ค าสง Open As ใชส าหรบเปดไฟลภาพ โดยหนาตางจะแสดงไฟลทกไฟลทมอย แตจะสามารถเปดไดเฉพาะไฟลทตรงตามรปแบบทเลอกไวเทานน โดยการคลกเมนค าสง File > Open As หรอกดคยลด < Alt + Shift + Ctrl + O >

3.2.3 การเปดไฟลภาพดวยค าสง Open as Smart Object

จะท าการแปลงไฟลภาพปกตใหกลายเปนวตถทยอขยายได และไมสญเสยความละเอยดของภาพ โดยการคลกเมนค าสง File > Open as Smart Object

3.2.4 การเปดไฟลภาพดวยค าสง Open Recent

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



3.2.5 การเปดไฟลภาพดวย Adobe Bridge

Adobe Bridge CS6 เปนซอฟตแวรเสรมจากการตดตงโปรแกรม ชวยใหเปด ไฟลภาพไปใชงานไดงายขน โดยหนาจอจะแสดงภาพตวอยางของไฟลภาพทงหมด และสามารถคนหาไฟลจากไดรฟตาง ๆ เหมอนกบการดไฟลใน Windows Explorer ของระบบปฏบตการวนโดวส โดยการคลกเมนค าสง File > Browse in Bridge

หมายเหต

- กดปม < Ctrl > เพอเปดไฟลภาพหลาย ๆ ไฟลทอยหางกน

- กดปม < Shift > เพอเปดไฟลภาพหลาย ๆ ไฟลทอยตดกน



3.3 การปรบขนาดภาพดวยค าสง Image Size

Image Size เปนค าสงทใชในการปรบขนาดภาพใหเหมาะสมกบการท างาน

จะสงผลใหจ านวนพกเซลในภาพเปลยนแปลงตามไปดวย หนาตางการปรบขนาดภาพ

ดวยค าสง Image Size ดงแสดงในภาพท 3.5



A

B

D

C

ภาพท 3.5 หนาตางการปรบขนาดภาพดวยค าสง Image Size



ใชก าหนดความกวาง Width: และความสง Height: ของภาพทจะแสดงผลบนหนาจอ จะท าใหขนาดของภาพถกปรบตามสดสวนทก าหนดไว โดยสามารถก าหนด หนวยวดไดตามตองการ เชน Pixels, Inches หรอ cm เปนตน

ใชก าหนดขนาดของภาพทจะถกพมพออกทางเครองพมพ โดยสามารถก าหนดหนวยวดไดตามตองการ เชน Pixels, Inches หรอ cm เปนตน

ใชก าหนดคาความละเอยดของภาพ เชน งานพมพคณภาพสงควรก าหนดคาเปน 300 Pixels/Inch ส าหรบงานแสดงผลบนหนาจอหรอบนเวบไซตควรก าหนดคาเปน 72 Pixels/Inch

A

B

C



ใชก าหนดสดสวนของภาพ เพอรกษาความสมดลของภาพในขณะทปรบขนาด ดงน

Scale Styles คลกเลอกเพอเพมหรอลดขนาดตามสดสวนของภาพ

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

Resample Image: คลกเลอกเพอเพมหรอลดขนาดของภาพทแสดงบนหนาจอตามขนาดทก าหนดใน Document Size: หากไมคลกเลอกจะไมสามารถเปลยนแปลงภาพตนฉบบได

D



ตวอยางการปรบขนาดภาพดวยค าสง Image Size มขนตอนการท างานดงน

3.3.1 เปดไฟลภาพทตองการ

3.3.2 คลกเมนค าสง Image > Image Size หรอกดคยลด < Alt + Ctrl + I > จะปรากฏหนาตาง Image Size ขนมา

3.3.3 ก าหนดความกวาง Width: ความสง Height: และหนวยวดเพอปรบขนาดภาพ ในทนเลอกความกวาง 1200 ความสง 800 และหนวยวดแบบ Pixels

3.3.4 คลกเลอก Resample Image เพอปรบขนาดภาพทแสดงบนหนาจอตามขนาด ทก าหนดใน Document Size:

3.3.5 คลกปม OK เพอตกลง




คลกเมนค าสง Image > Image Size หรอกดคยลด < Alt + Ctrl + I >

2 ก าหนดความกวาง ความสงและหนวยวด เพอปรบขนาดภาพ 3

คลกเลอกเพอปรบขนาดภาพตามขนาดทก าหนดใน Document Size: 4



ภาพท 3.6 การปรบขนาดภาพดวยค าสง Image Size



3.4 การปรบพนทการท างานดวยค าสง Canvas Size

Canvas Size เปนค าสงทใชในการปรบเพมหรอลดพนทการท างานในทศทางท ก าหนด โดยปกตเมอท าการเปดไฟลภาพพนทการท างาน (Canvas) จะมขนาดเทากบ พนทของภาพ (Image) หนาตางการปรบพนทการท างานดวยค าสง Canvas Size ดงแสดงในภาพท 3.7



A

D

B

C

ภาพท 3.7 หนาตางการปรบพนทการท างานดวยค าสง Canvas Size



แสดงขนาดปจจบนของภาพกอนปรบพนทการท างาน

ใชก าหนดขนาดพนทการท างานใหม โดยก าหนดคาความกวาง Width: และคาความสง Height: พรอมทงก าหนดหนวยวดใหกบภาพ เชน Pixels, Inches หรอ cm เปนตน

ใชก าหนดทศทางการปรบขนาดพนทการท างาน

ใชก าหนดสพนหลงใหกบพนทการท างานทเพมขนหรอลดลง

ตวอยางการปรบพนทการท างานดวยค าสง Canvas Size มขนตอนการท างานดงน

3.4.1 เปดไฟลภาพทตองการ

3.4.2 คลกเมนค าสง Image > Canvas Size หรอกดคยลด < Alt + Ctrl + C > เพอเปดหนาตาง Canvas Size ขนมา

A

B

C

D



3.4.3 ปรบขนาด Canvas Size โดยก าหนดความกวาง Width: และความสง Height: ในทนเลอกความกวาง 1200 Pixels และความสง 900 Pixels

3.4.4 คลกเลอกลกศร Anchor: เพอก าหนดทศทางการปรบพนทการท างาน ในทน คลกเลอกลกศรดานบน เพอใชส าหรบปรบเพมพนทการท างานดานบนของภาพ

3.4.5 คลกเลอกชอง Canvas extension color: เพอก าหนดสพนหลงใหกบพนท การท างาน ในทนเลอกพนหลงสเขยว

3.4.6 คลกปม OK เพอตกลง




คลกเมนค าสง Image > Canvas Size หรอกดคยลด < Alt + Ctrl + C >

2 คลกปม OK 6

ก าหนดความกวางและความสงของพนทการท างาน

3

คลกลกศรเพอก าหนด ทศทางการปรบพนท การท างานใหม

ก าหนดสพนหลง

5

4


ภาพท 3.8 การปรบพนทการท างานดวยค าสง Canvas Size



3.5 การปรบยอขยายมมมองภาพ

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

3.5.1 เครองมอยอขยายมมมองภาพ (Zoom Tool)

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



3.5.1.1 เปดไฟลภาพทตองการ

3.5.1.2 คลกเครองมอ Zoom บนกลองเครองมอ

3.5.1.3 คลกเมาส ในบรเวณทตองการขยายภาพ

3.5.1.4 หากตองการยอภาพใหมขนาดเลกลง ใหกดปม < ALT > คางไวและ คลกเมาส โดยเมาสจะเปลยนเปนรป




คลกเมาส ในบรเวณ ทตองการขยายภาพ

ภาพท 3.9 การยอขยายภาพดวยเครองมอ Zoom

คลกเครองมอ Zoom 2

3


กดปม < ALT > คางไวและคลกเมาสจะเปลยน

เปนรป บรเวณทตองการยอจะมขนาดเลกลง 4



3.5.2 เครองมอเลอนดสวนตาง ๆ ของภาพ (Hand Tool)

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


3.5.2.2 คลกเครองมอ Hand บนกลองเครองมอ

3.5.2.3 คลกเมาสคางไวแลวลาก เพอเลอนดสวนตาง ๆ ของภาพในบรเวณทตองการ




ภาพท 3.10 การเลอนดสวนตาง ๆ ของภาพดวยเครองมอ Hand

คลกเครองมอ Hand 2

คลกเมาสคางไวแลวลาก 3



3.5.3 เครองมอหมนมมมองภาพ (Rotate View Tool)

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


3.5.3.2 คลกเครองมอ Rotate View บนกลองเครองมอ

3.5.3.3 คลกเมาสคางไวแลวลาก เพอหมนมมมองภาพในทศทางทตองการ




ภาพท 3.11 การหมนมมมองภาพดวยเครองมอ Rotate View

คลกเครองมอ Rotate View 2

คลกเมาสคางไวแลวลาก หมนภาพในทศทางทตองการ

3



3.6 การก าหนดต าแหนงกะระยะใหกบภาพ

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

3.6.1 ไมบรรทด (Ruler)

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



ภาพท 3.12 การเรยกใชค าสงไมบรรทด (Ruler)


คลกเมนค าสง View > Rulers หรอกดคยลด < Ctrl + R >



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

คลกเมาสปมขวาบนแถบไมบรรทด

และคลกเลอกหนวยวด

ภาพท 3.13 การเปลยนหนวยวดบนแถบไมบรรทด



3.6.2 เสนไกด (Guides)

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

3.6.2.1 คลกเมนค าสง View > Show > Guides หรอกดคยลด < Ctrl + ; >

3.6.2.2 คลกเมาสคางไวแลวลากเสนไกดออกจากไมบรรทดดานซายหรอดานบน ไปยง ต าแหนงทตองการใชเปนเสนบอกแนว โดยจะปรากฏเสนสฟา และหากตองการลบเสนไกดออกจากภาพ ใหคลกเมาสคางไวทเสนไกดแลวลากออกนอกบรเวณกรอบภาพ วธการดงแสดงในภาพท 3.14



ภาพท 3.14 การสรางเสนไกด (Guides)

คลกเมนค าสง View > Show > Guides หรอกดคยลด < Ctrl + ; > 1

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

2



3.6.3 เสนกรด (Grid)

เปนเสนทใชส าหรบบอกพกดในการอางองต าแหนง เกดจากเสนแนวตงและแนวนอนมาตดกน มกถกน ามาใชเมอตองการก าหนดระยะใหกบภาพ ใหอยในต าแหนงทตองการไดอยางแมนย า โดยการคลกเมนค าสง View > Show > Grid หรอกดคยลด < Ctrl + ’ > ดงแสดงในภาพท 3.15



ภาพท 3.15 การสรางเสนกรด (Grid)

คลกเมนค าสง View > Show > Grid หรอกดคยลด < Ctrl + ’ >




3.7 การยอนกลบเพอแกไขขอผดพลาดดวยพาเนล History

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

3.7.1 คลกเมนค าสง Window > History เพอเปดพาเนล History

3.7.2 คลกเมาสไปยงขนตอนทตองการยอนกลบการท างาน



ภาพท 3.16 การยอนกลบเพอแกไขขอผดพลาดดวยพาเนล History

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

คลกเมนค าสง Window > History 1

2



หมายเหต

- กดคยลด < Ctrl + Z > เพอยอนกลบไปใชงานค าสงเกาได 1 ค าสง

- กดคยลด < Ctrl +Alt + Z > เพอยอนกลบไปใชงานค าสงเกาไดหลายค าสง



3.8 การคดลอกภาพ

เปนค าสงทใชในการส าเนาภาพเพอน ามาใชตดตอรวมกบภาพอน ๆ มขนตอนการท างานดงน

3.8.1 เปดไฟลภาพตนฉบบทตองการคดลอก

3.8.2 เลอกบรเวณทตองการคดลอก ในทนเลอกเครองมอ Quick Selection โดยเลอกเฉพาะพนทบรเวณดอกไม

3.8.3 คลกเมนค าสง Edit > Copy หรอกดคยลด < Ctrl + C > เพอคดลอกภาพ

3.8.4 เปดไฟลภาพใหม และคลกเมนค าสง Edit > Paste หรอกดคยลด < Ctrl + V > เพอวางภาพทคดลอกไว



ภาพท 3.17 การคดลอกภาพ

วธการดงแสดงในภาพท 3.17 เลอกบรเวณทตองการคดลอก 2

คลกเมนค าสง Edit > Copy หรอ กดคยลด < Ctrl + C > เพอคดลอก 3

เปดไฟลภาพใหมและคลกเมนค าสง Edit > Paste หรอกดคยลด < Ctrl + V > เพอวางภาพ 4




3.9 การตดและขยายพนทภาพดวยเครองมอ Crop เครองมอ Crop ใชส าหรบตดภาพทมขนาดใหญใหเหลอเฉพาะสวนทตองการได โปรแกรม Adobe Photoshop CS6 ไดพฒนาความสามารถของเครองมอ ดงน 3.9.1 การตดภาพแบบก าหนดสดสวน ใชส าหรบภาพทมขนาดใหญ ทตองการตดพนทบางสวนของภาพออก แตยงคงสดสวนของภาพไว หรอตองการระบสดสวนของภาพเอง มขนตอนการท างานดงน 3.9.1.1 เปดไฟลภาพทตองการ 3.9.1.2 คลกเครองมอ Crop บนกลองเครองมอ 3.9.1.3 ก าหนดสดสวนของภาพทตองการตดพนทออกบนแถบตวเลอก ในทนก าหนดสดสวนพนทขนาด 4 x 5 (8 x 10) 3.9.1.4 กดปม Enter เพอตกลง



ภาพท 3.18 การตดภาพแบบก าหนดสดสวนดวยเครองมอ Crop


ก าหนดสดสวนของภาพทตองการตดพนทออก

3

คลกเครองมอ Crop 2

กดปม Enter 4




3.9.2 การสรางกรอบภาพ เครองมอ Crop สามารถสรางกรอบภาพ เพอใชตกแตงความสวยงามใหกบ ภาพได มขนตอนการท างานดงน 3.9.2.1 เปดไฟลภาพทตองการ 3.9.2.2 คลกเครองมอ Crop บนกลองเครองมอ 3.9.2.3 คลกเลอก Original Ratio บนแถบตวเลอก เพอก าหนดสดสวนเอง 3.9.2.4 คลกเลอกสพนหลง (Background Color) บนกลองเครองมอ เพอ ก าหนดสใหกบกรอบภาพ ในทนเลอกพนหลงสขาว 3.9.2.5 น าเมาสไปวางทมมภาพ กดคยลด < Alt + Shift > คลกเมาสคางไว แลวลาก จะปรากฏกรอบภาพตามสพนหลงทเลอก 3.9.2.6 กดปม Enter เพอตกลง



ภาพท 3.19 การสรางกรอบภาพดวยเครองมอ Crop




คลก Original Ratio เพอก าหนดสดสวนเอง

3

คลกเครองมอ Crop 2 น าเมาสไปวางทมมภาพ กดคยลด < Alt + Shift >

คลกเมาสคางไวแลวลาก เพอสรางกรอบภาพ

5

คลกเลอกสพนหลงใหกบกรอบภาพ 4



3.9.3 การแกไขภาพเอยงดวยปม Straighten

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

คลกเลอกปม Straighten บนแถบตวเลอก มขนตอนการท างานดงน


3.9.3.2 คลกเครองมอ Crop บนกลองเครองมอ

3.9.3.3 คลกปม Straighten บนแถบตวเลอก

3.9.3.4 คลกเมาสคางไวแลวลาก เพอปรบทศทางแนวภาพใหมตามตองการ

3.9.3.5 กดปม Enter เพอตกลง



ภาพท 3.20 การแกไขภาพเอยงดวยปม Straighten

วธการดงแสดงในภาพท 3.20 คลกปม Straighten 3

คลกเมาสคางไวแลวลากปรบทศทางแนวภาพใหม คลกเครองมอ Crop 2

4





3.10 การบนทกไฟลงาน โปรแกรม Adobe Photoshop CS6 มค าสงบนทกไฟลงานใหเลอกใชตามความเหมาะสมกบลกษณะงานหลากหลายรปแบบ ดงน 3.10.1 การบนทกไฟลงานดวยค าสง Save เปนการบนทกไฟลงานเดมทก าลงเปดแกไขอย หรอตองการบนทกใหอย ในรปแบบเดมโดยคลกเลอกเมนค าสง File > Save หรอกดคยลด < Ctrl + S > 3.10.2 การบนทกไฟลงานดวยค าสง Save As เปนการบนทกไฟลงานเดมเปนชอใหม หรอบนทกใหอยในรปแบบใหม ตวอยางการบนทกไฟลงานดวยค าสง Save As มขนตอนการท างานดงน 3.10.2.1 คลกเมน File > Save As หรอกดคยลด < Shift + Ctrl + S > 3.10.2.2 คลกเลอก Save in: เพอเลอกไดรฟหรอโฟลเดอรทตองการบนทก



3.10.2.3 พมพชอไฟลในชอง File name: โดยสามารถตงชอไฟลไดทงภาษาไทย และภาษาองกฤษ

3.10.2.4 คลกชอง Format: เพอก าหนดประเภทของไฟลงานทตองการบนทก ในทนเลอกบนทกไฟลประเภท JPEG

3.10.2.5 คลกปม Save เพอบนทกไฟลงาน

3.10.2.6 ก าหนดคา Quality: เพอก าหนดคณภาพความคมชดของไฟลงาน สามารถก าหนดคาไดตงแต 0-12 โดยคาทมากสงผลใหไฟลงานทไดมคณภาพดตาม ไปดวย

3.10.2.7 คลกปม OK เพอตกลง



ภาพท 3.21 การบนทกไฟลงานดวยค าสง Save As


คลกเมนค าสง File > Save As หรอกดคยลด < Shift + Ctrl + S > 1

คลกเลอกต าแหนงไดรฟหรอโฟลเดอร 2

พมพชอไฟล เลอกประเภทของไฟล 3 4

คลกปม Save 5


ก าหนดคณภาพความคมชดของไฟลงาน 6



3.10 ค าสง Save for Web เปนการบนทกไฟลงานเพอน าไปใชงานบนเวบเพจ หรอน าไปใชงานรวมกบโปรแกรมมลตมเดยอน ๆ ทตองการไฟลงานขนาดเลก มความละเอยดไมมาก และ ก าหนดพนหลงแบบโปรงใสได โดยคลกเลอกเมนค าสง File > Save for Web หรอ กดคยลด < Alt + Shift + Ctrl + S >



สรป

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



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





Thank You !

การท างานกับไฟล์ภาพเบื้องต้นrsc.ac.th/teacher/anchalee/cg/pdf/หน่วยที่ 3 การทำงาน...3.6 การก

Documents