การใช้งาน PHOTOSHOP เบื้องต้น

การใช้งาน

PHOTOSHOP

เบืองต้น

คํานํา

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

สารบญั

เรอง หน้า

ความเป็ นมา 4
คูม อื การใช Adobe Photoshop เบอื้ งตน 5
ความสามารถของโปรแกรม Photoshop 6-8
การสรางและกําหนดขนาดไฟลง านใหม 11-12

การเปิ ดไฟลภาพและตงั้ คา ภาพ 14-18
การบนั ทกึ ไฟล 20

เคร่อื งมือตางๆ ใน Toolbox และหนาท่ีใน 21-34
การทาํ งาน

3

ความเปนมา

Adobe Photoshop เปนสดุ ยอดโปรแกรม ๆ หนึงทางดา้ นกราฟก เปนหนึง

ในโปรแกรมตระกลู Adobe ซึงถูกพัฒนามาอยา่ งตอ่ เนืองและยาวนาน

Adobe Photoshop ถูกออกแบบมาเพือใช้งานทางดา้ นกราฟก การตกแตง่

ภาพ สรา้ งภาพ 3 มติ ิ ภาพพาโนรามา สรา้ งสรรค์งานโปสเตอร์ โฆษณา

สือสิงพิมพ์ ปกนิตยสาร ออกแบบสินค้า รูปภาพตา่ ง ๆ ทนี ําไปวางบน

เอกสารเวบ็ เพจ เหมาะสําหรบั นักออกแบบ สถาปนิก และบคุ คลทวั ไปที

สนใจงานดา้ นกราฟก หลกั การงา่ ย ๆ ของ Adobe Photoshop นันคือ ให้

เราสามารถสรา้ งภาพโดยเรมิ ตน้ จากหน้ากระดาษเปลา่ ๆ เหมอื นกบั จติ รกร

ทเี ขียนภาพลงบนผนื ผา้ ใบ โดยใน Adobe Photoshop จะมพี ่กู นั ดนิ สอ

และอปุ กรณ์การวาดภาพอนื ๆ ซึงขันตอนการวาดภาพนันเปนการทาํ งาน

บนเครอื งคอมพิวเตอรท์ งั หมด การทาํ งานทโี ดดเดน่ อกี รูปแบบหนึงของ

Adobe Photoshop นันคือ การตกแตง่ ภาพตน้ ฉบบั ให้เกดิ สีสัน แสง เงา

รวมทงั สรา้ งความแปลกใหมใ่ ห้กบั ภาพ โดยการใช้เครอื งมอื สําหรบั การ

ตกแตง่ ภาพใน Adobe Photoshop เปลยี นแปลงภาพให้เปนไปตามทเี รา

ตอ้ งการ

Adobe Photoshop เปนโปรแกรมสําหรบั สรา้ งและตกแตง่ ที

มชี ือเสียงและไดร้ บั ความนิยมมากทสี ดุ เนืองจากคุณสมบตั เิ ดน่

ทมี มี ากมาไมว่ า่ จะเปนความสามารถจดั การกบั ไฟลส์ ารพัดชนิด

ทใี ช้ในงานประเภทตา่ งๆ ทงั ภาทถี ่ายจากกลอ้ งดจิ ติ อล ภาพที

จะนําไปผา่ นกระบวนการพิมพ์ในโรงพิมพ์และภาพวดี โี อ

โปรแกรมมคี วามสามารถเปนเยยี มในการแกไ้ ข ตกแตง่ ภาพ

และสรา้ งเอฟเฟคพิเศษตา่ ง ๆ มเี ครอื งมอื ทมี ปี ระสิทธภิ าพและ

ความยดื หยนุ่ สงู ตลอดจนมผี ผู้ ลติ ปลกั อนิ (Plug-in) หรอื

โปรแกรมเสรมิ ให้เปนจาํ นวนมาก จงึ ทาํ ให้ Photoshop

สามารถทาํ งานตา่ ง ๆ ไดห้ ลากหลายมากยงิ ขึน 4

ค่มู อื การใช้ Adobe
Photoshop เบอื งต้น

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

5ไดอ้ ยา่ งรวดเรว็

ความสามารถของ
โปรแกรม Photoshop

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

6

1.งานออกแบบสิงพิมพ์ ในงานออกแบบสิงพิมพ์ทกุ ชนิ ด เชน่
การออกแบบภาพสามมติ ,ิ ออกแบบโลโก,้ แบนเนอร,์ โบร
ชวั ร,์ นามบตั ร,ใบปลวิ ,แผน่ พับ,หนั งสือ,แคตาลอกสินค้า
,โปสเตอร,์ ปายโฆษณา,ปายหน้ ารา้ นเราสามารถใช้
โปรแกรมPhotoshopชว่ ยในการทาํ งานไดเ้ ปนอยา่ งดี

2.งานออกแบบเวบ็ ไซตเ์ พือให้เวบ็ ไซตจ์ ําเปนอยา่ งยงิ ทตี อ้ งมี

ภาพกราฟกทสี วยงามน่ าสนใจทงั การตกแตง่ ดว้ ยภาพขนาด

ตา่ ง ๆ การสรางโลโกป้ ระกอบเวบ็ ไซตก์ ารสรา้ งตวั อกั ษรซงึ

การทาํ งานเหลา่ นี จําเปนทจี ะตอ้ งใชโ้ ปรแกรม Photoshop

ชว่ ยในการออกแบบ

7

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

4. งานตดั ตอ่ ดดั แปลงภาพหรอื สรา้ งสรรค์งานกราฟกสมยั

ใหม่ งานกราฟกปจจบุ นั ผสานเข้ากบั การใช้ชีวติ ประจาํ วนั

จนเปนเรอื งทไี มไ่ กลตวั ไมว่ า่ จะเปนถุงใส่ของปก ซีดี

ปฏทิ นิ ตงั โตะ๊ หน้าจอคอมพิวเตอรเ์ วบ็ ไซตห์ นังสือปก

วารสารนิตยสารการด์ ปายประชาสัมพันธเ์ ครอื งหมาย

สัญลกั ษณ์งานเหลา่ นีกเ็ กดิ จากการใช้งานโปรแกรมช่วย

ในการออกแบบนําภาพมาสรา้ งสรรค์งานกราฟกที

สวยงามมปี ระโยชน์ใช้สอยทดี ตี ลอดจนมแี นวคิดในการ

ออกแบบทดี ี 8

9

หนา้ จอแรกของ
โปรแกรมPhotoshop

เมอื เราเข้าโปรแกรมมาแลว้ จะเจอหน้าตา่ ง
กาํ รทาํ งานของโปรแกรม Photoshop cs6
ซึงจะประกอบไปดว้ ย Menu bar option bar
Toolbar Palette ตา่ งๆในการใช้งานแตอ่ งค์
ประกอบกจ็ ะแตกตา่ งกนั ไป

10

การสรา้ งและกําหนดขนาด
ไฟล์งานใหม่

ในกรณีทเี ราตอ้ งการสรา้ งไฟลง์ าน
ใหม่ ให้คลกิ เมนู File -> New และให้ผู้
ใช้กาํ หนดขนาดของ ไฟลง์ านใหมโ่ ดย
ระบชุ ือไฟลง์ าน ในช่อง Name ขนาด
ความสงู ความกวา้ งของพืนทที าํ งาน ใน
ส่วน ImageSize ตามความตอ้ งการ
กาํ หนดลกั ษณะพืนหลงั ในส่วน
Contents โดย White (สีขาว),
BackgroundColor (สีทเี รากาํ หนด) ,
Transparent (สีพืนแบบ - โปรง่ ใส,ไม่
แสดงสีพืนโลง่ )
การเปดไฟลใ์ หมข่ ึนมาทาํ งาน
1. Click ทเี มนFู ile
2. เลอื กคําสัง New หรอื กด Ctrl + N
3. จะปรากฏหน้าตา่ ง New

11

12

Name ตงั ชอื ให้กบั งาน

Preset ชอ่ งสําหรบั เลอื กพืนที ทโี ปรแกรม

กําหนดมาให้

Width ความกวา้ ง ซงึ มหี น่ วยตา่ งๆ เชน่

Pixel ,เซนตเิ มตร ,นิ ว

Height ควํามสงู ซงึ มหี น่ วยตาง ๆ เชน่

Pixel , เซนตเิ มตร ,นิ ว

Resolution คาควํามละเอยี ด ( ซงึ ควํามละเอยี ด

บนหนาจอ = 72)

color mode เลอื กชนิ ดของระบบสี

13

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

เมอื เรามรี ูปภาพ เช่น ภาพถ่ายซึงตอ้ งการ

นํามาปรบั แตง่ เพิมเตมิ เราจะตอ้ งทาํ การเปด

ไฟลร์ ูปภาพนัน ขึนมา จากนันค่อยกาํ หนด

รูปแบบการปรบั แตง่ ตามความตอ้ งการการ

เปดไฟลร์ ูปภาพทาํ ไดโ้ ดยคลกิ ทเี มนู File-

>Open จะปรากฏวนิ โดว์ Open จากคลกิ

เลอื กชือไฟลร์ ูปภาพทตี อ้ งการเมอื ไดภ้ าพที

ตอ้ งการแลว้ ให้ คลกิ ทปี มุ Open ถ้าตอ้ งการ

ยกเลกิ ให้คลกิ ทปี มุ Cancel 14

การเปดไฟลใ์ หมข่ นึ มาทาํ งาน
1. Click ทเี มนู File
2. เลอื กคําสัง Open หรอื กด Ctrl +O
3. จะปรากฏหน้ าตา่ งเพือหาไฟลข์ นึ

15

4. จะได้ไฟล์ภาพทีเราต้องการ

16

การยอ่ -ขยายภาพ
1. เราตอ้ งการแกไ้ ขขนาดรูปภาพทเี ราไดเ้ ปดขึน

มาให้ตรงกบั ความตอ้ งการให้คลกิ ทเี มนู Image-
>Image Size จะปรากฏวนิ โดวI์ mage Size จากนัน
ให้กาํ หนดขนาดของรูปภาพเปดภาพทเี รา ตอ้ งการ
จะยอ่ หรอื ขยาย ขนาด ดว้ ยโปรแกรม Photoshop
CS6

17

2. ไปทีเมนู Image => Image Size หรอื กดปุม Alt + Ctrl = I

3. จากรูปจะไดค้ ่าดงั นี

- Pixel Dimensions จะมขี นาดอยู่ 306.8k ทขี นาดกวา้ งยาว

283x370pixel

- Document Size จะอยทู่ ี 9.99x13.04cm (เราสามารถปรบั

เปลยี นหน่ วยเปนนิ ว,%,mm หรอื อยา่ งอนื กไ็ ด)้

- Resolution โดยทวั ไปถา้ เปนรูปทใี ชต้ าม web social

ตา่ งๆ เรามกั จะใชแ้ ค่ 72 ppi (pixelperinch) แตถ่ า้ เปนตาม

ขนาดงานพิมพ์แลว้ แค่ตรงนี ควรจะสงู ๆไวก้ อ่ นเพือความ

ละเอยี ดของงาน

- ควรจะเลอื ก Constrain Proportions ไวท้ กุ ครงั เพือทจี ะ

คงอตั ราส่วนกวา้ ง-ยาวเอาไว้ คราวนี เราจะเพิมหรอื ขนาดรูป

กส็ ามารถทาํ ไดเ้ ลยโดยการปรบั แกท้ ชี อ่ งตามทไี ดอ้ ธบิ ายดา้ น
18
บน ตามวตั ถปุ ระสงค์ของเราแกเ้ สรจ็ กเ็ ซฟงานไดเ้ ลย

19

การบนั ทกึ งานบนั ทกึ ไฟล์ Photoshop(.PSD)
การแกไ้ ขไฟลภ์ าพโดยการสรา้ งกราฟก เพิมการตดั ตอ่ หรอื

เปลยี นแปลงลกั ษณะของไฟลภ์ าพทมี ผี ลกบั โครงสรา้ งเดมิ ของ
ภาพเมอื เลอื กคําสัง File > Save จะแสดงไดอะลอ็ กบอ็ กซ์ Save
As ขึนมาโดยจะเลอื ก รูปแบบของไฟลเ์ ปน Photoshop (*.PSD,
*.PDD) เปนค่าพืนฐานดงั นี

คุณสมบตั ขิ องไฟล์ PSD จะเกบ็ รายละเอยี ดการทาํ งานตา่ ง ๆ
เช่น เลเยอร,์ ฟอนตแ์ ละเส้นพาธ ไวไ้ ด้ อยา่ ง ครบถ้วนช่วย
ให้การนําไฟลภ์ าพกลบั มาแกไ้ ขทาํ ไดง้ า่ ยในขณะทไี ฟลป์ ระเภท
อนื จะเกบ็ ข้อมลู เหลา่ นี ไมไ่ ดห้ รอื ไดเ้ พียงบางส่วน

20

เครอื งมอื ต่างๆ ใน Toolbox และหนา้ ทีในการทํางาน

กลอ่ งเครอื งมอื (Toolbox) เปนส่วนทใี ชเ้ กบ็ เครอื งมอื พืนฐานในการ
ทาํ งาน ในโปรแกรม สามารถ เรยี กใชช้ ดุ เครอื งมอื ยอ่ ยโดยการ
คลกิ รูปสามเหลยี มทมี มุ ดา้ นลา่ งดงั แสดงในภาพ ดงั ตอ่ ไปนี

21

ภาพกล่องเครอื งมอื
(Toolbox)

1. กลมุ่ เครอื งมอื การเลอื กSelection
2. กลมุ่ เครอื งมอื Crop
3. กลมุ่ เครอื งมอื สําหรบั การรที ชั ภาพ
4. กลมุ่ เครอื งมอื สําหรบั การระบายสี
5. กลมุ่ คําสังพิเศษเกยี วกบั การวาดภาพ
6. กลมุ่ เครอื งมอื อาํ นวยความสะดวกในการทาํ งาน
7. กลมุ่ เครอื งมอื ในการเลอื กสีForeground (สีที
ปรากฏเมอื เราเตมิ หรอื วาดลงไป) และสี Background
(สี ทปี รากฏเมอื เราทาํ การลบหรอื ตดั บรเิ วณนันออก)
8. กลมุ่ เครอื งมอื Quick mask เกยี วกบั การเลอื กพืนที
อกี รูปแบบหนึง

22

1. กลมุ่ เครอื งมอื การเลอื กSelection ประกอบดว้ ย ชนิ ดของชดุ
เครอื งมอื สําหรบั การสรา้ งSelection และหน้ าทกี ารทาํ งาน

Option ของชุดเครอื งมอื สําหรบั การสรา้ งSelection - Option
ของเครอื งมอื Rectangular Marquee
ภาพแสดงตวั อยา่ ง Option ของเครอื งมอื Rectangular
Marquee

23

- Option ของเครอื งมอื Move
ภาพแสดงตวั อยา่ ง Option ของเครอื งมอื Move

- Option ของเครอื งมอื Lasso
ภาพแสดงตวั อยา่ ง Option ของเครอื งมอื Lasso

ประโยชน์ของชุดเครอื งมอื สําหรบั การสรา้ ง Selection

ใชส้ ําหรบั เลอื กพืนทบี นรูปภาพตามตอ้ งการและตามรูปแบบ

เครอื งมอื ทใี ชใ้ นการเลอื กพืนทบี นรูปภาพ

24

ขันตอนการใช้งานชุดเครอื งมอื สาหรบั การสรา้ ง Selection

- การเลอื กSelection คือการกําหนดขอบเขตในการทาํ งาน
เชน่ แกไ้ ขภาพ ปรบั แตง่ ภาพ กลมุ่ ภาพ เครอื งมอื หน้ าทกี าร
ทาํ งาน 1 หรอื วําดภาพ ฯลฯ ซงึ ไมว่ า่ จะใชเ้ ครอื งมอื ใดๆ กจ็ ะมผี ล
เพียงบรเิ วณทเี ราเลอื กไวเ้ ทา่ นั น เราจะลองมาดตู วั อยา่ ง การ
สรา้ ง Selection จากขนั ตอนตอ่ ไปนี

- การใชเ้ ครอื งมอื Rectangular Marquee Tool คลกิ เครอื ง
มอื Rectangular Marquee Tool รูปสีเหลยี มจากนั นชที ภี าพ กด
ปมุ ซายของเมาส์ แลว้ คางไว ้แลว้ ลากเปนเส้นประเพือเลอื ก ส่วน

2 5นั น

การใช้เครอื งมอื Move คลกิ เครอื งมอื Move กดปมุ ซา้ ยของ
เมาส์ค้างไว แ้ ลว้ ลากเมาส์ออกกเ็ ปนการยา้ ยตําแหน่ งภาพ, ถา้ ได้
เลอื กภาพเปนเส้นประไว ้กเ็ ปนการยา้ ยเฉพาะบางส่วนของภาพ
เทา่ นั น

ภาพแสดงตวั อยา่ งการใช้เครอื งมอื Move

26

27

28

การใสข่ อ้ ความ (Text in Photoshop)
สําหรับการใสขอความตัวอักษรลงในไฟลงานของ โปรแกรม โฟโตชอป
นั้น เปนเร่ืองที่งายมาก เพียงแคกดปุม เคร่ืองมือ Text ที่เปนไอคอน
สัญลักษณตัว T แลวคลิกลงในตาํ แหนงที่ตองการจะพิมพขอความ เพียง

เทานี้โปรแกรมก็จะสราง Layer Text ขึ้นมา ใหเราสามารถพิมพ
ขอความไดทันที

ถาตองการ เปลี่ยนฟอนต (Fonts) ปรับขนาด (Size) หรือ เปลี่ยนสี
(Color) ขอความตัวอักษร ก็สามารถกดท่ีแถบพาแนลดานบนไดเลย

29

2. กล่มุ เครอื งมอื Crop ประกอบด้วย

ชนิ ดของชดุ เครอื งมือสําหรบั Crop ภาพ และหน้ าทกี าร
ทํางาน

ขนั ตอนการใชง้ านชุดเครอื งมอื สาํ หรบั การ Crop ภาพ

การใชเ้ ครอื งมอื Crop คลกิ เมาส์ทเี ครอื งมอื Crop,
ลากเมาส์เปนกรอบสีเหลยี ม ครอบส่วนของภาพที
ตอ้ งการ,กดปุม Enter, ผลงานทไี ด้ภาพถกู ตัดออกบาง
ส่ วนออกไป

ภาพแสดงตวั อยา่ ง Option ของเครอื งมอื Crop 30

การใชเ้ ครอื งมอื Slice คลกิ เมาส์ทเี ครอื ง
มอื Slice ลากเปนกรอบสีเหลยี มครอบ ส่วนที
ตอ้ งการ, การซอ่ นให้คลกิ เมนVู iew >Show-
>Sliceคลกิ เอาเครอื งหมายถกู ออก

31

พาเนล Navigator

Color ใชก้ ําหนดสีพืนหน้ า (Foreground)
และสีพืนหลงั (Background) โดยการเลอื น
แถบสีเพือปรบั แตง่ ตามตอ้ งการ ดงั แสดงใน
ภาพ

32

พาเนล Swatches

styles ใชส้ ําหรบั กําหนดการตกแตง่ รูปแบบ
ตา่ ง ๆ ทโี ปรแกรมกําหนดขนึ มา เชน่ การ
ตกแตง่ สีให้กบั รูปแบบขอ้ ความดงั แสดงใน
ภาพ

33

Adjustments ใชป้ รบั แตง่ สีให้กบั ภาพ เพือแกไ้ ข
ขอ้ บกพรอ่ งหรอื สีทผี ดิ เพียน ดงั แสดงในภาพ

Layers ใชค้ วบคุมการใชง้ านเลเยอรต์ า่ ง ๆ ทเี กดิ
จากการสรา้ งชนิ งาน ดงั แสดงในภาพ

34

35