ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

ปฏบตการท 10 ตกแตงภาพดวยโปรแกรม Photoshop ครงท 1

วชา 001272 คอมพวเตอรสารสนเทศขนพนฐาน

รหส ชอ สาขา

คณะ หมเรยนท วนท เดอน พ.ศ

วตถประสงค 1. เพอแนะน าโปรแกรม Photoshop 2. เพอการชดเครองมอและวธใชงานโปรแกรม Photoshop เบองตน

Adobe Photoshop คออะไร Adobe Photoshop เปนโปรแกรมคอมพวเตอรทรวบรวมเครองมอส าหรบตกแตงภาพประสทธภาพสง เพอการท างาน

ระดบมาตรฐานส าหรบนกออกแบบมออาชพทตองการสรางสรรคงานกราฟกทโดดเดน ทงงานทใชบนเวบและงานสงพมพ

ความละเอยดของภาพกราฟก ภาพทปรากฏบนหนาจอคอมพวเตอรนน เกดจากจดสเหลยมเลกๆ ของสทเราเรยกวา พกเซล (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 หมายถง ค าสงการจดการรปภาพตางๆ เชน การเปลยนสและการเปลยนขนาด 1.4 Layer หมายถง ชนหรอล าดบของรปภาพและวตถทเราตองการจะท า Effects 1.5 Select เปนค าสงการเลอกพนทหรอสวนตางๆ ของรปภาพและวตถในการทจะเลน Effects 1.6 Filter เปนค าสงการเลน Effects ตางๆส าหรบรปภาพและวตถ 1.7 View เปนค าสงเกยวกบมมมองของภาพและวตถในลกษณะตางๆ เชน การขยายภาพ และยอภาพใหดเลก 1.8 Window เปนสวนค าสงในการเลอกใชอปกรณเสรมตางๆทจ าเปนในการใชสราง Effects 1.9 Help เปนค าสงเพอแนะน าเกยวกบการใชโปรแกรมฯและจะมรายละเอยดของโปรแกรม

2. Toolbox คอสวนของอปกรณตาง ๆ ทใชในการสรางชนงานหรอตกแตงภาพ 3. Tool options bar คอสวนทก าหนดคณสมบตของอปกรณทเลอกจาก Toolbox 4. Palettes คอสวนทใชตรวจสอบและก าหนดคณสมบตตาง ๆ ใหกบรปภาพ

ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

5. Status bar คอสวนทแสดงรายละเอยดตาง ๆ ของชนงาน เชน ขนาดของมมมองรปภาพ ขนาดของไฟล ค าแนะน าการใชงานของอปกรณทเลอกจาก Toolbox

รปท 10-1 หนาจอโปรแกรม Photoshop

เครองมอตางๆ (Toolbox)

อธบาย Tool ตางๆ

Marquee Tool เปนการเลอกแบบสเหลยมผนผา, วงกลม, แถวขนาด 1 พกเซลส หรอคอลมน 1 พกเซลส

Move Tool ใชเพอเลอนสวนทเลอก หรอไวเลอน Layer และ Guide ตางๆ

หมายเหต ป ม Toolbar ทมเครองหมายสามเหลยม

เลกๆ อยดานลางขวาเมอกดป มสามเหลยมดงกลาว

โปรแกรมจะแสดงเครองมออนๆ ออกมา

ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

Lasso Tool จะใชเพอสราง Selection แบบอสระ, แบบ Polygonal (ตามจดทคลก) และ Magnetic (ดงเขาหาขอบรปภาพ)

Magic Wand Tool ใชเลอกพนทบรเวณทมสเดยวกน

Crop Tool ใชในการเลอกบางสวนของรปภาพ

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

Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา

Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ

Spot 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 ทมสไตลหลากหลาย ชวยใหสไตล ของภาพดตางออกไป

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

Dodge Tool ใชลดความสวาง

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 ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ

การสรางไฟลใหม (New)

1. คลกทเมนค าสง File ทแถบ Menu bar จากนนเลอกค าสง New หรอ Ctrl+N 2. จะปรากฏ Dialog ส าหรบก าหนดคณสมบตตาง ๆ ของไฟลภาพดงน

- Name คอ ชอของชนงาน สามารถก าหนดใหมเองได ชอนจะไประบทชอไฟลตอไป - Preset คอ ขนาดงานทโปรแกรมก าหนดมาให ซงมหลากหลายขนาดใหเลอก หรอสามารถก าหนดเอง

จากชอง Width และ Height ได - Width คอ ขนาดความกวางของงาน (จากซายไปขวา) โดยก าหนดหนวยและขนาดไดเอง จากรป คอ

1024 Pixels - 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 เปนตน การใชงาน Palettes

Palettes คอ Dialog ทใชตรวจสอบและก าหนดคณสมบตตาง ๆ ของรปภาพ เชน Palette ของ Navigator และ Info, Palette ของ Color, Swatches เปนตน

Palette ตาง ๆ จะถกจดเปนกลม ๆ ส าหรบการซอนหรอแสดง Palettes นนใหคลกทเมนค าสง Window จากนนเลอก Palette ทตองการซอนหรอแสดง Palette ใดถกเปดใชงานอยจะมเครองหมายถก

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

ดงน

Proxy Preview

ตวเลขเปอรเซนตของภาพ

Zoom Out Zoom In

Zoom Slider

ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

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 คอสวนส าหรบก าหนดคาสในลกษณะจมเลอกส

Set foreground color

Set background color RGB slider

Swatches Palette Swatches Palette คอ Palette ทท าหนาทส าหรบเกบสหลกๆ ทนยมใช สามารถเลอกน ามาใชไดทนทและถาหากวาคณ

มสทตองการใชเปนประจ า สามารถบนทกสนนไวใน Palette นได การบนทกสทตองการไวท Swatches Palette สามารถท าไดโดยเลอกสทตองการ จากนนคลกเมาสทป มบนทกสใหมท

Swatches Palette จะสามารถบนทกสทตองการได

บนทกสใหม

สหลกๆ ทใชเปนประจ า ลบสทมอย

Styles Palette Styles Palette คอ Palette ทมไวส าหรบเกบลวดลายอยางลวดเรว สามารถเลอกลวดลายจาก Palette นไปใชในภาพ จะ

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

ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

การใชงานนนสามารถท าไดโดยเลอกท Layer ทตองการจะท า Style แลวคลกเลอกท Style บน Styles Palette จากนน

Layer จะเปลยนตาม Style นนๆ

ลวดลายตางๆ ลบสไตล

เคลยรสไตล บนทกสไตลใหม

History Palette เปน Palette ทแสดงขนตอนวธการตาง ๆ ทใชท างานกบไฟลภาพตามล าดบโดยสามารถยอนกลบไปยงการท างานตาง ๆ

ในล าดบชนและยกเลกได ประกอบดวยสวนตาง ๆ ดงน 1. สวนทใชก าหนดขอมลของการใช History Brush Tool 2. เปนภาพทแสดงรายละเอยดของงานทท าตามล าดบ 3. History State เปนล าดบขนตอนวธการตาง ๆ ทไดกระท าลงไป

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 นนมอย 12

10 11

2

1 9

3 4 5 6 7 8

หมายเหต: แถบสน าเงนแสดงวาก าลงท างานกบ 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 ส าหรบการสราง Selectionเปนสเหลยมผนผา และสเหลยมจตรส

ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

Elliptical Marquee Tool ส าหรบการสราง Selection เปนวงกลมและวงร

Single Marquee Tool ส าหรบการสราง Selection เปนพนทรปเสนตรงในแนวนอน ความกวาง 1 pixel

Single Column Marquee Tool ส าหรบการสราง Selection เปนพนทรปเสนตรงในแนวตง ความกวาง1 pixel

วธการใชงาน Marquee Tool 1. ใหคลกท Marquee Tool บน Tool Box หรอหากตองการเลอกรปแบบอนของ Marquee Tool ให คลกเมาสคาง

ไว แลวคลกเลอกรปแบบทตองการสราง Selection 2. วางต าแหนง ของ Cursor รป เพอก าหนดจดเรมส าหรบการสราง Selection 3. ใหคลกเมาสคางไวและลากเพอก าหนดขนาดของพนททตองการ แลวปลอยเมาส จะปรากฏเสนประ ของ

Selection ดงภาพ

Marquee options เมอคลกเลอกใชงาน Marquee Tool ท Tool options bar เราจะสามารถก าหนดคณสมบตตาง ๆ ของ Marquee tool ได

ดงน

1.การแกไข Selection 2 3 4 5

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 รปแบบคอ

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 และก าหนดความ

กวางและความยาวตามทตองการ

Lasso Tool เปนเครองมอทสามารถสราง Selection ไดอยางอสระ มความยดหยนสง เมอคลก Lasso Tool ท Tool bar จะมใหเลอก

ทงหมด 3 รปแบบดงน 1. Lasso Tool

เปนการสราง Selection อยางอสระ วธการใชงานเมอคลกเมาสคางแลวลากไปตามขอบของพนท Selection ท

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

Lasso Tool ตาง ๆ ไดดงน

1 2 1. Feather ก าหนดความฟ งเบลอของขอบพนท Selection 2. Anti-aliased ก าหนดใหขอบของพนททเลอกมความเรยบยงขน ไมขรขระ

2. Polygonal Lasso Tool เปนการสรางพนทของ Selection ในลกษณะของรปหลายเหลยม คลกเมาสบนภาพเพอก าหนด จดเรมตนใน

ครงแรกแลว ลากเมาสจะปรากฏเสนตอจากจดเรมตนกบปลายเมาส วธการใชงานเมอคลกเมาส

ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

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 ก าหนดใหขอบของพนททเลอกมความเรยบยงขน ไมขรขระ 3. Contiguous สามารถท าการเลอกบรเวณสทใกลเคยงกนไดเฉพาะในกลม pixels ทไดคลกเลอกเทานน ถา

ไมได Check ไวจะเลอกบรเวณทมสใกลเคยงกนในภาพทงหมด 4. Use All Layers เลอกสโดยมองทก Layer เปนเหมอน Layer เดยว หากไมถก Check ไว หมายถงใช Magic

Wand Tool เฉพาะ Layer นนเทานน Crop Tool

ก าหนดพนทของ Selection โดยตดสวนทเหลอทไมไดอยในพนทของ Selection ในภาพทงไป วธการใชงานคอคลกท

ป ม บน Tool box แลวคลกเมาสคางไวจากนนลากเมาสเพอก าหนดพนทของ Selection แลวจงปลอยเมาส เมอพรอมทจะตด

ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

สวนทเหลอออก ใหคลก ป ม บน Tool options bar หรอ ป ม เพอยกเลก นอกจากนเรายงสามารถก าหนดคณสมบตตาง ๆ ของการตด ดงน

1 2 3 4 5 1. Cropped Area เลอกผลลพธของภาพทตด

„ Delete ตดภาพโดยลบสวนทเหลอออก „ Hide ตดภาพ โดยซอนสวนทเหลอเอาไว

2. Shield cropped area แสดงสบนพนทสวนทเหลอทจะถกตดออก 3. Color สทจะแสดงบนพนทสวนทเหลอ 4. Opacity คาความโปรงแสงของสบนพนทสวนทเหลอ 5. Perspective ปรบพนทการตดใหไดภาพทมมต

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

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

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

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

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

การใช 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 ดงรป

Foreground สลบสระหวาง Foreground กบ Background

Default (ด า ขาว) Background

สามารถเปลยนสไดโดยคลกทกรอบ Foreground หรอ Background จะปรากฏ Color Picker ใหเปลยนส

การใชงาน Type Tool

สามารถสรางขอความไดทงในแนวนอนและแนวตง การสรางขอความแตละครงโปรแกรม Adobe Photoshop จะสราง Layer ใหมอตโนมต ลกษณะของขอความจะม 2 รปแบบคอ

1. แบบ Point Type จะมรปแบบเปนค าหรออกษรสน ๆ 1 บรรทด โดยก าหนดจดเรมตนของขอความบน ชนงาน

โปรแกรมจะสราง Type Layer ขนมา และสามารถพมพขอความลงไปได เมอพมพขอความเรยบรอย ใหคลกทป ม เพอตก

ลง หรอคลกป ม 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

Warp Text เมอคลกป ม จะปรากฏ Dialog ส าหรบก าหนดคาเพอปรบแตงรปทรงของขอความ

ตวอยาง Warp Text

ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

การใชงาน 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

การปรบคาความสวาง/ความคมชด (Brightness/Contrast)

การปรบความสวาง-ความมดของภาพ และการตดกนของสทชดเจนขนนน สามารถท าไดโดยใชค าสง Brightness/Contrast โดยเลอกคลกท Image > Adjustments > Brightness/Contrast

Original Brightness Contrast

ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

ใหนสตปฏบตตามขนตอนตอไปน

ขนตอนท 1 ใหนสตสรางงานใหม ก าหนดขนาดเปน Width 800px Height 600px Resolution 72 เปนแบบ RGB

ขนตอนท 2 จากนนเปด copy รปภาพชอ sunset.jpg ในเครอง มาไวทโปรแกรม Photoshop

ขนตอนท 3 จากนนใหใชเครองมอ เพอเลอกใหเหลอขนาดทตองการ ดงรป จากนนใหไปทเมน image Crop เพอตดภาพ

ใหเหลอตามขนาดทตองการ

ขนตอนท 4 เขาไปทเมน Images Adjustments Color Balance เพอปรบสของภาพ จากนนใหปรบคาดงรป

ขนตอนท 5 จากนนใหใช เลอกภาพภเขา โดยใหนสตดวา เลอกไดหมดหรอไม ใหลองปรบคา Tolerance ในชองดานบน

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

ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

ขนตอนท 6 จากนนใหใช วาดกรอบจากนนกใหปรบส Color Balance แตละชองใหไดดงรป

ขนตอนท 7 วาดรป 4 เหลยมโดยใชเครองมอ สขาวดานลางขวา แลวปรบ Opacity เปน 30% เพอใหมองทะลได

ขนตอนท 8 พมพขอความ “Naresuan” ดวยเครองมอ จากนนก าหนด (Wrap Text) จากเมนดานบน

ขนตอนท 9 ก าหนด Layer Style ใหกบตวอกษร ซงจะท าเงาและเสนขอบใหกบขอความ โดยใหนสต click ไปท Layer ขอความ แลวเลอกเมน Layer Layer Style Drop Shadow กจะขนการก าหนดคาดงรป รายการไหนทถกใชกจะมเครองหมาย ดานหนา ถาตองการปรบคาตางๆ กสามารถปรบได ซงนสตกจะเหนการปรบคาตางๆ ดวย (แตตอง Preview)

ภาควชาวทยาการคอมพวเตอรและเทคโนโลยสารสนเทศ ม.นเรศวร

ขนตอนท 10 นสตอาจจะท าขอความเพมเตมได จากนนใหบนทก โดยนสตสามารถบนทกไดหลายแบบในทนใหบนทก เปนไฟลนามสกล PSD กบ JPG

ไฟลงานทใชออกแบบใน Photoshop ไฟลภาพ Jpeg

การใชงาน Layer

ลกษณะการท างานของ Layer เปนเหมอนแผนใสวางซอนกนเปนล าดบของรปภาพ ชวยแยกการท างานให ชดเจน โดยการท างานแตละครงจะมผลกบ Layer ทเลอกอยเทานน การมองจะอยในลกษณะมองจากดานบนลงมา ดานลาง วธการเรยกใชงาน Layer คลกทเมนค าสง Window ทแถบ Menu bar เลอกค าสง Show Layer ถาหากพบวา Hide Layers แสดงวา Palette Layer ถกแสดงแลว

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 ขนใหม ใหคลกทป ม หากตองการคดลอก Layer ใหคลก Layer ทตองการแลวปลอย ลงทป มน

เชนเดยวกน แตถาตองการลบ Layer ใหคลกเลอก Layer ทตองการแลวใหคลกทป ม การ Lock Layer

เปนการก าหนดคณสมบตตาง ๆ เพอบงคบไมให Layer ถกเปลยนแปลงหรอไดรบผลกระทบใด ๆ ม ทงหมด 4 รปแบบดงน

1 2 3 4 1. Lock transparent pixels หามไมใหเตมสหรอปรบแกสลงไปใน pixels ทโปรงแสงบน Layer ได 2. Lock image pixels หามไมใหมการแกไขหรอตกแตงภาพบน Layer 3. Lock position หามไมใหมการเคลอนยายต าแหนงของ Layer 4. Lock all หามโดยใชการก าหนดคณสมบตของทง 3 ขอทกลาวมา

การ 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

การสราง Layer Set คลกทป ม เพอสราง Set หลงจากนนใหคลกเลอก Layer ทตองการ จดเกบคางไว แลวลากท Layer Set จากนนใหปลอยเมาส หากดบเบลคลกท Layer Set จะปรากฏ Dialog ของ Layer Set Properties ซงสามารถเปลยนชอของ Layer Set ได

และแถบสได

แบบฝกหดทายบท

1. อธบายค าวา Layer ในโปรแกรม Photoshop …………………………………………………………………. ……………………………………………………………………………………………………………………

2. การ Merge Layer ท าเพออะไร ………………………………………………………………………………… ……………………………………………………………………………………………………………………

3. Marquee Tool คออะไร………………………………………………………………………………………… 4. ใหนสตออกแบบขอความ ชอตวเองเปนภาษาองกฤษเปนแบบ Warp Text อะไรกได (ภาพขนาด 500x500 pixels) 5. ใหนสตออกแบบขอความทมลวดลายของภาพ Background มา 1 ขอวาม (ภาพขนาด 500x500 pixels) 6. การก าหนด Tolerance ในการใช Magic Wand เพออะไร ..................................................................................

....................................................................................................................................................................... ……………………………………………………………………………………………………………………