โ ฟ ส ส โครงการพฒนาบคลากรทางดานกราฟกอยางสรางสรรค

ดวยโปรแกรม

Adobe Photoshop CS5เอกสารประกอบการอบรม

นายอทธพล ม โนนอม : วทยากรนายอทธพล มะโนนอม : วทยากรนางสาวอนงคลกษณ ถวลยภยโย : ผชวยวทยากร

วนพธท 4 เมษายน 2555

ความรพนฐานดานกราฟค

ป ฟประเภทของภาพกราฟค

1. Vector Graphics2. Raster Graphics หรอ Bitmap Graphics

Vector GraphicsVector Graphics

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

รปราง ขนาด และความสมพนธอนๆ ของภาพ ดงนนจดแตละจดในภาพ Vector จงสมพนธกนอยางเปนระบบ ซงสามารถยอขยายภาพได โดยไมทาใหคณภาพของภาพดอยลง รายละเอยด

ของภาพจะคงเดมอยตลอด ไมขนกบขนาดของภาพตวอยาง Format  ของภาพ Vector ไ P t i t  EPS  Wi d  M t l Fil   WMF  Ad b  ไดแก Postscript  (EPS), Windows Metal File  (WMF), Adobe Illustrator (AI) เปนตน

Raster Graphics หรอ Bitmap p pGraphics

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

เกยวของสมพนธใดๆ ยกเวนในเรองของลาดบเทานน จงเรยกภาพนวา Bitmap หรอแผนท

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

ภาพนสญเสยไป ตวอยาง Format ของภาพ Bitmap เชน PCX, JPEG (.JPG), 

TIFF, GIF, Windows Bitmap (BMP)Pixels

ฟตวอยางภาพกราฟก

ภาพ Vector

Bitmapภาพ Bitmap

ความสามารถของ Photoshop CS5ความสามารถของ Photoshop CS5

สรางงานสงพมพตางๆ เชน งานโฆษณา หนงสอ นตยสาร หรองานทกประเภททตองใช

รปภาพเปนสวนประกอบ

สรางงานตกแตงภาพถาย สามารถแตงภาพถายใหมความสวยงาม สดใส

สรางงานออกแบบทางกราฟก สรางงานสามมต ออกแบบผลตภณฑ และออกแบบการด

อวยพร ฯลฯ

สรางงานกราฟฟคบน Website สรางภาพเคลอนไหว สรางปม และตกแตงภาพบน

Website

Adobe Photoshop CS5รจกกบ Adobe Photoshop CS5

Photoshop เปนโปรแกรมประเภท Image Retouching ทมความซบซอน และ

จะมผลโดยตรงตอความเรวในการประมวลผลของเครองตลอดเวลา ดงนนการวางระบบให

เหมาะสมกอนทางานจงเปนเรองทมความสาคญเปนอยางมาก โดยเฉพาะเวอรชน CS5  น ซง

ตองการระบบคอมพวเตอรทมประสทธภาพสง

การเรยกใชงานโปรแกรม

ใ โปการเรยกใชงานโปรแกรม

วธท 1 : เรยกใชงานโปรแกรมทาง Start Menu1.  Click ปม Start MenuC c ป Sta t e u2.  เลอก Programs  Adobe  Adobe Master 

Collection CS4  Adobe  Photoshop CS54 p 5วธท 2 : เรยกใชงานโปรแกรมทาง Shortcut

Double Click ไอคอน Adobe Photoshop CS5p 5

สวนประกอบหนาจอโปรแกรม

ความรท วไปเกยวกบการใชงาน

Photoshop CS5

ใ การสรางเอกสารใหม

1.  คลกเมน File  New หรอกด <Ctrl> + <N>2.  กาหนดคณสมบตตางๆ ของไฟลภาพ บ ข

3.  คลกปม OK

คณสมบตของไฟลภาพ

หนวยวดความละเอยดของภาพ

หนวยเปน Pixel per Inch : ppi ( จานวนพกเซลตอนว )ภาพขนาด 1x1 นว มความละเอยด 8 ppi = 8x8 = 64 pixelspp pจานวน ppi ยงมาก ความละเอยดยงสง

ภาพ 8 ppi ภาพ 72 ppi

การกาหนดความละเอยดของภาพ

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

300‐350 ppi : เปนความละเอยดทเหมาะสมสาหรบใชในการพมพภาพทมคณภาพสง ppเชน นตยสาร สมดภาพ เปนตน

170 ppi : เปนความละเอยดทเหมาะสาหรบใชในการพมพหนงสอพมพ

72 ppi : เปนความละเอยดทเหมาะสาหรบการแสดงผลบน Monitor เชน การสรางภาพ Wallpaper, ภาพทใชแสดงใน Web Page

Pixels VS DotPixels VS Dot

พกเซล (Pixels)  คอ จดทเลกทสดของภาพ ทเรามองจากอปกรณตางๆ เชน

Monitor ดอท (Dots) คอ จดทเลกทสดทใชในกระบวนการพมพ

ป ไฟ ปการเปดไฟลรปภาพ

1.  คลกเมน File  Open… หรอกด <Ctrl> + <O>2.  Look in : เลอกแหลงจดเกบภาพoo บ

3. คลกเลอกรปภาพทตองการ4.  คลกปม Open4.  คลกปม Open

***กด <Ctrl> ขณะเลอกภาพ เมอตองการเปดมากกวา 1 ภาพ***กด <Ctrl> ขณะเลอกภาพ เมอตองการเปดมากกวา 1 ภาพ

การบนทกเอกสาร

1.  เมน File  Save As… หรอกด <Ctrl> + <S>2.  Save in : เลอกแหลงทตองการจดเกบภาพSa e ร บ

3.  File Name : ตงชอไฟล4.  Format : เลอกนามสกลของไฟลภาพ4.  Format : เลอกนามสกลของไฟลภาพ5.  คลกปม Save

ป ไฟ การปดไฟลภาพ

วธท 1 : คลกเมน File  Closeวธท 2 : <Ctrl> + <W>วธ Ctวธท 3 : คลกปม บน Image Window

ไฟ การจดเรยงไฟลภาพ

วธท 1: คลกเมน Window  Arrange  คลกเลอกลกษณะการจดเรยงท

ตองการ

วธท 2: คลกปม Arrange Documents  คลกเลอกลกษณะการจดเรยงท

ตองการ

ป โปการปดโปรแกรม

วธท 1 : คลกเมน File  Exitวธท 2 : <Ctrl> + <Q>วธ Ct Qวธท 3 : คลกปม

การเลอกพนทวตถ

(Selection)

การเลอกพนทวตถ

การเลอกพนทเปนการเจาะจงตาแหนงบนภาพ เพอทาการตกแตงเฉพาะท การใช

คาส งตกแตงภาพตางๆ จะมผลเฉพาะบรเวณทเลอกไวเทานน

Marq ee Toolการเลอกพนทดวย Marquee Tool

Rectangular Marquee Tool เลอกพนทเปนสเหลยม

Elliptical Marquee Tool เลอกพนทเปนวงรหรอวงกลม

Single Row Marquee Tool เลอกพนทเปนเสนตรงแนวนอน

Single Column Marquee Tool เลอกพนทเปนเสนตรงแนวต งg q

Options  Marq ee ToolOptions ของ Marquee Tool

เลอกพนทใหม, เพมการเลอกพนท, ลดการเลอกพนท, เลอกเฉพาะสวนทซอนกน

กาหนดขอบพนทๆ เลอกใหมลกษณะฟงเบลอ

กาหนดใหขอบภาพทเลอกมความเรยบเนยน

กาหนดลกษณะการเลอกพนทภาพ

Lasso Toolการเลอกพนทวตถดวย Lasso Tool

Lasso Tool การเลอกพนทภาพอสระ

Polygonal Lasso Polygonal Lasso

Toolการเลอกพนทภาพแบบหลายเหลยม

Magnetic Lasso T l

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

Toolภาพ

Magic Wand Toolการเลอกพนทดวย Magic Wand Tool

Magic Wand Tool  เปนการเลอกพนทภาพ โดยเลอกจากสทมคาสใกลเคยง

กบจดทเราเลอก

ผลลพธการเลอก

คลกบรเวณสทตองการ

Option  Magic Wand ToolOption ของ Magic Wand Tool

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

กาหนดใหขอบพนทๆ เลอกดเรยบเนยน

เลอกเฉพาะพนทๆ ตอเนองกนเทานน

ใหมผลกบทกๆ ช นงาน (Layers)

ป ป Transformการปรบแตงรปทรงของภาพดวย Transform

คาสง Transform คอ คาสงทใชในการปรบขนาด หมน บด รปทรงของภาพ เพอปรบ

รปภาพใหเขากบลกษณะรปทรงทเราตองการ ซงมวธการใชงานดงน

1.  เลอกพนทภาพ2.  คลกเมน Edit  Transform  เลอกคาส งทตองการ

ป ป Transformการปรบแตงรปทรงของภาพดวย Transform

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

หมนภาพในองศาตาง ๆ

พลกภาพพลกภาพ

การทางานกบ Layer

La erLayer

Layer  คอ ช นงาน ซงเปรยบเสมอนแผนใสทวางซอน

กนเปนช นๆ ทาใหสามารถแยกองคประกอบของภาพ

ออกเปนช นๆ ได เพอความสะดวกในการแกไข หรอ

ตกแตงภาพ

La er PaletteLayer Palette

ความชดของ LayerBlending Mode

Active Layer คอ Layer ทใชงานอยในปจจบน

เครองมอในการเครองมอในการทางานกบ Layer

ใ ใ La erเครองมอทใชในการทางานกบ Layer

/  La erการแสดง / ซอน Layer

1.  คลกเลอก Layer ทตองการแสดง / ซอน2.  คลกทสญลกษณ ของ Layer ทตองการแสดง / ซอน

หมายเหต ;  หากตองการซอนทก Layer  ยกเวน Layer ทกาลงใชงานอย สามารถทาได โดยการกด <Alt>  คางไว จากนนคลกทสญลกษณ อย สามารถทาได โดยการกด Alt   คางไว จากนนคลกทสญลกษณ

ของ Layer ทกาลงใชงานอย ณ ปจจบน

La er ใ การสราง Layer ใหม

1.  เรยกใชคาส งสราง Layer ใหม ซงม 3 วธดงนวธท 1 : คลกเมน Layer  New  Layerวธท 1 : คลกเมน Layer  New  Layerวธท 2 : คลกท ท Layer Palette จากนนคลกเลอกคาส ง

New Layeryวธท 3 : คลกทเครองมอ ท Layer Palette

2.  กาหนดคณสมบตของ Layer เชน เปลยนชอ, กาหนดส หรอกาหนด Blending  y gMode

ไ La erการแกไขคณสมบตของ Layer

1.  เลอก Layer ทตองการ2.  คลกเมน Layer  Layer Properties…2.  คลกเมน Layer  Layer Properties…3.  แกไขคณสมบต เชน ชอ, ส ตามตองการ4.  คลกปม OK4.  คลกปม OK

Blending ModeBlending Mode

Blending Mode คอ การกาหนดลกษณะการผสมสของ Layer ทเลอกใหเขากบ

Layer ทอยใต Layer นนๆ วาจะใหแสดงในลกษณะใด เชน Darken ปรบสใหมดลง เปนตน ซงสามารถกาหนด Blending Moe ใหกบ Layer ไดดงน1. คลกเลอก Layer ทตองการกาหนด Blending Mode2. คลกเลอก Blending Mode ตามตองการ เชน Darken, Multiply, 

Lighten เปนตน

OpacitOpacity

Opacity คอ การปรบคาความชด หรอความจางของ Layer ซงหากยงกาหนดคา Opacity มากเทาใด Layer นนๆ กจะมความชดมากเทานน โดยสามารถกาหนด O i   L   Opacity ใหกบ Layer ไดดงน1.  คลกเลอก Layer ทตองการกาหนด Opacity2    ป Opacity  Layer Palette2.  คลกปรบคา Opacity ท Layer Palette

หมายเหต : คา Opacity = 0% Layer นน ๆ จะจางจนมองไมหมายเหต : คา Opacity = 0% Layer นน ๆ จะจางจนมองไมเหน

ป Backgro nd ใ ป La er การเปลยน Background ใหเปน Layer

1.  Double Click บน Layer Background2.  ทาการเปลยชอ Layer หรอกาหนดคณสมบตของ Layer ร ป ยช aye ร บ ข aye3.  คลกปม OK 

D plicate La erการ Duplicate Layer

1.  คลกเลอก Layer ทตองการคดลอก2.  คลกเมน Layer  Duplicate Layer…2.  คลกเมน Layer  Duplicate Layer…3.  พมพชอ Layer ใหม4.  กาหนดไฟลทตองการวาง Layer4.  กาหนดไฟลทตองการวาง Layer 5.  กดปม OK

La er SetLayer Set

Layer Set คอ การรวมกลม Layer ใหเปนระเบยบ กรณทม Layer จานวนมาก ๆ

ซงสามารถทาไดโดย

1.  เรยกใชงานคาส ง ซงสามารถเรยกใชงานได 3 วธดงนวธท 1 : คลกเมน Layer  New  Layer y yวธท 2 : คลก ท Layer Palette จากนนคลกเลอกคาส ง

New Groupวธท 3 : คลกทเครองมอ ท Layer Palette

2.  ลาก Layer ทตองการมาวางบน Layer Set

La erการจดเรยง Layer

การจดเรยง Layer คอ การจดลาดบวาตองการให Layer ใดอยบน และ Layer ใดอยลาง ซงสามารถจดเรยงได 2 วธดงน     โ L   A   ปวธท 1 : จดเรยงดวยเมน โดย คลกเมน Layer  Arrange  เลอกรปแบบการ

จดเรยง

lวธท 2 : จดเรยงดวย Layer Paletteลาก Layer ขน หรอลงไปปลอยยงตาแหนงทตองการ

Lock La erการ Lock Layer

การ Lock Layer คอ การกาหนดให Layer ไมสามารถแกไขได โดยสามารถ

Lock สวนประกอบของ Layer ไดดงนLock สวนประกอบของ Layer ไดดงน1.  ลกเลอก Layer ทตองการ Lock2.  คลกเลอกรปแบบการ Lock ทตองการ ซงมดงน

2.1  การ Lock พนททโปรงใส : Lock ทกสงทกอยางทไมไดอยใน

Layer ท Lock ใหไมสามารถแกไขได Layer ท Lock ใหไมสามารถแกไขได2.2  การ Lock เนอหา : Lock ทกสงทกอยางทอยใน Layer ท

Lock ใหไมสามารถแกไขได

Lock La erการ Lock Layer

2.3   การ Lock ตาแหนง : Lock ทกสงทกอยางอยใน Layer ท Lock ใหไมสามารถยายตาแหนงได

2.2    การ Lock  ทงหมด : Lock  ทกสงทกอยางทอยใน Layer  ท Lock ใหไมสามารถแกไข และไมสามารถยายตาแหนงได

โ La erการเชอมโยง Layer

ในการทางานกบ Layer หากตองการทางานกบ Layer ตงแต 2 Layer ขนไปพรอมๆกน Photoshop CS4 สามารถทาได ดวยคาส งเชอมโยง Layer ดงน

1.   คลกเลอกกลม Layer ทตองการเชอมโยง โดยการกดปม <Ctrl> คางไว ขณะคลกเลอก Layer

2    ป Link Layers Layer Palette2.  คลกปม Link Layers ท Layer Palette

หมายเหต : หากตองการยกเลกการเชอมโยง สามารถทาได โดยคลกปมหมายเหต : หากตองการยกเลกการเชอมโยง สามารถทาได โดยคลกปมซาอกครง

St le ใ La erการกาหนด Style ให Layer

การกาหนด Styles หรอ Effects ตางๆ ลงใน Layer เพอเพมความนาสนใจใหกบ Layer เชน กาหนดเงา หรอกาหนดใหมลกษณะนนแบบ 3 มต ได ซงสามารถ

ทาไดดงน

1.  คลกเลอก Layer ทตองการกาหนด Style2.  คลกเมน Layer  Layer style  เลอก Style ทตองการ3.  ปรบแตงคาตางๆ ตามตองการ

4.  คลกปม OK

La er MaskLayer Mask

Layer Mask ใชในการบง หรอซอนบางสวนของเลเยอร เพอเพมความนาสนใจใหกบรปภาพ ซงมวธการใชงานดงน

1.  คลกเลอก Layer ทตองการกาหนด Layer Mask2.  คลกปม Add Layer Mask y3.  ใชเครองมอ เชน หรอ ไปลากบรเวณทตองการซอน โดยใชส

Foreground ในการกาหนด ดงน

Foreground = สดา คอ การซอน

Foreground = สขาว คอ การแสดง

La erการลบ Layer

1. คลกเลอก Layer ทตองการลบ2. คลกปม Delete Layer ท Palette Layerป e ete aye a ette aye3. ยนยนการลบโดย

3.1  คลก Yes เพอยนยนการลบ3.1  คลก Yes เพอยนยนการลบ3.2  คลก No หากไมตองการลบ

La erการรวม Layer

การรวม Layer คอ การนาเอา Layer หลาย ๆ Layer มารวมเปน Background ซงอาจจะรวมทงหมด หรอรวมเฉพาะ Layer ทเกยวของกนเทานน ซง

สามารถทาไดดงน

1.  คลกปม ท Palette Layer  เลอกคาส งการรวม Layer มดงน1 1  Merge Down :  Layer  Layer  1.1  Merge Down : รวม Layer ทเลอกอยกบ Layer ทอยถดลงมา

1 Layer1.2  Merge Visible : รวม Layer ทแสดง (visible) อย1.2  Merge Visible : รวม Layer ทแสดง (visible) อย

1.3  Flatten Image : รวมทกๆ Layer ใหเปน Background

ป La er  ป Smart Objects การแปลง Layer เปน Smart Objects

โดยปกตแลวหากมการยอแลวขยายภาพใดๆ จะสญเสยความคมชดของภาพไป ดงนน

Photoshop จงมคาส ง Smart Objects เพอชวยรกษาความคมชดของภาพไว ถงแมวาจะมการยอ หรอขยายภาพกตาม ซงมวธการดงน

1. คลกขวาท Layer ทตองการแปลงเปน Smart Objects2. คลกเลอกคาส ง Convert to Smart Objects

ป Smart Objects  ป La er การแปลง Smart Objects เปน Layer

หากมการแปลง Layer ใหเปน Smart Objects แลว และตองการแปลงกลบใหเปน Layer ปกต สามารถทาไดดงน

1. คลกขวาท Layer ทตองการแปลงกลบเปน Layer2. คลกเลอกคาส ง Rasterize Layery

หมายเหต : ภาพจะสญเสยความคมชด เมอมการยอแลวขยาย ญ

หลงจากการยกเลก Smart Objects

การทางานกบตวอกษร

T pe Toolกลมเครองมอ Type Tool

1. Horizontal Type Tool : ใชสรางขอความแนวนอน2. Vertical Type Tool        : สรางขอความแนวตงe t ca ype oo ร ข ว ว

3. Horizontal Type Mask Tool       : สรางขอความแนวนอนแบบ

Selection4. Vertical Type Mask Tool : สรางขอความแนวตงแบบ Selection

Option  T pe ToolOption ของ Type Tool

: เปลยนแนวขอความ: เปลยนแนวขอความ

: ชนดขอความ

: รปแบบขอความ

  : ขนาดอกษร

: กาหนดความแขง/เรยบของตวอกษร

Option  T pe ToolOption ของ Type Tool

: การจดตาแหนง: การจดตาแหนง

: กาหนดสตวอกษร

: ปรบรปทรง

 Ch t  P l tt: Character Palette

: ยกเลกการกาหนดคา

: ยนยนการกาหนดคา

การใชงาน

Brush

ใ Br sh Toolการใชงาน Brush Tool

Brush Tool เปนเครองมอทใชในการระบายส หรอวาดภาพ ซงมลกษณะคลายกบ

พกนในงานศลปะ โดยมวธการใชดงน

1.  คลกเลอก ท Tool box2.  กาหนดคณสมบตตางๆ บน Option Bar ตามตองการ p3.  คลกลากระบาย หรอวาดลงในบรเวณทตองการ

Option  Br sh ToolOption ของ Brush Tool

ขนาดหวแปรง คาความเขม-จางของส ปากกาพนส

รปแบบ การผสมสระหวาง

ส Brush กบสเดมของภาพ

การไหลของส

ป ใ ป Br shการกาหนดรปภาพใหเปน Brush

1. เลอกพนทของภาพบาสวน หรอทงหมดทตองการนามาสรางเปน Brush2. คลกเมน Edit  Define Brush…2. คลกเมน Edit  Define Brush…3. กาหนดชอ Brush4. คลกปม OK4. คลกปม OK

ไ Br shการแกไข Brush

1. คลกเลอก Brush Preset ทอยใน Option Bar จะปรากฏหนาตางทใชในการแกไขคาตางๆ ดงน

1.1  Master Diameter : กาหนดขนาดเสนผาศนยกลางของหวแปรง มหนวยเปนพกเซล

1.2  Hardness : ปรบคาเปอรเซนตความแขงของขนแปรง ถากาหนดคานอยขอบของพกนจะมความฟงเบลอเหมอนเปยกนา ถาปรบคาเปน 100% จะไมมความฟง

เบลอ

2. คลกบน เพอปด Brush Presets

ป Br shการปรบแตง Brush

คลกเมน

Window  ป ป

รปแบบหวแปรง

Window  Brush ปรบขนาดหวแปรง

ปรบความหนา, ความเขม, ความจาง , ทศทางของหวแปรง