เรื่องที่ 2

1

ใบความรู้ที่ 2.1

เร่ือง ส่วนประกอบของโปรแกรม Adobe Photoshop CS3

ส่วนประกอบของโปรแกรม Adobe Photoshop Cs3 หน้าจอของโปรแกรม Adobe Photoshop cs3 ประกอบไปด้วยองค์ประกอบต่าง ๆ ดังต่อไปนี้

1. สัญลักษณ์ของโปรแกรม Adobe Photoshop (Title bar) 2. แถบเมนู ( Manu Bar ) 3. ปุ่มควบคุมการท างาน 4. แถบก าหนดรูปแบบของเครื่องมือที่ใช้งาน ( Tool Option Bar ) 5. กล่องเครื่องมือ ( Tool Box ) 6. พาเลต (Palette) ที่รวบรวมคุณสมบัติของการท างานต่างๆ เช่น Navigator , Color,

Layer , History เป็นต้น 7. พ้ืนที่ท างาน (Work Area) ของโปรแกรม Adobe Photoshop จะประกอบด้วยเครื่องมือส าหรับการตกแต่งไฟล์ภาพต่างๆ ( “การใช้งานโปรแกรม Photoshop”, ออนไลน ์)

1 2 3

4

5

6

7

2

ใบงานที่ 2.1

เรื่อง ส่วนประกอบของโปรแกรม Adobe Photoshop วิชาคอมพิวเตอร์กราฟิก กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีท่ี 5

--------------------------------------------------------------------------------------------------------------- ชื่อ-สกุล........................................................................................ชั้น ..........................เล ขท่ี ............ ค าชี้แจง : ให้นักเรียนบอกชื่อส่วนประกอบของโปรแกรมให้ถูกต้องที่สุด

ภาษาไทย..................................... ภาษาองักฤษ.................................









3


เร่ือง เมนูค าสั่ง

เมนูค าสั่ง 1. Menu bar คือส่วนที่แสดงชื่อเมนูต่างๆ ของโปรแกรม ก็จะประกอบด้วย File , Edit , Image , Layer, Select , Filter ,View , Window , Help 1.1 File หมายถึง ค าสั่งเกี่ยวกับการจัดเก็บและเรียกใช้ไฟล์รูปภาพต่างๆ 1.2 Edit หมายถึง ค าสั่งเกี่ยวกับการแก้ไขลักษณะของรูปภาพและ Image ต่างๆ 1.3 Image หมายถึง ค าสั่งการจัดการรูปภาพและ Image ต่างเช่น การเปลี่ยนสีและการเปลี่ยนขนาด 1.4 Layer หมายถึง ชั้นหรือล าดับของรูปภาพและวัตถุท่ีเราต้องการจะท า Effects 1.5 Select เป็นค าสั่งการเลือกพ้ืนที่หรือส่วนต่างของรูปภาพและวัตถุในการที่จะใช้ Effects ต่างๆ 1.6 Filter เป็นค าสั่งการเล่น Effects ต่างๆส าหรับรูปภาพและวัตถุ 1.7 View เป็นค าสั่งเกี่ยวกับมุมมองของภาพและวัตถุในลักษณะต่างๆ เช่น การขยายภาพ และย่อภาพให้ดูเล็ก 1.8 Window เป็นส่วนค าสั่งในการเลือกใช้อุปกรณ์เสริมต่างๆที่จ าเป็นในการใช้สร้าง Effects ต่างๆ 1.9 Help เป็นค าสั่งเพื่อแนะน าเกี่ยวกับการใช้โปรแกรมฯและจะมีลายละเอียดของโปรแกรม อยู่ในนั้น 2. Toolbox คือส่วนของอุปกรณ์ต่าง ๆ ที่ใช้ในการสร้างชิ้นงานหรือตกแต่งภาพ 3. Tool options bar คือส่วนที่ก าหนดคุณสมบัติของอุปกรณ์ที่เลือกจาก Toolbox 4. Palettes คือส่วนที่ใช้ตรวจสอบและก าหนดคุณสมบัติต่าง ๆ ให้กับรูปภาพ 5. Status bar คือส่วนที่แสดงรายละเอียดต่าง ๆ ของชิ้นงาน เช่น ขนาดของมุมมองรูปภาพ ขนาดของไฟล์ ( “คู่มือการใช้งาน Photoshop CS3 ขั้นพ้ืนฐาน”, ออนไลน์ )

4

เมนู File

New เป็นค าสั่งสร้างไฟล์ใหม่ Open เป็นค าสั่งเปิดไฟล์กราฟิกส์ ที่มีอยู่แล้ว Close ปิดไฟล์ที่ก าลังท างานอยู่ Save บันทึกไฟล์ข้อมูลที่ท างานอยู่ในชื่อเดิม Save As บันทึกไฟล์ข้อมูลที่ท างานอยู่ในชื่ออ่ืนเพื่อไม่ให้ทับไฟล์เดิม Save a Copy บันทึกไฟล์ข้อมูลที่ท างานอยู่ในชื่ออ่ืน และอาจเปลี่ยนแปลงคุณสมบัติ เช่น ฟอร์แมทของภาพ Revert เปลี่ยนไฟล์ที่ก าลังท างานอยู่ให้กลับไปเป็นไฟล์เดิม โดยโปรแกรมจะใช้ไฟล์ที่เราบันทึกไว้ล่าสุด ค าสั่งนี้คล้ายๆ กับการท า Undo นั่นเอง Import ท าการอ่านข้อมูลจาก Scanner Export ส่งงานจาก Photoshop ไปให้โปรแกรมอ่ืน เช่น Illustrator หรือ อาจส่งเป็นไฟล์แบบ GIF89A Preferences ก าหนดรายละเอียดของโปรแกรมตามต้องการ

เลือกจ ำค ำสั่งที่ใช้งำนบ่อยๆ

นะครับ

5

จ ำคีย์ลัดด้วยนะครับ

เมนู Edit

Cut ท าการตัดเอาส่วนที่เลือกไว้ เก็บเข้าไปในหน่วยความจ าที่เรียกว่า คลิปบอร์ด Copy ท าการคัดลอกส่วนที่เลือกไว้ เก็บเข้าไปใน คลิปบอร์ด Paste เอาภาพที่เก็บไว้คลิปบอร์ด ปะลงไปในภาพที่ก าลังท างานอยู่ Paste Into เอาภาพที่เก็บไว้คลิปบอร์ด ปะลงไปในส่วนของภาพที่เลือกไว้ (Selection) Clear ลบภาพในพ้ืนที่ที่เลือกไว้ (Selection) Fill เติมสีลงไปในพ้ืนที่ที่เลือกไว้ Stroke เติมสีลงไปเฉพาะตรงขอบของพ้ืนที่ที่เลือกไว้ Free Transform ท าการเปลี่ยนแปลงทิศทางและขนาดของภาพอย่างเสรี Transform ท าการเปลี่ยนแปลงทิศทางและขนาดของภาพเฉพาะอย่าง Purge ล้างหน่วยความจ าที่ใช้เก็บภาพในคลิปบอร์ด ประวัติการท างาน (history) เพ่ือให้มีหน่วยความจ าเหลือส าหรับพื้นที่ท างาน มากขึ้น

6

เมนู Image

Mode ก าหนดโหมดสีที่จะใช้ส าหรับภาพกราฟิก เช่น สีแบบไล่เทา (Grayscale) หรือ แดง-เขียว-น้ าเงิน (RGB) Adjust ปรับแต่งโทนสีของภาพ ความคมชัด ความเข้มของแสง ระดับของสี Duplicate ท าส าเนาภาพขึ้นใช้งานอีกภาพหนึ่ง Image Size ปรับแต่งขนาดและความละเอียดของภาพ Canvas Size ปรับแต่ง/เพ่ิม พ้ืนที่ท างานของภาพ Crop ก าจัดพ้ืนที่ท างานนอกส่วนที่เลือก (Selection) ออกไป Rotate Canvas ปรับเปลี่ยนทิศทางของภาพ

ค ำสั่งที่มี จะมีค ำสั่งย่อยอีก

นะครับ

7

เมนู Layer

เป็นค าสั่งที่เกี่ยวกับการปรับแต่งภาพ

ในแต่ละเลเยอร์ และการเรียงล าดับ

ก่อนหลังของเลเยอร์

8

เมนู Select

All เลือกภาพทั้งหมด Deselect ยกเลิกการเลือก Inverse เลือกส่วนของภาพที่ไม่ได้ถูกเลือก พูดอีกแง่ก็คือ กลับส่วนที่เลือก/ไม่เลือก Color Range ท าการเลือกส่วนของภาพตามสีที่ต้องการ Feather ท าให้ขอบของส่วนที่เลือก (Selection) ดูนุ่มขึ้น Similar เพ่ิมขนาดของส่วนที่เลือก (Selection) จากสีที่ใกล้เคียงกัน Transform Selection ปรับทิศทางของเส้น Selection

9

เมนู Filter

เป็ นแถบค าสั่ งที่ เ กี่ ย ว กับการปรับเปลี่ยนภาพอัตโนมัติ รวมทั้งค าสั่งเกี่ยวกับ ค่าลายน้ า (Digimarc) ซึ่งถือเป็นการจดลิขสิทธิ์แสดงความเป็นเจ้าของภาพ ก็เป็นฟิลเตอร์หนึ่งที่อยู่ในเมนูนี้เช่นกัน

10

เมนู Analysis เมนู View

รวมรวมค าสั่งการนับ และควบคุมไม้บรรทัด

ร วบรวมค าสั่ ง ในการก าหนดมุมมองภาพในรูปแบบต่างๆ การย่อ-ขยาย ร วมทั้ ง เ รื่ อ งการวั ด Grid, Guide และไม้บรรทัดด้วย

11

เมนู Window

รวบรวมค าสั่งที่เกี่ยวกับการจัดการหน้าต่างแต่

ละหน้า ที่ปรากฏบนหน้าจอ รวมถึงหน้าต่าง

palette, Toolbox ด้วย เช่น ค าสั่งแสดง

(Show..) ค าสั่งซ่อน (Hide..)

ถ้ำมีเครื่องหมำย หน้ำค ำสั่งแสดง

ว่ำค ำสั่งนัน้ถูกเลือกให้แสดงบน

หน้ำต่ำงโปรแกรมครับ

12

เมนู Help

รวบรวมค าสั่งที่เกี่ยวกับการแนะน าโปรแกรม Adobe Photoshop และการใช้งานโปรแกรม

13


เรื่อง เมนูค าสั่ง วิชาคอมพิวเตอร์กราฟิก กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีท่ี 5

----------------------------------------------------------------------------------------------------------------- ชื่อ-สกุล........................................................................................ชั้น ..........................เลขที่ ............

ค าชี้แจง ให้นักเรียนเติมค าหรือเขียนตอบค าถามต่อไปนี้ให้สมบูรณ์ถูกต้อง 1. ....................................... หมายถึง ค าสั่งเกี่ยวกับการจัดเก็บและเรียกใช้ไฟล์รูปภาพต่างๆ 2. Edit หมายถึง ............................................................................................................................. ... 3. ....................................... หมายถึง ค าสั่งการจัดการรูปภาพและ Image ต่างเช่น การเปลี่ยนสีและ การเปลี่ยนขนาด 4. Layer หมายถึง ............................................................................................................................. .... 5. ........................................ หมายถึง เป็นค าสั่งการเลือกพ้ืนที่หรือส่วนต่างของรูปภาพและวัตถุ ในการที่จะใช้ Effects ต่างๆ 6. ………………………………… หมายถึง ค าสั่งการเล่น Effects ต่างๆส าหรับรูปภาพและวัตถุ 7. ………………………………… หมายถึง ค าสั่งเกี่ยวกับมุมมองของภาพและวัตถุในลักษณะต่างๆ เช่น การขยายภาพ และย่อภาพให้ดูเล็ก 8. Window หมายถึง ........................................................................................................................... 9. Help หมายถึง .................................................................................................................... ............. 10. การแสดงและซ่อนหน้าต่างเลเยอร์ (Layer) ใช้เมนู..................................................................

อิ่ม!! แล้วเธอหาขอ้มูลก่อนตอบ

หรอืเปล่าล่ะ นายคิดว่าเราจะตอบถูกทุกข้อไหม

14


เร่ือง กล่องเครื่องมือ

กล่องเครื่องมือ Tool box ซึ่งประกอบด้วยเครื่องมือต่าง ๆ ที่ใช้ในการวาดภาพ ตกแตกแต่งภาพและแก้ไข ภาพ โดยบนปุ่มหนึ่ง ๆ จะมีปุ่มที่ซ่อนด้วยหลายเครื่องมือ หลายชิ้นอยู่รวมกัน

การเปิด / ปิด Tool box ท าได้โดยเลือกค าสั่ง Window > Tools

ที่มา : เบญญาภา ตนกลาย

Move Tool

Magic Wand Tool

Slice Tool

Brush Tool

History Brush

Tool Paint Bucket Tool

Dodge Tool

Type Tool

Rectangle Tool

Eyedropper Tool

Zoom Tool

Set background color

Edit in Quick Mask Mode

Change Screen Mode

Marquee Tool

Lasso Tool

Crop Tool

Healing Brush

Tool Clone Stamp Tool

Eraser Tool

Blur Tool

Pen Tools

Path Selection Tool

Animations Tool

Hand Tool

Set foreground color

15

กลุ่มเครื่องมือใน Tool box

ที่มา : http://krukorawee.com/photoshopcs3/unit1.3.html

16

กล่องเครื่องมือ Toolbox ส าหรับการตกแต่งภาพ ประกอบด้วยเครื่องมือต่าง ๆ ดังนี้ เครื่องมือกลุ่ม Marquee เครื่องมือกลุ่ม Dodge

เครื่องมือกลุ่ม Brush เครื่องมือกลุ่ม Eraser

เครื่องมือกลุ่ม Lasso เครื่องมือกลุ่ม Path Selection

เครื่องมือกลุ่ม Slice เครื่องมือกลุ่ม Pen

เครื่องมือกลุ่ม Healing Brush เครื่องมือกลุ่ม Type

เครื่องมือกลุ่ม Stamp เครื่องมือกลุ่ม History Brush

17

เครื่องมือกลุ่ม Rectangle เครื่องมือกลุ่ม Gradient

เครื่องมือกลุ่ม Note เครื่องมือกลุ่ม Eyedropper เครื่องมือกลุ่ม Blur

ที่มา : http://krukorawee.com/photoshopcs3/unit1.3.html

กลุ่มเครื่องมอืไหนที่เราต้องใช้งานบ่อยๆ นา๊?

18

รายละเอียดของเครื่องมือที่ใช้ส าหรับตกแต่งรูปภาพ มีดังนี้ 1. กลุ่มเครื่องมือการเลือก (Selection) ประกอบด้วย

สัญลักณ์ ชื่อ หน้าที ่

Marquee ใช้ส าหรับเลือกพ้ืนที่บนภาพเป็นรูปสี่เหลี่ยม วงกลม วงรี หรือเลือกเป็นแถวคอลัมน์ขนาด 1 พิเซล

Move

ใช้ส าหรับย้ายพื้นที่ท่ีเลือกไว้ของภาพ หรือย้ายภาพใน เลเยอร์หรือย้ายเส้นไกด์

Lasso

ใช้เลือกพ้ืนที่บนภาพเป็นแนวเขตแบบอิสระ

Magic Wand

ใช้เลือกพ้ืนที่ด้วยวิธีระบายบนภาพ หรือเลือกจากสีที่ใกล้เคียงกัน

Crop

ใช้ตัดขอบภาพ

Slice

ใช้ตัดแบ่งภาพเพ่ือบันทึกไฟล์ภาพย่อย ๆ ที่เรียกว่าสไลซ์ (Slice) ส าหรับน าไปสร้างเว็บเพจ

2. กลุ่มเครื่องมือการแก้ไข (Edit) ประกอบด้วย


Healing Brush

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

Clone Stamp

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

History Brush

ใช้ระบายภาพด้วยภาพของขั้นตอนเดิมที่ผ่านมา หรือภาพของสถานะเดิมที่บันทึกไว้

Eraser

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

Gradient

ใช้เติมสีแบบไล่ระดับโทนสีหรือความทึบ

19


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

Brush

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

Dodge

ใช้ระบายเพื่อให้ภาพสว่างข้ึนหรือมืดลง

3. กลุ่มเครื่องมือการสร้าง (Create) ประกอบด้วย


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

Horizontal Type ใช้พิมพ์ตัวอักษรหรือข้อความลงบนภาพ

Path Selection ใช้เลือกและปรับแต่งรูปทรงของเส้นพาธ

Rectangle ใช้วาดรูปทรงเรขาคณิตหรือรูปทรงส าเร็จรูป

4. กลุ่มเครื่องมือมุมมอง (View) ประกอบด้วย


Notes ใช้บันทึกหมายเหตุก ากับภาพที่เป็นข้อความหรือเสียง

Eyedropper ใช้เลือกสีจากสีต่าง ๆ บนภาพ

Hand ใช้เลื่อนดูส่วนต่าง ๆ ของภาพ

Zoom ใช้ย่อหรือขยายมุมมองภาพ

20

5. กลุ่มเครื่องมือเลือกสี (Color) ประกอบด้วย

สัญลักณ์ ชื่อ หน้าที ่ Set Foreground Color,

Set Background Color ใช้ส าหรับก าหนดสี Foreground Color และ Background Color

เข้ำใจแล้วค่ะ ..

ไปตอบใบงำนกันเลยค่ะ

หัวใจของ Adobe Photoshop CS3 คือ กำรท ำงำนเป็น Layer

Layer คือ ช้ันของรูปภำพ วัตถุ จะไม่เกี่ยวข้องกัน

21


เรื่อง กล่องเครื่องมือ วิชาคอมพิวเตอร์กราฟิก กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีท่ี 5

-------------------------------------------------------------------------------------------------------------- ชื่อ-สกุล........................................................................................ชั้น ..........................เล ขท่ี ............

ค าชี้แจง ให้นักเรียนเติมค าลงในช่องว่าให้สมบูรณ์ถูกต้อง 1. กลุ่มเครื่องมือการเลือก (Selection) ประกอบด้วย

สัญลักณ์ ชื่อ หน้าที่

ใช้ส าหรับเลือกพ้ืนที่บนภาพเป็นรูปสี่เหลี่ยม วงกลม วงรี หรือเลือกเป็นแถวคอลัมน์ขนาด 1 พิเซล

ใช้ส าหรับย้ายพื้นที่ท่ีเลือกไว้ของภาพ หรือย้ายภาพในเลเยอร์หรือย้ายเส้นไกด์

ใช้เลือกพ้ืนที่บนภาพเป็นแนวเขตแบบอิสระ

ใช้เลือกพ้ืนที่ด้วยวิธีระบายบนภาพ หรือเลือกจากสีที่ใกล้เคียงกัน

ใช้ตัดขอบภาพ

ใช้ตัดแบ่งภาพเพ่ือบันทึกไฟล์ภาพย่อย ๆ ที่เรียกว่าสไลด์ (Slice) ส าหรับน าไปสร้างเว็บเพจ

อ๊ะ อ๊ะ ยังมีต่อนะคะ.. เพื่อนๆ

22

2. กลุ่มเครื่องมือการแก้ไข (Edit) ประกอบด้วย


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

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

ใช้ระบายภาพด้วยภาพของขั้นตอนเดิมที่ผ่านมา หรือภาพของสถานะเดิมที่บันทึกไว้

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

ใช้เติมสีแบบไล่ระดับโทนสีหรือความทึบ

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

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

ใช้ระบายเพื่อให้ภาพสว่างขึ้นหรือมืดลง

พักสักนิดและท ำต่อนะคะ.. เพื่อนๆ

23

3. กลุ่มเครื่องมือการสร้าง (Create) ประกอบด้วย


Pen

Horizontal Type

Path Selection

Rectangle

4. กลุ่มเครื่องมือมุมมอง (View) ประกอบด้วย


ใช้บันทึกหมายเหตุก ากับภาพที่เป็นข้อความหรือเสียง

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

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

ใช้ย่อหรือขยายมุมมองภาด

5. กลุ่มเครื่องมือเลือกสี (Color) ประกอบด้วย


Foreground Color และ Background Color

24

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

เรื่อง ส่วนประกอบของโปรแกรม Adobe Photoshop วิชาคอมพิวเตอร์กราฟิก กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีท่ี 5

---------------------------------------------------------------------------------------- ค าชี้แจง : 1. แบบทดสอบเป็นแบบปรนัย แบบ 5 ตัวเลือก จ านวน 10 ข้อ เวลา 10 นาที 2. ให้นักเรียนเลือกค าตอบที่ถูกตองที่สุดเพียงค าตอบเดียวแลวท าเครื่องหมาย X ลงใน กระดาษค าตอบที่ครูแจกให้ 1. ถ้าต้องการเปิด/ปิดคุณสมบัติ (Palette) ของการท างานต่างๆ ต้องเลือกที่เมนูใด 1. Window

2. Layer 3. Select 4. Filter 5. Edit

2. ข้อใดเป็นเมนูค าสั่งเกี่ยวกับการจัดเก็บและเรียกใช้ไฟล์รูปภาพต่างๆ 1. File

2. Edit 3. Layer 4. Filter 5. Window

3. ขนาดของมุมมองรูปภาพ ขนาดของไฟล์ แสดงที่ส่วนใดของโปรแกรม 1. Menu bar

2. Palettes 3. Tool options bar 4. Toolbox 5. Status bar

25

4. ค าสั่งเพ่ือแนะน าเกี่ยวกับการใช้โปรแกรม อยู่ในเมนูใด 1. Filter

2. Help 3. Window 4. Select 5. View

5. จากรูป เป็นเครื่องมือในข้อใด 1. เครื่องมือกลุ่ม Marquee 2. เครื่องมือกลุ่ม Rectangle 3. เครื่องมือกลุ่ม Gradient 4. เครื่องมือกลุ่ม Eraser 5. เครื่องมือกลุ่ม Lasso 6. จากรูป เป็นเครื่องมือในข้อใด 1. Move 2. Lasso 3. Magic Wand 4. Crop 5. Slice 7. จากรูป เป็นเครื่องมือในข้อใด 1. กลุ่มเครื่องมือมุมมอง (View) 2. กลุ่มเครื่องมือการสร้าง (Create) 3. กลุ่มเครื่องมือการแก้ไข (Edit) 4. กลุ่มเครื่องมือการเลือก (Selection) 5. กลุ่มเครื่องมือเลือกสี (Color)

26

8. ส่วนประกอบใดของโปรแกรมที่รวบรวมคุณสมบัติของการท างานต่างๆ 1. Manu Bar

2. Work Area

3. Palette 4. Tool Box 5. Tool Option Bar

9. ถ้าต้องการให้โปรแกรมแสดงไม้บรรทัด (Rulers) ต้องเลือกค าสั่งที่เมนูใด 1. Analysis

2. View 3. Window 4. Filter 5. Layer

10. ข้อใดไม่ใช่เครื่องมือในกลุ่มเครื่องมือการเลือก (Selection) 1. Pen

2. Move 3. Slice 4. Crop 5. Magic Wand

ไปฟังเฉลยกันเลยค่ะ เพื่อนๆ เรำต้องซื่อสัตย์ต่อตัวเองนะคะ

Documents

เรื่องที่ 2