24
ปปปปปปปปปปปปป 10 ปปปปปปปปปปปปปปปปปปปป Photoshop ปปปปป ปปป 1 ปปปปปปปปปปปป 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 เเเเเ ภภภภภภภภภภภภภภภภภภภภภภภภภภภภภ ภภภภภภภภภภภภภภภภภ ภ.ภภภภภภ

ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

Embed Size (px)

Citation preview

Page 1: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

ปฏิ�บั�ติ�การที่�� 10 ติกแติ�งภาพด้�วยโปรแกรม Photoshop คร��งที่�� 1

ว�ติถุ�ประสงค�

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 หมยถ่5ง คสำ%�งเก��ยวิก%บื้กรจ%ดเก,บื้และเร�ยกใชุ�ไฟิล!ร(ปภพื่ต้&งๆ 1.2 Edit หมยถ่5ง คสำ%�งเก��ยวิก%บื้กรแก�ไขล%กษณะของร(ปภพื่และ Image

ต้&งๆ 1.3 Image หมยถ่5ง คสำ%�งกรจ%ดกรร(ปภพื่ต้&งๆ เชุ&น กรเปล��ยนสำ�และ

กรเปล��ยนขนด 1.4 Layer หมยถ่5ง ชุ%�นหร�อลด%บื้ของร(ปภพื่และวิ%ต้ถ่�ที่��เรต้�องกรจะที่

Effects 1.5 Select เป นคสำ%�งกรเล�อกพื่��นที่��หร�อสำ&วินต้&งๆ ของร(ปภพื่และวิ%ต้ถ่�ใน

กรที่��จะเล&น Effects

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 2: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

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)

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

หมายเหติ� ป�:ม Toolbar ที่��ม�เคร��องหมยสำมเหล��ยมเล,กๆ อย(&ด�นล&งขวิเม��อกดป�:มสำมเหล��ยมด%งกล&วิ โปรแกรมจะแสำดงเคร��องม�ออ��นๆ ออกม

Page 3: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

อธิ�บัาย Tool ต้&งๆ

Marquee Toolเป นกรเล�อกแบื้บื้สำ��เหล��ยมผื�นผื�, วิงกลม, แถ่วิขนด 1 พื่�กเซลสำ! หร�อคอล%มน! 1

พื่�กเซลสำ!

Move Tool ใชุ�เพื่��อเล��อนสำ&วินที่��เล�อก หร�อไวิ�เล��อน Layer และ Guide ต้&งๆ

Lasso Toolจะใชุ�เพื่��อสำร�ง Selection แบื้บื้อ�สำระ, แบื้บื้ Polygonal (ต้มจ�ดที่��คล�ก) และ Magnetic (ด5งเข�หขอบื้ร(ปภพื่)

Magic Wand Tool ใชุ�เล�อกพื่��นที่��บื้ร�เวิณที่��ม�สำ�เด�ยวิก%น

Crop Tool ใชุ�ในกรเล�อกบื้งสำ&วินของร(ปภพื่

Slice Toolใชุ�ในกรสำร�ง Slice

Slice Selection Toolใชุ�เล�อก Slice ที่��ค�ณสำร�งข5�นม

Healing Brush Tool ใชุ�ในกรระบื้ยสำ� เพื่��อซ&อมแซมร(ปภพื่ให�สำมบื้(รณ!แบื้บื้

Spot Healing Brush Tool ใชุ�ในกรระบื้ยสำ� โดยเล�อกต้�นแบื้บื้ก&อน เพื่��อซ&อมแซมร(ปภพื่ให�สำมบื้(รณ!แบื้บื้

Patch Tool ใชุ�เฉพื่ะในบื้ร�เวิณที่��เล�อกไวิ�เที่&น%�น เพื่��อให�เก�ดควิมสำมบื้(รณ!ของร(ปภพื่ โดยใชุ�ลวิดลย หร�อใชุ�สำ&วินที่��เล�อกในภพื่เป นต้�นฉบื้%บื้

Brush Tool ใชุ�ในกรวิดเสำ�น Brush ต้&งๆ

Pencil Tool ใชุ�ในกรวิดเสำ�นที่��ม�ขอบื้ชุ%ดเจน

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 4: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

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 ใชุ�ในกรสำร�งต้%วิหน%งสำ�อลงบื้นร(ปภพื่

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 5: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

Type Mask Tool ใชุ�สำร�ง Selection เป นร(ปร&งต้%วิหน%งสำ�อ

Pen Toolsใชุ�ในกรลกเสำ�น Path ซ5�งสำมรถ่ด%ดโค�งต้มร(ปภพื่ได�

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 ค�อ ชุ��อของชุ��นงน สำมรถ่กหนดใหม&เองได� ชุ��อน��จะไประบื้�ที่��ชุ��อไฟิล!ต้&อไป

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 6: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

- Preset ค�อ ขนดงนที่��โปรแกรมกหนดมให� ซ5�งม�หลกหลยขนดให�เล�อก หร�อสำมรถ่กหนดเองจกชุ&อง Width และ Height ได�

- Width ค�อ ขนดควิมกวิ�งของงน (จกซ�ยไปขวิ) โดยกหนดหน&วิยและขนดได�เอง จกร(ป ค�อ 1024 Pixels

- Height ค�อ ขนดควิมกวิ�งของงน (จกบื้นลงล&ง) โดยกหนดหน&วิยและขนดได�เอง จกร(ป ค�อ 768 Pixels

- Resolution ค�อ ควิมละเอ�ยดของภพื่ โดยใสำ&ต้%วิเลขค&ควิมละเอ�ยดของภพื่ เชุ&น งนเวิ,บื้หร�อร(ปที่��แสำดงบื้นคอมพื่�วิเต้อร!เที่&ก%บื้ 72

pixels/inch งนสำ��งพื่�มพื่!เที่&ก%บื้ 150-200 pixels/inch

- Color Mode ค�อ โหมดสำ�ของภพื่ ซ5�งประกอบื้ไปด�วิย โหมดสำ� Bitmap, Grayscale,

RGB Color, CMYK Color, Lab Color - Background Contents ค�อ สำ�พื่��นหล%งของภพื่ เม��อเร��มชุ��นงน

ใหม& ม�ด%งน�� • White กหนดให�สำ�พื่��นหล%งเป นสำ�ขวิ • Background Color กหนดให�สำ�พื่��นหล%งเป นสำ�เด�ยวิก%บื้

Background • Transparent ไม&ม�พื่��นหล%ง

3. หล%งจกกหนดค�ณสำมบื้%ต้�ต้&ง ๆ ให�คล�กป�:ม OK เพื่��อเร��มชุ��นงนใหม&

การบั�นที่.กข�อม/ลลงบันไฟิล� (Save)

หล%งจกต้กแต้&งไฟิล!ภพื่เร�ยบื้ร�อย จะต้�องเก,บื้บื้%นที่5กข�อม(ลลงบื้นไฟิล! (Save)

สำหร%บื้กรเร�ยกใชุ�งนในคร%�งต้&อไป โปรแกรมม�กรบื้%นที่5กข�อม(ลลงบื้นไฟิล! (Save) อย(& 3

ล%กษณะ ค�อ - Save บื้%นที่5กไฟิล!ในร(ปแบื้บื้ (Format) ปกต้� ซ5�งจะอย(&ในร(ปแบื้บื้

(Format) ของ PSD

- Save As บื้%นที่5กไฟิล!ในร(ปแบื้บื้ (Format) อ��น ๆ ได� เชุ&น JPEG,

BMP, GIF เป นต้�น - Save for Web บื้%นที่5กไฟิล!ในร(ปแบื้บื้ (Format) สำหร%บื้กรใชุ�งน

บื้นเวิ,บื้ เชุ&น ไฟิล! Html และไฟิล!ร(ปภพื่ JPEG, GIF, PGN เป นต้�น การใช้�งาน Palettes

Palettes ค�อ Dialog ที่��ใชุ�ต้รวิจสำอบื้และกหนดค�ณสำมบื้%ต้�ต้&ง ๆ ของร(ปภพื่ เชุ&น Palette ของ Navigator และ Info, Palette ของ Color, Swatches เป นต้�น

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 7: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

Palette ต้&ง ๆ จะถ่(กจ%ดเป นกล�&ม ๆ สำหร%บื้กรซ&อนหร�อแสำดง Palettes น%�นให�คล�กที่��เมน(คสำ%�ง Window จกน%�นเล�อก Palette ที่��ต้�องกรซ&อนหร�อแสำดง Palette ใดถ่(กเป+ดใชุ�งนอย(&จะม�เคร��องหมยถ่(ก

Navigator Palette Navigator Palette เป น Palette ที่��ใชุ�สำหร%บื้เปล��ยนขนดม�มมอง ที่��จอภพื่

ต้มควิมเหมะสำม ประกอบื้ด�วิยสำ&วินต้&ง ๆ ด%งน��

Proxy Preview

ต้%วิเลขเปอร!เซ,นต้!ของภพื่

Zoom Out Zoom In

Zoom Slider

1. Proxy Preview Area ค�อสำ&วินที่��แสำดงถ่5งขนดของภพื่ในชุ��นงน กรอบื้สำ�หมยถ่5งขนดของชุ��นงน หกกรอบื้ของ Proxy Preview อย(&ร�มสำ�ดของภพื่แสำดงวิ&ภพื่น%�นม�ขนดพื่อด�ก%บื้ชุ��นงน

2. ต้%วิเลขเปอร!เซ,นต้!ของภพื่ ค�อสำ&วินที่��ใชุ�กหนดขนดม�มมองของภพื่ ซ5�งอย(&ในร(ปแบื้บื้ของเปอร!เซ,นต้! โดยค&ของขนดภพื่จร�งจะเที่&ก%บื้ 100 เปอร!เซ,นต้!

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 8: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

3. Zoom Out & Zoom In ค�อสำ&วินที่��ใชุ�กหนดขนดม�มมองของภพื่ ประกอบื้ด�วิยสำ&วินที่��ใชุ�กหนด 3 สำ&วิน ค�อ 3.1 Zoom Out ค�อสำ&วินที่��อย(&ด�นซ�ยสำ�ด ใชุ�สำหร%บื้ย&อขนดม�มมองของภพื่ให�

เล,กลง 3.2 Zoom In ค�อสำ&วินที่��อย(&ด�นซ�ยสำ�ด ใชุ�สำหร%บื้ขยยขนดม�มมองของภพื่

ให�ใหญ่&ข5�น 3.3 Zoom Slider ค�อสำ&วินที่��เป นแถ่บื้เล��อน หกเล��อนที่งด�นซ�ยจะย&อขนด

ม�มมองของภพื่ให�เล,กลง แต้&หกเล��อนมที่งขวิจะขยยขนดม�มมองของภพื่ให�ใหญ่&ข5�น

Color Palette Color Palette ค�อ Palette ที่��ที่หน�ที่��เป นจนสำ� ซ5�ง Mode สำ�ที่��ปรกฏในภพื่จะ

เป นล%กษณะกรผืสำมใน Mode RGB ม�สำ&วินประกอบื้ต้&ง ๆ ด%งน�� 1. Set foreground color ค�อสำ&วินแสำดงสำ�ของ foreground

2. Set background color ค�อสำ&วินแสำดงสำ�ของ background

3. RGB slider ค�อสำ&วินที่��ใชุ�กหนดค&ของกรผืสำมสำ�ใน Mode RGB ซ5�งสำมรถ่เล��อนเพื่��อปร%บื้ค&สำ�ได�จกแถ่บื้ 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 ที่��ที่หน�ที่��สำหร%บื้เก,บื้สำ�หล%กๆ ที่��น�ยมใชุ�

สำมรถ่เล�อกนมใชุ�ได�ที่%นที่�และถ่�หกวิ&ค�ณม�สำ�ที่��ต้�องกรใชุ�เป นประจ สำมรถ่บื้%นที่5กสำ�น%�นไวิ�ใน Palette น��ได�

กรบื้%นที่5กสำ�ที่��ต้�องกรไวิ�ที่�� Swatches Palette สำมรถ่ที่ได�โดยเล�อกสำ�ที่��ต้�องกร จกน%�นคล�กเมสำ!ที่��ป�:มบื้%นที่5กสำ�ใหม&ที่�� Swatches Palette จะสำมรถ่บื้%นที่5กสำ�ที่��ต้�องกรได�

บื้%นที่5กสำ�ใหม&

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 9: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

สำ�หล%กๆ ที่��ใชุ�เป นประจ ลบื้สำ�ที่��ม�อย(&

Styles Palette Styles Palette ค�อ Palette ที่��ม�ไวิ�สำหร%บื้เก,บื้ลวิดลยอย&งลวิดเร,วิ สำมรถ่

เล�อกลวิดลยจก Palette น��ไปใชุ�ในภพื่ จะที่ให�ภพื่ที่��ค�ณวิดไวิ�เปล��ยนไปต้มลวิดลยที่��เล�อกไวิ�ที่%นที่� และย%งสำมรถ่สำร�งลวิดลยให�ข5�นมเองได�ด�วิย

กรใชุ�งนน%�นสำมรถ่ที่ได�โดยเล�อกที่�� Layer ที่��ต้�องกรจะที่ Style แล�วิคล�กเล�อกที่�� Style บื้น Styles Palette จกน%�น Layer จะเปล��ยนต้ม Style น%�นๆ

ลวิดลยต้&งๆ ลบื้สำไต้ล!

เคล�ยร!สำไต้ล! บื้%นที่5กสำไต้ล!ใหม&

History Palette เป น Palette ที่��แสำดงข%�นต้อนวิ�ธี�กรต้&ง ๆ ที่��ใชุ�ที่งนก%บื้ไฟิล!ภพื่ต้มลด%บื้โดย

สำมรถ่ย�อนกล%บื้ไปย%งกรที่งนต้&ง ๆ ในลด%บื้ชุ%�นและยกเล�กได� ประกอบื้ด�วิยสำ&วินต้&ง ๆ ด%งน��

1. สำ&วินที่��ใชุ�กหนดข�อม(ลของกรใชุ� History Brush Tool

2. เป นภพื่ที่��แสำดงรยละเอ�ยดของงนที่��ที่ต้มลด%บื้ 3. History State เป นลด%บื้ข%�นต้อนวิ�ธี�กรต้&ง ๆ ที่��ได�กระที่ลงไป

4. New Document ค�อสำ&วินที่��ใชุ�สำร�งกระดษที่กรใหม& โดยค%ดลอกภพื่จกลด%บื้ที่��ชุ��อย(&

5. New Snapshot ค�อสำ&วินที่��ใชุ�สำร�ง Snapshot ใหม& 6. Trash Button ค�อสำ&วินที่��ใชุ�ลบื้ข%�นต้อนกรที่งนก%บื้ไฟิล!ภพื่ในลด%บื้ที่��เล�อก

อย(&ออก

1

2

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 10: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

3

4 5 6

Layer PaletteLayer Palette เป น Palette ที่��เก,บื้ชุ��นงนหร�อภพื่ที่%�งหมด เร�ยกวิ& Layer ซ5�ง

จะเร�ยงลด%บื้ก&อนหล%ง ที่ให�เก�ดควิมสำะดวิกในกรจ%ดกรแก�ไขโดยไม&เก�ดผืลกระที่บื้ก%บื้ชุ��นงนหร�อภพื่อ��น ๆ โดยจะแก�ไขเฉพื่ะชุ��นงนหร�อภพื่ใน 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 น%�นโปร&งใสำ ซ5�งไม&รวิม Effect ที่�� Layer น%�นม�อย(&

12

10 11

2

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 11: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

1 9

3 4 5 6 7 8

หมายเหติ�: แถ่บื้สำ�น�เง�นแสำดงวิ&กล%งที่งนก%บื้ Layer 2

การจั�ด้ล)าด้�บั Layer สำมรถ่ที่ได�โดยนเมสำ!คล�กค�งไวิ�ที่�� Layer

แล�วิลกไปย%งต้แหน&งที่��ต้�องกร หร�อใชุ�เมน(คสำ%�ง Layer -> Arrange

• Bring to Front ค�อ สำ&ง Layer ไปย%งต้แหน&งบื้นสำ�ดของที่�ก Layer

• Bring Forward ค�อ สำ&ง Layer ข5�นไปต้แหน&งบื้น 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

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 12: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

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 ข5�นใหม&

สำร�ง Selection เพื่��มข5�น โดยพื่��นที่�� Selection ก&อนหน�จะไม&หยไป แต้&จะถ่(กรวิมเข�ด�วิยก%น

ลบื้พื่��นที่��ของ Selection ออกจก Selection ก&อนหน� เป นกรสำร�ง Selection ใหม&ในพื่��นที่�� Selection เด�ม ด�วิยวิ�ธี� Intersect

จกพื่��นที่�� Selection ที่��กหนด ใหม&และ Selection ก&อนหน� ที่��ม�พื่��นที่��เด�ยวิก%น 2. Feather กหนดควิมฟิ� @งเบื้ลอของขอบื้ Selection ภพื่ ม�ค&ต้%�งแต้& 1 – 250

หกกหนดค&มกควิมฟิ� @ง เบื้ลอจะมกต้ม

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 13: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

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 ที่��ต้�องกร จนมบื้รรจบื้ที่��จ�ดเร��มต้�นแล�วิจ5งปล&อยเมสำ!จะปรกฏเสำ�นประของ Selection สำมรถ่ กหนดค�ณสำมบื้%ต้�ของ Lasso Tool ต้&ง ๆ ได�ด%งน��

1 21. Feather กหนดควิมฟิ� @งเบื้ลอของขอบื้พื่��นที่�� Selection

2. Anti-aliased กหนดให�ขอบื้ของพื่��นที่��ที่��เล�อกม�ควิมเร�ยบื้ย��งข5�น ไม&ขร�ขระ

2. Polygonal Lasso Tool เป นกรสำร�งพื่��นที่��ของ Selection ในล%กษณะของร(ปหลยเหล��ยม คล�กเมสำ!

บื้นภพื่เพื่��อกหนด จ�ดเร��มต้�นในคร%�งแรกแล�วิ ลกเมสำ!จะปรกฏเสำ�นต้&อจกจ�ดเร��มต้�นก%บื้ปลยเมสำ! วิ�ธี�กรใชุ�งนเม��อคล�กเมสำ!

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 14: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

Selection ที่��เป นเสำ�นต้รงเชุ��อมจกจ�ดต้�นมย%งจ�ดปลยเมสำ!ที่��คล�ก ให�ที่แบื้บื้น��เร��อย ๆ เพื่��อสำร�งเสำ�นขอบื้ของ Selection จนสำ�ดที่�ยให�คล�กเมสำ!บื้รรจบื้ที่��จ�ดเร��มต้�นคร%�งแรก จะเก�ด Selection ข5�น สำหร%บื้กรกหนดค�ณสำมบื้%ต้�จะเหม�อนก%บื้ Lasso Tool

3. Magnetic Lasso Tool เป นกรสำร�งพื่��นที่��ของ Selection อย&งอ�สำระและรวิดเร,วิในล%กษณะของแม&

เหล,กที่��ด(ดเข�หสำ� โดย Magnetic Lasso Tool จะใชุ�ควิมแต้กต้&งระหวิ&งสำ�ที่��เล�อกก%บื้สำ�ของ Background เป นต้%วิกหนดขอบื้เขต้ พื่��นที่�� Selection วิ�ธี�กรใชุ�งนเม�� อคล�กเมสำ!เพื่�� อกหนดจ�ดเร��มต้�นแล�วิ ให�ปล&อยเมสำ!แล�วิลกเมสำ!ต้ม ขอบื้เขต้พื่��นที่��ที่��ต้�องกรเล�อก Magnetic Lasso Tool จะเล�อกขอบื้เขต้พื่��นที่�� Selection เองโดยอ%ต้โนม%ต้� จน สำ�ดที่�ยให�คล�กเมสำ!บื้รรจบื้ที่��จ�ดเร��มต้�นคร%�งแรก จะเก�ด Selection ข5�น ค�ณสำมบื้%ต้�ของ 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 หกค&ควิมถ่��มกจะที่ให�ม�กรกหนดจ�ดในแต้&ละชุ&วิงของกร เล�อกมก ที่ให�โปรแกรมสำมรถ่เล�อกพื่��นที่��อย&งม�ควิมถ่(กต้�องมกข5�น

Magic Wand Tool กหนดพื่��นที่��ของ Selection โดยเล�อกบื้ร�เวิณที่��ม�ค&สำ�ใกล�เค�ยงก%น วิ�ธี�กรใชุ�งน

ค�อคล�กที่��ป�:ม บื้น Tool box แล�วิคล�กเล�อกพื่��นที่��ที่��ต้�องกรสำร�ง Selection นอกจกน��แล�วิย%งสำมรถ่กหนดค�ณสำมบื้%ต้�ของ Magic Wand Tool ได�ด%งน��

1 2 3 4

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 15: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

1. Tolerance ม�ค&ให�กหนดต้%�งแต้& 0 – 255 pixels เป นค&ของจนวินสำ�ที่��ใกล�เค�ยงก%บื้สำ�ที่��ถ่(กเล�อก

2. Anti-aliased กหนดให�ขอบื้ของพื่��นที่��ที่��เล�อกม�ควิมเร�ยบื้ย��งข5�น ไม&ขร�ขระ

3. Contiguous สำมรถ่ที่กรเล�อกบื้ร�เวิณสำ�ที่��ใกล�เค�ยงก%นได�เฉพื่ะในกล�&ม pixels ที่��ได�คล�กเล�อกเที่&น%�น ถ่� ไม&ได� Check ไวิ�จะเล�อกบื้ร�เวิณที่��ม�สำ�ใกล�เค�ยงก%นในภพื่ที่%�งหมด

4. Use All Layers เล�อกสำ�โดยมองที่�ก Layer เป นเหม�อน Layer เด�ยวิ หกไม&ถ่(ก Check ไวิ� หมยถ่5งใชุ� Magic Wand Tool เฉพื่ะ Layer น%�นเที่&น%�น

Crop Tool กหนดพื่��นที่��ของ Selection โดยต้%ดสำ&วินที่��เหล�อที่��ไม&ได�อย(&ในพื่��นที่��ของ

Selection ในภพื่ที่��งไป วิ�ธี�กรใชุ�งนค�อคล�กที่��ป�:ม บื้น Tool box แล�วิคล�กเมสำ!ค�งไวิ�จกน%�นลกเมสำ!เพื่��อกหนดพื่��นที่��ของ Selection แล�วิจ5งปล&อยเมสำ! เม��อพื่ร�อมที่��จะต้%ดสำ&วินที่��เหล�อออก ให�คล�ก ป�:ม บื้น Tool options bar หร�อ ป�:ม เพื่��อยกเล�ก นอกจกน��เรย%งสำมรถ่กหนดค�ณสำมบื้%ต้�ต้&ง ๆ ของกรต้%ด ด%งน��

1 2 3 4 51. Cropped Area เล�อกผืลล%พื่ธี!ของภพื่ที่��ต้%ด

• Delete ต้%ดภพื่โดยลบื้สำ&วินที่��เหล�อออก • Hide ต้%ดภพื่ โดยซ&อนสำ&วินที่��เหล�อเอไวิ�

2. Shield cropped area แสำดงสำ�บื้นพื่��นที่��สำ&วินที่��เหล�อที่��จะถ่(กต้%ดออก 3. Color สำ�ที่��จะแสำดงบื้นพื่��นที่��สำ&วินที่��เหล�อ 4. Opacity ค&ควิมโปร&งแสำงของสำ�บื้นพื่��นที่��สำ&วินที่��เหล�อ 5. Perspective ปร%บื้พื่��นที่��กรต้%ดให�ได�ภพื่ที่��ม�ม�ต้�

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

All กหนดพื่��นที่�� Selection โดยใชุ�พื่��นที่��ของร(ปภพื่ที่%�งหมด Deselect ยกเล�กกรกหนดพื่��นที่�� Selection

Reselect ย�อนกล%บื้ไปกหนดพื่��นที่�� Selection หล%งจกได�ยกเล�กไป Inverse เป นกรเปล��ยนพื่��นที่��ของ Selection จกที่��กหนดไวิ�ให�เป น พื่��นที่��ต้รง

ข�ม

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 16: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

การใช้� Transform เพ �อปร�บัเปล��ยนพ �นที่�� Selection

คล�กที่��เมน(คสำ%�ง Edit ที่��แถ่บื้ Menu bar จกน%�นเล�อกคสำ%�ง Transform

- Again กล%บื้สำ(&ร(ปแบื้บื้เด�มก&อนหน�น�� 1 ข%�น - Scale ปร%บื้เปล��ยนแบื้บื้ Scale ต้มแนวิต้%�ง แนวินอนและแนวิที่แยง - Rotate หม�นพื่��นที่��ที่��เล�อก - Skew ป+ดเกล�ยวิพื่��นที่��เล�อก - Distort กรบื้�ดเบื้�อนพื่��นที่��เล�อก - Perspective ปร%บื้ขนดของพื่��นที่��เล�อกให�ม�ล%กษณะกรมองแบื้บื้ Perspective (แบื้บื้ม�ม�ต้� ควิมกวิ�ง ควิมยวิ ควิมล5ก)

- 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 ให�เปล��ยนสำ�

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 17: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

การใช้�งาน Type Tool

สำมรถ่สำร�งข�อควิมได�ที่%�งในแนวินอนและแนวิต้%�ง กรสำร�งข�อควิมแต้&ละคร%�งโปรแกรม Adobe Photoshop จะสำร�ง Layer ใหม&อ%ต้โนม%ต้� ล%กษณะของข�อควิมจะม� 2 ร(ปแบื้บื้ค�อ

1. แบับั Point Type จะม�ร(ปแบื้บื้เป นคหร�ออ%กษรสำ%�น ๆ 1 บื้รรที่%ด โดยกหนดจ�ดเร��มต้�นของข�อควิมบื้น ชุ��นงน โปรแกรมจะสำร�ง Type Layer ข5�นม และสำมรถ่พื่�มพื่!ข�อควิมลงไปได� เม��อพื่�มพื่!ข�อควิมเร�ยบื้ร�อย ให�คล�กที่��ป�:ม เพื่��อต้กลง หร�อคล�กป�:ม

2. แบับั Paragraph Type จะม�ร(ปแบื้บื้เป นข�อควิมที่��ม�หลยบื้รรที่%ด โดยจะอย(&ภยในขอบื้เขต้ที่��กหนด เด�ยวิก%น (Bounding box) โดยกหนดจ�ดขอบื้เขต้ของข�อควิมที่��ใสำ& โปรแกรมจะสำร�ง Type Layer ข5�นม และสำมรถ่พื่�มพื่!ข�อควิมและจ%ดเป น Paragraph ได�จก Paragraph Palette เม��อพื่�มพื่!ข�อควิมเร�ยบื้ร�อย ให�คล�กที่��ป�:ม เพื่��อต้กลง หร�อคล�กป�:ม

ข�อควิมในแนวินอนข�อควิมในแนวิต้%�งข�อควิม Selection ในแนวินอน

ข�อควิม Selection ในแนวิต้%�ง

หกต้�องกรแก�ไขข�อควิมที่��พื่�มพื่!ให�คล�กที่��ป�:ม แล�วิลกเมสำ!บื้นข�อควิมที่��ต้�องกรแก�ไขให�เก�ดแถ่บื้สำ� แล�วิ จ5งปร%บื้แก�ไขข�อควิม หร�อเปล��ยนแปลงค�ณสำมบื้%ต้�ต้&ง ๆ

ของข�อควิมบื้น Tool options bar เม��อแก�ไขเร�ยบื้ร�อยแล�วิจ5ง คล�กป�:ม

หกต้�องกรต้%วิอ%กษรที่��ม�ลวิดลยของภพื่ Background เชุ&น

สำมรถ่ที่ได�โดยใชุ�สำร�ง Selection ของต้%วิอ%กษร ซ5�งม�วิ�ธี�ให�คล�กที่��ป�:ม เพื่��อเล�อก Horizontal Type Mask Tool หร�อ Vertical Type Mask Tool แล�วิพื่�มพื่!ข�อควิมที่��ชุ��นงน เม��อพื่�มพื่!เสำร,จ จะเก�ด Selection ที่��เป นต้%วิอ%กษร จกน%�น สำมรถ่ที่��จะค%ดลอกลวิดลยภพื่ที่��ต้�องกรต้ม Selection ของข�อควิมน%�นได�

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 18: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

ค�ณสมบั�ติ�ติ�าง ๆ ของ Type Tool

ร(ปแบื้บื้ต้%วิอ%กษร ต้กแต้&งขอบื้ต้%วิอ%กษร สำ�ต้%วิอ%กษร กรกหนดร(ป

แบื้บื้ต้%วิอ%กษร

ชุน�ดของต้%วิอ%กษร ขนดต้%วิอ%กษร กรวิงต้แหน&ง Warp Text

Warp Text เม��อคล�กป�:ม จะปรกฏ Dialog สำหร%บื้กหนดค&เพื่��อปร%บื้แต้&งร(ปที่รงของข�อควิม

ติ�วอย�าง Warp Text

แบับัฝึ5กห�ด้

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 19: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

1. ให�น�สำ�ต้ออกแบื้บื้ข�อควิม ชุ��อต้%วิเองเป นภษอ%งกฤษเป นแบื้บื้ Warp Text

อะไรก,ได� (ภพื่ขนด 500x500 pixels)

2. ให�น�สำ�ต้ออกแบื้บื้ข�อควิมที่��ม�ลวิดลยของภพื่ Background ม 1 ข�อวิม (ภพื่ขนด 500x500 pixels)

3. กรกหนด Tolerance ในกรใชุ� Magic Wand เพื่��ออะไร .........................................................................................................................................................................................................................................................

การใช้�งาน 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 ข5�นใหม& ให�คล�กที่��ป�:ม หกต้�องกรค%ดลอก Layer ให�คล�ก Layer ที่��ต้�องกรแล�วิปล&อย ลงที่��ป�:มน��เชุ&นเด�ยวิก%น แต้&ถ่�ต้�องกรลบื้ Layer ให�คล�กเล�อก Layer ที่��ต้�องกรแล�วิให�คล�กที่��ป�:ม

การ Lock Layer

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 20: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

เป นกรกหนดค�ณสำมบื้%ต้�ต้&ง ๆ เพื่��อบื้%งค%บื้ไม&ให� Layer ถ่(กเปล��ยนแปลงหร�อได�ร%บื้ผืลกระที่บื้ใด ๆ ม� ที่%�งหมด 4 ร(ปแบื้บื้ด%งน��

1 2 3 41. Lock transparent pixels ห�มไม&ให�เต้�มสำ�หร�อปร%บื้แก�สำ�ลงไปใน pixels ที่��โปร&งแสำงบื้น Layer ได� 2. Lock image pixels ห�มไม&ให�ม�กรแก�ไขหร�อต้กแต้&งภพื่บื้น Layer

3. Lock position ห�มไม&ให�ม�กรเคล��อนย�ยต้แหน&งของ Layer

4. Lock all ห�มโดยใชุ�กรกหนดค�ณสำมบื้%ต้�ของที่%�ง 3 ข�อที่��กล&วิม

การ Merge Layer

เป นกรรวิมชุ%�นของ Layer ต้%�งแต้& 2 ชุ%�นข5�นไปมไวิ�รวิมก%น โดยคล�กที่��ป�:ม แล�วิจะปรกฏ 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 ซ5�ง สำมรถ่เปล��ยนชุ��อของ Layer ได� และแถ่บื้สำ�ได�

การจั�ด้ Set ของ Layer

เป นกรรวิบื้รวิม Layer ต้&ง ๆ มไวิ�เป นกล�&ม Layer Set สำมรถ่ใชุ�คสำ%�งต้&ง ๆ เหม�อน Layer ที่%�วิ ไป เชุ&น กรด( ค%ดลอก เคล��อนย�ย และกรเปล��ยนลด%บื้

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร

Page 21: ปฏิบัติการที่ 10 __ตกแต่งภาพด้วยโปรแกรม_photoshop_ครั้งที่_1

ยกเวิ�นคสำ%�งบื้งคสำ%�ง เชุ&น Layer Effect ด%งน%�นใชุ� งนคสำ%�งใด ๆ ของ Layer

Set จะเก�ดข5�นก%บื้ Layer ภยในที่�ก Layer

กรสำร�ง Layer Set คล�กที่��ป�:ม เพื่��อสำร�ง Set หล%งจกน%�นให�คล�กเล�อก Layer ที่��ต้�องกร จ%ดเก,บื้ค�งไวิ� แล�วิลกที่�� Layer Set จกน%�นให�ปล&อยเมสำ! หกด%บื้เบื้��ลคล�กที่�� Layer Set จะปรกฏ Dialog ของ Layer Set Properties

ซ5�งสำมรถ่เปล��ยนชุ��อของ Layer Set ได� และแถ่บื้สำ�ได�

แบับัฝึ5กห�ด้

1. อธี�บื้ยควิ& Layer ในโปรแกรม Photoshop ………………………………………………………………….……………………………………………………………………………………………………………………

2. กร Merge Layer ที่เพื่��ออะไร ………………………………………………………………………………

………………………………………………………………………………………………………………………

3. Marquee Tool ค�ออะไร…………………………………………………………………………

…………………………………………………………………………………………………

…………………………………

ภควิ�ชุวิ�ที่ยกรคอมพื่�วิเต้อร!และเที่คโนโลย�สำรสำนเที่ศ ม.นเรศวิร