E-Book โปรแกรมกราฟิก 2204-2105

3. ปรากฎหนา้ จอเพ่ือใสร่ หัสหมายเลข ให้ใสร่ หัสเลข 6 ชุด แล้วกด Next

รูปภาพแสดงการใส Serial Number

4.คลิกที่ Accept แล้วคลกิ Install

รปู ภาพแสดงการยอมรับเง่อื นไขตา่ งๆ ในการใช้โปรแกรม



5. รอสกั ครู่จะปรากฏรูปภาพดังนี้

รปู ภาพแสดงรอการติดต้งั โปรแกรม

6. จะปรากฏหน้าตา่ งเพื่อลงทะเบียนโปรแกรม ใหล้ งทะเบียนโปรแกรม โดยใส่ขอ้ มลู ลงใน ช่องว่าง
จากนั้นเลือก Register Now

รูปภาพแสดงหนา้ ตา่ งเพ่อื ลงทะเบยี นโปรแกรม



7. ปรากฎหนา้ จอทีม่ ีขอ้ ความ “Thanks!” ใหค้ ลิกท่ปี ุ่ม Close จากนนั้ คลกิ Exit

รูปภาพแสดงข้อความ “Thanks!”

8. ทดสอบใชง้ านโปรแกรมท่ีติดตัง้ เรยี บร้อยแล้ว โดยการคลกิ ท่ีปุม่ Start> Program > Adobe
Photoshop CS4

รูปภาพแสดงหนา้ จอโปรแกรม Adobe Photoshop CS4



9. ปรากฎหน้าจอโปรแกรม Adobe Photoshop CS4 ท่ีพร้อมใช้งาน

รปู ภาพแสดงหน้าจอโปรแกรม Adobe Photoshop CS-4

การปรับรุ่นโปรแกรมผา่ นอนิ เทอรเ์ น็ต

โปรแกรม Adobe Photoshop CS4 สามารถปรบั รุน่ (Update) ผา่ นอนิ เทอร์เน็ตได้ โดย
การเขา้ ไปท่เี มนู Help แล้วเลือกเมนยู ่อยชือ่ Update โปรแกรมจะตรวจสอบรนุ่ ลา่ สดุ จาก เว็บไซต์
Adobe และแสดงข้อมลู ท่สี ามารถ Update ได้ หากเครื่องคอมพวิ เตอร์มีการเช่ือมต่อกับ
อินเทอรเ์ นต็ อยู่ สามารถปรบั ร่นุ โปรแกรม Adobe Photoshop CS4 ผา่ นอนิ เทอร์เน็ตไดท้ ันที

รูปภาพแสดงการปรบั รุ่นโปรแกรม Adobe Photoshop CS-4 ผา่ นอินเทอรเ์ น็ต



แบบประเมนิ ผลหลงั เรยี นหนว่ ยท่ี 2

คำสัง่ จงเลอื กคำตอบทถ่ี ูกต้องเพียงข้อเดียว
1. ภาพกราฟิกสามารถแบ่งออกเปน็ ประเภทใหญ่ๆ กป่ี ระเภท

ก. 2 ประเภท
ข. 3 ประเภท
ค. 4 ประเภท
ง. 5 ประเภท
2. ข้อใดคือลักษณะของภาพจากโปรแกรม AutoCAD
ก. เม่อื ขยายภาพแลว้ มลี กั ษณะเปน็ ตารางเล็กๆ
ข. คุณภาพภาพไม่เปลีย่ นแปลงเมอ่ื มีการยอ่ หรือขยาย
ค. ไม่สามารถย่อหรือขยายภาพได้
ง. เม่อื ลดขนาดภาพแล้วมีลกั ษณะเปน็ ตารางเล็กๆ
3. โปรแกรม Adobe Photoshop เป็นการแสดงภาพแบบใด
ก.Raster Graphics
ข.Vector Graphics
ค. Bitmap
ง. ขอ้ ก. และ ค. ถกู
4. ไฟลภ์ าพแบบ Bitmap คือไฟลท์ ่ีมนี ามสกุลใด
ก. .BMP, .PCX, .TIF, .DRW
ข. .BMP, PCX., .CDR, .GIF
ค. JPG, .MSP, .PCD, .PLT
ง. .TIF, .GIF, JPG, .MSP
5. ข้อใดเปน็ ลกั ษณะของ Raster
ก. ใชส้ มการทางคณิตศาสตรเ์ ป็นตวั สรา้ งภาพ
ข. เหมาะสำหรับงานแบบวาง Layout งานพิมพ์ตัวอักษร
ค. เหมาะสำหรบั งานกราฟิก ในแบบต้องการให้แสงเงาในรายละเอียด
ง. สามารถยอ่ และขยายขนาด โดยสดั สว่ นและลกั ษณะของภาพยงั เหมือนเดมิ
6. ขอ้ ใดคือสีหลกั ของโมเดลอาร์จีบี (Model RGB)
ก.แดง (Red) เขียว (Green) น้ำเงิน (Blue)



ข. ฟา้ (Cyan) ม่วงแดง (Magenta) เหลือง (Yellow)
ค. ฟ้า (Cyan) ม่วงแดง (Magenta) เขียว (Green)
ง. แดง (Red) ขาว (White) น้ำเงิน (Blue)
7. ข้อใดคือลักษณะของโมเดลซเี อม็ วายเค (Model CMYK)
ก. เกดิ ขนึ้ จากระบบการพิมพ์แบบแยกสี
ข. เกดิ ขนึ้ จากระบบผสมแสงสหี ลกั
ค. เกิดขน้ึ จากคา่ สีกำหนดข้นึ โดย CIE
ง. ไม่มีข้อใดถกู
8. ขอ้ ใดหมายถึง additive color System
ก. ระบบการพมิ พ์แบบแยกสี
ข.ระบบการวัดสี RGB และ CAMYK
ค. ระบบการผสมสีแบบบวก
ง. ระบบการสะทอ้ นสี
9. ข้อใดคือคุณลกั ษณะของรงั สีของแสงสว่าง (Visible Light)
ก. มลี ักษณะเปน็ รังสที ่ีมีความร้อน
ข. มลี ักษณะเป็นสรี ุ้ง
ค. มลี กั ษณะเปน็ รังสีเหนือมว่ ง
ง. มลี ักษณะเปน็ รงั สอี ินฟราเรด
10. ไฟลร์ ปู ภาพกราฟิกท่นี ิยมมีก่ปี ระเภท
ก. 2 ประเภท
ข. 3 ประเภท
ค. 4 ประเภท
ง. 5 ประเภท



ใบงานที่ 2.1

คำส่งั ให้นักเรยี นหารูปภาพกราฟกิ แบบเวกเตอรก์ ราฟกิ ส์ (Vector Graphics) และราสเตอรก์ ราฟกิ ส์
(Raster Graphics) อย่างละ 5 ภาพ โดยวางตำแหนง่ ของภาพให้มี 2 ภาพใน 1 หนา้ กระดาษ A4
และบอกวา่ รูปใดเปน็ รูปแบบเวกเตอร์กราฟิกส์ รปู ใดเป็นราสเตอรก์ ราฟิกส์

ตวั อยา่ งใบงานที่ 2.1

เวกเตอรก์ ราฟิกส์ (Vector Graphics) ราสเตอรก์ ราฟิกส์ (Raster Graphics)



ใบงานท่ี 2.2

คำสง่ั ใหน้ กั เรยี นหารปู ภาพน่ิงท่ีนา่ สนใจบนอนิ เทอรเ์ น็ต 10 ภาพ และบอกนามสกลุ ของไฟล์ ทีห่ ามา
พรอ้ มบอกรายละเอียดของภาพ ในการดูรายละเอยี ดของภาพสามารถทำไดโ้ ดยการ คลกิ ขวาที่ไฟล์
รูปภาพ แลว้ เลอื ก Properties เลือก Tab ชื่อ (General. Details แลว้ เลือ่ นลงมา ที่หวั ขอ้ Image

ตวั อยา่ งใบงานท่ี 2.2

Name: 001 Accessed: 30 ตลุ าคม 2554, 21:00:53
Type of file: JPG File (.jpg) Dimensions: 604 X 453
Size: 83.2 KB Width: 604 pixels
Size on disk: 84.0 KB Height: 453 pixels
Created: 30 ตุลาคม 2554, 21:00:51 Horizontal resolution: 96 dpi
Modified: 30 ตุลาคม 2554, 21:00:09 Vertical resolution: 96 dpi



หนว่ ยการเรียนรู้ที่ 3 สว่ นประกอบโปรแกรมและการใช้โปรแกรมสรา้ งภาพกราฟกิ แบบ
Raster

แนวคดิ
รูปภาพที่สร้างจากโปรแกรมกราฟิกสามารถสร้างภาพได้จากการรับค่าสังจากอุปกรณ์

คอมพิวเตอร์ เช่น เมาส์ หรือคีย์บอร์ดเพื่อนำคำสั่งที่ได้รับจากอุปกรณ์นั้นไปประมวลผลการทำงาน
แสดงเป็นรูปภาพทีผ่ ู้ใช้งานต้องการ ซึ่งรูปภาพที่สร้างจากโปรแกรมกราฟิกจะขึ้นอยู่กับทกั ษะของผ้ทู ่ี
ใชโ้ ปรแกรมดว้ ย บางครั้งการวาดภาพบนกระดาษ อาจจะสามารถสื่อถงึ สิ่งท่ีต้องการได้ดีกว่าการวาด
ภาพจากเครื่องมือชา่ งวาดภาพ ดังนน้ั ภาพที่สร้างตอ้ งดูความเหมาะสมกบั งานด้วย

สาระการเรียนรู้ 6. การเปดิ รูปภาพเพอ่ื นำมาใช้
1. ความรเู้ กีย่ วกับโปรแกรม Adobe Photoshop 7. การปิดรูปภาพเพ่ือนำไปใช้งาน
2. การสร้างรูปภาพใหม่ 8. การออกจากโปรแกรม
3. ส่วนประกอบของโปรแกรม 9. ประยกุ ต์การสร้างรูปภาพจากบทเรียน
4. การสรา้ งรูปภาพโดยใช้เครื่องมือ Brush
5. การบันทกึ รปู ภาพเพ่ือนำไปใช้งาน

ผลการเรยี นรทู้ ่ีคาดหวงั 6. เปิดรูปภาพได้
1. อธบิ ายความรู้เก่ยี วกบั โปรแกรม Adobe 7. ปดิ รูปภาพได้
PhotoShop CS4 ได้ 8. ออกจากโปรแกรมได้
2. อธิบายการสรา้ งรปู ภาพใหมไ่ ด้ 9. ประยกุ ต์การสรา้ งรูปภาพจาก
3. บอกสว่ นประกอบของโปรแกรมได้
4. สรา้ งรปู ภาพโดยใช้เครอ่ื งมือ Brush บทเรียนได้
5. บันทกึ รปู ภาพเพอ่ื นำไปใช้งานได้



เเบบประเมินผลก่อนเรยี นหนว่ ยที่ 3

คำส่ัง จงเลือกคำตอบทีถ่ กู ต้องเพียงข้อเดียว

1.ข้อใดคือลักษณะการทำงานของกระบวนการสรา้ งภาพกราฟิก

ก. Input, Process, Output

ข. Output, Process, input Pl.

ค. Process, Output, Input

ง. ถูกทกุ ขอ้

2. รูปภาพทไ่ี ดจ้ ากโปรแกรมกราฟิกจะสมบูรณ์มากเพยี งใดน้นั ขึ้นอยกู่ ับข้อใด

ก. ทกั ษะของ User ข. องค์ประกอบของภาพ

ค. โปรแกรมท่ใี ช้ ง. ถูกทุกขอ้

3. ข้อใดคือความหมายของคำวา่ Layer ในโปรแกรม Photoshop

ก. ชน้ั ภาพ ข. กง่ิ ตอน

ค. โครงงาน ง. ไมม่ ขี ้อใดถกู

4. ขอ้ ใดคือความหมายของคำว่า Brush ในโปรแกรม Photoshop

ก. แปรงหรอื พู่กนั ข. การสมั ผัสเบาๆ

ค. การปัด ง.การกวาด

5. พัฒนาการของ Photoshop มาจากข้อใด

ก. จากงานเขยี นสูภ่ าพวาด

ข. จากภาพวาดสู่งานเขยี น

ค. จากการสร้างภาพพิมพ์สภู่ าพกราฟิก

ง. จากการสรา้ งภาพกราฟิกสู่ภาพสงิ่ พิมพ์

6. ข้อใดหมายถึง Image Ready

ก. โปรแกรมเริม่ ตน้ วาดภาพ

ข. โปรแกรมวางโครงสร้างภาพ

ค. โปรแกรมที่ใชส้ ร้างภาพเคล่อื นไหว

ง. ภาพต้นฉบบั

7. เหตุใดจึงนยิ มใช้ Photoshop เพ่ือแต่งภาพและใชแ้ สดงบนเวบ็ เพจ

ก. คณุ สมบัตทิ ่หี ลากหลาย



ข. เป็นโปรแกรมที่ใช้งานง่าย

ค. รองรับไฟลภ์ าพหลายรปู แบบ

ง. ถูกทกุ ขอ้

8. การพฒั นาโปรแกรม Photoshop เพ่ืออะไร

ก. สนองความต้องการของ User

ข. เพมิ่ ประสิทธิภาพของโปรแกรม

ค. พฒั นารปู แบบเพือ่ ให้ใชง้ านสะดวกขนึ้

ง. ถกู ทุกข้อ

9. ขอ้ ใดคือผู้ผลติ โปรแกรม Illustrator, PageMaker และ Acrobat

ก. Microsoft ข. Adobe

ค. Photoshop ง. Apple

10. เหตใุ ดจึงมีโปรแกรมเพื่อตกแต่งภาพให้เลือกใชห้ ลากหลาย

ก. เพอื่ รองรับความสามารถของ User

ข. เพอ่ื รองรับไฟลร์ ูปภาพในแบบต่างๆ

ค. เพอ่ื ความเหมาะสมของงานประเภทตา่ งๆ

ง. ถูกทกุ ข้อ



ความรู้เกี่ยวกบั โปรแกรม Adobe PhotoShop CS4

โปรแกรมที่ใช้ในการสร้างรูปภาพมีหลากหลายโปรแกรมขึ้นอยู่กับความเหมาะสมของงาน
ตัวอย่างโปรแกรมที่นิยมใช้ในการสร้างรูปภาพหรือตกแต่งรูปภาพ เช่น Paint, Inkscape,
PhotoScape, Comic Life, Adobe PhotoShop เปน็ ต้น

รูปภาพท่วี าดจากมอื บนกระดาษ รูปภาพท่ีสร้างจากโปรแกรมกราฟกิ

PhotoShop เป็นโปรแกรมของบริษัท Adobe ซึ่งเป็นผู้พัฒนาโปรแกรมกราฟิกหลากหลาย
โปรแกรม ไม่ว่าจะเป็นโปรแกรม Illustrator, PageMaker และ Acrobat โปรแกรม PhotoShop มี
ความสามารถในการสร้างรูปภาพ ตัดต่อ ตกแต่งรูปภาพให้รูปภาพดูสวยงามและยังสามารถบันทึก
รูปภาพในนามสกุลท่แี ตกต่างกันไดห้ ลายรูปแบบ ซึง่ การบนั ทกึ รปู ภาพเปน็ นามสกุลใดน้ันจะข้ึนอยู่กับ
ลักษณะของงานที่ใช้ และสามารถเรียกใช้เครื่องมือที่เหมาะสมเพื่อเลือกพื้นที่ได้ตามที่ต้องการ
สามารถซ่อมแซมภาพให้มีความสมบูรณ์ อีกทั้งมีการจำลองพู่กัน (Brush) สามารถปรับขนาดของหัว
พู่กัน หรือเลือกรูปแบบของหัวพู่กันในลกั ษณะที่แตกต่างกนั ได้เพื่ออำนวยความสะดวกให้กับผู้ใช้งาน
มกี ารใชช้ ้นั ภาพ (Layer) เพ่ือทำใหร้ ูปภาพทีส่ ร้างจากโปรแกรมมคี วามสมบรู ณม์ ากข้ึน



รูปภาพแสดงการเปรียบเทยี บรปู ภาพท่ตี กแต่งดว้ ยโปรแกรม PhotoShop

โปรแกรม PhotoShop เวอร์ชันแรกนั้นเริ่มต้นสร้างขึ้นใน ค.ศ. 1990 และได้รับการพัฒนา
มาเรือ่ ยๆ จากเวอรช์ นั 2, 2.5, 3, 4, 5, 5.5, 6, 7, CS, CS2, CS3, CS4, CS5 โดยไดเ้ พ่ิมประสทิ ธิภาพ
การจัดการกับภาพกราฟิกขึ้นเรื่อยๆ จากเดิมที่เน้นใช้งานเพื่อการสร้างภาพสิ่งพิมพ์ ก็หันมาเน้น
เกยี่ วกบั การจัดการภาพกราฟิกที่ใชบ้ นเวบ็ ไซตม์ ากยง่ิ ขึ้น



นอกจากนี้ยังได้สร้างโปรแกรม Image Ready ซึ่งเป็นโปรแกรมที่ใช้สร้างภาพเคลื่อนไหว
ควบคู่มากับโปรแกรม Photoshop อีกด้วย เพื่อเพิ่มความสามารถเกี่ยวกับการทำภาพกราฟิกที่ใช้
สำหรับการทำเว็บโดยเฉพาะซึ่งในปัจจุบัน (ตั้งแต่เวอร์ชัน CS3 ขึ้นไป) โปรแกรม Image Ready ได้
ถูกรวมเป็นหนง่ึ เดยี วกบั โปรแกรม Photoshop

ปัจจุบันโปรแกรม Photoshop เป็นโปรแกรมที่ได้รับความนยิ มอยา่ งมากจากผู้สร้างเวบ็ ไซต์
ไม่ว่าจะเป็นการนำมาสร้างหรอื ตกแต่งภาพ เนื่องจากคุณสมบัติที่โดดเด่นใช้งานง่ายมีเอฟเฟกต์ต่างๆ
ให้เลือกใช้งานมาก

การสร้างรปู ภาพใหม่

หลังจากเปดิ โปรแกรม (เน้ือหาการเปิดโปรแกรมจากหน่วยที่ 2) สามารถสร้างรูปภาพใหม่ได้
ดงั นี้

คลกิ ท่ีเมนู File เลือกเมนยู อ่ ย New

ปรากฏหนา้ ตา่ ง ดังภาพ



1. Name คอื การกำหนดชื่อรูปภาพ
2. Preset คอื การกำหนดรปู แบบของพน้ื ทรี่ ูปภาพหรือรูปแบบของพนื้ ทใ่ี นการทำงาน

รูปภาพแสดงชอ่ื ของ Preset ในรปู แบบต่างๆ

3. Size คือการกำหนดขนาดรูปภาพ หรอื การกำหนดขนาดพ้นื ทใี่ นการทำงานตามรูปแบบของ
Preset

รูปภาพแสดงชอ่ื ของ Size ในรูปแบบ Preset แบบ International Paper



4. Width คอื การกำหนดความกวา้ งของรปู ภาพ
5. Height คือการกำหนดความสงู ของรปู ภาพ

รูปภาพแสดงการปรับแตง่ ค่าความกว้าง และความสงู ของรปู ภาพ
โดยสามารถกำหนดหน่วยวดั ในรปู แบบต่างๆ ของรปู ภาพได้

6. Resolution คือความละเอียดรปู ภาพ สามารถใส่ค่าได้ตามทต่ี ้องการ โดยส่วนมากภาพท่นี ำไปใช้
บนเคร่อื งคอมพิวเตอร์ (ใชแ้ สงสีในการแสดงผล) จะใช้ความละเอียด 72 pixels per Inch (IPPI) ขึ้น
ไปและภาพทนี่ ำไปใชใ้ นงานพิมพ์ (ใชห้ มึกสใี นการแสดงผล) จะใชค้ วามละเอียด 300 pixels per
Inch (PPI) ข้นึ ไป

รูปภาพแสดงการกำหนดหนว่ ยวัดของ Resolution

7. Color Mode คือระบบสีท่ีจะนำมาใช้ในรูปภาพ

รูปภาพแสดงรูปแบบของสี และจำนวน bit ท่ใี ชใ้ นรูปภาพ



8. Background Contents คอื การกำหนดรปู แบบพ้นื หลัง

รูปภาพแสดงรายละเอียดของพน้ื หลงั

White หมายถงึ กำหนดให้พื้นหลงั รูปภาพมสี ขี าว
Background Color หมายถึง กำหนดใหพ้ ้ืนหลงั มีสพี น้ื หลงั ตามท่ีเลือก
Transparent หมายถึง กำหนดใหพ้ น้ื หลังโปร่งใส

9. Color Profile คือการระบุประเภทของสีทใ่ี ช้ในสภาพแวดล้อมท่ตี ่างกนั

รูปภาพแสดงการระบปุ ระเภทของสี

10. Pixel Aspect Ration คือการกำหนดอัตราสว่ นของรูปภาพ

รปู ภาพแสดงการกำหนดอัตราส่วนรูปภาพ



11. OK คอื ปุ่มยอมรับการสรา้ งรูปภาพจากคา่ ท่ีได้เลอื กไว้
12. Cancel คอื ปมุ่ ยกเลิกการสร้างรปู ภาพจากค่าทีไ่ ด้เลือกไว้
13. Save Preset เปน็ การบันทึกคา่ ทีเ่ ลือกไวเ้ พื่อนำมาใช้ในงานอน่ื
14. Delete Preset เป็นการลบค่าทบ่ี ันทึกท่เี ลือกไว้
15. Device Central เปน็ การกำหนดใหร้ ูปภาพมขี นาดเท่ากบั
อุปกรณ์ตา่ งๆ เชน่ โทรศพั ท์

รปู ภาพแสดงหน้าต่างเม่อื คลิกที่ปมุ่ Device Central ซึ่งสามารถเลอื กภาพให้เหมาะสมกบั อุปกรณต์ ่าง ๆ ได้

16. Image Size คอื ขนาดไฟลท์ ี่ต้องใช้ในการจดั เก็บรูปภาพ

รปู ภาพแสดงขนาดไฟล์ท่ีต้องใช้ในการจัดเกบ็ รูปภาพ



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

1. PS Button ปุม่ ควบคมุ โปรแกรม Adobe Photoshop
2. Menu bar รวบรวมคำสง่ั ทีใ่ ช้ภายในโปรแกรม
3. Tool bar รวบรวมคำสงั่ ท่ีใชบ้ ่อย
4. Control Button ป่มุ ควบคมุ หน้าตา่ งโปรแกรม Adobe PhotoShop
5. Option Bar แถบตัวเลอื ก ใชเ้ ลอื กคำสั่งที่เหมาะสมใชก้ ับเครอ่ื งมอื ทเี่ ลอื ก
6. Tool box รวมเคร่ืองมือท่ีใชส้ ร้าง ตดั ต่อ ตกแตง่ ภาพ
7. Title bar แสดงชือ่ ภาพและรายละเอียดของภาพแบบย่อ
8. Working Area พน้ื ที่ในการทำงาน
9. Palate/Window แถบหน้าตา่ งท่มี ีความสัมพันธ์กบั งานในขณะน้ัน
10. Status bar แถบแสดงสถานะ แสดงสถานภาพของรปู ภาพ
11. Scroll bar ใช้เลอ่ื นรูปภาพ (ใชก้ รณที ี่รปู ภาพมีขนาดใหญ)่



การสรา้ งรปู ภาพโดยใช้เครื่องมอื Brush

เครื่องมือ Brush เป็นเครื่องมือสำหรับวาดภาพมีลักษณะการทำงานแทนพู่กัน โดยสามารถ
ปรับขนาดหัวแปรง หรือเปล่ียนลักษณะของหวั แปรงในรูปแบบตา่ งๆ ให้เหมาะสมกับงานได้ เมื่อคลิก
ขวาทีเ่ คร่ืองมอื Brush จะปรากฏเครื่องมือดงั นี้

Brush Tool ใชแ้ ทนแปลงพู่กนั สำหรับระบายสบี นรูปภาพ
Pencil Tool ใชแ้ ทนดนิ สอสำหรบั ระบายสีบนรปู ภาพ
Color Replacement Tool ใช้ระบายทบั สำจากสีเดิม

1. Brush Tool การใช้เครื่องมือ Brush Tool สามารถทำได้โดยคลิกท่ี จากนั้นที่
แถบตัวเลือกจะสามารถปรับแต่งหัวแปรงและขนาดของหัวแปรงได้โดยการกดปุ่ม F5 ที่แป้นพิมพ์
เลือกสีทีห่ นา้ ตา่ ง Color แลว้ วาดภาพลงในพน้ื ทีท่ ำงานได้ทนั ที

รูปภาพแสดงหนา้ ตา่ ง Brush เมื่อกดป่มุ F5 ทแี่ ปน้ พมิ พ์ รปู ภาพแสดงการเลือกสีที่หน้าตา่ ง Color

2. Pencil Tool การใช้เครื่องมือ Pencil Link สามารถทำได้โดยคลิกที่ จากนั้นท่ี

แถบตัวเลือกจะสามารถปรับแต่งหัวแปรง และขนาดของหัวแปรงได้โดยการกดปุ่ม F5 ที่แป้นพิมพ์

เลอื กสีทีห่ น้าต่าง Color แล้ววาดภาพลงในพนื้ ทท่ี ำงานไดท้ นั ที

3. Color Replacement Tool การใช้เครอื่ งมอื Color Replacement Tool สามารถทำได้

โดยคลิกที่ ใช้ระบายสีเพื่อแทนสีเดิมที่มีอยู่ในการใช้งานมักใช้ร่วมกับรูปภาพ เช่น เปลี่ยนสี

ผม เปลยี่ นสวี ัตถุให้เปน็ สีที่ต้องการ



4. Mixer Brush Tool เป็นเครื่องมือที่ใช้ในการผสมสี โดยจะต้องมีสเี ดมิ อยูก่ ่อน
แล้วเลือกสีใหมท่ ีต่ ้องการผสมมาระบายทับสีเดมิ โปรแกรมจะผสมสเี ดมิ กับสใี หม่

การบนั ทึกรปู ภาพเพอื่ นำไปใช้งาน

การบนั ทกึ ภาพดว้ ย Photoshop ตอ้ งดูงานทตี่ ้องการนำรปู ภาพไปใชว้ ่าเปน็ การใช้งานด้าน
ใด เชน่ นำไปใชบ้ นเว็บไซต์ บันทึกรปู ภาพเพ่ือตอ้ งการแก้ไข บันทกึ รูปภาพเพื่อนำไปพมิ พ์ ซึง่ ขน้ั ตอน
ในการบันทึกรูปภาพในแต่ละรูปแบบนัน้ จะมีขน้ั ตอนที่แตกตา่ งกัน รปู แบบการบันทึกรูปภาพ มี
ดังตอ่ ไปน้ี

1. บันทกึ ภาพเพอื่ การนำไปใช้บนเวบ็ ไซต์
2. วิธีการบนั ทึกภาพเพอ่ื การนำไปใช้บนเวบ็ ไซต์
3. บนั ทกึ ภาพเพอ่ื สามารถกลับมาแก้ไขไดเ้ ตม็ รูปแบบ

บนั ทึกภาพเพือ่ การนำไปใชบ้ นเวบ็ ไซต์

ภาพท่ีจะนำไปใชบ้ นเว็บจะต้องบันทึกใหไ้ ด้ภาพคุณภาพท่ีดีท่ีสุด แตต่ อ้ งใชพ้ ื้นที่ในการ
จดั เกบ็ นอ้ ย และสามารถรองรับการใช้งานบนอนิ เทอร์เนต็ ได้ดว้ ย สำหรับประเภทไฟลภ์ าพทรี่ องรบั
บนอินเทอรเ์ นต็ คือ JPG, PNG, GIF

วิธกี ารบนั ทึกภาพเพอ่ื การนำไปใชบ้ นเวบ็ ไซต์สามารถทำได้ดงั น้ี
1. คลิกเมนู File
2. เลอื กคำส่งั Save for Web & Devices
3. เลือกประเภทไฟลร์ ูปภาพท่ตี อ้ งการจากในหวั ขอ้ น้ี สามารถเลอื กคุณภาพของภาพได้อกี
เช่น หากเลอื ก JPG สามารถเลอื ก Low, Medium, High, Very High และ Maximum ได้ เปน็ ต้น
ถ้าเลอื ก PNG จะสามารถเลือกแบบ PNG-8 หรือ PNG-24 ได้ ซ่งึ PNG-8 จะมีความละเอยี ดน้อยกวา่
PNG-24 เป็นต้น ยิ่งเลือกความละเอยี ดมากไฟล์กย็ ิง่ มีขนาดใหญ่



รูปภาพแสดงการมนั ทภ่ี าพเพื่อการนำไปใช้บนเว็บไซต์

บนั ทกึ ภาพเพือ่ สามารถกลบั มาแก้ไขได้เตม็ รปู แบบ

การบนั ทึกภาพบนโปรแกรม Photoshop ถา้ บันทึกภาพเป็นไฟล์รูปภาพท่วั ไป เชน่ JPG,
BMP, GIF เปน็ ตน้ ไฟล์ภาพเหลา่ นจ้ี ะไมส่ ามารถแก้ไขในแตล่ ะส่วนของ Layers ทมี่ กี ารสร้างข้นึ ได้
ถา้ ตอ้ งการใหส้ ามารถแกไ้ ขได้ในอนาคต จะต้องบนั ทึกเป็นไฟลร์ ูปภาพของ Photoshop เท่านั้น ซง่ึ มี
ไฟล์นามสกุล PSD

วธิ ีการบนั ทกึ ภาพเพ่อื สามารถกลบั มาแก้ไขได้เตม็ รปู แบบ
1. คลิกเมนู File
2. เลอื กคำสัง่ Save หรือ Save as
3. เลอื กนามสกุลเป็น PSD (โปรแกรมจะเลอื กไฟลน์ ามสกลุ PSD ให้อตั โนมัติ)



รูปภาพแสดงการบนั ทึกภาพเพ่ือสามารถนำกลบั มาแกไ้ ขไดเ้ ต็มรูปแบบ

บันทกึ ภาพเพือ่ ส่งร้านอดั รปู หรือโรงพิมพ์

คณุ ภาพและรายละเอียดของภาพเปน็ สงิ่ สำคัญท่ีสุด (ปกตใิ ชค้ วามละเอยี ด 300 Pixel per
Inch) โดยเฉพาะถา้ ต้องการอัดขยายภาพให้มีขนาดใหญ่ ดังนั้นส่งิ สำคญั ท่ีสุดคือ ต้องไม่ลดขนาดของ
ภาพ สามารถบนั ทึกไฟล์ภาพไดท้ ันทีทีแ่ ก้ไขภาพเสร็จ โดยเลอื กไฟล์ภาพเป็นนามสกลุ .TIFF หรือ
JPG โดยเฉพาะการบันทึกภาพดว้ ยไฟลส์ กุล JPG จะแสดงหนา้ ตา่ งชือ่ JPEGOPTIONS ให้เลอื ก
คณุ ภาพ ของภาพ แนะนำใหเ้ ลือกเต็มทีค่ ือ 12 หรือ Maximum

วธิ กี ารบันทึกภาพเพื่อสง่ ร้านอดั รูป หรือโรงพิมพ์
1. คลกิ เมนู File
2. เลือกคำสัง่ Save หรอื Save as
3. เลือกไฟลภ์ าพท่ีต้องการ TIFF หรือ JPG
4. ปรับ Options ให้ได้คุณภาพสูง



รูปภาพแสดงการบนั ทึกภาพเพอ่ื สง่ รา้ นอดั รูป หรอื โรงพิมพ์

การเปดิ รปู ภาพเพ่ือนำมาใช้

การเปดิ รปู ภาพเพื่อนำรปู ภาพมาใชง้ านในโปรแกรมสามารถทำไดโ้ ดยการคลกิ ทเี่ มนู File
เลอื ก Open โปรแกรมจะเปดิ รปู ภาพ ผู้ใช้สามารถจดั การกับรูปภาพได้ทันที

รูปภาพแสดงการเปิดรปู ภาพ
ด้วยโปรแกรม Adobe Photoshop

การปดิ รปู ภาพเพือ่ นำไปใชง้ าน

การปิดรูปภาพเพ่ือนำรูปภาพไปใชง้ านสามารถทำไดโ้ ดยคลิกท่เี มนู File สามารถเลือก
รปู แบบการปดิ ต่อไปน้ี

1. Close ในกรณที ต่ี ้องการปิดรูปภาพเพียงภาพเดียว
2. Close All ในกรณที ี่ตอ้ งการปดิ รูปภาพทง้ั หมด



3. Close and Go To Bridge...ในกรณีที่ต้องการปิดรูปภาพและเรียกโปรแกรม Adobe
Bridge

รูปภาพแสดงการเลอื กเมนูเพือ่ ปดิ รปู ภาพ

รปู ภาพแสดงโปรแกรม Adobe Bridge

การออกจากโปรแกรม

ก่อนออกจากโปรแกรมควรบันทึกรูปภาพและปดิ รูปภาพใหเ้ รยี บรอ้ ยเพื่อแสดงถึงตวั ผ้ใู ชว้ า่
ทำงานเรยี บร้อยดแี ลว้ และต้องการออกจากโปรแกรม ซงึ่ สามารถทำได้ 4 วิธดี ังน้ี

1. คลกิ ที่เมนู Start เลอื ก Exit หรอื
2. แทรกป่มุ Ps Button แลว้ เลอื กคำสงั่ Close
3. กดแป้นพิมพ์ลดั Ctrl + Q
4. กดแป้นพิมพล์ ัด Alt + F4