30
Adobe Photoshop CS2 เมื่อเปดโปรแกรม Adobe Photoshop CS2 ขึ้นมาจะเห็นเครื่องมือในการทํางานจํานวนมาก ไดแก ไตเติลบาร (Title Bar), เมนูบาร (Menu Bar), ออปชั่นบาร (Option Bar), กลองเครื่องมือ (Tool Box), พาเล็ต (Palette) ตางๆ และแถบสถานะ (Status Bar) สําหรับ Adobe Photoshop CS2 นั้น ออปชั่นของเครื่องมือตาง จะอยูบนออปชั่นบาร ทําให ใชงานไดงาย ซึ่งเมื่อคลิกเลือกเครื่องมือใด จากกลองเครื่องมือ หนาตาของออปชั่นบารก็จะเปลี่ยนแปลง ตามไปดวย นอกจากนั้นในกลองเครื่องมือก็มีเครื่องมือใหมเพิ่มเขามาและมีการปรับใชรูปแบบใหนาสวยงาม ยิ่งขึ้นเปลี่ยนแปลงตามไปดวย วิธีการเขาโปรแกรม Photoshop CS2

Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

  • Upload
    voliem

  • View
    368

  • Download
    7

Embed Size (px)

Citation preview

Page 1: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

Adobe Photoshop CS2 เมื่อเปดโปรแกรม Adobe Photoshop CS2 ขึ้นมาจะเห็นเครื่องมือในการทํางานจํานวนมาก

ไดแก ไตเติลบาร (Title Bar), เมนูบาร (Menu Bar), ออปชั่นบาร (Option Bar), กลองเครื่องมือ (Tool Box),

พาเล็ต (Palette) ตางๆ และแถบสถานะ (Status Bar)

สําหรับ Adobe Photoshop CS2 นั้น ออปชั่นของเครื่องมือตาง ๆ จะอยูบนออปชั่นบาร ทําให

ใชงานไดงาย ซึ่งเมื่อคลิกเลือกเครื่องมือใด ๆ จากกลองเครื่องมือ หนาตาของออปชั่นบารก็จะเปลี่ยนแปลง

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

ยิ่งขึ้นเปล่ียนแปลงตามไปดวย

วิธีการเขาโปรแกรม Photoshop CS2

Page 2: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-2-

ปรากฏหนาตางดังรูปภาพ

Page 3: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-3-

เครื่องมือ Photoshop Tool เครื่องมอืตางๆ Tools เปนเครื่องมือที่ใชใน Photoshop สามารถกําหนด ปอนและแสดงดวยคําส่ัง windows >

show/hide Tools ปุมบน Tools บางอัน มีรูปภาพสามเหลี่ยมอันเล็กๆอยูดานลางขวา เมื่อเรากดเมาสคางบน

ปุมนั้นจะมีเครื่องมือที่ถูกจัดใหอยูในกลุมเดียวกันออกมา สําหรับเครื่องมือตางๆ มีการใชดังนี้

Marquee (M)

Rectangular สรางเสน selection เปนรูปส่ีเหลี่ยม (ถากดคยี shift คางไว

จะได selection เปนรูปส่ีเหลี่ยมจัตุรัส)

Elliptical สรางเสน selection เปนรูปวงรี (ถากดคีย shift คางไว จะ

ได selection เปนรูปวงกลม)

Single row สรางเสน selection เปนเสนตรงในแนวนอน มีความกวาง

0.5-1 pixel มักใชในการจัดตําแหนงรูป (Align)

Single column สรางเสน selection เปนเสนตรงในแนวตั้ง มีความกวาง

0.5-1 pixel มักใชในการจัดตําแหนงรูป (Align)

Crop (C) ตัดเอาเฉพาะสวนที่อยูในเสน Crop เทานั้น

Move (V) เล่ือน Layer หรือสวนที่ select ไว

Lasso (L)

Lasso สรางเสน selection เปนรูปทรงอิสระตามการเลื่อนของ

Pointer

Polygon lasso สรางเสน selection เปนรูปทรงหลายเหลี่ยม มุมอยูที่การ

คลิกของ Pointer

Magnetic สรางเสน selection ตามแนวขอบของส ี

Note : หากใช Polygon lasso อยูแลวกดคีย Alt คางไว เครื่องมือจะกลายเปน

Lasso และจะเปลี่ยนกลับเปน Polygon lasso เมื่อปลอยคีย Alt

Magic wand (W) สรางเสน selection ตามบริเวณของสี

Page 4: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-4-

Airbrush (J) เปนเครื่องมือในการลงสี คลายการพนสี จะไดแนวของสีที่

มีขอบนุม

Paintbrush (B) เปนเครื่องมือในการลงสี คลายการทาสี จะไดแนวของสีที่มี

ขอบตามการเลือก Brush

Rubber stamp (S)

Rubber stamp เปนเครื่องมือท่ีใชคัดลอกพื้นทีโ่ดยเราตองกําหนดพื้นที่

ตัวอยางกอน โดยกดคีย Alt

Pattern stamp เปนเครื่องมือท่ีใชคัดลอกพื้นทีต่าม Pattern ที่เรากําหนด

โดยที่เราตองสรางตนแบบ ดวยคําส่ัง Define Pattern ไว

ลวงหนากอนจึงจะสามารถใชเครื่องมือน้ีได

History brush (Y) เปนเครื่องมือคลาย Paintbrush แตจะระบายตามขั้นตอน

ที่เลือกใน History palette (อานในหัวขอ History)

Eraser (E) เปนเครื่องมือท่ีใชลบ สามารถเลือกลักษณะของยางลบได

Pencil (N)

Pencil เปนเครื่องมือท่ีใชเขียน สามารถเลือกขนาดของดินสอได Line ใชสรางเสนตรง สามารถกําหนดขนาดของเสนได

Blur (R)

Blur ทําใหภาพเบลอ หรือมวั Sharpen ทําใหภาพคมชดัขึ้น Smudge คลายการใชนิ้วเกลี่ยสีที่กําลังเปยก

Dodge (O)

Dodge ใชปรับภาพใหสวาง เหมาะกบัภาพหรือพื้นที่ที่มีโทนมืดทึบ

Page 5: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-5-

Burn ใชสําหรับแตงภาพที่มีความสวางมากใหมีโทนสีมืดลง หรือ

ลดแสงสวางลง ผลที่ไดจะตรงขามกับ Dodge

Sponge ใชสําหรับเพิ่มสีใหดูสดใส หรือลดสีใหมีสีซีดลง ใน

เครื่องมืออันเดียวกัน โดยกําหนดคาใน Sponge Options

Palette คือ ใหภาพดูสดใสขึ้นใชคา Saturate และใหภาพ

ซีดลงเหมือนฟองนําซับสี ใชคา Desaturate

Pen (P)

Pen ใชสราง Path โดยการคลิกเปนจุดลอมรอบรูปทรงที่

ตองการ เปนเสนตรงและเสนโคง

Magnetic pen ใชสราง Path ที่ซับซอนใหมีความงายและเร็วขึ้น โดยมี

ความสามารถยืดขอบของภาพไดโดยอัตโนมัติ การใชงาน

คลายเครื่องมือ Magnetic

Freeform pen เปนเครื่องมือวาด Path เปนเสนโคงอิสระตามการลาก

เมาสของมือเรา

Convert-anchor

point ใชเปล่ียนประเภทของ Point ที่อยูบน Path

Direct-selection เปนเครื่องมือท่ีใชเลือกเสน Path โดยจะคลายกับ

Recanglar Marquee

Delete-anchor-

point ใชลบ Point ที่อยูบน Path

Add-anchor-point ใชเพิ่ม Point ที่อยูบน Path

Note : Point บน Path มี 2 ชนิด คือ Beizer กับ Corner โดยแบบบ Beizer จะมีแขน

ออกมาควบคมุเสนที่อยูดานขางของ Point สวน Corner จะไมม ีเสน Path เปนการ

สรางรูปประเภท Vector คือ ใชคําส่ังทางคณิตศาสตรสราง จึงสามารถปรบัเปล่ียนได

ทุกเมื่อที่ตองการ เสน Path มีประโยชนอยางมาก นอกจากจะใชสรางเสน Selection

ใน PhotoShop แลว ยังสามารถ Export ไปใชในโปรแกรมอื่นไดดวย เชน Flash, 3D

Studio Max, Illustrator เปนตน

Page 6: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-6-

Type (T)

Type ใชพมิพตัวหนังสือ Type mask ใชพมิพตัวหนังสือแบบเปน Selecion Vertical Type ใชพมิพตัวหนังสือในแนวตั้ง Vertical Type

mask ใชพมิพตัวหนังสือแบบเปน Selecion ในแนวตั้ง

Measue (U) คลายไปบรรทัด ใชวัด โดนจะแสดงผลใน Info Palette

Gradient (G)

Linear Gradient สราง Gradient เปนเสนตรง Radial Gradient สราง Gradient เปนรัศมี Angel Gradient สราง Gradient คลายเปนยอดแหลม Reflected

Gradient สราง Gradient เปนแนวสะทอน

เลือกพื้นที่แบบอิสระโดยใชกลุมเครื่องมอื

เครื่องมือ Lasso Marquee Tool

เปนเครื่องมือสําหรับเลือกภาพ โดยกําหนดสวนที่เปนขอบของ Selection เอง ซึ่งแบงออกเปน

เครื่องมือยอยๆ ดังนี้

lasso tool ตัวเลือกแบบอสิระ

polygonal lasso tool ตัวเลือกแบบเสนตรง

magnetic lasso tool ตัวเลือกแบบแมเหล็ก

1. Lasso Tool

สําหรับเลือกพื้นที่โดยการคลิกแลวลาก Mouse ไปตามพื้นที่ที่ตองการ

หากกดแปน Alt คางเอาไวขณะใชงานเครื่องมือ Lasso จะกลายเปน Polygonal Lasso และ

เมื่อปลอยแปน Alt เสน Selection ที่วาดจะปดทันที

2. Polygonal Lasso Tool

สําหรับคลิกเลือกขอบเขตของพื้นที่ Selection แบบเหลี่ยม

Page 7: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-7-

การปดพื้นที่ Selection หรือการสิ้นสุดการเลือกของ Polygonal Lasso นั้น ทําได 2 วิธี

1. คลิกเลือกพื้นที่จนกระทั่งเสนบอกเขตการเลือกมาชนที่จุดเริ่มตน ( ที่ mouse เคอรเซอร จะ

แสดงรูปวงกลมเล็ก )

2. ดับเบิ้ลคลิกเพื่อปดเสน Selection ทันที

3. Magnetic Lasso Tool 4. สําหรับเลือกเขตพื้นที่อัตโนมัติ โดยจะทําการอานคาความแตกตางระหวางสีเปนตัว

ตัดสินใจเลือกการวางเสนกําหนดพื้นที่

สําหรบั Option Bar ของเครื่องมือกลุม Lasso จะเหมอืน ๆ กบั Option Bar ของเครื่องมือ

Marquee นะคะ

เลือกพื้นที่ภาพรูปทรงเรขาคณิตดวย Marquee Tool การใชเครื่องมือในกลุม Marquee Tool เทคนิค Photoshop ตอไป อยากใหเราทําความรูจักกับ

เครื่องมือสําหรับเลือกพื้นที่ของภาพกันกอน เครื่องมือ Tool นี้มี 4 แบบดวยกัน มีความสามารถแตกตางกัน

ถาหนาโปรแกรมยังไมแสดงเครื่องมือนี้ใหเห็น ใหเขาไปที่ Window > Tool จากนั้นเรามาทําความรูจักกันวา

คือ

เครื่องมือในกลุม MARQUEE TOOL

1. Rectangular Marquee Tool: ใชเลือกพื้นที่เปนรูปส่ีเหลี่ยมผืนผา

2. Elliptical Marquee Tool:

ใชเลือกพื้นที ่เปนรูปวงกลมและวงรี

3. Single Row Marquee Tool:

ใชเลือกพื้นที่เปนแนวนอน ความกวาง

1 Pixel

4. Single Column Marquee Tool:

ใช เลือกพื้นที่ เปนแนวเสนตรง ความ

กวาง 1 Pixel

Page 8: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-8-

วิธีการเลือกพืน้ที่โดยใชเครือ่งมือ MARQUEE TOOL

การใช Rectangular Marquee Tool

1. เมื่อเราคลิกเลือก Rectangular Marquee Tool

ลากตัวชี้ เมาสไปที่บ ริเวณภาพ ตัวชี้ เมาสจะเปลี่ยนเปน

เครื่องหมายบวก ขณะลากนั้นใหคลิกเมาสคางไว จนไดพื้นที่ที่ตองการจะเกิด

เสนประ Selection จากนั้นก็สามารถนําภาพที่เลือกไปใชงานได

2. การหยิบภาพทีเ่ลือกไปใชอีก ไฟลงานหนึ่ง ที่กําลังเปดอยูบนหนาจอโปรแกรมนี้

ใหใชเครื่องมือ Move Tool จบัไปวางขามไฟลงานไดทันที

☞ Tip: สําหรับการใช เครื่องมือน้ีรวมกบัคียบอรด

กด Shift คางไวขณะที่ลากเมาสเลือกพื้นที่ จะไดพื้นที่เปนสี่เหลี่ยมจัตุรัส

การใช Elliptical Marquee Tool

1. เมื่อเราคลิกเลือก Elliptical Marquee Tool

ลากตัวชี้เมาสไปที่บริเวณภาพ ตัวชี้เมาสจะเปลี่ยนเปน เครื่องหมายบวก ขณะลากนั้นใหคลิก

เมาสคางไว จนไดพื้นที่ที่ตองการจะเกิด เสนประ Selection จากนั้นก็สามารถนําภาพทีเ่ลือกไปใชงานได

การหยิบภาพทีเ่ลือกไปใชอีก ไฟลงานหนึ่ง ที่กําลังเปดอยูบนหนาจอโปรแกรมนี้

ใหใชเครื่องมือ Move Tool จบัไปวางขามไฟลงานไดทันที

☞ Tip: สําหรับการใช เครื่องมือน้ีรวมกบัคียบอรด

กด Shift คางไวขณะที่ลากเมาสเลือกพื้นที่ จะไดพื้นที่เปนวงกลม

Page 9: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-9-

การใช Single Row Marquee Tool เลือกพื้นที่โดยการคลิกเมาส หนึ่งครั้ง จะเกิดเสนประ Selection แนวนอน

การใช Single Column Marquee Tool

เลือกพื้นที่โดยการคลิกเมาส หนึ่งครั้ง จะเกิดเสน Selection แนวตั้ง

การใชเครื่องมือ Crop Tool

เครื่องมือนี้มหีนาที่ Crop หรือตดัสวนทีไ่มตองการของรูปภาพออกไป 1. เปดภาพที่ตองการตัดขึ้นมา

Page 10: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-10-

2. ใชเครื่องมือ Crop สวนที่ตองการ

3. หลังจากนั้นกดปุม Enter

การเจาะภาพสีใหอยูบนภาพขาวดํา

1. Selection ในสวนที่ตองการใหเปนสีดวย

2. คลิกเมนู Select > Inverse

3. คลิกเมนู Image > Adjustments > Desaturate

Page 11: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-11-

การทําตัวหนงัสือนูนข้ึนจากภาพ 1. เปดภาพที่ตองการขึ้นมา

2. คลิกเลือกเครื่องมือ และพิมพขอความลงไป

3. คลิกเมนู Edit > Copy

4. คลิกเมนู Edit > Past

5. คลิกปุม แลวเลือก Bevel and

Emboss…

6. ปรากฏหนาตางดังภาพ

Page 12: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-12-

7. กําหนดคา Style = Inner Bevel Size = 15

8. กดปุม OK

การบีบไฟลภาพใหเล็กลง

1. เปดภาพที่ตองการขึ้นมา

2. คลิกเมนู File > Save for Web

3. เลือกไฟลแบบ JPEG ในกรณีที่เปนภาพจริง

4. กําหนดคุณภาพในชอง Quality แลวกดปุม

Save

การลด-เพิ่มขนาดของภาพ 1. เปดภาพที่ตองการขึ้นมา

2. คลิกเมนู Image > Image

Size

Page 13: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-13-

การสรางกรอบภาพฟุง 1. เปดภาพที่ตองการขึ้นมา จากนั้นใหกดปุม Ctrl+A

2. คลิกเมนู Select > Transform Selection

3. กดปุม Shift พรอมทั้งแดรกเมาส ยอ

Selection ลง

4. คลิกเมนู Select > Inverse

5. คลิกเมนู Select > Feather…

จากนั้นใหกําหนดคา Feather Radius

= 10

6. เทสีขาวลงไปใน Selection (หรือเปนสีอื่นก็ได แตในตัวอยางใสสีขาว)

Page 14: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-14-

7. เลือกสีที่ตองการ กดปุม OK

การสรางกรอบภาพแบบจดุ 1. เปดภาพที่ตองการขึ้นมาก

2. กดปุม

แลวแดรกเมาสสราง Selection ลอมรอบท่ี

ตองการ

3. กดปุม Ctrl+Shift+I เพื่อกลับดาน

Selection

4. กดปุม

5. คลิกเมนู Filter > Pixelate > Color

Halftone

Page 15: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-15-

จากนั้นกําหนด Max. Radius = 10

6. กดปุม

7. เทสีที่ตองการลงใน Selection กดปุม (เลือกสีที่ตองการ) กดปุม OK

การเปลี่ยนสีปากในรูปภาพ

1. เปดภาพที่ตองการขึ้นมา

2. คลิกปุม เพื่อเขาสูการทํางาน Quick Mask Mode

3. คลิกปุม จากนั้นระบายสีปากใหเต็ม

พื้นที่ ที่ตองการ

4. คลิกปุม จะไดดังภาพ

5. คลิกเมนู Select > Inverse เพื่อกลับดาน

Selection

6. ปรากฏหนาตางดังรูปดานลาง ใหกดปุม OK

7. คลิกปุม เพื่อระบายสีปากตามตองการ

8. คลิกปุม

Page 16: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-16-

9. คลิกเมนู Image > Adjustments > Variation

10. คลิกที่ปากตามชองตาง ๆ เพือ่ปรับสี

11. คลิกปุม OK

การเลือกสีที่จะนํามาใชในการออกแบบกราฟก สามารถทํางานกราฟกออกมาสวยงาม Step การเลือกสี

1. เราตองเลือกโทนสีกอนวาตองการโทนใด เชน แดง เขียว เหลือง ฟา มวง หรืออะไรก็แลวแต

2. จากนั้นเราคอยเลือกน้ําหนักสี เชน ความสวาง ความเขมจางของส ี

3. ถาตองการเลือกสีใหตัดกันสองสีใหทําการ เลือกสีกอนหลังจากนั้น OK แลวกลับมาเลือกอีก

ครั้งสีที่เราเลือกครั้งแรกจะลงมาอยูแถบสีดานลางแลวเราก็เลือกสีที่สองที่ ตองการนํามาตัดกัน

Page 17: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-17-

การแกไขสีสันในภาพถายดวยคําสั่งอัตโนมัต ิ การปรับภาพถายที่จืดใหชดัข้ึน

กอนจะไปปรับสีแบบเจาะเปนเรื่องๆ ตอนนี้เราลองมาดูการปรับสีดวยวิธีงายๆ สุดคลาสสิก

แบบคลิกเดียวแกไดเลยไมตองกําหนคาอะไรใหวุนวายกันกอน

ใน Photoshop โปรแกรมจะใหคําส่ังสําหรับแกไขสีอัตโนมัติมา 3 คําส่ังคือ

1. Auto Level คําส่ังสําหรับชวยปรับโทนสีของภาพใหอยูในสภาพที่เหมาะสมที่สุด

2. Auto Contrast คําส่ังสําหรรับชวยปรับระดับการตัดกันของสีในภาพใหเปนปกติ 3. Auto Color คําส่ังสําหรับชวยแกไขสีที่ยึดเพี้ยนของรูปภาพใหกลับมาเปนสีที่ควรจะเปน

คําส่ัง Automatic ตางๆ สามารถเรียกใชงานไดโดยการคลิกเมนู Image > Adjustments แลวเลือกคําส่ัง Auto ที่ตองการ ดังรายละเอียดตอไปน้ี

1. เปดภาพที่ตองการขึ้นมา

2. คลิกเมนู Image > Adjustments > Auto Lever

รูจักกับการปรับรูปทรงภาพดวยวิธี Transform Transform คือวิธีการนําภาพหรือพื้นที่ภาพที่เราเลือกไว มาปรับรูปทรงใหเปล่ียนแปลงไปจาก

เดิม เชน ปรับภาพใหขนาดเล็กลง ปรับทิศทางการวางภาพใหเอียง ยืดและบิดภาพ เปนตน ซึ่งวิธีการเหลานี้

สามารถปรับไดตามคําส่ังที่โปรแกรมกําหนดไวดวยคําส่ัง Transform และปรับไดโดยเราเปนผูกําหนดเองดวย

คําส่ัง Free Transform

Page 18: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-18-

ปรับขนาดภาพที่ตัดตอใหพอดี (Scale) ภาพที่ตัดตอมาซอนอยูนั้นบางครั้งขนาดจะเล็กหรือใหญกวาพื้นที่ที่เราจะวางภาพ ดังนั้นเรา

ตองปรับขนาดกันสักหนอย โดยใชคําส่ัง Edit > Transform > Scale

หมุนภาพใหไดมุมที่ลงตัว (Rotate) หากภาพที่ตัดตอมานั้นอยูในทิศทาง หรือมุมที่ไมลงตัว อันนี้ก็หมุนใหอยูในที่ควรจะอยูได โดย

เลือกคําส่ัง Edit > Transform > Rotate

บิดภาพใหดมูมีิต ิ เปนการบิดภาพโดยมุมทั้งสองขางเอียงเทากัน ทําใหภาพที่ไดดูมีมิติ มีความลึก ความสูง โดย

เลือกคําส่ัง Edit > Transform > Perspective

เลือกพื้นที่จากสีใกลเคียงกันโดยใช Magic Wand Tool เครื่องมือนี้คลายกับไมเทาวิเศษ แตก็เปนอยางนั้นจริงๆ เครื่องมือนี้เอาไวสําหรับเลือกพื้นที่ของ

ภาพ หลังจากที่เราเลือกแลวคราวนี้ก็แลวแตเราวาเราจะทําอะไรกับสวนที่เราเลือกนั้น เชน ลบทิ้ง, ใสสี, ใส

Effect ก็ไดแลวแตเรา แตเราจะมาลองใชเครื่องมือน้ีเปล่ียนสีพื้นหลังใหกับเปดกัน

เครื่องมือนีอ้ยูที่ไหน?

การเปลี่ยนสีภาพ Background ใหกับเปดนอย 1. ใหเราเปดภาพเปดที่อยูในเครื่องขึ้นมากอน ดังภาพ

Page 19: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-19-

2. หลังจากที่เราเปดภาพเปดขึ้นมาแลวใหเราเลือกเครื่องมือ Magic Wand Tool แลวนําเอา

เครื่องมือนั้น Click ไปที่พื้น Background สีขาว จะไดชิ้นงานขึ้นมาดังภาพ

3. หลังจากนั้นใหเราเลือกสีที่เราตองการ (วิธีการเลือกสี ใหนํา Mouse ชี้ไปที่ Foreground Color

แลวเลือกสีที่เราตองการ) ดังภาพ

4. หลังจากทีเราเลือกสีแลว (ในที่นี้ผมใชสีเขียวนะครับ) แลวทําการเทสีลงไปยังสวนที่เราไดเลือก

ไวตั้งแตแรก ก็จะไดผลลัพธ ดังภาพ

Tip - วิธีเทสีแบบลัดใหเรากด Alt + Back Space เปนการนําสี Foreground มาเท

- วิธีเทสีแบบลัดใหเรากด Ctrl+ Back Space เปนการนําสี Background มาเท

Page 20: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-20-

5. หลังจากนั้นใหเรายกเลิกเสนปะ (ยกเลิกเสนปะกด Ctrl + D) เพียงเทานี้ก็สามารถเปลี่ยนสี

Background ไดแลว

Polygonal Lasso Tool (L) เครื่องมือนี้นํามาใชสําหรับในการเลือกพื้นที่ของภาพทีเราตองการจะนําไปใช เครื่องมืออันนี้จะ

อยูในหมวด Lasso เครื่องมือ Polygonal นี้เปนเครื่องมือท่ี 2 การใชงานคลาย ๆ กบั Lasso

เครื่องมือนีอ้ยูที่ไหน?

Page 21: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-21-

เทคนิคการตกแตงขอความดวยการใช Layer Mask

1. สราง File ขึ้นมาใหมขนาดประมาณ 500x300 pixel (สามารถทําขนาดใหญหรือเล็กกวานี้ก็ได)

2. ใหสรางตัวอักษร โดยคลิกที่เครื่องหมาย Horizontal Type Tool (T) แลวพิมพประโยค

ที่ตองการ

3. ไปที่ File-->Open เพื่อเปดภาพที่ตองการ

Page 22: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-22-

4. จากนั้นทําการลากรูป มายังขอความที่สรางไว โดยคลิกเมาสซายคาง แลวลากมาปลอยที่ไฟล

ขอความ ดังตัวอยาง

5. ทําการใส Layer Mask เพื่อทําใหภาพเขาไปอยูในขอความ โดยคลิกที่ Layer รูปภาพ และไปที่

เมนู Layer-->Create Cliping Mask เทานี้ก็จะไดขอความที่มีพื้นหลังเปนรูปภาพที่ตองการ

6. จากนั้นมาถึงขั้นตอนตกแตงใหสวยงาม ขั้นแรก ใหสรางเลเยอรข้ึนมาใหมอีก 1 เลเยอร

โดยคลิกที่เครื่องมือ Duplicate Layer ดานลาง

Page 23: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-23-

7. ใหคลิกเลือกแถบ Layer ใหมที่สรางขึ้นเมื่อสักครู และใชเครื่องมือ Brush เลือกหัวแปรง

ลักษณะฟุงกระจาย จากนั้นใหทาสีลงใน Layer ใหมที่เลือกเอาไวตอนตน ดังรูป

8. จากนั้นใหใส Layer Mask โดยทําเหมือน ขั้นตอนที่ 5 คลิกเลือกที่ Layer สี และไปท่ี เมนู Layer-->Create Cliping Mask

Page 24: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-24-

9. หากสีที่เลือกไวตอนแรกยังไมถูกใจ สามารถปรับสีได โดยเขามาที่เมนู Image > Adjustments

> Hue/Saturetion หรือ Ctrl+U เมื่อปรับไดสีที่ตองการเรียบรอยแลวคลิก OK

10. ทําการตกแตงขอบขอความใหดูสวยงามขึ้น โดยดับเบิ้ลคลิกที่ Layer ขอความ จะมีกลอง

เครื่องมือ Layer Style ขึ้นมา จากนั้นให คลิกเลือกที่ Stroke และปรับคาดังนี้ Size = 3, Position =

Outside, Blead Mode = Normal, Opacity = 100% สวนสีใหเลือกตามตองการ

Page 25: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-25-

11. เมื่อทําการตกแตงขอบขอความ ใหดูสวยงามขึ้นเรียบรอยแลว ก็มาถึงขึ้นตอนการทําให

ขอความของเรานั้น ดูมีมิติขึ้น โดยดับเบิ้ลคลิกที่ Layer ขอความ อีกครั้ง (ทําเหมือนขึ้นตอนที่ 10) จะมี

กลองเครื่องมือ Layer Style ขึ้นมา เลือกไปที่ Drop Shadow ปรับคา Distance = 7 Px, Opacity = 60%

เมื่อปรับคาเรียบรอยแลวคลิก OK

ผลงานที่ทําเรยีบรอยแลว

วิธีการทําตัวอกัษรนูนสีทอง

Page 26: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-26-

ใบงานที่ 1 เรื่อง รูจักกับโปรแกรม Photoshop CS2

ผลการเรียนรูที่คาดหวัง บอกสวนประกอบของโปรแกรม Photoshop CS2

กระบวนการเรียนรู ใหนักเรียนตอบคําถามและเติมสวนประกอบของโปรแกรม Photoshop CS2 1. โปรแกรม Photoshop ใชสําหรับทํางานดานใดและมีความสามารถอะไรบาง

--------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------

2. เติมชื่อสวนประกอบของโปรแกรม Photoshop ที่เวนไวใหถูกตอง

Page 27: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-27-

3. บอกหนาที่ของสวนประกอบโปรแกรม Photoshop ใหถูกตอง

- พื้นที่การทํางาน (WorkArea) คือ

.........................................................................................................................................

- ไตเติ้ลบาร (Title Bar) คือ

.........................................................................................................................................

- เมนูบาร (Menu Bar) คือ

.........................................................................................................................................

- ออปชั่นบาร (Option Bar) คือ

.........................................................................................................................................

- กลองเครื่องมือ (ToolBox) คือ

.........................................................................................................................................

- พาเล็ต (Palette) คือ

.........................................................................................................................................

Page 28: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-28-

ใบงานที่ 2 การใชเครื่องมือและพาเลต็

1. การวาดวตัถุลงบนภาพ 1. เปดภาพขึ้นมาโดยใชคําส่ัง File > Open

2. วาดภาพที่ตองการลงบนภาพที่ open โดยใชเครื่องมือ Rectangle Tool

3. เลือกลักษณะรูปภาพที่ตองการจากออปชั่นบาร

4. ลากเมาสเพื่อวาดภาพบริเวณรูปภาพ

5. เลือก Color หรือ Styles ตามตองการ

2. การพิมพขอความลงบนภาพ

1. เลือกเครื่องมือ Horizontal Type Tool

2. คลิกบริเวณที่ตองการพิมพขอความ

3. เลือกแบบอักษร ขนาดอักษร และลักษณะอกัษร จากออปชั่นบาร

Page 29: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-29-

4. พิมพอักษรตามตองการ 5. ตกแตงอักษรโดยการเลือก Color หรือ Styles ตามตองการ

3. การบันทึกผลงาน

1. เมนู File > Save

2. บันทึกในไดรฟ D: โดยสรางโฟลเดอรชื่อ ม.2-1 หรือ ม.2-2 ตามหองของนกัเรียน

3. เปล่ียนชื่อที่ชอง File name: กิจกรรมที่ 2 (ชื่อนักเรียน)

Page 30: Adobe Photoshop CS2 - ccenter.yru.ac.thccenter.yru.ac.th/training/images/stories/files/Photoshop.pdf · Adobe Photoshop CS2 เมื่อเป ดโปรแกรม Adobe Photoshop

การใชงานโปรแกรม Adobe PhotoShop เบ้ืองตน

(รวบรวมโดย : นางสาวฟาติน สะนิ) งานบริการและฝกอบรม ศูนยคอมพิวเตอร มหาวิทยาลัยราชภัฏยะลา

-30-

ใบงานที่ 3

การเปดไฟลที่มีอยูแลว

1. การเปดไฟลที่มีอยูแลว โดยสามารถเปดไฟลรูปภาพขึ้นมาใชงานไดหลายรูปแบบ โดยเลือกคําสั่ง File > Open เลือกโฟลเดอรที่เก็บไฟลจากชอง Look in แลวคลิกปุม Open

2. การทํางานกับวินโดวรูปภาพ เมื่อเปดรูปภาพขึ้นมา แถบดานบนของแตละไฟลจะแสดงชื่อไฟล เปอรเซ็น

การยอ/ขยายภาพบนหนาจอหรือการซูมภาพ โหมดสี รวมทั้งปุมสําหรับยบุ/ขยายวินโดวสและปดไฟล

3. ถาตองการกําหนดใหแสดงภาพเทากับของจริง ซึ่งเทากับ 100% ใหคลิกเลือกที่ Actual Pixels หรือกําหนดใหภาพมีขนาดพอดีกับพื้นที่ทํางานใหคลิกเลือก Fit On Screen