Photoshop cs

49
ศูนยพัฒนาการเรียนการสอนเทคโนโลยีและการสื่อสาร (ICT) โรงเรียนทาบอ จ.หนองคาย คูมือการใชโปรแกรม คูมือการใชโปรแกรม คูมือการใชโปรแกรม A A d d o o b b e e P P h h o o t t o o s s h h o o p p C C S S 3 3 สุวิทย ดวงดี ศูนยพัฒนาการเรียนการสอน เทคโนโลยีสารสนเทศและการสื่อสาร(ICT) โรงเรียนทาบอ อําเภอทาบอ จังหวัดหนองคาย
  • Upload

    -
  • Category

    Documents

  • view

    1.273
  • download

    5

Transcript of Photoshop cs

Page 1: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยและการสอสาร (ICT) โรงเรยนทาบอ จ.หนองคาย

คมอการใชโปรแกรมคมอการใชโปรแกรมคมอการใชโปรแกรม

AAAdddooobbbeee PPPhhhoootttooossshhhoooppp CCCSSS333

สวทย ดวงด ศนยพฒนาการเรยนการสอน

เทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ อาเภอทาบอ จงหวดหนองคาย

Page 2: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

1

สารบญ

พนทการทางาน (Work Area) 2

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

การใชงาน Palettes 7

การเปดไฟลภาพ (Open) 12

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

การบนทกขอมลลงบนไฟล (Save) 14

การกาหนดพนท เพอแกไขและตกแตงภาพ (Selection) 15

การใชงาน Foreground และ Background Color 2

การใชงาน Type Tool

การใชงาน Layer 22

การทาภาพโดยใช Filter 25

การใชงาน Layer Style 28

การเปลยนรปรางของรป (Transform) 29

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

การปรบขนาดของชนงาน 30

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

ตวอยางเทคนค PhotoShop

Page 3: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

2

Adobe Photoshop CS คออะไร

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

ประสทธภาพสง เพอการทางานระดบมาตรฐานสาหรบนกออกแบบมออาชพทตองการสรางสรรคงานกราฟกท

โดดเดน ทงงานทใชบนเวบและงานสงพมพ

พนทการทางาน (Work Area)

Work Area หรอพนทการทางานของโปรแกรม Adobe Photoshop จะประกอบดวยเครองมอสาหรบ

การตกแตงไฟลภาพตาง ๆ ดงน

1. Menu bar คอสวนทแสดงชอเมนตางๆ ของโปรแกรม

2. Toolbox คอสวนของอปกรณตาง ๆ ทใชในการสรางชนงานหรอตกแตงภาพ

3. Tool options bar คอสวนทกาหนดคณสมบตของอปกรณทเลอกจาก Toolbox

4. Palettes คอสวนทใชตรวจสอบและกาหนดคณสมบตตาง ๆ ใหกบรปภาพ

5. Status bar คอสวนทแสดงรายละเอยดตาง ๆ ของชนงาน เชน ขนาดของมมมองรปภาพ ขนาด

ของไฟล คาแนะนาการใชงานของอปกรณทเลอกจาก Toolbox

Tool options bar

Status bar

Work area

Menu bar

Toolbox

Palettes

Page 4: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

3

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

หมายเหต ป ม Toolbar ทมเครองหมายสามเหลยมเลกๆ อยดานลางขวาเมอกดป มสามเหลยมดงกลาว

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

Photoshop CS

Page 5: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

4

Tool ทนาสนใจ

Marquee Tool

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

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

แถวขนาด พกเซลส หรอ

คอลมน พกเซลส

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

ใชกอปปรปโดยอาศย

รปภาพตนฉบบ

Page 6: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

5

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

Blur Tool

ใชในการปรบขอบรปภาพ

ใหดเบลอ

Sharpen Tool

ใชในการปรบขอบของ

รปภาพใหมความคมชด

เพมขน

Smudge Tool

ใชในการดงภาพคลายกบ

การใชนวถกบภาพ ทาให

เหมอนกบมรอยเปอน

Dodge Tool

ใชเพมความสวางแสงใน

สวนตางๆ ของรปภาพ

Page 7: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

6

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

Notes Tool

ใชเขยนโนต หรอแนบเสยง

ไปกบรปภาพได

Eyedropper Tool

ใชในการดดสจากรปภาพ

เพอใชเปนตนแบบของสกบ

งานชนอนๆ

Measure Tool

ใชวดระยะหาง, ตาแหนง

และมมองศาระหวางภาพ

Hand Tool

ใชเลอนภาพทอยใน

หนาตางเดยวกน

Zoom Tool

ใชในการขายและยอสวน

การแสดงภาพบนหนาจอ

Page 8: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

7

การใชงาน Palettes

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

Navigator และ Info, Palette ของ Color, Swatches เปนตน

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

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

หนา Palette

Page 9: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

8

Navigator Palette

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

เหมาะสม ประกอบดวยสวนตาง ๆ ดงน

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

Zoom Slider

Zoom In Zoom Out

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

Proxy Preview

Sample color

RGB slider Set background color Set foreground color

Page 10: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

9

Swatches Palette

Swatches Palette คอ Palette ททาหนาทสาหรบเกบสหลกๆ ทนยมใช สามารถเลอก

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

การบนทกสทตองการไวท Swatches Palette สามารถทาไดโดยเลอกสทตองการ จากนน

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

Styles Palette

Styles Palette คอ Palette ทมไวสาหรบเกบลวดลายอยางลวดเรว สามารถเลอกลวดลาย

จาก Palette นไปใชในภาพ จะทาใหภาพทคณวาดไวเปลยนไปตามลวดลายทเลอกไวทนท และยง

สามารถสรางลวดลายใหขนมาเองไดดวย

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

บน Styles Palette จากนน Layer จะเปลยนตาม Style นนๆ

สหลกๆ ทใชเปนประจา

บนทกสใหม

ลบสทมอย

ลวดลายตางๆ

Clear Style

New Style

Delete Style

Page 11: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

10

History Palette

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

โดยสามารถยอนกลบไปยงการทางานตาง ๆ ในลาดบชนและยกเลกได ประกอบดวยสวนตาง ๆ ดงน

1. สวนทใชกาหนดขอมลของการใช History Brush Tool

2. เปนภาพทแสดงรายละเอยดของงานททาตามลาดบ

3. History State เปนลาดบขนตอนวธการตาง ๆ ทไดกระทาลงไป

4. History State Slider คอสวนชวาขณะนอยทลาดบใด

5. New Document คอสวนทใชสรางกระดาษทาการใหม โดยคดลอกภาพจากลาดบทชอย

6. New Snapshot คอสวนทใชสราง Snapshot ใหม

7. Trash Button คอสวนทใชลบขนตอนการทางานกบไฟลภาพในลาดบทเลอกอยออก

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 เดยวกน

1 2

3

4

5 6 7

Page 12: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

11

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

หมายเหต: แถบสนาเงนแสดงวากาลงทางานกบ Layer 2

การจดลาดบ Layer สามารถทาไดโดยนาเมาสคลกคางไวท Layer แลวลากไปยง

ตาแหนงทตองการ หรอใชเมนคาสง Layer -> Arrange

Bring to Front คอ สง Layer ไปยงตาแหนงบนสดของทก Layer

Bring Forward คอ สง Layer ขนไปตาแหนงบน ขน

Send Backward คอ สง Layer ลงไปตาแหนงลาง ขน

Send to Back คอ สง Layer ลงไปตาแหนงลางสดของทก Layer แตยกเวน

Background Layer

2

1

3 4 5 6 7 8

9

12

11

10

Page 13: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

12

การเปดไฟลภาพ (Open)

1. คลกทเมนคาสง File ทแถบ Menu bar จากนนเลอกคาสง Open

2. จะปรากฏ Dialog แสดงรายชอไฟลตาง ๆ ดงภาพ เพอเลอกไฟลทตองการเปดมาใชงาน

3. คลกเลอกไฟลทตองการเปดใชงาน จากนนคลกป ม Open

Page 14: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

13

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

1. คลกทเมนคาสง File ทแถบ Menu bar จากนนเลอกคาสง New

2. จะปรากฏ Dialog สาหรบกาหนดคณสมบตตาง ๆ ของไฟลภาพดงน

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

- Preset คอ ขนาดงานทโปรแกรมกาหนดมาให ซงมหลากหลายขนาดใหเลอก หรอ

สามารถกาหนดเองจากชอง Width และ Height ได

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

ไดเอง จากรป คอ Pixels

- Height คอ ขนาดความกวางของงาน (จากบนลงลาง) โดยกาหนดหนวยและขนาด

ไดเอง จากรป คอ Pixels

- Resolution คอ ความละเอยดของภาพ โดยใสตวเลขคาความละเอยดของภาพ

เชน งานเวบหรอรปทแสดงบนคอมพวเตอรเทากบ pixels/inch งานสงพมพ

เทากบ - pixels/inch

- Color Mode คอ โหมดสของภาพ ซงประกอบไปดวย โหมดส Bitmap, Grayscale,

RGB Color, CMYK Color, Lab Color

Page 15: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

14

- 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

2. จะปรากฏ Dialog สาหรบกาหนดคณสมบตตาง ๆ ของไฟลภาพดงน

Page 16: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

15

- ชอไฟล (File Name)

- รปแบบของไฟล (Format)

- กาหนดคณสมบตของการบนทกไฟล (Save Options)

As a Copy บนทกไฟลเปนชออน รปแบบ (Format) อน ขณะทไฟลเดมกาลง

เปดใชงาน

Layers จะเกบคณสมบตของ Layer ตาง ๆ

Use Proof setup เกบคาโหมดสทจะใชแสดงสของภาพกอนจะพมพ

Thumbnail กาหนดใหไฟลทบนทก (Save) สามารถแสดงภาพตวอยางใน

Dialog ของการเปดไฟล

Use Lower Case Extension กาหนดใหนามสกลไฟลเปนอกษรตวเลก

3. หลงจากกาหนดคณสมบตตาง ๆ ใหคลกป ม Save เพอบนทกขอมลลงบนไฟล

การกาหนดพนท เพอแกไขและตกแตงภาพ (Selection)

Marquee Tool เปนเครองมอสาหรบการกาหนด Selection โดยคลกเลอก Marquee Tool จาก Tool

box จะมใหเลอกใชงาน รปแบบตามความเหมาะสม

Rectangular Marquee Tool

สาหรบการสราง Selectionเปนสเหลยมผนผา และ

สเหลยมจตรส

Elliptical Marquee Tool

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

Single Marquee Tool

สาหรบการสราง Selection เปนพนทรปเสนตรงในแนวนอน

ความกวาง pixel

Single Column Marquee Tool

สาหรบการสราง Selection เปนพนทรปเสนตรงในแนวตง

ความกวาง pixel

Page 17: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

16

วธการใชงาน 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 จะมใหเลอก รปแบบคอการกาหนดเลอก Selection ใหม การเพม ตดและลด

Selection และการสราง Selection ดวยวธการตางๆ ดงน

เมอคลกเมาสจะเปนการสราง Selection ขนใหม

สราง Selection เพมขน โดยพนท Selection กอนหนาจะไมหายไป แตจะถกรวมเขาดวยกน

ลบพนทของ Selection ออกจาก Selection กอนหนา

เปนการสราง Selection ใหมในพนท Selection เดม ดวยวธ Intersect จากพนท Selection ท

กาหนดใหมและ Selection กอนหนา ทมพนทเดยวกน

2. Feather กาหนดความฟ งเบลอของขอบ Selection ภาพ มคาตงแต – หากกาหนดคามากความ

ฟ งเบลอจะมากตาม

การแกไข Selection

Feather

Style Width Height

Page 18: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

17

3. Style ของ Marquee Options ม รปแบบคอ

Normal เลอกขนาดอสระ ขนาดของ Selection จะเปลยนไปตามการเคลอนตาแหนงเมาส

Constrained Aspect Ratio กาหนดขนาดของ Selection โดยยดหยนตามอตราสวนของ

ความกวาง (Width) และความสง (Height)

Fixed Size กาหนดขนาดของ Selection ตามอตราสวนของความกวาง (Width) และ

ความสง (Height) ทแนนอน

4. Width การกาหนดความกวางของ Selection

5. Height การกาหนดความสงของ Selection

การสราง Fixed Size Selection

ถาตองการสราง Selection ขนาดกวาง ยาว Pixels ใหเปลยนชอง Style เปนแบบ

Fixed Size และกาหนดความกวางและความยาวตามทตองการ

เปลยนเปน Fixed Size ระบขนาด กวาง และยาว

Lasso Tool

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

Tool ท Tool bar จะมใหเลอกทงหมด รปแบบดงน

. Lasso Tool

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

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

Selection สามารถกาหนดคณสมบตของ Lasso Tool ตาง ๆ ไดดงน

Feather กาหนดความฟ งเบลอของขอบพนท Selection

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

2. Polygonal Lasso Tool

เปนการสรางพนทของ Selection ในลกษณะของรปหลายเหลยม คลกเมาสบนภาพเพอกาหนด

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

คลกเมาสจะเกดเสนขอบของพนท Selection ทเปนเสนตรงเชอมจากจดตนมายงจดปลายเมาสทคลก

ใหทาแบบนเรอย ๆ เพอสรางเสนขอบของ Selection จนสดทายใหคลกเมาสบรรจบทจดเรมตนครง

แรก จะเกด Selection ขน สาหรบการกาหนดคณสมบตจะเหมอนกบ Lasso Tool

1 2

Page 19: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

18

3. Magnetic Lasso Tool

เปนการสรางพนทของ Selection อยางอสระและรวดเรวในลกษณะของแมเหลกทดดเขาหาส

โดย Magnetic Lasso Tool จะใชความแตกตางระหวางสทเลอกกบสของ Background เปน

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

เมาสแลวลากเมาสตามขอบเขตพนททตองการเลอก Magnetic Lasso Tool จะเลอกขอบเขตพนท

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

คณสมบตของ Magnetic Lasso Tool มเพมจาก Lasso Tool ไดดงน

1. Width มคาตงแต - pixels เปนการกาหนดใหโปรแกรมทาการตรวจสอบหาขอบเขตของพนท

ทเลอก นบตงแตจดทเมาสชอยไป X pixels เพอกาหนดขอบเขต

2. Edge Contrast มคาตงแต - % หากมคามากจะทาใหเสนขอบของพนททเลอกอยระหวางสท

Contrast กนมาก

3. Frequency มคาตงแต - pixels หากคาความถมากจะทาใหมการกาหนดจดในแตละชวง

ของการเลอกมาก ทาใหโปรแกรมสามารถเลอกพนทอยางมความถกตองมากขน

Magic Wand Tool

กาหนดพนทของ Selection โดยเลอกบรเวณทมคาสใกลเคยงกน วธการใชงาน

คอคลกทป ม บน Tool box แลวคลกเลอกพนททตองการสราง Selection นอกจากนแลวยงสามารถ

กาหนดคณสมบตของ Magic Wand Tool ไดดงน

1. Tolerance มคาใหกาหนดตงแต – pixels เปนคาของจานวนสทใกลเคยงกบสทถกเลอก

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

3. Contiguous สามารถทาการเลอกบรเวณสทใกลเคยงกนไดเฉพาะในกลม pixels ทไดคลกเลอก

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

4. Use All Layers เลอกสโดยมองทก Layer เปนเหมอน Layer เดยว หากไมถก Check ไว หมายถงใช

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

1 2 3 4

1 2 3

Page 20: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

19

Crop Tool

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

วธการใชงานคอคลกทป ม บน Tool box แลวคลกเมาสคางไวจากนนลาก เมาสเพอ

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

ป ม บน Tool options bar หรอป ม เพอยกเลก นอกจากนเรายงสามารถกาหนด

คณสมบตตาง ๆ ของการตดดงน

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

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

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

2. Shield cropped area แสดงสบนพนทสวนทเหลอทจะถกตดออก

3. Color สทจะแสดงบนพนทสวนทเหลอ

4. Opacity คาความโปรงแสงของสบนพนทสวนทเหลอ

5. Perspective ปรบพนทการตดใหไดภาพทมมต

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

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

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

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

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

พนทตรงขาม

1 2 3 4 5

Page 21: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

20

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

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

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

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

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

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

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

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

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

- Rotate ? CW หมน องศา

- Rotate ? CW หมน องศาตามเขมนาฬ กา

- Rotate ? CCW หมน องศาทวนเขมนาฬ กา

- Flip Horizontal กลบจากซายเปนขวา

- Flip Vertical กลบจากบนลงลาง

การใชงาน Foreground และ Background Color

การใชงานในสวนของ Foreground และ Background Color สามารถทาไดทสวนของ Toolbox ดงรป

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

Foreground Color

Background Color

Switch Color

Default Color

Page 22: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

21

การใชงาน Type Tool

สามารถสรางขอความไดทงในแนวนอนและแนวตง การสรางขอความแตละครงโปรแกรม

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

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

ขอความบนชนงาน โปรแกรมจะสราง Type Layer ขนมา และสามารถพมพขอความลงไปได

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

2. แบบ Paragraph Type จะมรปแบบเปนขอความทมหลายบรรทด โดยจะอยภายในขอบเขตท

กาหนดเดยวกน (Bounding box) โดยกาหนดจดขอบเขตของขอความทใส โปรแกรมจะสราง

Type Layer ขนมา และสามารถพมพขอความและจดเปน Paragraph ไดจาก Paragraph

Palette เมอพมพขอความเรยบรอย ใหคลกทป ม เพอตกลง หรอคลกป ม

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

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

เรยบรอยแลวจงคลกป ม

หากตองการตวอกษรทมลวดลายของภาพ Background เชน

สามารถทาไดโดยใชสราง Selection ของตวอกษร ซงมวธใหคลกทป ม เพอเลอก Horizontal Type Mask

Tool หรอ Vertical Type Mask Tool แลวพมพขอความทชนงาน เมอพมพเสรจ จะเกด Selection ทเปน

ตวอกษร จากนนสามารถทจะคดลอกลวดลายภาพทตองการตาม Selection ของขอความนนได

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

ขอความในแนวนอน

ขอความในแนวตง

ขอความ Selection ในแนวนอน

ขอความ Selection ในแนวตง

ชนดของตวอกษร ขนาดตวอกษร การวางตาแหนง

ของขอความ

รปแบบตวอกษร

ตกแตงขอบ

ตวอกษร สตวอกษร

Warp Text

การกาหนดรป

แบบตวอกษร

Page 23: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

22

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

ตวอยาง Warp Text

การใชงาน 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 สญลกษณรปตาจะหายไป

Page 24: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

23

การสราง Layer ขนใหม ใหคลกทป ม หากตองการคดลอก Layer ใหคลก Layer ทตองการแลว

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

การ Lock Layer

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

ใด ๆ มทงหมด รปแบบดงน

1. Lock transparent pixels หามไมใหเตมสหรอปรบแกสลงไปใน pixels ทโปรงแสงบน Layer ได

2. Lock image pixels หามไมใหมการแกไขหรอตกแตงภาพบน Layer

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

4. Lock all หามโดยใชการกาหนดคณสมบตของทง ขอทกลาวมา

การ Merge Layer

เปนการรวมชนของ Layer ตงแต ชนขนไปมาไวรวมกน โดยคลกทป ม แลวจะปรากฏ

Dialog สาหรบเลอกแบบตาง ๆ ของการ Merge Layer ดงน

Active Layer

Indicates Layer Visibility

1 2 3 4

Page 25: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

24

- 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 ได และแถบสได

Page 26: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

25

การทาภาพโดยใช Filter

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

ตองการของงาน เราสามารถใชงาน Filter ไดโดยเลอก Menu > Filter > เลอกใช Filter ทตองการ

ตวอยางการใช Filter

ท Menu Bar จะมป ม Filter(1) อย เมอกดแลวจะม Filter Menu ปรากฏขนเลอนเมาสไปยง

Filter “Blur”(2) จะมเมนยอยเพมขนมา ใหกดเลอกท “Redial Blur”(3)

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

ตองการ (ใน Filter แตละตวนน หนาจอการปรบเปลยนลกษณะของ Filter จะไมเหมอนกน) เสรจแลวกดป ม OK

เพอจบขนตอนการทางานของ Filter

Page 27: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

26

จะไดภาพทมการตกแตงดวย Filter : Radial Blur ออกมา ทงน ถาใช Filter อนรปงานทปรากฏ จะตางกนออกไป

Page 28: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

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

Page 29: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

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

Page 30: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

29

การเปลยนรปรางของรป (Transform)

เราสามารถเปลยนแปลง Layer ในรปแบบตางๆไดเชน การยอ/ขยาย การหมนภาพ การบดภาพ ดวย

คาสง Transform โดยคลกเลอก Edit > Transform > (เลอก Transform Function ทตองการ)

ลกษณะของ Transform

ภาพตนแบบ

Scale

Rotate

Skew

Distort

Perspective

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

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

Brightness/Contrast โดยเลอกคลกท Image > Adjust > Brightness/Contrast

Original Brightness Contrast

Page 31: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

30

การปรบขนาดของชนงาน Image Size

Image Size คอการ ลด/ ขยายรปภาพโดยสามารถใชคาสงนไดจากเมน Image > Image

Size… จะปรากฏหนาตางทใหเรากาหนดขนาดของภาพขนมาดงรป

(1) Width(กวาง) และ Height(สง) ของรปภาพ สามารถกาหนดไดตามตองการ โดยม

หนวยใหเลอกสองแบบคอ Pixel และ %

(2) Constrain Proportions Sign เมอสญลกษณนปรากฏดงรป แสดงวาเมอเราได

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

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

อตราสวนของ กวาง x สงเทาเดม

(3) Constrain Proportions Check Box จาก (2) เมอเราไมตองการ ยอ/ขยาย รปภาพให

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

นนการกาหนดขนาด กวางและสงสามารถกาหนดไดตามตองการ

Canvas Size

การ Canvas Size คอการลด/ ขยายพนทรป โดยเพมพน Background และสามารถขยาย

รปโดยกาหนดทศทางได ดงรป

1. Current Size ขนาดปจจบนของงาน

2. New Size ขนาดทเพมขนจากขนาดของงาน

3. Relative เปนคณสมบตบอกคาขนาดของ New Size

เครองหมาย คาในชอง Width และ Height จะเปน

สามารถเพมพนทงานโดยไมตองรวมคา Current Size

4. Anchor ททางทตองการเพมขนาดใหไปในทศทางท

ตองการ

Page 32: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

31

ตวอยางการ Canvas Size

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

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

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

ไดโดยใชเครองมอสองชนดน ดงน

วธท การตดกรอบภาพโดยเครองมอ Rectangular Marquee Tool

1. เลอกเครองมอ บนแถบเครองมอและกาหนด Feather ใหเทากบ กอน

2. สราง Selection ทภาพในสวนทตองการตดกรอบ

3. เลอกเมน Image -> Crop จะไดรปจากการ Cropping

วธท การตดกรอบภาพโดยเครองมอ Crop

1. เลอกเครองมอ บนแถบเครองมอ

2. สรางพนททตองการตดกรอบภาพ สงเกตวาจะเกดแถบสเทาขนบรเวณรอบนอกขอบกรอบทสราง

ขนมา บรเวณสเทาคอ บรเวณของรปภาพทถกตดทงนนเอง

พนททเพมจากการ

Canvas

Page 33: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

32

3. ปรบแตงพนททเลอก

4. คลกป ม เพอยนยนการตดกรอบรปตามตองการ (กรณยกเลกใหคลกป ม แทน)

ตวอยางการ Cropping

ภาพกอนการ Cropping ภาพหลงการ Cropping

Page 34: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

33

Page 35: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

34

Page 36: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

35

Page 37: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

36

Page 38: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

37

Page 39: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

38

Page 40: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

39

Page 41: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

40

Page 42: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

41

Page 43: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

42

Page 44: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

43

Page 45: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

44

Page 46: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

45

Page 47: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

46

Page 48: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

47

Page 49: Photoshop cs

ศนยพฒนาการเรยนการสอนเทคโนโลยสารสนเทศและการสอสาร(ICT) โรงเรยนทาบอ จ.หนองคาย

48