1. การใช้ งานโปรแกรม
คอมพิวเตอร์ กราฟิ ก

2. 1. รู้ จักกับโปรแกรม Photoshop
1.1 ความหมายของโปรแกรม Photoshop
Photoshop เป็ นโปรแกรมสําหรับสร้างและตกแต่งภาพทีมี
ชือเสี ยงและได้รับความนิยมมากทีสุ ด อันเนืองมาจากคุณสมบัติเด่นซึ งมี
่ ่
อยูอย่างมากมาย ไม่วาจะเป็ นความสามารถจัดการกับไฟล์สารพัดชนิ ดที
ใช้ในงานประเภทต่าง ๆ ทั0งรู ปทีจะนําไปผ่านกระบวนการพิมพ์ และรู ปที
นําไปใช้ในเว็บเพจหรื อส่ งผ่านสื ออิเล็กทรอนิคส์ มีความสามารถเป็ นเยียม
ในการแก้ไขตกแต่งภาพ และการสร้างเอฟเฟ็ คต์พิเศษต่าง ๆ มีเครื องมือที
่
มีประสิ ทธิ ภาพและความยืดหยุนสู ง สามารถบันทึกขั0นตอนทีต้องทําซํ0า ๆ
ไว้เรี ยกใช้ภายหลังตลอดจนมีผผลิตปลักอิน (plug-in) ให้เป็ นจํานวนมาก
ู้ 6
ซึ งปลักอินก็คือโปรแกรมเสริ มสําหรับช่วยให้การทํางานทีซับซ้อนสําเร็ จ
6
ลงได้อย่างรวดเร็ ว

3. ต่ อไปนีเ! ป็ นตัวอย่ างของงานประเภทต่ าง ๆ ซึ)งคุณ
สามารถใช้ Photoshop ช่ วยจัดการได้ อย่ างง่ ายดาย
• แก้ไขภาพถ่ายทีบกพร่ องหรื อมีตาหนิ เช่น ปรับสี ทีเพี0ยน ปรับ
ํ
แสงเงาทีสว่างหรื อมืดเกินไป ลบแสงแฟลชทีสะท้อนในดวงตา
• ตกแต่งภาพ เช่น ตัดส่ วนทีไม่ตองการออกไป ลบ
้
องค์ประกอบทีรกรุ งรัง ปรับภาพให้เบลอหรื อคมชัด ปรับผิวกาย
นางแบบให้ขาวนวลและขจัดไฝฝ้ าต่าง ๆ ขจัดเม็ดสี ทีเกิดในภาพ
ทีสแกนจากสิ งพิมพ์
• ตัดแปลงภาพ เช่น ทําภาพใหม่ให้กลายเป็ นภาพสี ซีเปี ยแบบ
โบราณ หรื อแปลงภาพเก่า ๆ ทีเป็ นขาวดําให้กลายเป็ นภาพสี
เปลียนภาพคนให้อวนขึ0น-ผอมลง หรื อเด็ก-แก่กว่าทีเป็ นจริ ง
้

4. • ใส่ เอฟเฟ็ คต์พิเศษให้ภาพ เช่น ทําให้เหมือนกําลังมองภาพผ่าน
กระจกชนิดและลายต่าง ๆ หรื อเหมือนเงาสะท้อนในนํ0า เปลียน
ภาพถ่ายให้ดูคล้ายภาพวาดด้วยเครื องมือหลากหลายชนิด ใส่
ประกายแสงหรื อเงาให้วตถุ ทําวัตถุแบน ๆ ให้ดูเป็ น 3 มิติ
ั
เปลียนโทนสี ของภาพ
• สร้างภาพกราฟิ กซึงผสมผสานระหว่างภาพถ่าย ข้อความ และ
ภาพวัตถุหรื อเอฟเฟ็ คต์พิเศษทีสร้างขึ0นใน Photoshop เพือใช้ใน
งานผลิตสื อโฆษณา ทําปกหนังสื อหรื อนิ ตยสาร หรื อใช้ตกแต่ง
เว็บเพจ

5. • สร้างองค์ประกอบทีใช้ในเว็บเพจ (โดยทํางานร่ วมกับ
โปรแกรม ImageReady 7 ทีให้มาด้วยกัน) เช่น การตัดแบ่งภาพ
ขนาดใหญ่ออกเป็ นส่ วน ๆ (Slice), การแบ่งพื0นทีภาพเพือสร้าง
ไฮเปอร์ลิงค์เฉพาะส่ วน (image map). การสร้างภาพเคลือนไหว
(animation) และการสร้างปุ่ มทีเปลียนสถานะตามเมาส์
(
(rollover)

6. 1.2 ความเป็ นมาของโปรแกรม Photoshop
Photoshop เป็ นโปรแกรมของบริ ษท Adobe
ั
(“อะ-โด-บี0 ”) ซึงเป็ นผูพฒนาซอฟต์แวร์ดานกราฟิ ก และ
้ ั ้
อุตสาหกรรมการพิมพ์รายสําคัญ รวมถึงเป็ นผูคิดค้นภาษา
้
PostScript และไฟล์แบบ PDF (Portable Document Format)
ั
ทีใช้กนในวงการพิมพ์และการจัดรู ปแบบเอกสารบนอินเตอร์เน็ต
ด้วย ดังนั0น Photoshop จึงสามารถทํางานร่ วมและแลกเปลียน
ั
ไฟล์กบโปรแกรมอืน ๆ ทีใช้ทางานด้านกราฟิ กได้อย่าง
ํ
กว้างขวาง เช่น โปรแกรม Illustrator, PageMaker และ
Acrobat ซึงทั0งหมดนี0เป็ นของ Adobe เช่นกัน

7. Photoshop ออกเวอร์ ชนแรกในปี 1990 และได้รับการพัฒนาต่อเนืองมา
ั
เรื อย ๆ เป็ นเวอร์ ชน 2,2.5, 3, 4, , 5, 5.5 และ 6 ตามลําดับ จนกระทัง
ั
ล่าสุ ดคือเวอร์ ชน 7.0 ในขณะนี0 โดยมีขีดความสามารถใหม่ๆ สําหรับการ
ั
จัดการกับภาพขึ0นมาอีกตัวหนึ ง คือ ImageReady (แต่เดิม Photoshop
เป็ นโปรแกรมทีเน้นในการสร้างภาพสําหรับสิ งพิมพ์ โดยเพิงจะได้รับ
็ั
การเพิมคุณสมบัติเกียวกับเว็บเข้ามาในเวอร์ ชนหลัง ๆ แต่กยงไม่สมบูรณ์
ั
นัก) แต่เดิม ImageReady 1.0 เป็ นโปรแกรมทีขายแยกต่างหาก ต่อมาใน
เวอร์ ชน 2.0 จึงได้ถกจับขายรวมกับ Photoshop 5.5 , ImageReady 3.0
ั ู
่
รวมอยูใน Photoshop 6.0 แต่ ImageReady ตัวล่าสุ ดถูกเปลียนเลขเวอร์
ชันกระโดดเป็ น 7.0 ทันที เพือให้สอดคล้องกับ Photoshop

8. 1.3 ความสามารถของโปรแกรม Photoshop
่
มีอยูมากมายอย่างทีเรานึกไม่ถึง แต่ทีเป็ นความสามารถ
หลักๆ ของตัวโปรแกรมเองจะถูกแบ่งเป็ น 2 เรื องคือแก้ไข
ตกแต่งภาพถ่าย : งานนี0เป็ นงานถนัดของ Photoshop เช่น การ
แก้ไขภาพทีมือให้สว่าง การลบริ0 วรอยทีไม่ตองการออกจากภาพ
้
รวมถึงตัดต่อนําภาพหลายๆ ภาพมารวมกัน โดยในส่ วนนี0จะ
เรี ยกว่าเป็ นส่ วนของงาน รี ทชออกแบบสร้างสรรค์งานกราฟิ ก :
ั
ใช้ Photoshop ช่วยในการสร้างภาพสามิติ ความสามารถในส่ วน
นี0 จะเป็ นเรื องของการขีดๆ เขียนๆ ออกแบบสร้างงานกราฟิ ก เช่น
การวาภาพตัวการ์ตูนหรื อการออกแบบสื อสิ งพิมพ์ชนิดต่างๆ

9. 1.3.1 งานออกแบบสิ) งพิมพ์
ในงานออกแบบสิ งพิมพ์ทุกชนิด เช่น การออกแบบภาพ
สามมิติ, ออกแบบโลโก้, แบนเนอร์, โบรชัวร์ , นามบัตร, ใบปลิว,
แผ่นพับ, หนังสื อ, แคตาลอกสิ นค้า,โปสเตอร์ , ป้ ายโฆษณา, ป้ าย
หน้าร้าน เราสามารถใช้โปรแกรม Photoshop ช่วยในการทํางาน
ได้เป็ นอย่างดี
1.3.2 งานออกแบบเว็บไซต์
เพือให้เว็บไซต์จาเป็ นอย่างยิงทีต้องมีภาพกราฟิ กที
ํ
สวยงามน่าสนใจ ทั0งการตกแต่งด้วยภาพขนาดต่าง ๆ การสร้างโล
โก้ประกอบเว็บไซต์ การสร้างตัวอักษรซึงการทํางานเหล่านี0
จําเป็ นทีจะต้องใช้โปรแกรม Photoshop ช่วยในการออกแบบ

10. 1.3.3 งานแก้ไข ซ่ อมแซมภาพ
ภาพต้นฉบับทีเราได้มาในบางครั0ง มีขอบกพร่ อง
้
หลาย ๆ อย่าง เป็ นต้นว่า ภาพมืดเกินไป ภาพมีรอยขรุ ขระ
หรื อมี Noise, ภาพเบลอเกินไปเป็ นต้น การทีเราจํานําภาพทีมี
ข้อบกพร่ องเหล่านี0มาใช้งานจําเป็ นต้องทําการแก้ไขและ
ซ่อมแซมภาพดังกล่าวก่อนเพือให้ภาพทีมีความสมบูรณ์
เหมาะสมกับงาน

11. 1.3.4 งานตัดต่ อ ดัดแปลงภาพหรือสร้ างสรรค์ งานกราฟิ กสมัยใหม่
งานกราฟิ กปั จจุบนผสานเข้ากับการใช้ชีวิตประจําวัน จน
ั
่
เป็ นเรื องทีไม่ไกลตัว ไม่วาจะเป็ นถุงใส่ ของ ปกซีดี ปฏิทินตั0งโต๊ะ
หน้าจอคอมพิวเตอร์ เว็บไซต์ หนังสื อ ปกวารสาร นิตยสาร การ์ด
ป้ ายประชาสัมพันธ์ เครื องหมาย สัญลักษณ์ งานเหล่านี0กเ็ กิดจาก
การใช้งานโปรแกรมช่วยในการออกแบบ นําภาพมาสร้างสรรค์งาน
กราฟิ กทีสวยงาม มีประโยชน์ใช้สอยทีดี ตลอดจนมีแนวคิดในการ
ออกแบบทีดี

12. 1.4 คุณสมบัตคอมพิวเตอร์ ทตดตั!ง Photoshop
ิ ี) ิ
การสร้างภาพกราฟิ กโดยใช้ Photoshop ควรคํานึงถึงทรัพยากร
ของเครื องคอมพิวเตอร์ ดวยเพือให้การสร้างงานกราฟิ กเป็ นไปด้วยความ
้
สะดวก ความต้องการของระบบเบื0องต้น
CPU Pentium III ขึ0นไปหรื อเทียบเท่า
RAM 128 MB ขึ0นไป
Hard disk 1.2 GB เป็ นอย่างตํา
ระบบปฏิบติการ Windows 98, ME, 2000, XP หรื อ Windows NT
ั
Monitor ควรมีความละเอียดในการแสดงผลอย่างน้อย
800 x 600 pixel
การ์ ดแสดงสี ได้ต0 งแต่ 256 สี ข0 ึนไป
ั

13. 1.5 ทําอย่ างไรให้ เก่ ง Photoshop
การทีจะทําให้เกิดความชํานาญในการใช้งานโปรแกรม
Photoshop ผูใช้ตองหมันเพียรใช้งานโปรแกรมสร้างงานกราฟิ ก
้ ้
บ่อย ๆ จนทําให้เกิดความเข้าใจและความรู ้เพิมเติมจากหนังสื อ
1.6 เว็บไซต์ น่าสนใจสํ าหรับ Photoshop
http://www.thaigraph.com/index.php
http://www.webthaidd.com/photoshop/
http://elearning2.dpu.ac.th/info/index.php

14. 2. เริ)มต้ นใช้ งานโปรแกรม Photoshop
2.1 การเรียกใช้ งานโปรแกรม
Photoshop เป็ นโปรแกรมสําหรับสร้างและตกแต่ง
ภาพทีมีชือเสี ยง และได้รับความนิยมมากทีสุ ด อันเนืองมาจาก
่
คุณสมบัติเด่นไม่วาจะเป็ นความสามารถในการจัดการกับไฟล์
ทีใช้ในงานประเภทต่างๆ มีความสามารถในการแก้ไขตกแต่ง
ภาพ และการสร้างเอฟเฟ็ คต์พิเศษต่างๆ มีเครื องมือทีมี
่
ประสิ ทธิภาพและความยืดหยุนสู ง สามารถบันทึกขั0นตอนที
ต้องทําซํ0าๆ ไว้เรี ยกใช้ภายหลังตลอด

15. รู ปที) 1 แสดงตัวอย่ างการเรียกใช้ งานโปรแกรม Adobe Photoshop 7.0

16. รู ปที) 2 แสดงตัวอย่ างหน้ าต่ างการใช้ งานของโปรแกรม Adobe Photoshop 7.0

17. 2.2 การสร้ างและกําหนดขนาดไฟล์ งานใหม่
ในกรณี ทีเราต้องการสร้างไฟล์งานใหม่ ให้คลิกเมนู File
ู้ ํ
-> New และให้ผใช้กาหนดขนาดของไฟล์งานใหม่ โดยระบุ
ชือไฟล์งาน ในช่อง Name ขนาดความสู งความกว้างของพื0นที
ทํางาน ในส่ วน Image Size ตามความต้องการ กําหนดลักษณะ
พื0นหลัง ในส่ วน Contents โดย White (สี ขาว) , Background
Color (สี ทีเรากําหนด) , Transparent (สี พ0ืนแบบ - โปร่ งใส,ไม่
แสดงสี พ0ืนโล่ง)

18. รู ปที) 3 แสดงตัวอย่ างการสร้ างและกําหนดขนาดไฟล์ งานใหม่

19. 2.3 การเปิ ดไฟล์ ภาพ
เมือเรามีรูปภาพ เช่น ภาพถ่าย ซึงต้องการนํามา
ปรับแต่งเพิมเติม เราจะต้องทําการเปิ ดไฟล์รูปภาพนั0นขึ0นมา
จากนั0นค่อยกําหนดรู ปแบบการปรับแต่งตามความต้องการ การ
เปิ ดไฟล์รูปภาพทําได้โดยคลิกทีเมนู File -> Open จะปรากฏ
วินโดว์ Open จากคลิกเลือกชือไฟล์รูปภาพทีต้องการ เมือได้
ภาพทีต้องการแล้วให้คลิกทีปุ่ ม Open ถ้าต้องการยกเลิกให้
คลิกทีปุ่ ม Cancel

20. รู ปที) 4 แสดงตัวอย่ างการเปิ ดไฟล์ ภาพ

21. 2.4 การย่ อ-ขยายภาพ
ในกรณี ทีเราต้องการแก้ไขขนาดรู ปภาพทีเราได้เปิ ด
ขึ0นมาให้ตรงกับความต้องการให้คลิกทีเมนู Image -> Image
ํ
Size จะปรากฏวินโดว์ Image Size จากนั0นให้กาหนดขนาด
ของรู ปภาพตามความต้องการ

22. กําหนด
ขนาดภาพ
รู ปที) 5 แสดงตัวอย่ างการย่ อ – ขยายภาพ

23. 2.5 การบันทึกงาน
เมือเราปรับแต่งรู ปภาพพอใจแล้ว เราสามารถจัดเก็บ
งานของเราไว้เพืออาจจะนํามาใช้ในการแก้ไขครั0งต่อไป โดย
การบันทึกไฟล์ลงสื อเก็บข้อมูล คลิกทีเมนู File -> Save As
่
ตั0งชือไฟล์ในช่อง File name เลือกทีจัดเก็บไฟล์วาเราจะบันทึก
ไว้ทีไหน เมือกําหนดข้อมูลต่าง ๆ เรี ยบร้อยแล้ว คลิกทีปุ่ม Save
เพือทําการบันทึก

24. รู ปที) 6 แสดงตัวอย่ างการบันทึกงาน

25. 2.6 การเลิกใช้ งานโปรแกรม
เมือเราต้องการเลิกใช้งานโปรแกรม คลิกทีเมนู File ->
Exit จากนั0นโปรแกรมจะปิ ดโดยอัตโนมัติ