ก

ก

ค ำน ำ

เอกสารประกอบการเรยน เลมท 1 เรอง เรมตนกบ Photoshop CS6 เลมน

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

เลมท 1 เรมตนกบ Photoshop CS6 เลมท 2 การใชเครองมอพนฐาน เลมท 3 การสรางขอความตกแตงภาพ เลมท 4 การตดภาพและท างานกบเลเยอร เลมท 5 การปรบแตงภาพและฟวเตอร เลมท 6 การวาดภาพ รปทรง และระบายส

ผจดท าหวงเปนอยางยงวาเอกสารประกอบการเรยนเลมน จะเปนประโยชนตอการ

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

กนกอร ทพยโสต

ข

สำรบญ

เรอง หนา

ค ำน ำ ................................................................................................................... ก สำรบญ ................................................................................................................ ข ค ำชแจงกำรใชเอกสำรประกอบกำรเรยน ............................................................ ค สำระส ำคญ .......................................................................................................... 1 จดประสงคกำรเรยนร .......................................................................................... 1 แบบทดสอบกอนเรยน ......................................................................................... 2 รจกกบโปรแกรม Photoshop CS6 ……………..................................................... 5 กำรเปดใชงำนโปรแกรม Photoshop CS6 ……………………………........................ 6 สวนประกอบของโปรแกรม Photoshop CS6 ................................................... 9 กจกรรมท 1 เรมตนกบ Photoshop CS6..........................................................18 กำรเปดไฟลภำพ .................................................................................................19 กำรสรำงไฟลภำพใหม..........................................................................................20 กำรบนทกไฟลภำพ .............................................................................................21 กจกรรมท 2 สรำง เปด และบนทกไฟล ...........................................................22 แบบทดสอบหลงเรยน ........................................................................................23 บรรณำนกรม ......................................................................................................27 ภำคผนวก ...........................................................................................................28

ค

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

ใหนกเรยนปฏบตตำมค ำสงแตละขนตอนตงแตตนจนจบ โดยปฏบตตำมขนตอนดงตอไปน

1. ศกษำ สำระส ำคญและจดประสงคกำรเรยนรใหเขำใจ 2. นกเรยนท ำแบบทดสอบกอนเรยน แลวตรวจคำตอบจำกเฉลยใน

ภำคผนวก แลวบนทกคะแนนทไดลงในแบบบนทกสรปผลกำรเรยน

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

ภำคผนวก แลวบนทกคะแนนทไดลงในแบบบนทกสรปผลกำรเรยน

6. นกเรยนตรวจสอบควำมกำวหนำโดยหำผลตำงของคะแนนแบบทดสอบ กอนเรยนและหลงเรยน

7. นกเรยนตองซอสตยตอตนเองโดยไมเปดดเฉลยกอน

ท ำตำมค ำแนะน ำ

ดวยนะคะทกคน

1

โปรแกรม Photoshop เปนโปรแกรมทใชส าหรบตกแตงรปภาพ สรางงาน

กราฟกตางๆ หลกการท างานงายๆ ของ Photoshop คอ การสรางภาพโดยเรมตนจาก

หนากระดาษเปลาๆ เหมอนจตรกรทเขยนภาพลงบนฝนผาใบ การหยบภาพถายขนมา

ปรบแตงใหดด สมบรณ หรอแหวกแนวในรปแบบทตองการ ซงขนตอนทงหมดจะท างาน

อยบนหนาจอของเครองคอมพวเตอร ซงแบงออกไดหลายดาน

1. นกเรยนบอกวธการเปดใชงานโปรแกรม Photoshop CS6 และสามารถเปดใชงาน โปรแกรมได

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

โปรแกรม Photoshop CS6

สำระส ำคญ

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

2

1. โปรแกรม Photoshop ใชงานเกยวกบอะไร

ก. สรางภาพยนตรทงภาพนงและวดโอ

ข. ตกแตงรปภาพ

ค. ท าเอกสารค านวณ

ง. ใชเกบฐานขอมล

2. ถาเครองมอหรอพาเลทหายไปนกเรยนตองไปทค าสงใดเพอเรยกกลบมา

ก. View

ข. Window

ค. Help

ง. Layer

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

นามสกลใด

ก. JPG

ข. PDF

ค. PSD

ง. BMP

แบบทดสอบกอนเรยน เรอง เรมตนกบ Photoshop CS6

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

3

จากภาพใหตอบค าถามขอ 4 – 7

4. หมายเลข 1 เรยกวาอะไร

ก. แถบค าสง (Menu Bar) ข. ไตเตลบาร(Title bar) ค. พาเลท (Palette) ง. Option Bar (ออปชนบาร)

5. หมายเลข 2 เรยกวาอะไร

ก. แถบค าสง (Menu Bar) ข. กลองเครองมอ (Toolbox) ค. พาเลท (Palette) ง. Option Bar (ออปชนบาร)

6. หมายเลข 3 เรยกวาอะไร

ก. แถบค าสง (Menu Bar) ข. กลองเครองมอ (Toolbox) ค. พาเลท (Palette) ง. Option Bar (ออปชนบาร)

1

2

3

4

4

7. หมายเลข 4 เรยกวาอะไร

ก. แถบค าสง (Menu Bar) ข. กลองเครองมอ (Toolbox) ค. พาเลท (Palette) ง. Option Bar (ออปชนบาร)

8. เครองมอ ท าหนาทอะไร

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

ข. ใชในการปรบคาโทนสของภาพใหสวางหรอมด

ค. ใชระดบโทนสในพนทภาพ

ง. เปนเครองมอใชเลอนภาพบนจอ

9. เมอสรางไฟลใหมใหก าหนดคา Width กบ Height หมายถง ขอใด

ก. Width = ความสงของภาพ Height = ความกวางของภาพ

ข. Width = ความกวางของภาพ Height = ความละเอยดของภาพ

ค. Width = ความกวางของภาพ Height = ความสงของภาพ

ง. Width = ความสงของภาพ Height = ความละเอยดของภาพ

10. เครองมอ ท าหนาทอะไร

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

ข. ใชในการปรบคาโทนสของภาพใหสวางหรอมด

ค. ใชส าหรบสรางตวอกษร

ง. เปนเครองมอใชเลอนภาพบนจอ

5

โปรแกรม Photoshop เปนโปรแกรมทใชส าหรบตกแตงรปภาพ สรางงาน

กราฟกตางๆ หลกการท างานงายๆ ของ Photoshop คอ การสรางภาพโดยเรมตนจาก

หนากระดาษเปลาๆ เหมอนจตรกรทเขยนภาพลงบนฝนผาใบ การหยบภาพถายขนมา

ปรบแตงใหดด สมบรณ หรอแหวกแนวในรปแบบทตองการ ซงขนตอนทงหมดจะท างาน

อยบนหนาจอของเครองคอมพวเตอร ซงแบงออกไดหลายดาน

งำนตกแตงภำพถำย เปนการตกแตงรปถายเกาๆ ใหคมชดหรอเหมอนใหม หรอ

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

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

วางบนตวอกคนหนง น าภาพบคคลไปวางบนฉากหลงฉากอน เปนตน

งำนสงพมพ ไมวาจะเปนหนงสอ นตยสาร โฆษณา

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

ตามไอเดยทเราวางแผนไวได

รจกกบโปรแกรม Photoshop CS6

6

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

Background ปมโตตอบ แถบหวเรอง ตลอดจนภาพประกอบตางๆ นอกจากนนยง

สามารถออกแบบหนาเวบดวย Photoshop ได

งำนออกแบบทำงกรำฟก ใช photoshop ชวยในการสรางภาพสามมต

การออกแบบปกหนงสอและผลตภณฑ การออกแบบการดอวยพร เปนตน

7

1. คลกปม Start 2. คลก All program 3. โฟลเดอร Adobe master collection cs6 4. คลกเลอกโปรแกรม Photoshop CS6

5. จะเขาสโปรแกรม Photoshop CS6 ดงน

กำรเปดใชงำนโปรแกรม Photoshop CS6

8

Menu Bar (เมนบำร) แถบควบคมโปรแกรม

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

Menu Bar (เมนบาร) แถบควบคมโปรแกรม Option Bar (ออบชนบาร) แถบควบคมโปรแกรม

Windows Design พนทออกแบบ

Tool Bar (ทลบาร) แถบเครองมอ

Panel Menu

(พาเนลเมน)

เมนของพนท

ท างาน

สวนประกอบของโปรแกรม Photoshop CS6

9

ค ำสงใน Menu Bar มดงตอไปน 1. File หมายถง รวมค าสงทใชจดการกบไฟลรปภาพ เชน สรางไฟลใหม, เปด, ปด, บนทกไฟล, น าเขาไฟล, สงออกไฟล และอน ๆ ทเกยวกบไฟล 2. Edit หมายถง รวมค าสงทใชส าหรบแกไขภาพ และปรบแตงการท างานของโปรแกรมเบองตน เชน กอปป, วาง, ยกเลกค าสง, แกไขเครองมอ และอน ๆ 3. Image หมายถง รวมค าสงทใชปรบแตงภาพ เชน ส, แสง, ขนาดของภาพ (image size), ขนาดของเอกสาร (canvas), โหมดสของภาพ, หมนภาพ และอน ๆ 4. Layer หมายถง รวมค าสงทใชจดการกบเลเยอร ทงการสรางเลเยอร, แปลงเลเยอร และการจดการกบเลเยอรในดานตาง ๆ 5. Select รวม ค าสงเกยวกบการเลอกวตถหรอพนทบนรปภาพ (Selection) เพอน าไปใชงานรวมกบค าสงอน ๆ เชน เลอกเพอเปลยนส, ลบ หรอใชเอฟเฟกตตาง ๆ กบ

10

รปภาพ 6. Filter เปนค าสงการเลน Effects ตางๆส าหรบรปภาพและวตถ 7. View เปนค าสงเกยวกบมมมองของภาพและวตถในลกษณะตางๆ เชน การขยายภาพและยอภาพใหดเลก 8. Window เปนสวนค าสงในการเลอกใชอปกรณเสรมตางๆ ทจ าเปนในการใชสราง Effects ตางๆ 9. Help เปนค าสงเพอแนะน าเกยวกบการใชโปรแกรมฯและจะมลายละเอยดของโปรแกรมอยในนน

Option Bar (ออปชนบำร) Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตาง ๆ โดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนน เชน เมอเราเลอกเครองมอ Brush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะหวแปรง, โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน Panel (พำเนล) Panel (พาเนล) เปนวนโดวยอย ๆ ทใชเลอก รายละเอยด หรอค าสงควบคมการท างานตาง ๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมากเชน พาเนล Color ใชส าหรบเลอกส, พาเนล Layers ใชส าหรบจดการกบเลเยอร และพาเนล Info ใชแสดงคาสตรงต าแหนงทชเมาส รวมถงขนาด/ต าแหนงของพนททเลอกไว

11

กำรเปด/ปด พำเนล เราสามารถเปด/ปด พาเนลไดจากค าสง

Window แลวเลอกชอพาเนลทตองการแสดงหรอไมแสดง

จะเหนวาถาพาเนลไหนเปดอยจะมเครองถกหนาชอพาเนลนน

พาเนลทถกเปดขนจะถกเปดอยในกรอบทจดเกบหาก

ไมตองการพาเนลใดใหคลกเลอกพาเนลนนอกครงเพอเอา

เครองหมายถกออก

กรอบพนทจดเกบพำเนล

12

Tool Bar (ทลบำร) แถบเครองมอ

Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะ

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

ภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอท

ท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรป

สามเหลยมอยบรเวณมมดานลางดงภาพ 2 เพอบอกใหรวาในปมน

ยงมเครองมออนอยดวย

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

แถวคอลมน ขนาด 1 พเซล

Marquee

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

Lasso

ใชเลอกพนทบนภาพเปนแนวเขตแบบอสระ

Magic Wand

ใชเลอกพนทดวยวธระบายบนภาพ หรอเลอกจากสทใกลเคยงกน

Crop

ใชตดขอบภาพ

13

Slice

ใชตดแบงภาพเพอบนทกไฟลภาพยอย ๆ ทเรยกวาสไลซ (Slice) ส าหรบน าไปสรางเวบเพจ

Eyedropper

ใชเลอกสจากสตาง ๆ บนภาพ

Healing Brush

ใชตกแตงลบรอยต าหนในภาพ

Brush

ใชระบายลงบนภาพ

Clone Stamp

ใชท าส าเนาภาพ โดยกอปปภาพจากบรเวณอนมาระบาย หรอระบายดวยลวดลาย

History Brush

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

Eraser

ใชลบภาพบางสวนทไมตองการ

Gradient

ใชเตมสแบบไลระดบโทนสหรอความทบ

14

Blur

ใชระบายภาพใหเบลอ

Bern

ใชระบายเพอใหภาพมดลง

Dodge

ใชระบายเพอใหภาพสวางขน

Pen

ใชวาดเสนพาธ (Path)

Horizontal Type

ใชพมพตวอกษรหรอขอความลงบนภาพ

Path Selection

ใชเลอกและปรบแตงรปทรงของเสนพาธ

Rectangle

ใชวาดรปทรงเรขาคณตหรอรปทรงส าเรจรป

Hand

ใชเลอนดสวนตาง ๆ ของภาพ

15

Zoom

ใชยอหรอขยายมมมองภาด

- Set Foreground Color, Set Background Color ใชส าหรบก าหนดส

- Foreground Color และ Background Color

เปดแสดงหนากระดาษ แบบ Full screen

เครองมอมเยอะ

ฝกใชกนดวยนะคะ

16

Windows Design พนทออกแบบ

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

Area หรอ วาดรปใหมลงไปบน Working Design

ศกษำแลวท ำใบงำน

ตอเลยจำ.....

17

ใหนกเรยนตอบค ำถำมตอไปนใหถกตอง

1. โปรแกรม Photoshop ใชสรางงานกราฟกอะไรไดบาง (ยกตวอยางมา 5 งาน)

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

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

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

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

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

2. ใหนกเรยนอธบายสวนประกอบของโปรแกรม Photoshop CS6 ใหถกตอง

2.1 Menu Bar (เมนบาร)

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

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

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

2.3 Panel (พาเนล) ............................................................................... .............................................................................................................................................................................................................. ...................................

2.4 Tool Bar (ทลบาร)

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

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

2.5 Windows Design

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

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

กจกรรมท 1 เรอง เรมตนกบ Photoshop CS6

ค ำชแจง

18

การสรางชนงานเราตองเปดไฟลภาพจากแหลงขอมลตางๆ เชน จากแผนซด จาก

กลองดจตอล หรอไฟลภาพในเครองเรา ซงมขนตอนดงน

1. คลกเลอกเมน File Open หรอกด Ctrl+O

ทคยบอรดเพอเปดไฟล

2. จะปรากฏหนาตาง Open เลอกต าแหนงท

เกบไฟลภาพในชอง Look in แลวเลอกไฟลภาพทตองการ

3. คลกปม Open เพอเปดไฟลภาพขนมาในหนาจอโปรแกรม (ถาตองการเปดหลาย

ภาพใหกด Ctrl คางไวขณะเลอกไฟลทตองการ

กำรเปดไฟลภำพ

19

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

1. คลกเลอกเมน File New หรอกดปม Ctrl+N ทคยบอรดเพอสรางไฟลใหม

2. จากนนจะปรากฏหนาตาง New ขนมา ใหพมพชอไฟลลงในชอง Name

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

ดงน

กำรสรำงไฟลภำพใหม

Width ก าหนดความกลางของภาพ โดยชองดานหลงเปนการก าหนดหนวยวด

ความกวาง เชน pixel

Height ก าหนดความสงของภาพ โดยหนวยวดจะเปนไปตามทก าหนดความกวาง

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

Color Mode ก าหนดโหมดสของภาพ เชน RGB จะใชในงานกราฟกส าหรบเวบและ

ภาพเคลอนไหว CMYK จะเหมาะส าหรบงานสงพมพตางๆ โดยจ านวนบต

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

ใหญขน

Background Content ก าหนดสพนหลงของภาพ ซงสามารถก าหนดเปน สขาว (White)

สพนหลง (Background Color) และโปรงใส (Transparent)

20

เมอสรางชนงานเสรจแลวจะบนทกไฟลงานโดยเลอกทเมน File แลวเลอกรปแบบการบนทก

ไฟล ซงรปแบบหลกๆทใชงานบอยม 3 รปแบบ คอ Save, Save As และ Save for Web ดงน

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

เลอกต าแหนงส าหรบบนทกไฟล

ตงชอไฟล

ก าหนดรปแบบไฟล

เชน PSD , JPEG ,

GIF เปนตน

Save การบนทกงานในไฟลเดมทก าลงเปดแกไขอย

Save As การบนทกงานเดมในชอใหม หรอใหอยในรปแบบฟอรแมตใหม

Check In การท างานและแกไขไฟลภาพรวมกนในเครอขายทจดการโดยโปรแกรม

Version Cue Workspace ซงจะตรวจสอบการบนทกไฟลงานแตละครง

ของผทเขามาแกไข

Save for Web การบนทกไฟลเพอใหไดภาพทเหมาะส าหรบใชงานบนเวบไซต

Revert ยอนหลงค าสงไป 1 ขนตอน

21

1. ใหนกเรยนฝกสรางไฟลใหม ขนาดกวาง 800 pixel สง 600 pixel แลวอธบาย

วธการสรางไฟลใหม

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

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

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

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

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

2. ใหนกเรยนเปดไฟลภาพทมในเครอง แลวอธบายวธการเปดไฟลตามทนกเรยน

ท า

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

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

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

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

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

3. .ใหนกเรยนฝกบนทกไฟลภาพในรปแบบ JPEG แลวอธบายวธการบนทกไฟล

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

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

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

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

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

กจกรรมท 2 เรอง สรำง เปด และบนทกไฟล

22

1. เครองมอ ท าหนาทอะไร

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

ข. ใชในการปรบคาโทนสของภาพใหสวางหรอมด

ค. ใชส าหรบสรางตวอกษร

ง. เปนเครองมอใชเลอนภาพบนจอ

2. ถาเครองมอหรอพาเลทหายไปนกเรยนตองไปทค าสงใดเพอเรยกกลบมา

ก. View

ข. Window

ค. Help

ง. Layer

3. เครองมอ ท าหนาทอะไร

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

ข. ใชในการปรบคาโทนสของภาพใหสวางหรอมด

ค. ใชระดบโทนสในพนทภาพ

ง. เปนเครองมอใชเลอนภาพบนจอ

แบบทดสอบหลงเรยน เรอง เรมตนกบ Photoshop CS6

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

23

จากภาพใหตอบค าถามขอ 4 – 7

4. หมายเลข 1 เรยกวาอะไร

ก. ไตเตลบาร(Title bar) ข. แถบค าสง (Menu Bar) ค. พาเลท (Palette) ง. Option Bar (ออปชนบาร)

5. หมายเลข 2 เรยกวาอะไร

ก. แถบค าสง (Menu Bar) ข. Option Bar (ออปชนบาร) ค. พาเลท (Palette)

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

1

2

3

4

24

6. หมายเลข 3 เรยกวาอะไร

ก. แถบค าสง (Menu Bar) ข. Option Bar (ออปชนบาร) ค. พาเลท (Palette)

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

7. หมายเลข 4 เรยกวาอะไร

ก. แถบค าสง (Menu Bar) ข. พาเลท (Palette) ค. กลองเครองมอ (Toolbox) ง. Option Bar (ออปชนบาร)

8. โปรแกรม Photoshop ใชงานเกยวกบอะไร

ก. สรางภาพยนตรทงภาพนงและวดโอ

ข. ตกแตงรปภาพ

ค. ท าเอกสารค านวณ

ง. ใชเกบฐานขอมล

9. เมอสรางไฟลใหมใหก าหนดคา Width กบ Height หมายถง ขอใด

ก. Width = ความกวางของภาพ Height = ความสงของภาพ

ข. Width = ความสงของภาพ Height = ความกวางของภาพ

ค. Width = ความกวางของภาพ Height = ความละเอยดของภาพ

ง. Width = ความสงของภาพ Height = ความละเอยดของภาพ

25

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

นามสกลใด

ก. JPG

ข. PDF

ค. PSD

ง. BMP

ขอใหโชคดในกำรท ำขอสอบนะคะ

ดเฉลยไดเลยจำ

26

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

Photoshop. ขอนแกน : งำนเทคโนโลยสำรสนเทศและสอโสตทศน ส ำนกวทย- บรกำร มหำวทยำลยขอนแกน, 2555.

ฐตำรตน รชตะวรรณ. ออกแบบและสรางเวบสวยดวยตนเอง. นนทบร : ไอดซ, 2547. ทศยำภรณ เกอนน และพรพรรณ แพฝกฝน. คมอ Adobe Photoshop CS6 +CD.

กรงเทพฯ : โปรวชน, 2555. ธรรมศกด เออรกสกล. หนงสอเรยนรายวชาเพมเตม การใชโปรแกรม Adobe

Photoshop CS4. กรงเทพฯ : มเดย อนเทลลเจนซ เทคโนโลย, 2553. ธนยพฒน วงศรตน. Photoshop CS5 ฉบบสมบรณ. กรงเทพฯ : สวสด ไอท, 2554.

Photoshop CS6 ฉบบสมบรณ. กรงเทพฯ : โปรวชน, 2556. ประชำ พฤกษประเสรฐ และคณะ. คมอการเรยนรและเทคนคการใชงาน Adobe

Photoshop 5.5. พมพครงท 2 กรงเทพฯ : ซคเซส มเดย, 2545. สทธชย ประสำนวงศ. โปรแกรมกราฟก Adobe Photoshop CS6. กรงเทพมหำนคร :

ซอฟทเพรส, 2556. ปยะ นำกสงค. ตกแตงภาพกราฟก Photoshop CS6 ฉบบสมบรณ. กรงเทพมหำนคร :

รไววำ, 2558.

บรรณานกรม

27

ภาคผนวก

28

ขอ ค ำตอบ

1 ข

2 ข

3 ค

4 ก

5 ข

ขอ ค ำตอบ

6 ง

7 ค

8 ค

9 ค

10 ค

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

เรอง เรมตนกบ Photoshop CS6

29

1. โปรแกรม Photoshop ใชสรางงานกราฟกอะไรไดบาง (ยกตวอยางมา 5 งาน)

- ปายโฆษณา

- ออกแบบเวบไซต

- โปรสเตอรประชาสมพนธงานตางๆ

- พนหลงเอกสารสวยๆ

- การดอวยพร

2. ใหนกเรยนอธบายสวนประกอบของโปรแกรม Photoshop CS6 ใหถกตอง

2.1 Menu Bar (เมนบาร)

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

2.2 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตาง ๆ โดยรายละเอยดในออปชนบารจะ

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

ใน Photoshop มพาเนลอยเปนจ านวนมากเชน พาเนล Color ใชส าหรบเลอกส, พาเนล Layers 2.4 Tool Bar (ทลบาร)

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

เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน

2.5 Windows Design

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

วาดรปใหมลงไปบน Working Design

เฉลยกจกรรมท 1

เรอง เรมตนกบ Photoshop CS6

30

1. ใหนกเรยนฝกสรางไฟลใหม ขนาดกวาง 800 pixel สง 600 pixel แลวอธบาย

วธการสรางไฟลใหม 1. คลกเลอกเมน File New หรอกดปม Ctrl+N ทคยบอรดเพอสรางไฟลใหม

2. จากนนจะปรากฏหนาตาง New ขนมา พมพชอไฟลลงในชอง Name

แลวก าหนดขาดกระดาษ ทชอง width = 800 ชอง Height = 600 แลวคลก OK

2. ใหนกเรยนเปดไฟลภาพทมในเครอง แลวอธบายวธการเปดไฟลตามทนกเรยน

ท า 1. คลกเลอกเมน File Open หรอกดปม Ctrl+O ทคยบอรดเพอสรางเปดไฟล

2. เลอกไฟลภาพทมในโฟลเดอรในเครอง แลวคลกปม Open

3. .ใหนกเรยนฝกบนทกไฟลภาพในรปแบบ JPEG แลวอธบายวธการบนทกไฟล 1. คลกเลอกเมน File Save As จะขนหนาจอส าหรบบนทก

2. ตงชอไฟลในชอง File name และก าหนดประเภทของไฟลภาพทจะบนทกทชอง

Fomat จากนนคลกทปม Save

เฉลยกจกรรมท 2

เรอง สรำง เปด และบนทกไฟล

ท ำถกกนไหมเอย !

31

ขอ ค ำตอบ

6 ข

7 ข

8 ข

9 ข

10 ค

ขอ ค ำตอบ

1 ค

2 ข

3 ค

4 ข

5 ง

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

เรอง เรมตนกบ Photoshop CS6

32

ขอ ก ข ค ง

1 2 3 4 5 6 7 8 9 10

กระดำษค ำตอบ

เรอง เรมตนกบ Photoshop CS6

ใชไดทงแบบทดสอบกอนเรยนและหลงเรยนนะคะ