คู่มือ photoshop
TRANSCRIPT
เอกสารประกอบการอบรม
เทคนคการสราง และตกแตงภาพ ดวย
Adobe Photoshop CS3
Training Service (ICT CENTER)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 1
สารบญ
Adobe Photoshop CS3 คออะไร............................................................................................................................2
ความละเอยดของภาพกราฟก .........................................................................................................................2
พนทการทางาน (Work Area)..............................................................................................................................2
เครองมอตางๆ (Toolbox) ....................................................................................................................................4
อธบาย Tool ตางๆ ...............................................................................................................................................5
การเปดไฟลภาพ (Open) ....................................................................................................................................7
การสรางไฟลใหม (New) .....................................................................................................................................8
การบนทกขอมลลงบนไฟล (Save) ...................................................................................................................9
การใชงาน Palettes .............................................................................................................................................10
การกาหนดพนท เพอแกไขและตกแตงภาพ (Selection)...........................................................................15
วธการใชงาน Marquee Tool ..............................................................................................................................16
Marquee options ....................................................................................................................................................16
Crop Tool ...............................................................................................................................................................19
การใชงาน Foreground และ Background Color................................................................................................20
การใชงาน Type Tool..........................................................................................................................................21
การใชงาน Layer .................................................................................................................................................22
การทาภาพโดยใช Filter ...................................................................................................................................25
การใชงาน Layer Style........................................................................................................................................28
การเปลยนรปรางของรป (Transform) ............................................................................................................29
การปรบคาความสวาง/ความคมชด (Brightness/Contrast)..........................................................................29
การปรบขนาดของชนงาน...............................................................................................................................30
การตดกรอบของรป (Crop)..............................................................................................................................32
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 2
Adobe Photoshop CS3 คออะไร Adobe Photoshop CS3 เปนโปรแกรมคอมพวเตอรทรวบรวมเครองมอสาหรบตกแตงภาพประสทธภาพสง เพอการทางานระดบมาตรฐานสาหรบนกออกแบบมออาชพทตองการสรางสรรคงานกราฟกทโดดเดน ทงงานทใชบนเวบและงานสงพมพ
ความละเอยดของภาพกราฟก ภาพทปรากฏบนหนาจอคอมพวเตอรนน เกดจากจดสเหลยมเลกๆ ของสทเราเรยกวา พกเซล (Pixel) (พกเซลเปนองคประกอบทเลกทสดของภาพ) มาประกอบกนเปนภาพขนาดตางๆ ความละเอยดของภาพจะมหนวยวดปน พกเซล/ตารางนว และงานกราฟกในแตละแบบกจะใชความละเอยดทแตกตางกน ดงน
• ภาพทแสดงบนหนาจอคอมพวเตอร เชน หนาเวบ หรองานพรเซนเตชน ใชความละเอยด 72 พกเซล/ตารางนว
• ภาพถายทวๆไป ใชความละเอยด 150 พกเซล/ตารางนว
• ภาพในงานพมพ ใชความละเอยด 300 พกเซล/ตารางนว
พนทการทางาน (Work Area) Work Area หรอพนทการทางานของโปรแกรม Adobe Photoshop จะประกอบดวยเครองมอสาหรบการตกแตงไฟลภาพตาง ๆ ดงน
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 ตางๆ
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 3
1.9 Help เปนคาสงเพอแนะนาเกยวกบการใชโปรแกรมฯและจะมลายละเอยดของโปรแกรม อยในนน
2. Toolbox คอสวนของอปกรณตาง ๆ ทใชในการสรางชนงานหรอตกแตงภาพ 3. Tool options bar คอสวนทกาหนดคณสมบตของอปกรณทเลอกจาก Toolbox 4. Palettes คอสวนทใชตรวจสอบและกาหนดคณสมบตตาง ๆ ใหกบรปภาพ 5. Status bar คอสวนทแสดงรายละเอยดตาง ๆ ของชนงาน เชน ขนาดของมมมองรปภาพ ขนาดของไฟล
คาแนะนาการใชงานของอปกรณทเลอกจาก Toolbox
Tool options bar
Work area
Menu bar
Toolbox
Palettes
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 4
เครองมอตางๆ (Toolbox) หมายเหต ปม Toolbar ทมเครองหมายสามเหลยมเลกๆ อยดานลางขวาเมอกดปมสามเหลยมดงกลาว โปรแกรมจะ
แสดงเครองมออนๆ ออกมาเชน
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 5
อธบาย Tool ตางๆ
Marquee Toolเปนการเลอกแบบสเหลยมผนผา, วงกลม, แถวขนาด 1 พกเซลส หรอคอลมน 1 พกเซลส
Move Tool ใชเพอเลอนสวนทเลอก หรอไวเลอน Layer และ Guide ตางๆ
Lasso Toolจะใชเพอสราง Selection แบบอสระ, แบบ Polygonal (ตามจดทคลก) และ Magnetic (ดงเขาหาขอบรปภาพ)
Magic Wand Tool ใชเลอกพนทบรเวณทมสเดยวกน
Crop Tool ใชในการเลอกบางสวนของรปภาพ
Slice Toolใชในการสราง Slice
Slice Selection Toolใชเลอก Slice ทคณสรางขนมา
Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ
Patch Tool ใชเฉพาะในบรเวณทเลอกไวเทานน เพอใหเกดความสมบรณของรปภาพ โดยใชลวดลาย หรอใชสวนทเลอกในภาพเปนตนฉบบ
Brush Tool ใชในการวาดเสน Brush ตางๆ
Pencil Tool ใชในการวาดเสนทมขอบชดเจน
Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบ
Pattern Stamp Tool ใชเพอวาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ
History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน
Art History Brush Tool ใชในการวาดรป จาก State หรอ Snapshot ของรปนโดยอาศยรปแบบของ Stoke ทมสไตลหลากหลาย ชวยใหสไตล ของภาพดตางออกไป
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 6
Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและทาการเกบสวนตางๆ เปน State ตางๆ ใน History Palette
Magic Eraser Tool ใชลบรปภาพบรเวณทมสเดยวกนใหกลายเปนพนทโปรงใส (Transparent) โดยการคลกเพยงครงเดยว
Background Eraser Tool ใชลบรปภาพบางสวนใหกลายเปนพนทโปรงใสโดยการลากเมาส
Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line, Radial, Angle, Reflected และ Diamond
Paint Bucket Tool ใชในการเตมส Fill ในบรเวณทเปนสเดยวกนดวยสของ Foreground
Burn Tool ใชลดความสวางทาใหรปภาพดมดลง
Sponge Tool ใชเปลยนสในสวนตางๆ ของรปภาพ โดยการปรบคาความเขมส
Path Selection Toolใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint, Direction Line และ Direction Paint
Type Tool ใชในการสรางตวหนงสอลงบนรปภาพ
Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ
Pen Toolsใชในการลากเสน Path ซงสามารถดดโคงตามรปภาพได
Custom Shape Toolใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List
Animations Toolใชเขยนโนต หรอแนบเสยงไปกบรปภาพได
Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ
Measure Toolใชวดระยะหาง, ตาแหนงและมมองศาระหวางภาพ
Hand Tool ใชเลอนภาพทอยในหนาตางเดยวกน
Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 7
การเปดไฟลภาพ (Open)
1. คลกทเมนคาสง File ทแถบ Menu bar จากนนเลอกคาสง Open
2. จะปรากฏ Dialog แสดงรายชอไฟลตาง ๆ ดงภาพ เพอเลอกไฟลทตองการเปดมาใชงาน
3. คลกเลอกไฟลทตองการเปดใชงาน จากนนคลกปม Open
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 8
การสรางไฟลใหม (New)
1. คลกทเมนคาสง File ทแถบ Menu bar จากนนเลอกคาสง New
2. จะปรากฏ Dialog สาหรบกาหนดคณสมบตตาง ๆ ของไฟลภาพดงน
- Name คอ ชอของชนงาน สามารถกาหนดใหมเองได ชอนจะไประบทชอไฟลตอไป - Preset คอ ขนาดงานทโปรแกรมกาหนดมาให ซงมหลากหลายขนาดใหเลอก หรอสามารถ
กาหนดเองจากชอง Width และ Height ได - Width คอ ขนาดความกวางของงาน (จากซายไปขวา) โดยกาหนดหนวยและขนาดไดเอง
จากรป คอ 1024 Pixels
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 9
- Height คอ ขนาดความกวางของงาน (จากบนลงลาง) โดยกาหนดหนวยและขนาดไดเอง จากรป คอ 768 Pixels
- Resolution คอ ความละเอยดของภาพ โดยใสตวเลขคาความละเอยดของภาพ เชน งานเวบหรอรปทแสดงบนคอมพวเตอรเทากบ 72 pixels/inch งานสงพมพเทากบ 150-200 pixels/inch
- Color Mode คอ โหมดสของภาพ ซงประกอบไปดวย โหมดส Bitmap, Grayscale, RGB Color, CMYK Color, Lab Color
- Background Contents คอ สพนหลงของภาพ เมอเรมชนงานใหม มดงน
• White กาหนดใหสพนหลงเปนสขาว
• Background Color กาหนดใหสพนหลงเปนสเดยวกบ Background
• Transparent ไมมพนหลง
3. หลงจากกาหนดคณสมบตตาง ๆ ใหคลกปม OK เพอเรมชนงานใหม
การบนทกขอมลลงบนไฟล (Save)
หลงจากตกแตงไฟลภาพเรยบรอย จะตองเกบบนทกขอมลลงบนไฟล (Save) สาหรบการเรยกใชงานในครงตอไป โปรแกรมมการบนทกขอมลลงบนไฟล (Save) อย 3 ลกษณะ คอ
- Save บนทกไฟลในรปแบบ (Format) ปกต ซงจะอยในรปแบบ (Format) ของ PSD - Save As บนทกไฟลในรปแบบ (Format) อน ๆ ได เชน JPEG, BMP, GIF เปนตน - Save for Web บนทกไฟลในรปแบบ (Format) สาหรบการใชงานบนเวบ เชน ไฟล
Html และไฟลรปภาพ JPEG, GIF, PGN เปนตน ในทนเปนแสดงการใชงานของ Save และ Save As
1. คลกทเมนคาสง File ทแถบ Menu bar จากนนเลอกคาสง Save หรอ Save As หรอ Save for Web & Devices
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 10
2. จะปรากฏ Dialog สาหรบกาหนดคณสมบตตาง ๆ ของไฟลภาพดงน
Training Service (ICT Center)
- ชอไฟล (File Name) - รปแบบของไฟล (Format) - กาหนดคณสมบตของการบนทกไฟล (Save Options)
• As a Copy บนทกไฟลเปนชออน รปแบบ (Format) อน ขณะทไฟลเดมกาลงเปดใชงาน
• Layers จะเกบคณสมบตของ Layer ตาง ๆ
• Use Proof setup เกบคาโหมดสทจะใชแสดงสของภาพกอนจะพมพ
• Thumbnail กาหนดใหไฟลทบนทก (Save) สามารถแสดงภาพตวอยางใน Dialog ของการเปดไฟล
• Use Lower Case Extension กาหนดใหนามสกลไฟลเปนอกษรตวเลก 3. หลงจากกาหนดคณสมบตตาง ๆ ใหคลกปม Save เพอบนทกขอมลลงบนไฟล
การใชงาน Palettes
Palettes คอ Dialog ทใชตรวจสอบและกาหนดคณสมบตตาง ๆ ของรปภาพ เชน Palette ของ Navigator และ Info, Palette ของ Color, Swatches เปนตน
Palette ตาง ๆ จะถกจดเปนกลม ๆ สาหรบการซอนหรอแสดง Palettes นนใหคลกทเมนคาสง Window จากนนเลอก Palette ทตองการซอนหรอแสดง Palette ใดถกเปดใชงานอยจะมเครองหมายถก หนา Palette
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 11
Navigator Palette Navigator Palette เปน Palette ทใชสาหรบเปลยนขนาดมมมอง ทจอภาพตามความเหมาะสม
ประกอบดวยสวนตาง ๆ ดงน
Training Service (ICT Center)
Zoom Slider
Zoom In Zoom Out
ตวเลขเปอรเซนตของภาพ
Proxy Preview
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 12
1. Proxy Preview Area คอสวนทแสดงถงขนาดของภาพในชนงาน กรอบสหมายถงขนาดของชนงาน หาก
กรอบของ Proxy Preview อยรมสดของภาพแสดงวาภาพนนมขนาดพอดกบชนงาน 2. ตวเลขเปอรเซนตของภาพ คอสวนทใชกาหนดขนาดมมมองของภาพ ซงอยในรปแบบของเปอรเซนต
โดยคาของขนาดภาพจรงจะเทากบ 100 เปอรเซนต 3. Zoom Out & Zoom In คอสวนทใชกาหนดขนาดมมมองของภาพ ประกอบดวยสวนทใชกาหนด 3 สวน
คอ 3.1 Zoom Out คอสวนทอยดานซายสด ใชสาหรบยอขนาดมมมองของภาพใหเลกลง 3.2 Zoom In คอสวนทอยดานซายสด ใชสาหรบขยายขนาดมมมองของภาพใหใหญขน 3.3 Zoom Slider คอสวนทเปนแถบเลอน หากเลอนทางดานซายจะยอขนาดมมมองของภาพใหเลกลง
แตหากเลอนมาทางขวาจะขยายขนาดมมมองของภาพใหใหญขน Color Palette Color Palette คอ Palette ททาหนาทเปนจานส ซง Mode สทปรากฏในภาพจะเปนลกษณะการผสมใน Mode RGB มสวนประกอบตาง ๆ ดงน
1. Set foreground color คอสวนแสดงสของ foreground 2. Set background color คอสวนแสดงสของ background 3. RGB slider คอสวนทใชกาหนดคาของการผสมสใน Mode RGB ซงสามารถเลอนเพอปรบคาส
ไดจากแถบ slide หรอระบเปนตวเลข (0-255) เชน สดา คอ R=0,G=0, B=0 4. Sample color คอสวนสาหรบกาหนดคาสในลกษณะจมเลอกส
Training Service (ICT Center)
Sample color
RGB slider Set background color Set foreground color
Swatches Palette Swatches Palette คอ Palette ททาหนาทสาหรบเกบสหลกๆ ทนยมใช สามารถเลอกนามาใชไดทนทและถาหากวาคณมสทตองการใชเปนประจา สามารถบนทกสนนไวใน Palette นได
การบนทกสทตองการไวท Swatches Palette สามารถทาไดโดยเลอกสทตองการ จากนนคลกเมาสทปมบนทกสใหมท Swatches Palette จะสามารถบนทกสทตองการได
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 13
ลบสทมอย
บนทกสใหม
สหลกๆ ทใชเปนประจา
Styles Palette Styles Palette คอ Palette ทมไวสาหรบเกบลวดลายอยางลวดเรว สามารถเลอกลวดลายจาก Palette นไปใชในภาพ จะทาใหภาพทคณวาดไวเปลยนไปตามลวดลายทเลอกไวทนท และยงสามารถสรางลวดลายใหขนมาเองไดดวย
การใชงานนนสามารถทาไดโดยเลอกท Layer ทตองการจะทา Style แลวคลกเลอกท Style บน Styles Palette จากนน Layer จะเปลยนตาม Style นนๆ
Training Service (ICT Center)
ลวดลายตางๆ
Clear Style
New Style
Delete Style History Palette เปน Palette ทแสดงขนตอนวธการตาง ๆ ทใชทางานกบไฟลภาพตามลาดบโดยสามารถยอนกลบไปยงการทางานตาง ๆ ในลาดบชนและยกเลกได ประกอบดวยสวนตาง ๆ ดงน
1. สวนทใชกาหนดขอมลของการใช History Brush Tool 2. เปนภาพทแสดงรายละเอยดของงานททาตามลาดบ 3. History State เปนลาดบขนตอนวธการตาง ๆ ทไดกระทาลงไป
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 14
4. New Document คอสวนทใชสรางกระดาษทาการใหม โดยคดลอกภาพจากลาดบทชอย 5. New Snapshot คอสวนทใชสราง Snapshot ใหม 6. Trash Button คอสวนทใชลบขนตอนการทางานกบไฟลภาพในลาดบทเลอกอยออก
1 2
3 4 5 6 Layer Palette
Layer Palette เปน Palette ทเกบชนงานหรอภาพทงหมด เรยกวา Layer ซงจะเรยงลาดบกอนหลง ทาใหเกดความสะดวกในการจดการแกไขโดยไมเกดผลกระทบกบชนงานหรอภาพอน ๆ โดยจะแกไขเฉพาะชนงานหรอภาพใน Layer ทเลอกเทานน สวนประกอบของ Layer Palette มดงน 1. Indicates Layer Visibility คอสวนทกาหนดการแสดงผลของ Layer หากมสญลกษณรปตาแสดงวาภาพ
ทอยใน Layer ดงกลาวถกแสดงบน Work Area หากไมมแสดงวา Layer นนถกซอนหรอไมแสดงผล 2. Indicates if Layer is Linked คอสวนทแสดงวา Layer ใดกาลงถกทางาน Layer นน จะมสญลกษณรป
พกน นอกจากนยงสามารถกาหนดให Layer อนเลอนตาแหนงตาม Layer ทกาลงทางานอยไดโดยการคลกให Layer อนเปลยนเปนสญลกษณรปโซ
3. Add a Layer Style คอสวนทใชใส Effect เชน แสง เงา ตาง ๆ ใหกบภาพใน Layer 4. Add a mask คอสวนทใชเพม Mask หรอเพม 1 Layer ซอนทบ Layer ทกาลงทางานอย โดยทง 2 จะถอ
เปน Layer เดยวกน 5. Create a new set คอสวนทใชสราง Folder สาหรบเกบ Layer ตาง ๆ เขาดวยกน 6. Create new fill or adjustment layer คอสวนทใชปรบคาส ความคมชด แสงและความสวางในแบบตาง ๆ
ของภาพใน Layer 7. Create a new layer คอสวนทใชสราง Layer ใหม 8. Delete layer คอสวนทใชลบ Layer 9. Layer Thumbnail คอสวนทแสดงวา Layer นนมภาพใดอย 10. Lock คอสวนทใช Lock ในรปแบบตางๆ 11. Opacity คอสวนทใชทาให Layer นนโปรงใส (ทง Fill และ Effect) 12. Fill คอสวนทใชทาให เฉพาะ Fill ใน Layer นนโปรงใส ซงไมรวม Effect ท Layer นนมอย
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 15
2
1
3 4 5 6 7 8
9
12 11
10
หมายเหต: แถบสนาเงนแสดงวากาลงทางานกบ Layer 2
การจดลาดบ Layer สามารถทาไดโดยนาเมาสคลกคางไวท Layer แลวลากไปยงตาแหนงทตองการ หรอใชเมนคาสง Layer -> Arrange
• Bring to Front คอ สง Layer ไปยงตาแหนงบนสดของทก Layer
• Bring Forward คอ สง Layer ขนไปตาแหนงบน 1 ขน
• Send Backward คอ สง Layer ลงไปตาแหนงลาง 1 ขน
• Send to Back คอ สง Layer ลงไปตาแหนงลางสดของทก Layer แตยกเวน Background Layer
การกาหนดพนท เพอแกไขและตกแตงภาพ (Selection)
Marquee Tool เปนเครองมอสาหรบการกาหนด Selection โดยคลกเลอก Marquee Tool จาก Tool box จะมใหเลอกใชงาน 4 รปแบบตามความเหมาะสม
Rectangular Marquee Tool
Training Service (ICT Center)
สาหรบการสราง Selectionเปนสเหลยมผนผา และสเหลยมจตรส
Elliptical Marquee Tool สาหรบการสราง Selection เปนวงกลมและวงร
Single Marquee Tool สาหรบการสราง Selection เปนพนทรปเสนตรงในแนวนอน ความกวาง 1 pixel
Single Column Marquee Tool สาหรบการสราง Selection เปนพนทรปเสนตรงในแนวตง ความกวาง 1 pixel
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 16
วธการใชงาน Marquee Tool 1. ใหคลกท Marquee Tool บน Tool Box หรอหากตองการเลอกรปแบบอนของ Marquee Tool ให
คลกเมาสคางไว แลวคลกเลอกรปแบบทตองการสราง Selection
Training Service (ICT Center)
2. วางตาแหน ของ Cursor รป เพอกาหนดจดเรมสาหรบการสราง Selection 3. ใหคลกเมาสคางไวและลากเพอกาหนดขนาดของพนททตองการ แลวปลอยเมาส จะปรากฏเสนประ
ของ Selection ดงภาพ
Marquee options
เมอคลกเลอกใชงาน Marquee Tool ท Tool options bar เราจะสามารถกาหนดคณสมบตตาง ๆ ของ Marquee tool ไดดงน
Width Height Style การแกไข Selection
Feather
1. การแกไข Selection จะมใหเลอก 4 รปแบบคอการกาหนดเลอก Selection ใหม การเพม ตดและลด
Selection และการสราง Selection ดวยวธการตางๆ ดงน เมอคลกเมาสจะเปนการสราง Selection ขนใหม สราง Selection เพมขน โดยพนท Selection กอนหนาจะไมหายไป แตจะถกรวมเขาดวยกน ลบพนทของ Selection ออกจาก Selection กอนหนา เปนการสราง Selection ใหมในพนท Selection เดม ดวยวธ Intersect จากพนท Selection ทกาหนดใหมและ Selection กอนหนา ทมพนทเดยวกน
2. Feather กาหนดความฟงเบลอของขอบ Selection ภาพ มคาตงแต 1 – 250 หากกาหนดคามากความฟงเบลอจะมากตาม
3. Style ของ Marquee Options ม 3 รปแบบคอ
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 17
• Normal เลอกขนาดอสระ ขนาดของ Selection จะเปลยนไปตามการเคลอนตาแหนงเมาส
• Constrained Aspect Ratio กาหนดขนาดของ Selection โดยยดหยนตามอตราสวนของความกวาง (Width) และความสง (Height)
• Fixed Size กาหนดขนาดของ Selection ตามอตราสวนของความกวาง (Width) และความสง (Height) ทแนนอน
4. Width การกาหนดความกวางของ Selection 5. Height การกาหนดความสงของ Selection
การสราง Fixed Size Selection ถาตองการสราง Selection ขนาดกวาง 600 ยาว 80 Pixels ใหเปลยนชอง Style เปนแบบ Fixed
Size และกาหนดความกวางและความยาวตามทตองการ
Training Service (ICT Center)
เปลยนเปน Fixed Size ระบขนาด กวาง
และยาว
Lasso Tool เปนเครองมอทสามารถสราง Selection ไดอยางอสระ มความยดหยนสง เมอคลก Lasso Tool ท
Tool bar จะมใหเลอกทงหมด 3 รปแบบดงน 1. Lasso Tool
เปนการสราง Selection อยางอสระ วธการใชงานเมอคลกเมาสคางแลวลากไปตามขอบของพนท Selection ทตองการ จนมาบรรจบทจดเรมตนแลวจงปลอยเมาสจะปรากฏเสนประของ Selection สามารถกาหนดคณสมบตของ Lasso Tool ตาง ๆ ไดดงน
1 2
• Feather กาหนดความฟงเบลอของขอบพนท Selection
• Anti-aliased กาหนดใหขอบของพนททเลอกมความเรยบยงขน ไมขรขระ
2. Polygonal Lasso Tool เปนการสรางพนทของ Selection ในลกษณะของรปหลายเหลยม คลกเมาสบนภาพเพอกาหนดจดเรมตนในครงแรกแลว ลากเมาสจะปรากฏเสนตอจากจดเรมตนกบปลายเมาส วธการใชงานเมอคลกเมาส
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 18
Selection ทเปนเสนตรงเชอมจากจดตนมายงจดปลายเมาสทคลก ใหทาแบบนเรอย ๆ เพอสรางเสนขอบของ Selection จนสดทายใหคลกเมาสบรรจบทจดเรมตนครงแรก จะเกด Selection ขน สาหรบการกาหนดคณสมบตจะเหมอนกบ Lasso Tool
3. Magnetic Lasso Tool เปนการสรางพนทของ Selection อยางอสระและรวดเรวในลกษณะของแมเหลกทดดเขาหาส โดย
Magnetic Lasso Tool จะใชความแตกตางระหวางสทเลอกกบสของ Background เปนตวกาหนดขอบเขตพนท Selection วธการใชงานเมอคลกเมาสเพอกาหนดจดเรมตนแลว ใหปลอยเมาสแลวลากเมาสตามขอบเขตพนททตองการเลอก Magnetic Lasso Tool จะเลอกขอบเขตพนท Selection เองโดยอตโนมต จนสดทายใหคลกเมาสบรรจบทจดเรมตนครงแรก จะเกด Selection ขน คณสมบตของ Magnetic Lasso Tool มเพมจาก Lasso Tool ไดดงน
1 2 3 1. Width มคาตงแต 1-40 pixels เปนการกาหนดใหโปรแกรมทาการตรวจสอบหาขอบเขตของพนททเลอก
นบตงแตจดทเมาสชอยไป X pixels เพอกาหนดขอบเขต 2. Edge Contrast มคาตงแต 0-100% หากมคามากจะทาใหเสนขอบของพนททเลอกอยระหวางสท
Contrast กนมาก 3. Frequency มคาตงแต 0-100 pixels หากคาความถมากจะทาใหมการกาหนดจดในแตละชวงของการ
เลอกมาก ทาใหโปรแกรมสามารถเลอกพนทอยางมความถกตองมากขน
Magic Wand Tool
กาหนดพนทของ Selection โดยเลอกบรเวณทมคาสใกลเคยงกน วธการใชงานคอคลกทปม บน Tool box แลวคลกเลอกพนททตองการสราง Selection นอกจากนแลวยงสามารถกาหนดคณสมบตของ Magic Wand Tool ไดดงน
1 2 3 4
1. Tolerance มคาใหกาหนดตงแต 0 – 255 pixels เปนคาของจานวนสทใกลเคยงกบสทถกเลอก 2. Anti-aliased กาหนดใหขอบของพนททเลอกมความเรยบยงขน ไมขรขระ
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 19
3. Contiguous สามารถทาการเลอกบรเวณสทใกลเคยงกนไดเฉพาะในกลม pixels ทไดคลกเลอกเทานน ถาไมได Check ไวจะเลอกบรเวณทมสใกลเคยงกนในภาพทงหมด
4. Use All Layers เลอกสโดยมองทก Layer เปนเหมอน Layer เดยว หากไมถก Check ไว หมายถงใช Magic Wand Tool เฉพาะ Layer นนเทานน
Crop Tool
กาหนดพนทของ Selection โดยตดสวนทเหลอทไมไดอยในพนทของ Selection
Training Service (ICT Center)
ในภาพทงไป วธการใชงานคอคลกทปม บน Tool box แลวคลกเมาสคางไวจากนนลากเมาสเพอกาหนดพนทของ Selection แลวจงปลอยเมาส เมอพรอมทจะตดสวนทเหลอออก ใหคลก ปม บน Tool options bar หรอ ปม เพอยกเลก นอกจากนเรายงสามารถกาหนดคณสมบตตาง ๆ ของการตดดงน
1. Cropped Area เลอกผลลพธของภาพทตด 1 2 4 5 3
• Delete ตดภาพโดยลบสวนทเหลอออก
• Hide ตดภาพ โดยซอนสวนทเหลอเอาไว 2. Shield cropped area แสดงสบนพนทสวนทเหลอทจะถกตดออก 3. Color สทจะแสดงบนพนทสวนทเหลอ 4. Opacity คาความโปรงแสงของสบนพนทสวนทเหลอ 5. Perspective ปรบพนทการตดใหไดภาพทมมต
คาสงพนฐานของ Selection
• All กาหนดพนท Selection โดยใชพนทของรปภาพทงหมด
• Deselect ยกเลกการกาหนดพนท Selection
• Reselect ยอนกลบไปกาหนดพนท Selection หลงจากไดยกเลกไป
• Inverse เปนการเปลยนพนทของ Selection จากทกาหนดไวใหเปนพนทตรงขาม
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 20
การใช Transform เพอปรบเปลยนพนท Selection
คลกทเมนคาสง Edit ทแถบ Menu bar จากนนเลอกคาสง Transform - Again กลบสรปแบบเดมกอนหนาน 1 ขน - Scale ปรบเปลยนแบบ Scale ตามแนวตง แนวนอนและแนวทแยง - Rotate หมนพนททเลอก - Skew ปดเกลยวพนทเลอก - Distort การบดเบอนพนทเลอก - Perspective ปรบขนาดของพนทเลอกใหมลกษณะการมองแบบ Perspective
(แบบมมต ความกวาง ความยาว ความลก) - Rotate 180? CW หมน 180 องศา - Rotate 90? CW หมน 90 องศาตามเขมนาฬกา - Rotate 90? CCW หมน 90 องศาทวนเขมนาฬกา - Flip Horizontal กลบจากซายเปนขวา - Flip Vertical กลบจากบนลงลาง
การใชงาน Foreground และ Background Color การใชงานในสวนของ Foreground และ Background Color สามารถทาไดทสวนของ Toolbox ดงรป
Training Service (ICT Center)
Foreground
Background
Switch Color
Default
สามารถเปลยนสไดโดยคลกทกรอบ Foreground หรอ Background จะปรากฏ Color Picker ใหเปลยนส
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 21
การใชงาน Type Tool
สามารถสรางขอความไดทงในแนวนอนและแนวตง การสรางขอความแตละครงโปรแกรม Adobe Photoshop จะสราง Layer ใหมอตโนมต ลกษณะของขอความจะม 2 รปแบบคอ
1. แบบ Point Type จะมรปแบบเปนคาหรออกษรสน ๆ 1 บรรทด โดยกาหนดจดเรมตนของขอความบนชนงาน โปรแกรมจะสราง Type Layer ขนมา และสามารถพมพขอความลงไปได
Training Service (ICT Center)
เมอพมพขอความเรยบรอย ใหคลกทปม เพอตกลง หรอคลกปม
2. แบบ Paragraph Type จะมรปแบบเปนขอความทมหลายบรรทด โดยจะอยภายในขอบเขตทกาหนดเดยวกน (Bounding box) โดยกาหนดจดขอบเขตของขอความทใส โปรแกรมจะสราง Type Layer ขนมา และสามารถพมพขอความและจดเปน Paragraph ไดจาก Paragraph Palette เมอพมพขอความเรยบรอย ใหคลกทปม เพอตกลง หรอคลกปม
ขอความในแนวนอนขอความในแนวตง ขอความ Selection ในแนวนอน ขอความ Selection ในแนวตง
หากตองการแกไขขอความทพมพใหคลกทปม แลวลากเมาสบนขอความทตองการแกไขใหเกดแถบส แลว
จงปรบแกไขขอความ หรอเปลยนแปลงคณสมบตตาง ๆ ของขอความบน Tool options bar เมอแกไขเรยบรอยแลวจงคลกปม
หากตองการตวอกษรทมลวดลายของภาพ Background เชน สามารถทาไดโดยใชสราง Selection ของตวอกษร ซงมวธใหคลกทปม เพอเลอก Horizontal Type Mask Tool หรอ Vertical Type Mask Tool แลวพมพขอความทชนงาน เมอพมพเสรจ จะเกด Selection ทเปนตวอกษร จากนนสามารถทจะคดลอกลวดลายภาพทตองการตาม Selection ของขอความนนได คณสมบตตาง ๆ ของ Type Tool
ชนดของตวอกษร ขนาดตวอกษร การวางตาแหนง
ของขอความ
รปแบบตวอกษร
ตกแตงขอบ
ตวอกษร สตวอกษร
Warp Text
การกาหนดรป
แบบตวอกษร
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 22
Warp Text เมอคลกปม จะปรากฏ Dialog สาหรบกาหนดคาเพอปรบแตงรปทรงของขอความ
ตวอยาง Warp Text
การใชงาน Layer
ลกษณะการทางานของ Layer เปนเหมอนแผนใสวางซอนกนเปนลาดบของรปภาพ ชวยแยกการทางานใหชดเจน โดยการทางานแตละครงจะมผลกบ Layer ทเลอกอยเทานน การมองจะอยในลกษณะมองจากดานบนลงมาดานลาง วธการเรยกใชงาน Layer คลกทเมนคาสง Window ทแถบ Menu bar เลอกคาสง Show Layer ถาหากพบวา Hide Layers แสดงวา Palette Layer ถกแสดงแลว
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 23
Active Layer คอ Layer ทกาลงถกทางานอย สามารถเลอก Layer ไดจากการคลกทแถบ Layer จากนนชอง Indicates if Layer is จะมสญลกษณรปพกนปรากฏ หากตองการเคลอนยาย Layer โดยให Layer อนเคลอนยายตามใหคลกทชอง Indicates if Layer is ใหเปนรปโซเพอเชอม Layer เขาดวยกน
การเปลยนลาดบของ Layer สามารถทาไดโดยคลกเมาสท Layer คางไวแลวลากไปยงลาดบของ Layer ทตองการแลวปลอยเมาส
ทชอง Indicates Layer Visibility หากปรากฏสญลกษณรปตาหมายความวา Layer นนถกแสดงอย หากตองการซอน Layer ไมใหแสดงผล ใหคลกทชอง Indicates Layer Visibility สญลกษณรปตาจะหายไป
Active Layer
Indicates Layer Visibility
การสราง Layer
Training Service (ICT Center)
ขนใหม ใหคลกทปม หากตองการคดลอก Layer ใหคลก Layer ทตองการแลวปลอยลงทปมนเชนเดยวกน แตถาตองการลบ Layer หลงจากคลกเลอก Layer ทตองการแลวใหคลกทปม
การ Lock Layer
เปนการกาหนดคณสมบตตาง ๆ เพอบงคบไมให Layer ถกเปลยนแปลงหรอไดรบผลกระทบใด ๆ มทงหมด 4 รปแบบดงน
1. Lock transparent pixels หามไมใหเตมสหรอปรบแกสลงไปใน pixels ทโปรงแสงบน Layer ได 2. Lock image pixels หามไมใหมการแกไขหรอตกแตงภาพบน Layer 3. Lock position หามไมใหมการเคลอนยายตาแหนงของ Layer 4. Lock all หามโดยใชการกาหนดคณสมบตของทง 3 ขอทกลาวมา
1 2 3 4
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 24
การ Merge Layer
เปนการรวมชนของ Layer ตงแต 2 ชนขนไปมาไวรวมกน โดยคลกทปม แลวจะปรากฏ Dialog สาหรบเลอกแบบตาง ๆ ของการ Merge Layer ดงน
- Merge Down Merge Linked หรอเปนการรวม Layer ทใชงานอยกบ Layer ทอยลาดบถดลง โดยถา Layer ทอยลาดบถดไปมสญลกษณรปโซ จะมขอความวา Merge Linked แตหากไมมรปโซจะมขอความวา Merge Down
- Merge Visible เปนการรวม Layer ทถกแสดงหรอมองเหนไดทงหมด
- Flatten Image เปนการรวม Layer ทกลาดบชนเปน Layer เดยว โดยมชอวา Background และจะลบ Layer ทถกซอนทงไป
หากตองการเปลยนชอของ Layer ใหคลกเลอก Layer Properties จะปรากฏ Dialog ของ Layer ซง
สามารถเปลยนชอของ Layer ได และแถบสได
การจด Set ของ Layer
เปนการรวบรวม Layer ตาง ๆ มาไวเปนกลม Layer Set สามารถใชคาสงตาง ๆ เหมอน Layer ทว ไป เชน การด คดลอก เคลอนยาย และการเปลยนลาดบ ยกเวนคาสงบางคาสง เชน Layer Effect ดงนนใชงานคาสงใด ๆ ของ Layer Set จะเกดขนกบ Layer ภายในทก Layer
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 25
การสราง Layer Set คลกทปม เพอสราง Set หลงจากนนใหคลกเลอก Layer ทตองการจดเกบคางไว แลวลากท Layer Set จากนนใหปลอยเมาส
หากดบเบลคลกท Layer Set จะปรากฏ Dialog ของ Layer Set Properties ซงสามารถเปลยนชอของ Layer
Set ได และแถบสได
การทาภาพโดยใช Filter
ฟลเตอร (Filter) คอการตกแตงภาพดวยเทคนคพเศษ ทสามารถปรบเปลยนรปแบบของภาพตามความตองการของงาน เราสามารถใชงาน Filter ไดโดยเลอก Menu > Filter > เลอกใช Filter ทตองการ
ตวอยางการใช Filter ท Menu Bar จะมปม Filter(1) อย เมอกดแลวจะม Filter Menu ปรากฏขนเลอนเมาสไปยง Filter
“Blur”(2) จะมเมนยอยเพมขนมา ใหกดเลอกท “Redial Blur”(3)
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 26
เมอเลอกเสรจแลวจะปรากฏหนาจอการปรบเปลยนลกษณะของ Filter สามารถทจะกาหนดไดตามตองการ (ใน Filter แตละตวนน หนาจอการปรบเปลยนลกษณะของ Filter จะไมเหมอนกน) เสรจแลวกดปม OK เพอจบขนตอนการทางานของ Filter
จะไดภาพทมการตกแตงดวย Filter: Radial Blur ออกมา ทงน ถาใช Filter อนรปงานทปรากฏ จะตางกนออกไป
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 27
ตวอยาง Filter ทนาสนใจ
ภาพตนแบบ
Smudge Stick
Gaussian Blur
Radial Blur
Angled Strokes
Mosaic
Facet
Fragment
Lens Flare
Lighting Effects
Sharpen
Graphic Pen
Halftone Pattern
Stamp
Water Paper
Wind
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 28
การใชงาน Layer Style
คลกทเมน Layer > Layer Style > Blending Options จะปรากฏหนาตางดงภาพขางลาง
(1) คอ Style ทตองการใชกบ Layer ทเราเลอกไว จะมใหเลอก 10 แบบจากบนลงลาง (2) คอ การกาหนดคาตางๆ ของแตละ Style ซงจะแตกตางกนไปในแตละ Style
ตวอยางการใช Layer Style
Drop Shadow
Inner Shadow
Outer Glow
Inner Glow
Bevel and Emboss
Satin
Gradient Overlay
Pattern Overlay
Stroke
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 29
การเปลยนรปรางของรป (Transform) เราสามารถเปลยนแปลง Layer ในรปแบบตางๆไดเชน การยอ/ขยาย การหมนภาพ การบดภาพ ดวยคาสง
Transform โดยคลกเลอก Edit > Transform > (เลอก Transform Function ทตองการ)
ลกษณะของ Transform
ภาพตนแบบ
Scale
Rotate
Skew
Distort
Perspective
การปรบคาความสวาง/ความคมชด (Brightness/Contrast) การปรบความสวาง-ความมดของภาพ และการตดกนของสทชดเจนขนนน สามารถทาไดโดยใชคาสง
Brightness/Contrast โดยเลอกคลกท Image > Adjust > Brightness/Contrast
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 30
Original
Brightness
Contrast
การปรบขนาดของชนงาน
Image Size Image Size คอการ ลด/ ขยายรปภาพโดยสามารถใชคาสงนไดจากเมน Image > Image Size…
จะปรากฏหนาตางทใหเรากาหนดขนาดของภาพขนมาดงรป
(1) Width(กวาง) และ Height(สง) ของรปภาพ สามารถกาหนดไดตามตองการ โดยมหนวยใหเลอกสองแบบคอ Pixel และ %
(2) Constrain Proportions Sign เมอสญลกษณนปรากฏดงรป แสดงวาเมอเราไดกาหนดขนาดภาพไวดานใดดานหนงแลว โปรแกรมจะกาหนดสดสวนของดานทเหลอใหเอง(อตราสวนทเทากน) ผลทไดกคอ ไมวาจะยอหรอขยาย รปภาพทออกมากจะมอตราสวนของ กวาง x สงเทาเดม
(3) Constrain Proportions Check Box จาก (2) เมอเราไมตองการ ยอ/ขยาย รปภาพใหเหมอนอตราสวนเดมใหคลกท Check Box ออก เครองหมาย จะหายไปหลงจากนนการกาหนดขนาด กวางและสงสามารถกาหนดไดตามตองการ
Training Service (ICT Center)
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 31
Canvas Size การ Canvas Size คอการลด/ ขยายพนทรป โดยเพมพน Background และสามารถขยายรปโดย
กาหนดทศทางได ดงรป
Training Service (ICT Center)
ตวอยางการ Canvas Size
พนททเพมจากการ
Canvas
1. Current Size ขนาดปจจบนของงาน
2. New Size ขนาดทเพมขนจากขนาดของงาน
3. Relative เปนคณสมบตบอกคาขนาดของ New Size
เครองหมาย คาในชอง Width และ Height จะเปน 0
สามารถเพมพนทงานโดยไมตองรวมคา Current Size
4. Anchor ททางทตองการเพมขนาดใหไปในทศทางท
ตองการ
1
2
3
4
เอกสารประกอบการอบรมเทคนคการสรางและตกแตงภาพดวย Adobe Photoshop CS3 หนาท 32
การตดกรอบของรป (Crop) การ Crop คอ การตดกรอบภาพเอาเฉพาะทตองการ นอกจากรปภาพจะมขนาดเลกเกนไปแลว บางครงรปภาพกมขนาดใหญเกนไปไดเชนกน เราสามารถตดกรอบภาพ (Cropping) ใหเหลอเฉพาะทตองการไดโดยใชเครองมอสองชนดน ดงน
วธท 1 การตดกรอบภาพโดยเครองมอ Rectangular Marquee Tool 1. เลอกเครองมอ บนแถบเครองมอและกาหนด Feather ใหเทากบ 0 กอน 2. สราง Selection ทภาพในสวนทตองการตดกรอบ 3. เลอกเมน Image -> Crop จะไดรปจากการ Cropping
วธท 2 การตดกรอบภาพโดยเครองมอ Crop 1. เลอกเครองมอ บนแถบเครองมอ 2. สรางพนททตองการตดกรอบภาพ สงเกตวาจะเกดแถบสเทาขนบรเวณรอบนอกขอบกรอบทสรางขนมา
บรเวณสเทาคอ บรเวณของรปภาพทถกตดทงนนเอง 3. ปรบแตงพนททเลอก 4. คลกปม เพอยนยนการตดกรอบรปตามตองการ (กรณยกเลกใหคลกปม แทน)
ตวอยางการ Cropping
ภาพกอนการ Cropping
ภาพหลงการ Cropping
Training Service (ICT Center)