การใช้งาน adobe photoshop cs5

114
การใช้โปรแกรม Adobe Photoshop CS5 33201 เทคโนโลยีสารสนเทศและการสื อสาร

Upload: rattapadol-gunhakoon

Post on 28-May-2015

3.093 views

Category:

Education


1 download

DESCRIPTION

PPT การใช้งานโปรแกรม Adobe Photoshop CS5 ใช้ในการจัดการเรียนรู้ วิชา ง33201 เทคโนโลยีสารสนเทศและการสื่อสาร โรงเรียนขามแก่นนคร ปีการศึกษา 2557/1

TRANSCRIPT

Page 1: การใช้งาน Adobe photoshop cs5

การใชโปรแกรม Adobe Photoshop CS5

ง33201 เทคโนโลยสารสนเทศและการสอสาร

Page 2: การใช้งาน Adobe photoshop cs5

ทฤษคอมพวเตอรกราฟก

Page 3: การใช้งาน Adobe photoshop cs5

รปกราฟตาง ๆ เชนกราฟแทง หรอกราฟเสน เปนตน แตคอมพวเตอร

กราฟกส (Computer Graphic) มไดหมายถงเพยงแตการใชคอมพวเตอรเพอแสดง

กราฟเทานน แตหมายรวมถงการใชคอมพวเตอรในการทางานเกยวกบรปภาพทก

รปแบบ จากเทคนคการสรางภาพหลากหลายวธ แมกระทงการนาตวอกษรหลาย

ๆ แบบมาประกอบกนเปนรปภาพ กถอวาเปนงานดานกราฟกสดวยเชนกน

กราฟก หมายถง

Page 4: การใช้งาน Adobe photoshop cs5

∗ กราฟกสมาจากภาษากรก คอ

Graphikos หมายถง การวาดเขยนและการเขยนภาพ

Graphein หมายถง การเขยน

ทมาของคาวา กราฟก

Page 5: การใช้งาน Adobe photoshop cs5

หมายถง การสรางและการจดการกบภาพกราฟกสโดย

ใชคอมพวเตอร (ซงโดยมากจะเปนการแสดงออกทางจอภาพ

และเครองพมพชนดตางๆ)

ความหมายของคอมพวเตอรกราฟก (CG)

Page 6: การใช้งาน Adobe photoshop cs5

1. คอมพวเตอรกราฟกสกบการออกแบบ

2. กราฟและแผนภาพ

3. ภาพศลป

4. ภาพเคลอนไหว

5. อมเมจโปรเซสซงค

คอมพวเตอรกราฟกสกบการประยกตใชในงานดานตางๆ

Page 7: การใช้งาน Adobe photoshop cs5

1. เทกซโหมด (Text Mode)

2. กราฟกสโหมด (Graphic Mode)

ประเภทของระบบกราฟกส

Page 8: การใช้งาน Adobe photoshop cs5

คอมพวเตอรทกเครองจะแสดงผลในโหมดนได โดยการนาตวอกษร ตวเลข

และเครองหมายตางๆ ทมอยในหนวยความจาของคอมพวเตอรมาแสดงทจอภาพ

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

แนนอนแลว และมจานวนจากด จงไมสามารถนามาประกอบกนใหเกดเปนภาพตางๆ

ทถกตองสวยงามไดเทาทควร โดยผลลพธทแสดงออกมาทางจอภาพนน จะมลกษณะ

เปนแถวของตวอกษรจานวน 25 แถว แตละแถวมขอความไมเกน 80 ตวอกษร

เทกซโหมด (Text Mode)

Page 9: การใช้งาน Adobe photoshop cs5

เพอใหคอมพวเตอรสามารถแสดงผลเปนพกเซลไดจานวนมาก จงไดมการ

สรางวงจรอเลกทรอนกส เพอใชสาหรบควบคมการแสดงผลทจอภาพ ซงนยมเรยก

กนวา ระบบกราฟกส ระบบกราฟกสมหลายชนด เชน ซจเอ (CGA) อจเอ (EGA)

วจเอ (VGA) เฮอรควลส (Hercules) ซงแตละชนดจะมคณสมบตในการแสดง

พกเซลไดแตกตางกนคอ ตงแตขนาด 320 x 200 พกเซล ถง 1024 x 786

กราฟกสโหมด (Graphic Mode)

Page 10: การใช้งาน Adobe photoshop cs5

รปแบบของภาพ

รปภาพกราฟกสโดยทวไปในปจจบนสามารถแบงออกเปน 2 แบบ

คอ

1. ภาพกราฟกสแบบราสเตอร (Raster)

2. ภาพกราฟกสแบบเวกเตอร (Vector)

Page 11: การใช้งาน Adobe photoshop cs5

คอ การสรางภาพโดยใชจดสเลก ๆ จานวนมากซงเรยกวาพกเซล (Pixcel) ภายในแตละ

พกเซลจะมองคประกอบทใชในการแสดงส รปทรง รปแบบไฟล เราเรยกองคประกอบของ

พกเซลเหลานวา บต (Bit) ขอดคอภาพทไดมความละเอยดสวยงามกวาภาพกราฟกสแบบ

เวกเตอร ทาใหเทคนคการสรางภาพแบบราสเตอรนยมนามาใชกบงานภาพทตองการความ

ละเอยดมาก ๆ เชน ภาพถาย แตปญหาทเกดขนตามมากคอเมอภาพมความละเอยดมาก ๆ

ขนาดของภาพจะใหญตามไปดวย ตวอยางโปรแกรมกราฟกสประเภทราสเตอร เชน Adobe

Photoshop, Fractal Design Painter, Paint Shop Pro, L-View เปนตน

หลกการทางานของภาพกราฟกสแบบเรสเตอร

Page 12: การใช้งาน Adobe photoshop cs5

คอ การสรางภาพโดยอาศยการวาดเสน และสรางรปทรงของภาพโดยการคานวณ

จากจด และสมการทางคณตศาสตร ขอดคอ ภาพเวกเตอรจะมความละเอยดในการแสดง

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

เมอเทยบกบภาพแบบราสเตอร ตวอยางโปรแกรมกราฟกสประเภทเวกเตอร เชน

Adobe Illustrator, Macromedia Freehand, Corel Draw, Light Wave, Text3D,

Maya, Macromedia Flash เปนตน

หลกการทางานของภาพกราฟกสแบบเวกเตอร

Page 13: การใช้งาน Adobe photoshop cs5

งานคอมพวเเตอรกราฟกสโดยทวไป สามารถสรางภาพกราฟกสไดท งแบบ 2 มต

และ 3 มต กลาวคอ ภาพกราฟกสทเปน 2 มต นนจะสามารถแสดงผลไดเพยงมตดาน

กวางและยาวเทานน ซงเหมอนกบการวาดภาพบนกระดาษโดยทวไป ในขณะทภาพ

กราฟกสแบบ 3 มต นน จะสามารถแสดงผลงานไดท งดานกวาง ดานยาว และดานลก ทา

ใหภาพมความนาสนใจ และมรายละเอยดของชนงานเปนอยางด แตเนองดวยความ

ละเอยดทมมากจงสงผลใหขนาดของไฟลภาพประเภท 3 มต มขนาดใหญตามไปดวย จง

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

ระบบคอมพวเตอรนนๆ

ความแตกตางระหวางกราฟกสแบบ 2 มต และ 3 มต

Page 14: การใช้งาน Adobe photoshop cs5

ประเภทและคณลกษณะของแฟมภาพกราฟกส

∗ แบบเรสเตอร

∗ .PSD

∗ .BMP

∗ .TIF

∗ .JPG

∗ .PNG

∗ .PCX Z

∗ .RAW

∗ แบบเวกเตอร

∗ .SVG

∗ .DXF

Page 15: การใช้งาน Adobe photoshop cs5

คณสมบตพนฐานของเครองคอมพวเตอรเพองานกราฟกส

ฮารดแวร คณสมบต

ซพย (CPU) ควรมความเรวอยางนอย 1 GHz

โดยอาจจะใชของอนเทลหรอเอเอมด

กได ทงนขนอยกบความตองการของ

ผใชและงบประมาณ เพราะตางกม

ขอดและขอเสยแตกตางกนออกไป

เมนบอรด (Main board) ควรมสลอตแบบ AGP และสลอต

แบบ PCI ตามมาตรฐานของ ATX

ไมควรใชเมนบอรดทมการ Built-in

ทรวมเอาชปเซตการดแสดงผลและ

ซาวดการดไวรวมกน

Page 16: การใช้งาน Adobe photoshop cs5

คณสมบตพนฐานของเครองคอมพวเตอรเพองานกราฟกส

ฮารดแวร คณสมบต

แรม (RAM) ควรมขนาด 512 MB เปนอยางตา

จอภาพ (Monitor) ควรมขนาดเปนอยางตา 17 นว และ

ใชความละเอยดท 1,024 x 768

ฮารดดสก (Hard Disk) มขนาดอยางนอย 40 GB และใช

ความเรวแบบ 7,200 รอบ เพอชวยให

การทางานเรวมากขน

การดแสดงผล (Monitor Card) มหนวยความจาตงแต 16 MB ขนไป

Page 17: การใช้งาน Adobe photoshop cs5

เปนคายอมาจาก Picture Element หรอองคประกอบของ

รปภาพ คอ หนวยยอยทเลกทสดของ Bitmap Graphic รปรางของ

พกเซลมลกษณะเปนสเหลยมจตรส และขนาดของพกเซลขนอยกบ

จานวนพกเซลทประกอบกนเปนภาพนนขนมา

พกเซล (Pixel)

Page 18: การใช้งาน Adobe photoshop cs5

โดยปกตจะมการวดคาความละเอยดของภาพ (Resolution) เปนจานวน

พกเซลตอนว คาตวเลขของ Resolution นหมายถง ใน 1 นว จะมจานวนพเซล

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

ไดวา มจานวนพกเซลในภาพทงหมดเทาไร เชน ถาภาพรปหนงมขนาด 1 x 1 นว

และมคา Resolution 8 พกเซลตอนว แสดงวาภาพรปนมจานวนพกเซลทงหมด 64

พกเซล เปนตน

ความละเอยดของภาพ (Image Resolution)

Page 19: การใช้งาน Adobe photoshop cs5

ความจของส หมายถง จานวนบตขอมลทเกบรายละเอยดเกยวกบส

ของพกเซลหนงๆ โดยเปนคาจานวนบตทมากทสดทพกเซลอนนนเกบ

ได ใน Photoshop เรยกวา Color Mode ซงหมายถง จานวนบตทมาก

ทสดทสามารถบนทกลงในไฟลได

ความจของส (Color Capability)

Page 20: การใช้งาน Adobe photoshop cs5

บต (Bit)

ยอมาจาก Binary Digit หมายถง หนวยความจาทมขนาดเลกทสดของ

คอมพวเตอร ประกอบดวยตวเลข 2 จานวน คอ 0 และ 1 โดยจานวนบตทใชในแตละพกเซล

เรยกวา ความลกของบต (Bit Depth)

จานวนบตเกบ

ขอมล / พกเซล

สทได

1 บต 2 บต 4 บต 8 บต

24 บต

21 = 2 ส 22 = 4 ส

24 = 16 ส 28 = 256 ส

224 = 16.7 ลานส

Page 21: การใช้งาน Adobe photoshop cs5

ระบบสของคอมพวเตอร จะเกยวของกบการแสดงผลแสงทแสดงบนจอคอมพวเตอร โดยมลกษณะการแสดงผล คอ ถาไมมแสดงผลสใดเลย บนจอภาพจะแสดงเปน "สดา" หากสทกสแสดงผลพรอมกน จะเหนสบนจอภาพเปน "สขาว" สวนสอนๆ เกดจากการแสดงสหลายๆ ส แตมคาแตกตางกน การแสดงผลลกษณะน เรยกวา การแสดงส

ระบบส (Color Model)

Page 22: การใช้งาน Adobe photoshop cs5

การผสมกนของแมสท งสาม

1. ถาแมสมคาเทากน มาผสมกนเปนค จะไดผลดงน

2. ถาแมสมคาเทากน มาผสมทง 3 ส จะไดผลดงน

3. ถาแมสมคาไมเทากน ผสมกน จะไดสตางๆ กนไป เชน

Page 23: การใช้งาน Adobe photoshop cs5

พนฐานเกยวกบโปรแกรม Adobe Photoshop

Page 24: การใช้งาน Adobe photoshop cs5

ความสามารถใหมของ Adobe Photoshop CS5

1. Complex selections สามารถสราง selection ไดงายและทาไดมากขน เมอตองทากบภาพท

ซบซอน เชน ภาพเสนผมทตองการเปลยนสแบคกราวด สามารถทาไดโดยอตโนมตดวยเครองมอ

selection edges และ สราง masks ดวย new refinement tools

2. Content-Aware Fill เมอตองการเคลอนยายบางสวนของภาพหรอวตถในภาพ คาสงนจะชวย

เกลยพนททวตถถกยกออก ดวยการจดการแสง เงา และสงรบกวนตางๆ ใหภาพดแนบเนยนอยาง

กลมกลนกนมาก

3. Extraordinary painting effects n สามารถใช Mixer Brush ในการลงสไดอยางเปนธรรมชาต ให

ความรสกเหมอนกบกาลงวาดภาพบนผนผาใบเสมอนจรง และ Bristle Tips จะชวยในเรองเลอก

พนผวและการลงนาหนก

Page 25: การใช้งาน Adobe photoshop cs5

ความสามารถใหมของ Adobe Photoshop CS5

4. 3D extrusions with Adobe Repousse สรางโลโกในรปแบบ 3D และอารตเวรคทมหลาย text

layer, selection, path หรอ layer mask ไดดวย Adobe Repousse ททาไดทงบด หมน นน

เอยง ชวยเรองออกแบบไดมากขน

5. Puppet Warp คาสงนเมอกาหนดจดในตาแหนงทเหมาะสม ชวยขยบสวนทตองการในรปได

เชน การยกแขน

6. State-of-the-art raw image processing เมอใช plug-in Adobe Photoshop Camera Raw 6 จะชวย

กาจดสงรบกวนตางๆ แตยงคงรกษาสและรายละเอยด เพมเกรนใหภาพดเปนออรแกนคมาก

ขน ตกแตงขอบภาพไดงายขน

7. Superior HDR imaging สรางภาพเหนอจรงประเภท HDR ไดงายขน ดวย tone mapping และ

adjustments แมจะเปนภาพ single-exposure กตาม

Page 26: การใช้งาน Adobe photoshop cs5

ความสามารถใหมของ Adobe Photoshop CS5

8. Enhanced 3D realism and rich materials พฒนาการออกแบบและสรางเงาในงาน

3D ไดงายขน ดวยพนฐานของแสงและวตถเหมอนแกวและโลหะ จาแนก

ความแตกตางระหวางจดโฟกสใน 3D ไดดวยการปรบระยะของ depth of field

9. Efficient workflow มเครองมอใหมๆ ชวยในการทางานไมตากวา 12 ชนด ท

ใชไดโดยอตโนมต เชน การเลอกสจาก onscreen การปรบ opacity จาก

หลายเลเยอรในครงเดยว และอนๆ อกมากมาย

Page 27: การใช้งาน Adobe photoshop cs5

ความสามารถใหมของ Adobe Photoshop CS5

10. Faster performance across platforms ทางานดวยความเรวทมากขนในการ

จดการภาพจานวนมากและภาพทใหญมากๆ ในแพลตฟอรมท 64-bitสาหรบ

คอมพวเตอร Mac OS 64-bit และ Windows7 หรอ Windows Vista ทงนขนอย

กบ RAM, ไดรฟเวอร และปจจยอนๆ ดวย

11. Better media management งายและยดหยนในการจดการและสงตอไปยงสอ

ตางๆ โดยผานทาง Adobe Mini Bridge ใน Photoshop

Page 28: การใช้งาน Adobe photoshop cs5

องคประกอบพนฐานของโปรแกรม

Menu Bar Options Bar

Toolbox

Panel

Application Bar

Page 29: การใช้งาน Adobe photoshop cs5

ตวอยาง เครองมอทนาสนใจ

Marquee Tool

เปนการเลอกแบบ

สเหลยมผนผา, วงกลม

, แถวขนาด 1 พกเซลส

หรอคอลมน 1 พกเซลส

Move Tool

ใชเพอเลอนสวนทเลอก

หรอไวเลอน Layer และ

Guide ตางๆ

Lasso Tool

จะใชเพอสราง

Selection แบบอสระ,

แบบ Polygonal (ตาม

จดทคลก) และ

Magnetic (ดงเขาหา

ขอบรปภาพ)

Magic Wand Tool

ใชเลอกพนทบรเวณทม

สเดยวกน

Page 30: การใช้งาน Adobe photoshop cs5

ตวอยาง เครองมอทนาสนใจ

Crop Tool

ใชในการเลอก

บางสวนของรปภาพ

Slice Tool

ใชในการสราง Slice

Slice Selection Tool

ใชเลอก Slice ทคณ

สรางขนมา

Healing Brush Tool

ใชในการระบายส เพอ

ซอมแซมรปภาพให

สมบรณแบบ

Page 31: การใช้งาน Adobe photoshop cs5

คอ ทรวบรวมคณสมบตการทางานของเครองมอตาง ๆ ซงสามารถ

ปรบแตงการใชงานไดโดยงาย โดยไมตองเปดหาทแถบคาสงอกตอไป ทงน

พาเลทแตละชนดมคณลกษณะการใชงานทแตกตางกน เชน พาเลท Color พา

เลท Navigator พาเลท Layers พาเลท History เปนตน

พาเลท

Page 32: การใช้งาน Adobe photoshop cs5

1. คลกเมาสคางไวบนแทบของพาเลททตองการ

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

3. สงเกตผลลพธ พาเลทนนจะเคลอนยายไปยงตาแหนงท

ตองการ

การเคลอนยายพาเลตต

Page 33: การใช้งาน Adobe photoshop cs5

การบนทก Workspace ไวใชงาน

Workspace คอ พนทในการทางานของโปรแกรม Photoshop โดยเมอทาการปรบแตงพา

เลทตามความตองการแลว ผ ใชสามารถบนทกการจดวางตาแหนงของพาเลทไวใชในครง

ตอไปได โดยมวธการดงน

1. จดรปแบบพาเลทการทางานตามความตองการ

2. คลกเมน Windows > Workspace > Save Workspace…

3. หนาตาง Workspace จะปรากฏขน จากนนใหพมพชอ Workspace ทตองการ

เสรจแลวใหคลกปม Save

Page 34: การใช้งาน Adobe photoshop cs5

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

Page 35: การใช้งาน Adobe photoshop cs5

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

Page 36: การใช้งาน Adobe photoshop cs5

การยอ-ขยายภาพ

คลกไอคอน ZoomTool ทอยใน Toolbox

Page 37: การใช้งาน Adobe photoshop cs5

การยอ-ขยายขนาดของรปภาพ

1. จากภาพทลากมาวางไวในไฟลทสรางไว ให

คลกเมน Edit > Free Transform จะ

สงเกตไดวา ท รปภาพจะมกรอบสเหลยม

เลกๆเกดขน

2. เลอนเมาสไปบรเวณจดสเหลยมดานลางขวา

ของภาพจนเกดเปนรปลกศร

3. แดรกเมาสยอหรอขยายภาพตามความตองการ

Page 38: การใช้งาน Adobe photoshop cs5

1. กดปม <Ctrl> ทเลเยอรของรปภาพ สงเกตรปภาพจะมเสนปะเกดขน

ลอมรอบรปภาพนน

2. คลกเมน Edit > Copy เพอคดลอกรปภาพ

3. คลกเมน Edit > Paste เพอวางรปภาพทคดลอกไว

4. สงเกตจะมเลเยอรของรปภาพทคดลอกเพมมาอก 1 เลเยอร

5. ทดลองแดรกเมาสลากภาพเพอจดวางในตาแหนงทตองการ

การคดลอกรปภาพ (Copy)

Page 39: การใช้งาน Adobe photoshop cs5

∗ *.PSD (Photoshop File) เปนไฟลพนฐานของโปรแกรม Photoshop สามารถจดเกบการทางานแบบเลเยอรไวได ซงทาใหเกดขอด คอ สามารถนาไฟลชนงานทสรางไวมาปรบปรงแกไขไดตลอดเวลา

∗ *.BMP (Bitmap File) เปนไฟลมาตรฐานของระบบปฏบตการ Windows มความละเอยดของภาพสงมาก

∗ *.TIF (Tagged Image File) เปนไฟลทสามารถเกบรายละเอยดของงานไดสงมาก ใชไดท งในเครอง PC และเครอง MAC สวนใหญใชในงานเกยวกบสงพมพ เชน PageMaker หรอ QuarkXpress เปนตน

∗ *.GIF (Graphic Interchange File) เปนไฟลทใชกนมากในเครอขายอนเทอรเนต มความสามารถในการบบอดขอมลไวไดมาก เหมาะกบภาพแบบลายเสน หรอแบบเวคเตอร

∗ *.JPG (Joint Photographic Experts Group) เปนไฟลทสามารถบบอดขอมลไวไดมากอกชนดหนง นยมใชกบภาพทมรายละเอยดมาก ๆ และเหมาะกบงานทางดานการจดทาเวบไซตเนองจากไฟลมขนาดเลก

การบนทกไฟลรปภาพ (Save)

Page 40: การใช้งาน Adobe photoshop cs5

Resolution คอ คาความละเอยดของไฟลภาพหนง ๆ ซง

กาหนดเปนจานวนเมดส (pixels) ตอหนงหนวยความยาวของภาพ

ตวอยางเชน หากภาพนนมคา Resolution = 100 pixels/inches

แสดงวาในพนท 1 ตารางนวของภาพนนประกอบดวยเมดสจานวน

100 เมดส เปนตน

ความละเอยดของภาพ (Resolution)

Page 41: การใช้งาน Adobe photoshop cs5

การเทสและการสราง Background

Page 42: การใช้งาน Adobe photoshop cs5

การสรางพนหลง หรอการกาหนด Background ของภาพ มเทคนคการสรางได

หลายรปแบบ ซงขนอยกบความตองการของผใชงาน สาหรบโปรแกรม Photoshop CS

สามารถใชงานสไดถง 2 สพรอม ๆกน โดยสามารถคลกเลอกสเกบไวเพอความสะดวกในการ

สลบการใชงาน ซงเรยกสแรกทปรากฏในการทางานตาง ๆ เชน การระบายสวา “สโฟร

กราวน” (Foreground Color) และสท 2 ทเกบไวใชวา “สแบคกราวน” (Background)

การเทสและการสราง Background

Page 43: การใช้งาน Adobe photoshop cs5

การเทสและการสราง Background

Foreground Color คลกเพอสลบส Background Color

∆ แสดงการใชงานสโฟรกราวน และสแบคกราวน

Page 44: การใช้งาน Adobe photoshop cs5

การกาหนดสโดยใชคยลด

1. กดปม <Alt + Delete> เพอเปลยนสของ Foreground

2. กดปม <Ctrl + Delete> เพอเปลยนสของ Background

Page 45: การใช้งาน Adobe photoshop cs5

การไลเฉดสดวย Gradient Tool

Linear Gradient Redial Gradient Angle Gradient

Reflected Gradient Diamond Gradient

Page 46: การใช้งาน Adobe photoshop cs5

เปนเครองมอทใชในการระบายส มลกษณะคลายกบพกนสามารถเปลยนขนาดและลกษณะของหวแปรงได ผใชสามารถนามาตกแตงแบคกราวนใหดสวยงามหรอมลกษณะพเศษตามทตองการได การใช Brush Tool มข นตอนดงน

การใช Brush Tool

Page 47: การใช้งาน Adobe photoshop cs5

∗ Paint Bucket Tool เปนเครองมอทใชในการเปลยน

สโดยอาศยคาสทใกลเคยงกน เชน ถาคลกเลอกส

เหลองเพอเทสลงในบรเวณสสม สทเคยเปนสสม

การกาหนดสโดยใช Paint Bucket Tool

Page 48: การใช้งาน Adobe photoshop cs5

คอ เครองมอการตกแตงภาพหรอพนหลง

ของภาพชนดหนง มลกษณะการทางานคลายกบ

การใช Brush Tool เพยงแตลกษณะของเสนจะ

แตกตางกน กลาวคอ Pencil Tool จะมขอบ

เสนทคมและชดเจน สวน Brush Tool จะม

ขอบเสนทเบลอ

การใช Pencil Tool

Page 49: การใช้งาน Adobe photoshop cs5

∗ Custom Shape Tool เปนเครองมอทชวยในการ

ตกแตงภาพใหมความสวยงามมากยงขน โดยผใช

สามารถเลอกสญลกษณตางๆจาก Custom Shape

Tool จากขนตอนงาย ๆ ดงน

การใช Custom Shape Tool

Page 50: การใช้งาน Adobe photoshop cs5

ตวอยาง Shape Tool

Page 51: การใช้งาน Adobe photoshop cs5

การเลอกพนทในการทางาน

Page 52: การใช้งาน Adobe photoshop cs5

∗ การเลอกพนทการทางาน เปนการกาหนดขอบเขตพนทการทางานบนรปภาพหรอชนงานท

ตองการทาการอยางใดอยางหนง เชน คดลอก ลบ หรอแกไข เปนตน ซงการเลอกพนท

การทางานถอวาเปนสงทสาคญ เพราะไมวาจะทาอะไรเกยวกบภาพกจาเปนตองทาการเลอก

พนทการทางานเสยกอน ซงการเลอกพนทการทางานสามารถทาไดหลายวธ

การเลอกพนทในการทางาน (Selcect)

Page 53: การใช้งาน Adobe photoshop cs5

∗ All กาหนดพนท Selection โดยใชพนทของรปภาพทงหมด

∗ Deselect ยกเลกการกาหนดพนท Selection

∗ Reselect ยอนกลบไปกาหนดพนท Selection หลงจากไดยกเลกไป

∗ Inverse เปนการเปลยนพนทของ Selection จากทกาหนดไวใหเปน

พนทตรงขาม

คาส งพนฐานของ Selection

Page 54: การใช้งาน Adobe photoshop cs5

∗ Rectangular Marquee Tool กาหนดขอบเขตพนทแบบสเหลยม

∗ Elliptical Marquee Tool กาหนดขอบเขตพนทแบบวงกลมหรอวงร

∗ Single Row Marquee Tool กาหนดขอบเขตพนทแบบเสนตรงในแนวนอน

∗ Single Column Marquee Tool กาหนดขอบเขตพนทแบบเสนตรงในแนวตง

การเลอกพนทการทางานดวย Marquee Tool

Page 55: การใช้งาน Adobe photoshop cs5

1. คลกเมน File > Open… เพอเปดไฟลภาพทตองการ

2. คลกเลอกเครองมอแบบ Rectangular Marquee Tool

3. แดรกเมาสลอมรอบบรเวณทตองการเลอกพนท

4. หลกจากนนถาตองการทางานอยางใดอยางหนงกบพนททเลอกไวกสามารถดาเนนการ

ไดทนท

วธการเลอกพนท

Page 56: การใช้งาน Adobe photoshop cs5

ตวอยางการใชเครองมอเลอกพนท

Page 57: การใช้งาน Adobe photoshop cs5

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

ตองการ ผใชจงสามารถยกเลกการเลอกพนทจากเมน Select > Deselect ได ซงถาตอง

ยกเลกอยบอยครงกทาใหเสยเวลามากพอสมควร ดงนนการขยายหรอปรบเปลยนพนท

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

ของการเลอกสามารถทาไดดงน

การปรบเปลยนพนทของการเลอก

Page 58: การใช้งาน Adobe photoshop cs5

∗ คลกทเมนคาส ง Edit ทแถบ Menu bar จากนนเลอกคาส ง Transform

∗ Again กลบสรปแบบเดมกอนหนาน 1 ขน

∗ Scale ปรบเปลยนแบบ Scale ตามแนวตง แนวนอนและแนวทแยง

∗ Rotate หมนพนททเลอก

∗ Skew ปดเกลยวพนทเลอก

∗ Distort การบดเบอนพนทเลอก

∗ Perspective ปรบขนาดของพนทเลอกใหมลกษณะการมองแบบ Perspective

(แบบมมต ความกวาง ความยาว ความลก)

การใช Transform เพอปรบเปลยนพนท Selection

Page 59: การใช้งาน Adobe photoshop cs5

∗ ภายหลงจากการกาหนดพนทการเลอกเรยบรอยแลว จะพบวาเสนขอบของภาพท

เกดจากการเลอกมลกษณะขอบคม ในบางครงเพอใหเสนขอบดสวยงามมากยงขน

กอาจใชคณสมบตของ Feather ซงจะทาใหเสนขอบกลายเปนขอบฟงขนมาได

การกาหนดคา Feather

Page 60: การใช้งาน Adobe photoshop cs5

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

การเลอกพนทการทางานดวย Lasso Tool

Page 61: การใช้งาน Adobe photoshop cs5

∗ คอ เครองมอการเลอกแบบอสระ โดยจะเลอกพนทขอบเขตการทางานบรเวณทมจดตดกนของสในภาพ มลกษณะคลายแมเหลกโดยจะดดเขาหาตาแหนงขอบสทเลอกไว ดงนน เครองมอการเลอกแบบนจงไมเหมาะกบภาพทมสใกลเคยงกนมาก เพราะขอบเขตการเลอกพนททไดจะไมสามารถกาหนดไดตามความตองการ

การเลอกพนทการทางานดวย Magnetic Lasso Tool

Page 62: การใช้งาน Adobe photoshop cs5

∗คอ เครองมอการเลอกแบบอสระ โดยจะเลอกพนทขอบเขตการทางานบรเวณทมสใกลเคยงกน เหมาะกบการเลอกพนทของภาพทมสแตกตางกน มข นตอนการเลอกดงน

การเลอกพนทการทางานดวย Magic Wand Tool

Page 63: การใช้งาน Adobe photoshop cs5

การประดษฐตวอกษร

Page 64: การใช้งาน Adobe photoshop cs5

ตวอกษรทใชงานในโปรแกรม Adobe Photoshop สามารถแบงออกเปน 2 ประเภท

ไดแก ตวอกษรทสามารถปรบขนาดได (Outline Type) และตวอกษรทไมสามารถปรบขนาดได

(Bitmap Type) ซงตวอกษรแตละประเภทเหลานมขอด ขอเสยทแตกตางกน

การประดษฐตวอกษร

Page 65: การใช้งาน Adobe photoshop cs5

∗ตวอกษรแบบปรบขนาดได (Outline Type) นนมการจดเกบขอมลใน

ลกษณะของการประมวลผลแบบสตรคณตศาสตร ทาใหตวอกษรทได

คมชด ไมมรอยหยก สามารถปรบเปลยนฟอนตหรอขนาดของตวอกษร

ไดตลอดเวลา แตขอเสยทสาคญคอไมสามารถนาตวอกษรประเภทนไป

ใชงานรวมกบฟลเตอร (Filter) ได

ตวอกษรแบบปรบขนาดได (Outline Type) หรอแบบเวคเตอร

(Vector Type)

Page 66: การใช้งาน Adobe photoshop cs5

∗ตวอกษรแบบปรบขนาดไมได (Bitmap Type) นน มการจดเกบขอมล

ในลกษณะของจดพกเซลเลก ๆ เรยงตอๆ กน ดงนนเมอมการยอหรอ

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

สามารถแกไข ขออความไดเหมอนกบตวอกษรแบบปรบขนาดได แต

ตวอกษรประเภทนกสามารถใชงานรวมกบฟลเตอรได

ตวอกษรแบบปรบขนาดไมได (Bitmap Type)

Page 67: การใช้งาน Adobe photoshop cs5

> Horizontal Type Tool คอ เครองมอการสรางตวอกษรแบบแนวนอน

> Vertical Type Tool คอ เครองมอการสรางตวอกษรแบบแนวตง

> Horizontal Type Mask Tool คอ เครองมอการสราง Select ทตวอกษรในแนวนอน

> Vertical Type Mask Tool 1 คอ เครองมอการสราง Select ทตวอกษรในแนวตง

เครองมอการสรางตวอกษร

Page 68: การใช้งาน Adobe photoshop cs5

1. ขอความแบบ Point Type คอ ขอความทมขนาดสนหรอมตวอกษรเพยง 1 บรรทด แต

ละบรรทดเปนอสระตอกน โดยความยาวของตวอกษรขนอยกบตวอกษรทพมพ

2. ขอความแบบ Paragraph Type คอ ขอความทมความยาวหลายบรรทด โดยขอความ

ทงหมดจะอยในขอบเขตเดยวกน

รปแบบการสรางตวอกษร

Page 69: การใช้งาน Adobe photoshop cs5

ตวอยางรปแบบขอความ

ตวอยางขอความแบบ Point Type ตวอยางขอความแบบ Paragraph Type

Page 70: การใช้งาน Adobe photoshop cs5

∗การใชตวอกษรแบบ Outline Type แบงออกเปน 2 แบบ คอ ตวอกษร

แบบแนวนอน (Horizontal Type Tool) และตวอกษรแบบแนวตง

(Vertical Type Tool) ซงการสรางตวอกษรแตละแบบเหลาน

โปรแกรมจะทาการสราง เลเยอรขนมาใหมโดยอตโนมตทนท และใชใน

การบรรจตวอกษรหรอขอความไดเทานน

การใชตวอกษรแบบปรบขนาดได (Outline Type)

Page 71: การใช้งาน Adobe photoshop cs5

ตวอยางการใช Layer Style

Page 72: การใช้งาน Adobe photoshop cs5

∗ การสรางตวอกษรแบบ Bitmap Type นน โปรแกรมจะสรางตวอกษรขนมาในรป

ของ Selection ซงสามารถทาไดท งในแนวตงและแนวนอน นอกจากนนยง

สามารถตกแตงขอความได แตไมสามารถแกไขขอความได

การใชตวอกษรแบบปรบขนาดไมได (Bitmap Type)

Page 73: การใช้งาน Adobe photoshop cs5

ตวอยาง Warp Text

Page 74: การใช้งาน Adobe photoshop cs5

ตวอยางการตกแตงตวอกษรโดยใชรปภาพ

Page 75: การใช้งาน Adobe photoshop cs5

ตวอยางการใชขอความกบรปภาพ

Page 76: การใช้งาน Adobe photoshop cs5

พาเลตตเลเยอร (Palette Layer)

Page 77: การใช้งาน Adobe photoshop cs5

∗ เลเยอรเปรยบเสมอนเปนสวนหนงของการทางาน

กบโปรแกรมกราฟฟกส หลกการทางานพนฐาน

เหมอนกบการวางแผนใสซอนทบกนไปเรอย ๆ จน

เกดเปนภาพกราฟกสทสมบรณ

ความหมายของเลเยอร (Layer)

Page 78: การใช้งาน Adobe photoshop cs5

แสดงองคประกอบของพาเลทเลเยอร

Blending Option (แตงสภาพ)

แสดงการซอนเลเยอร

ปรบคาความโปรงใส

เลเยอรทถกเลอกใหทางาน

Page 79: การใช้งาน Adobe photoshop cs5

เลเยอร Background

ในการสรางไฟลใหมหรอเปดภาพขนมาทกครงจะสงเกตไดวา

โปรแกรมจะสรางเลเยอรขนมา 1 เลเยอรโดยอตโนมตเสมอ โดยเลเยอร

นนเรยกวา “เลเยอร Background”

Page 80: การใช้งาน Adobe photoshop cs5

∗ ทพาเลทเลเยอรมเครองมอพเศษทชวยในการปรบคาความโปรงใส (Opacity) ใหกบเลเยอรแตละเลเยอรได

เพอชวยใหภาพทไดมจดเนน หรอคณลกษณะพเศษเพมเตมตามความตองการของผใช โดยถาคา Opacity ม

คามาก ความโปรงใสของเลเยอรนนกจะยงมคามากตามไปดวย

การปรบคาความโปรงใส (Opacity) ใหกบเลเยอร

Page 81: การใช้งาน Adobe photoshop cs5

การเพมเลเยอร

Page 82: การใช้งาน Adobe photoshop cs5

การคดลอกเลเยอร

Page 83: การใช้งาน Adobe photoshop cs5

∗ ในการใชภาพจากเลเยอรรวมกนบางครงอาจทาใหภาพอกเลเยอรหนงซอนทบหรอบงภาพอกเลเยอรหนง ดงนนถาตองการใหท ง 2 เลเยอรไมซอนทบกนกอาจใชวธลบภาพบนเลเยอรบางสวนทงไป ซงจะทาใหภาพตนฉบบเสยหายตามไปดวย ดงนนการใช Layer Mask จะชวยทาใหภาพไมซอนทบกนและภาพตนฉบบยงคงเหมอนเดมไมมการเปลยนแปลงอะไร

การใช Layer Mask

Page 84: การใช้งาน Adobe photoshop cs5

∗ Blending เปนเครองมอผสมสของภาพชนดหนงซงอยทพาเลท Layer ทาใหสของภาพทไดมลกษณะ

แตกตางออกไปจากเดม

การใช Blending Option

Page 85: การใช้งาน Adobe photoshop cs5

การปรบแตงสของภาพถาย

Page 86: การใช้งาน Adobe photoshop cs5

ภาพสแตละภาพสามารถเปลยนเปนภาพขาวดาไดจากเมน Image > Mode > Grayscale

โดยมขนตอนดงน

การปรบภาพสใหเปนภาพขาวดา

Page 87: การใช้งาน Adobe photoshop cs5

ตวอยาง

∆ ภาพตนฉบบ ∆ ภาพทเปลยนเปนโหมด Grayscale

Page 88: การใช้งาน Adobe photoshop cs5

∗ ภาพทโทน หรอภาพทม 2 ส เปนภาพทมลกษณะแปลกใหมไปจากเดม โดยภาพทจะสามารถนามาตกแตง

ใหเปนแบบทโทนนน จะตองแปลงใหอยในรปของภาพแบบขาวดา (Grayscale) เสยกอน

การปรบภาพขาวดาใหเปนแบบทโทน

Page 89: การใช้งาน Adobe photoshop cs5

ตวอยาง

∆ ภาพตนฉบบ ∆ ภาพทเปลยนเปนโหมด Duotone

Page 90: การใช้งาน Adobe photoshop cs5

∗ การถายภาพบางครงรปภาพทไดจะมดเนองจากความสวางไมเพยงพอในขณะทถายภาพนน ซงผใชสามารถ

ใชเครองมอ Protoshop ปรบคาแสงสวางของภาพไดจากเมน Image > Adjustments…

การปรบแสงสวางใหกบภาพ

Page 91: การใช้งาน Adobe photoshop cs5

ตวอยาง

∆ ภาพตนฉบบ ∆ ภาพทปรบ Auto Levels

∆ ภาพปกต ∆ Auto Contrast ∆ Auto Color

Page 92: การใช้งาน Adobe photoshop cs5

การปรบโทนสดวย Curves

Page 93: การใช้งาน Adobe photoshop cs5

ตวอยาง

∆ ภาพตนฉบบ ∆ ภาพหลงปรบดวย Curves

Page 94: การใช้งาน Adobe photoshop cs5

การแทนทสเดมดวยสใหมทตองการดวย Replace Color

∆ ภาพตนฉบบ

∆ ภาพหลงปรบดวย Replace Color

Page 95: การใช้งาน Adobe photoshop cs5

การตกแตงภาพถาย

Page 96: การใช้งาน Adobe photoshop cs5

∗ การตกแตงภาพถายนบไดวาโปรแกรม Photoshop เปนโปรแกรมทไดรบความนยมมากทสด

โปรแกรมหนง เนองจากมความสามารถหลากหลาย และมเครองมอชวยเหลอใหการทางาน

เปนไปดวยความสะดวกรวดเรว ซงการ ตกแตงภาพถายทมการใชงานกนมากไดแก การลบรว

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

กลาวถงการตกแตงภาพถายอยางงาย

การตกแตงภาพถาย

Page 97: การใช้งาน Adobe photoshop cs5

∗Brush Tool ซงสามารถลบรอยดางดาหรอจดตาหนบน

ภาพใหมความสวยงามขนได โดยการนาสบรเวณท

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

การลบจดตาหนบางจดบนภาพถาย Healing Brush Tool

Page 98: การใช้งาน Adobe photoshop cs5

∗Stamp Tool เปนเครองมอพนฐานทใชลบจดตาหน

หรอรวรอยรนแรก ๆ โดยอาศยหลกการขนพนฐาน

คอการคดลอกพนทใดพนทหนงบนภาพมาวางทบ

บนพนทอกจดหนงบนภาพ

การลบจดตาหนดวย Stamp Tool

Page 99: การใช้งาน Adobe photoshop cs5
Page 100: การใช้งาน Adobe photoshop cs5

∗ Spot Healing Brush เปนเครองมอลบรอยตาหนแบบพเศษทเพมเขามาใน CS2

ชวยใหการทางานสะดวกไมยงยากเหมอนกบ Stamp หรอ Healing Brush

กลาวคอ เพยงแคคลกเลอก Spot Healing Brush แลวนามาคลกบรเวณจดทม

รอยตาหนเทานน โปรแกรมกจะจดการเกลยพนสและลบรอยตาหนใหโดยอตโนมต

การลบจดตาหนดวย Spot Healing Brush

Page 101: การใช้งาน Adobe photoshop cs5

ตวอยาง

Page 102: การใช้งาน Adobe photoshop cs5

∗ ในการถายภาพบางครงจะพบวา ปญหากวนใจทพบมากปญหาหนงคอภาพตาแดงซงเกด

จากแสงสะทอน ดงนนโปรแกรม Photoshop จงพฒนาเครองมอเพอแกไขปญหาตาแดง

โดยใช Red Eye Tool

การลบตาแดงดวย Red Eye Tool

Page 103: การใช้งาน Adobe photoshop cs5

ตวอยาง

∆ ภาพตนฉบบ ∆ ภาพหลงปรบแตง

Page 104: การใช้งาน Adobe photoshop cs5

∗ ถาตองการตกแตงใหภาพบางสวนมความโดดเดนมากยงข น สามารถทาไดโดยอาศยเครองมอ Blur Tool

การสรางความโดดเดนใหกบภาพ

∆ ภาพตนฉบบ ∆ ภาพหลงปรบแตง

Page 105: การใช้งาน Adobe photoshop cs5

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

สวยงาม สามารถแกไขไดโดยอาศยเครองมอ Dodge Tool

การเพมพนทสวางใหกบภาพ

∆ ภาพขณะดาเนนการ ∆ ภาพหลงปรบแตง

Page 106: การใช้งาน Adobe photoshop cs5

การเปลยนฉากหลงของภาพ

Page 107: การใช้งาน Adobe photoshop cs5
Page 108: การใช้งาน Adobe photoshop cs5

∗ ฟลเตอร (Filter) คอการตกแตงภาพดวยเทคนคพเศษ ทสามารถปรบเปลยนรปแบบของภาพตาม

ความตองการของงาน

การตกแตงภาพโดยใช Filter

Page 109: การใช้งาน Adobe photoshop cs5

ตวอยาง Filter ทนาสนใจ

Page 110: การใช้งาน Adobe photoshop cs5

∗ Image Size คอการ ลด/

ขยายรปภาพโดยสามารถใช

คาส งนไดจากเมน Image >

Image Size…

การปรบขนาดของภาพ (Image Size)

Page 111: การใช้งาน Adobe photoshop cs5

∗ การตดเฉพาะบางสวนของรปภาพสามารถทาไดโดยการใชเครองมอ Selection สราง

ขอบเขตพนทลอมรอบสวนของภาพทตองการ ซงวธการใชงาน Selection มหลากหลาย

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

เครองมอ Elliptical Marquee Tool และ Custom Shape Tool

การตดเฉพาะบางสวนของรปภาพ

Page 112: การใช้งาน Adobe photoshop cs5

Elliptical Marquee Tool

Page 113: การใช้งาน Adobe photoshop cs5

Custom Shape Tool

Page 114: การใช้งาน Adobe photoshop cs5

∗ การ Crop คอ การตดกรอบภาพเฉพาะทตองการ นอกจากรปภาพจะมขนาดเลกเกนไปแลว

บางครงรปภาพกมขนาดใหญเกนไปไดเชนกน เราสามารถตดกรอบภาพ (Cropping) ใหเหลอ

เฉพาะทตองการ

การตดกรอบของรป (Crop)