เอกสารประกอบการอบรม photoshop 7 ·...

100
การใช้โปรแกรม Photoshop 7.0 เอกสารประกอบการอบรม 1 เอกสารประกอบการอบรม โดย.. ไชยยงค กงศรี ฝายวิชาการ คณะแพทยศาสตร มหาวิทยาลัยขอนแกน สิงหาคม 2549 การประยุกตใชโปรแกรม PhotoShop 7.0 PhotoShop 7.0 Adobe

Upload: vannguyet

Post on 13-Sep-2018

235 views

Category:

Documents


0 download

TRANSCRIPT

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 1

เอกสารประกอบการอบรม

โดย.. ไชยยงค กงศรฝายวชาการ คณะแพทยศาสตร มหาวทยาลยขอนแกน

สงหาคม 2549

การประยกตใชโปรแกรม

Ph

oto

Sh

op

7.0

PhotoShop 7.0Adobe

การใชโปรแกรม Photoshop 7.0

2 เอกสารประกอบการอบรม

บทท 1เรมตนการใชงาน Photoshop เบองตน

ในบทนเราจะดกนถงภาพรวมของการใช Photoshop เบองตนอยางคราวๆโดยการอางอง จากองคประกอบตางๆ ทปรากฎบนหนาจอของโปรแกรม

เขาสโปรแกรม Photoshopหลงจากเราไดทำการตดตงโปรแกรม Adobe Photoshop 7.0 เรยบรอยแลว

เราสามารถเรยก การใชงานโปรแกรม ไดดวยวธการดงตอไปน คอ1. Click mouse ทปม start2. เลอน เมาสเลอกคำสง program > Adobe > photoshop 7.03. จะปรากฎหนาจอแรกของโปรแกรม photoshop ขน

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 3

ออกจากโปรแกม Photoshopหลงจากทเราใชงานโปรแกรม Photoshop เสรจสนแลว เราสามารถออกจาก

โปรแกรมได โดยเลอกคำสง File > Exit หรอ ปม < Ctrl+Q > จะสนสดการใชโปรแกรม

เราสามารถออกโปรแกรมออกจากโปรแกรม โดยวธอนไดอก 2 วธแลวแตความถนด ดงตอไปน

วธท 1. Click mouse ท บรเวณมมขวาของหนาจอวธท 2. Click mouse ท บรเวณมมบนซาย และ Click mouse ทคำสง Close

ทกครงทเราตองการออกจากโปรแกรม เมอสนสดการทำงาน photoshopจะทำการปดไฟลทกไฟล ทเปดใชงานอยกอนโดยอตโนมต ดงนน เราควร Saveไฟลทกไฟล กอนออกจากโปรแกรม

การใชโปรแกรม Photoshop 7.0

4 เอกสารประกอบการอบรม

หนาจอแรกของโปรแกรม Photoshopเมอเราเรมตนใชงานโปรแกรม หนาจอแรกทพบ จะประกอบดวย

องคประกอบตางๆ ซงมหนาทการใชงานแตกตางกนออกไป เราจงตองทำความเขาใจกบสวนประกอบตางๆของหนาจอทปรากฎคราวๆ ดงตอไปน คอ

- สวนบนสด ดานซาย เปนสญลกษณของ Photoshop 7.0- ดานขวา เปนปมควบคมการทำงานของโปรแกรม- ถดมาคอ แถบคำสง ( Menu bar )- ถดมา เปนแถบกำหนดรปแบบของเครองมอทใชงาน ( Tool Options Bar )- ดานซายคอ กลองเครองมอ ( Tool box )´éÒ¹¢ÇÒ¤×Í Palette ·ÕèÃǺÃÇÁ¤Ø³ÊÁºÑµÔ¡Ò÷ӧҹµèÒ§ æMenu Bar (แถบคำสง)เปนแถบทใชเกบคำสงหลกตางๆของโปรแกรม โดยเราสามารถเรยกใชคำสง

ในแถบคำสงได ดวยวธการดงตอไปน1.Click mouse ทแถบคำสง จะปรากฎแถบคำสงยอย2.Click mouse เลอกแถบคำสงยอยทเราตองการ

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 5

คำสงใน Menu Bar มทงหมด 9 คำสง ดงตอไปน- File เปนคำสงทำงานเกยวกบไฟล เชนการเปด - ปดไฟล- Edit เปนคำสงเกยวกบการตดแตงตางๆ เชน Cut , copy- Image เปนคำสงเกยวกบการปรบภาพทงภาพ- Layer เปนคำสงทเกยวกบการปรบแตงภาพในแตละเลเยอร

และเรยงลำดบกอนหลง- Select เปนแถบคำสงเกยวกบการจดการ พนททเลอก- Filter เปนแถบคำสงทเกยวกบการปรบแตงเปลยนภาพอตโนมต- View รวบรวมคำสงการกำหนดมมมองภาพในรปแบบตางๆ การยอ การขยาย- Window

รวบรวมมคำสงทเกยวของกบการจดการหนาตางแตละหนาตางทปรากฎบน หนาจอ- Help รวบรวมวธการใชงาน และคำแนะนำเกยวกบโปรแกรม Photoshop

Toolbox ( กลองเครองมอ)เปนกลองสเหลยม ทปรากฎทกครงเมอเปดโปรแกรม สำหรบเกบอปกรณตางๆ

ทใชงานการทำงาน Toolbox จะมลกษณะเปนไอคอนรปภาพ สามารถเรยกใชงานไดงายเพยงการ Click mouse ทไอคอนคำสง ทเราตองการเทานน

ไอคอนทมรปสามเหลยมเลก ๆ อย แสดงวา มเครองมออน ๆ ซอนอยอกภายใตไอคอนนน ๆ เราสามารถดเครองมอทซอนอยนนได โดย Click mouse คางไวดงตวอยาง

การใชโปรแกรม Photoshop 7.0

6 เอกสารประกอบการอบรม

Tool Option barเปนแถบตวเลอกสำหรบกำหนดคาการทำงาน ( Option) ของเครองมอใน

Toolbox ทเรากำลงใชงานอย ซงเปนฟงกชน ทเพมเขามาใน Photoshop 7.0à¾×èͪèÇÂãËé¡Ò÷ӧҹÊдǡÂÔ觢Öé¹

จากรป เปนการใชงานเครองมอ Lasso Tool อยถดมาเปนการเลอก Option ตางๆ เพอกำหนดรปแบบการทำงานของ Lasso Tool ดบเบลคลกทไอคอน Lasso Tool หากตองการลดขนาด ของ Tool bar ใหเหลอเปน และเราสามารถ ดบเบลคลกอกครงเพอใหกลบเปนแบบเดม

การกำหนดคาความละเอยด ในการแสดงผลของจอภาพ ( Resolution ) จะมผลตอการแสดงคาตวเลอก ทมอยใน Tool Option bar ดงน

1. Click mouse ขวาทหนาจอ Desktop จะได

- Resolution = 640 x 480 pixel คาการทำงานของอปกรณบางสวนจะหายไป- Resolution = 800 x 600 pixel แสดงคาการทำงานของอปกรณครบทกสวน- Reolution = 1024 x 780 pixel แสดงคาการทำงานของอปกรณครบทกสวนและมหนาจอเพมเตม เขามาใชสำหรบ Palette

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 7

เราสามารถลากเมาสนำ Palette มาเกบ และเปดใชงานไดอยางสะดวก ทำใหมพนทการทำงานไดมากยงขนPalette

เปนทรวบรวมคณสมบตการทำงาน Option ของเครองมอตาง ๆ เราสามารถเลอกปรบแตงการใชงานไดโดยงาย โดยไมตองเปดหาทแถบคำสงอกตอไป ใน Photoshop6.0 จะม 12 palette ซงรายละเอยดเราจะกลาวตอไป

การใชงาน Paletteเราสามารถใชงาน Palette ไดโดยการ Click mouse ท Tab หวเรองของ Palette

นนๆ

การเคลอนยาย Paletteเราสามารถแยก-รวม เคลอนยายแตละ Palette ได โดยการ Click ท Tab หวเรอง

และลากไปไวในตำแหนงทตองการ

การเปด-ปด Paletteเราสามารถเปด-ปด Palette แตละ Paletteได โดยการใชคำสงทแถบเมน Window

>Show...(เปด) และ Window >Hide...(ปด) หรอ Click mouse ปดท

เมนคำสงของ Paletteแตละ Palette จะมเมนคำสงของตวเอง เพอควบคมการทำงาน เราเรยกเมนใน

แตละ Palette ไดโดยการ Click mouseท และ Click mouse เลอกคำสงทตองการ

การใชโปรแกรม Photoshop 7.0

8 เอกสารประกอบการอบรม

บทท 2การทำงานกบไฟล

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

เรยกภาพเดมขนมาใชงาน โดยใชคำสง Openเราสามารถเรยกไฟลภาพขนมาใชงานเหมอนกบทวไปไดโดย1. เลอกคำสง File > Open ทแถบเมน จะปรากฏหนาตาง Open

2. Click mouse ทปม เพอเลอกชนดของไฟลภาพทจะเปด3. Click mouse เลอกไฟลภาพทตองการเปด4. สามารถดภาพทเลอกไดทพนทวางดานลาง5. Click mouse ทปม โปรแกรมจะทำการเปดไฟลภาพทเราตองการ

ใชงานขนมา6. áÊ´§ÀÒ¾·ÕèàÃÒàÃÕ¡ãªé§Ò¹

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 9

เราสามารถเปดไฟลภาพไดหลายไฟลในเวลาเดยวกน โดยจากหวขอท 3 ขณะททำการเลอกชอไฟล ใหกด <Shift> คางไว และ Click mouse เพอเลอกไฟลภาพทตองการเปดทงหมด แลว Click mouse ทปม

การเปดไฟล .psd ตางเวอรชนเนองจากทกครงทมการปรบเปลยนเวอรชน จะมคณสมบตบางอยางเพมขน

ฉะนนเราสามารถเปดไฟล .psd ตางเวอรชนได แตคณสมบตใหมทเคยถก Save ไวในเวอรชนใหม จะไมปรากฏในเวอรชนเกาทไมมคณสมบตน เชน ใน Photoshop 6 มคณสมบต Layer sets แต Photoshop 5 ไมม เมอเอาไฟล .psd ททำใน Photoshop 6 ไปเปดPhotoshop 5 คณสมบต Layer sets จะหายไป

เปดแบบเจาะจง Format ของไฟลภาพดวยคำสง Open Asตางจากคำสง Open ตรงทเมอเปดไฟลภาพดวยคำสง Open โดยเลอก All file

แลวกจะแสดงเฉพาะไฟลภาพทสามารถเปด Photoshop ไดเทานน สวนในคำสง OpenAs ในหนาตางจะแสดงไฟลทกไฟลทมอย แตเราสามารถเปดไดเฉพาะไฟลทตรงตามFormat ทเราเลอกเทานน จากตวอยาง เมอเรากำหนด Format เปน *.Tif ไฟลภาพทแสดงจะมความแตกตางกนดงน

การใชโปรแกรม Photoshop 7.0

10 เอกสารประกอบการอบรม

เราสามารถเรยกไฟลภาพเขามาใชไดในอกกรณหนง คอ ใชคำสง File>Importคำสง Import ตางจากคำสง Open ตรงทมกใชสำหรบไฟล ทตองมกระบวนการ ในการแปลงไฟลภาพนนกอน เชน การเอาไฟลภาพมาจากเครองสแกนเนอร การเปดไฟลจากเครองสแกนเนอร จะใชคำสง File>Import> คำสงในตระกล TWAIN

เปดไฟลภาพทเคยเปดกอนหนานดวยคำสง Open Recentเปนคำสงทเพมเขามาใหมใน Photoshop 7.0 โดยโปรแกรม จะจดจำไฟลภาพ

ทเคย เปดกอนหนานไว และเราสามารถ เรยกเปดไฟลภาพเหลานนกลบมาใช ไดอกโดยไมตอง ไปทำการคนไฟลภาพ ทจะเปดนนใหมใหเสยเวลา ดวยการใชคำสง File>Open >Recent > ชอไฟลทตองการกลบไปเรยกเปดใหมอกครง

โดโดยเราสามารถกำหนดจำนวนไฟลทตองการไดในชอง Recent file Contains :

ปกตโปรแกรมจะจดจำไฟลภาพทเราเคยเปดใชงานกอนหนานดวยคำสง OpenRecent ไดถง 10 ไฟลภาพดวยกน แตเราสามารถกำหนดจำนวนไฟลทตองการเปดเหลาน ได โดยใหเขาไปเซตคาใน Prefrence ดวยการใชคำสง Edit >Prefrence >SavingFile… จากนนใหใสจำนวนไฟลภาพ ตามความตองการ

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 11

Active Window และ Inactive Windowดงทกลาวมาแลววาใน Photoshop เราสามารถเปดไฟลรปภาพไดหลายรปใน

เวลาเดยวกน โดยหนาตางทเปดใหมจะซอนทบอยบนสด และเราสามารถสลบการทำงานไปยงไฟลภาพตางๆ ไดโดยการ Click mouse ทหนาตางนน

Active Window คอ หนาตางทกำลงทำงานอย ซงจะอยบนสดของหนาตางทงหมด และมแถบหวเรองขางบนเปนแถบสนำเงน

Inactive Window คอ หนาตางทเปดขนมาแลวáµèÂѧäÁè¶Ù¡àÃÕ¡ãªé§Ò¹ã¹¢³Ð¹Ñé¹ «Ö觨ÐÁÕᶺËÑÇàÃ×èͧ¢éÒ§º¹à»ç¹à·Ò

จากรปดานบน ไฟลทถกเปดลาสดในทนคอไฟลทชอ yoyo009.jpg จะเปนActive Windows ไฟลทเหลอกเปน Inactive Windows

สรางไฟลภาพใหม โดยใชคำสง NEWนอกจากการเรยกภาพทมอยแลวขนมาใช Photoshop ยงใหเราสามารถสรางภาพ

ขนเอง จากหนากระดาษเปลา การสรางไฟลภาพขนมาใหมน งายพอๆ กบการเปด ไฟลภาพ แตทงนมเรองทเราตองทำความเขาใจ และกำหนดอยางเจาะจง อย 2 เรอง คอขนาดของภาพ และรปแบบของพนภาพ เราสามารถสรางไฟลใหมไดดงน คอ

1. เลอกคำสง File>New ทเมนบาร จะปรากฏหนาตาง New ขน

การใชโปรแกรม Photoshop 7.0

12 เอกสารประกอบการอบรม

2. ใสชอของไฟลไดเฉพาะภาษาองกฤษเทานน

เราสามารถตงชอไฟลเปนภาษาไทยได หรอเปลยนชอไฟลไดหลงท Save ไฟลและเปดการใชงานไฟลนนแลว ดวยวธการทเหมอนกบไอคอนทวๆ ไปโดย การ Clickmouse เลอกไอคอนนน และกดทปม <F2>

3. กำหนดขนาดของภาพ (Image Size) โดย Click mouse ทปม เพอเลอกมาตราวด และพมพตวเลขใสความกวาง และความยาว ของภาพตามทตองการในทนกำหนดใหความกวาง และความยาวเปน 5 x 5 นว (ลองเปลยนเปนขนาดตางๆ ดแลวสงเกตการเปลยนแปลงของ Image Size )

4. กำหนดความละเอยดของภาพ (Resolution) โดย Click mouse ทปมเพอเลอกมาตราวด และใสความละเอยดของภาพ ในทนกำหนดให เทากบ 72 Pixe/inchการกำหนดความละเอยดของภาพ จะแตกตางกนไปตามลกษณะงาน

5. กำหนดโหมดสของภาพ (Mode คอวธท Photoshop ใชในการตความคาสรายละเอยดของเรอง Mode สามารถดได ในบทท 6 เรองความรเรองส)

6. กำหนดพนหลงของภาพ (Contents โดย Click mouse เลอกหวขอใดหวขอหนง ดงน คอ

- White พนสขาว (ในทนเราเลอกทปมน- Background พนสเปนสของ Background ทกำหนดไว- Transparent ไมมพนหลง7. Click mouse ท 8. จะไดหนากระดาษวางเปนไฟลภาพใหมทเราสรางขน

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 13

องคประกอบทมผลกบไฟลภาพ 1. ความกวาง (Height) และความยาวของเครอง (width) ความกวาง และ ความ

ยาวมาก ขนาดไฟลภาพจะมาก2. ความละเอยด (Resolution) ความละเอยดมากขนาดไฟลภาพมาก คณภาพของ

ภาพสง แตเครองคอมพวเตอรจะทำงานชา ฉะนนเราควรกำหนด Resolution ตามการใชงาน เชน

- ตองการเปดดภาพจากหนาจอคอมพวเตอร ควรใช 72 DPI (Dots per inch)- ตองการพมพงานออกเครองพมพเซอรควรใช 200 DPI- สงพมพตางๆ ทตองเขาพมพในโรงพมพ เชนปกนตยสารควรใช 300 DPI3. โหมดสของภาพ เรยงลำดบจากนอยไปมาก ดงนคอ Bitmap, Grayscale, RGB,

CMYK, Lap color

การบนทกไฟล (Save)การบนทกไฟลกทำเชนเดยวกบโปรแกรมทวๆ ไป หลงจากทเราทำงานเสรจ

จะมการเกบบนทกไฟล นนไว เพอเรยกใชในครงตอไป ใน Photoshop กมการบนทก (Save)งานททำโดย สามารถเลอกการบนทกงานไดทงชอทตางกน และ Format ทตางกน ดงน

1. เลอกคำสง File ทเมนบาร และเลอกรปแบบการบนทกไฟลดงตอไปน คอFile>Save เปนการบนทกงานในรปแบบปกต โดยโปรแกรมจะบนทกงาน ท

แกไขใหมในชอเดมหรอบนทกไฟลทยงไมเคยบนทกมากอนFile>Save As เปนการบนทกงานเดมเปนชอใหม ตำแหนงใหม และใหอยในรป

ของ Format ใหมได (ถาไฟลนนมการเพมเลเยอร โปรแกรมจะบงคบให Save เปน .psdโดยอตโนมต)

File>Save for Web เปนการบนทกไฟลเพอใหไดภาพทเหมาะสมสำหรบ การใชงานบนเวบ รายละเอยดจะขอกลาวไวใน เรองการปรบสภาวะภาพ เพอทำงาน บนเวบ

การใชโปรแกรม Photoshop 7.0

14 เอกสารประกอบการอบรม

2. Click mouse เพอกำหนดตำแหนงของไฟลทตองการเกบ3. Click mouse เลอก Format ของไฟล4. เลอกคณสมบตการจดเกบไฟล ใน Save Options โดยคณสมบตตางๆ ทเรา

เลอกไดนน จะสมพนธกบฟอรเมต ทเราไมสามารถเลอก เชน ฟอรเมต JPEG ไมสนบสนนการทำงนแบบ Layer ดงนนคาตวเลอก Layer นกจะเปดอย โดยเราไมสามารถเลอกได ตอไปจะเปนคาตวเลอกตางๆ ดงน - Annotation จะเกบอธบายทงภาพ และเสยงเพอเตอนความจำไวดวย

- Alpha Channels จะเกบคณสมบตในการปรบแตงภาพดวย Alpha Channel- Layer จะเกบคณสมบตของเลเยอรตางๆ ไว- Spot Colors จะเกบคณสมบตของ Spot Channel ไว- Use Proof setup เกบคาโหมดสทใชแสดงสของภาพกอนพมพ- ICC Profile เปนการเกบคาโหมดสทสนบสนนตอไฟลฟอรแมตทจะ Save- Thumbnail กำหนดใหไฟลท Save น สามารถแสดงภาพตวอยาง ในหนาจอของ

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

พมพเลก5. ใสชอไฟลตามตองการ6. Click mouse ทปม

7. เสรจแลวเลอกคณภาพของไฟลทจะ Save

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 15

Image (พนทภาพ)รจกกบ Image

Image คอหนาตางทแสดงภาพ ทเราทำงาน เราจะเหนวาแถบดานบนของ Imageจะบอกรายละเอยดของไฟล ทเราทำงานอย โดยมรายละเอยดดงรป

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

การเปลยนขนาดของภาพเราสามารถปรบเปลยนขนาดของภาพไดดงตอไปน คอ1. เลอกคำสง Image > Image Size จะปรากฏหนาตาง Image Size ขนจะปรากฏ

หนาตาง ขน2. กำหนดคา Image Size ตามตองการ

- Pixel Dimensions กำหนดขนาดความกวาง และความสงของ Image- Document size กำหนดขนาดของภาพทจะถกพมพออกทางเครองพมพ- Resolutions กำหนดคาความละเอยดของภาพ เชน 72 Pixel / inch จะเหมาะกบ

การใชภาพในงานเวบ

การใชโปรแกรม Photoshop 7.0

16 เอกสารประกอบการอบรม

CanvasCanvas หมายถง พนทของหนาตาง ทอนญาตใหเราสามารถสราง และแกไขรป

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

1. เลอกคำสง Image>Canvas Size บนเมนบาร จะปรากฏหนาตางของ CanvasSizeขน สงเกตวา ขนาดของ Current Size จะเทากบขนาดของ Canvas Size

2. เปลยนขนาดของ Canvas Size ทงความกวางและความสงในทนใหพมพความ กวางเปน 10.58 เซนตเมตร และความสงเปน 13.51 เซนตเมตร

3.Click mouse เพอกำหนดการวางตำแหนงของภาพ (Image) บน Canvas4.Click mouse ทปม5. สงเกตเหนวาขนาดของ Canvas Size นนเพมขน โดยพนททเพมจะมส

ตามสของ Background ในขณะนคอ สดำ จะแสดงผลดงรป

Constrain Proportions กำหนดใหมการรกษาความสมดลของภาพในขณะทปรบ พนทภาพ เชน เมอเราเพมขนาดความกวางของพนทภาพขนาดความสงกจะเพมขนดวย เพอใหภาพสดสวนของภาพ สมดลกน

3. Click mouse ทปม 4.โปรแกรมจะเปลยนเปนภาพใหม ทมขนาดตามทเรากำหนด

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 17

บทท 3กำหนดมมมองใน Photoshop

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

กำหนดการมองภาพทงหมดโดยใช Toolbox Option เปนการกำหนดมมมอง เพอจะมองเหนภาพทงภาพ อยางชดเจน โดยการ Click

mouse ท Toolbox ซงประกอบดวย3 รปแบบดงน

Standard Screen Mode เปนหนาจอปกตของ Photoshop จะแสดงภาพทงหมดใหเหน

การใชโปรแกรม Photoshop 7.0

18 เอกสารประกอบการอบรม

Full Screen Mode With Menu Bar ไมมกรอบหนาตางรปทงหมดถกแสดงเตมหนาจอ แตยงเหลอเมนบารอย

Full Screen Mode รปทงหมดถกแสดงเตมจอ ไมม กรอบหนาตางไมมเมนบารและพนทเหลอของหนาจอ จะถกแทนทดวยสดำ

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 19

การยอและการขยายภาพโดยใช Zoom Tool การยอ-การขยาย จะชวยใหเราสามารถตกแตงภาพไดงาย และมความละเอยด

มากขน โดยสามารถขยายภาพ ตกแตงภาพได จนถงสวนทยอยทสดของภาพ คอพกเซลตอพเซล Zoom Tool เปนเครองมอหนง ทอยใน Toolbox มรปรางเหมอนแวนขยาย ใชในการยอหรอขยายภาพมขนตอนการทำงานดงน

1. Click mouse ทไอคอน ใน Toolbox

2. เมอเลอนเมาสเขาไปบรเวณรปภาพ ตวชเมาสจะเปลยนไป ในขนตอนนมวธการใชในการตกแตงดงน

2.1 เมอขยายภาพใหเลอกบรเวณทตองการขยาย แลว Cllick mouseภาพบรเวณนน จะขยาย

2.2 เมอตองการยอ ใหกด <Alt> คางไวจะสงเกตเหนวา ตวชเมาสจะเปลยนเปน หลงจากนนเลอกบรเวณทตองการยอ

Zoom Optionดงททราบมาแลววา เราสามารถ กำหนดคณสมบตตางๆ ของเครองมอใน

Toolbox โดยการเลอก ท Tool Option bar มรายละเอยดดงน

การใชโปรแกรม Photoshop 7.0

20 เอกสารประกอบการอบรม

- Resize Windows ใหพอดกบภาพทยอหรอขยาย- Ignore Palette จะขยาย Windows ใหโตตามขนาดภาพตอไปแม Palette

จะกนอย- Actual Pixels ปรบขนาดของภาพเทาภาพจรง 100 %- Fit On Screen ยอหรอขยายภาพใหพอดกบหนาจอโปรแกรม- Print Size แสดงภาพเทากบภาพทพมพออกมา

การกำหนดมมมองของภาพโดยใชคำสงทแถบเมนการกำหนดมมมองของภาพ เรายงสามารถทำได โดยการเลอกคำสง View

ทแถบเมนดงคำสง ตอไปน คอ

การกำหนดมมมองของภาพ เมอเปดไฟลภาพหลายๆไฟลพรอมกน

Windows > Cascade จดเรยงโดยเหนเฉพาะหวเรองตามลำดบการเปด

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 21

Windoes > Tile จดเรยงใหเหนภาพใหทกหนาตาง

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

Click mouse ทปมควบคมซงอยทมมขวาของหนาตางภาพ ไดดงน

- Minimize เปนปมสำหรบยอกรอบภาพนนใหหายไป- Mazimize เปนปมทใชในการขยาย- Restore เปนปมปรบขนาดของจอภาพ- Close เปนปมปดการใชงานของภาพนน

การใชโปรแกรม Photoshop 7.0

22 เอกสารประกอบการอบรม

กำหนดมมมองของภาพ โดยใช Hand Tool เลอนดภาพในกรณทภาพมขนาดใหญ ไมสามารถเหนทกสวนไดในหนาจอเดยว เราสามารถ

เลอนภาพเพอดภาพในทกจดได โดยไมตองอาศย Scroll bar โดยใช Hand Tool ดงน1. Clickmouse ทไอคอน บน Tool box2. Click mouse คางไวทรป แลวเลอนไปในทศทางตาง ๆ3. เราสามารถดตำแหนงของภาพทงหมดไดจาก Navigator Palette

Navigator Palette ศนยรวมการกำหนดมมมองภาพจากหวขอทผานๆมาเราไดเหน ถงการกำหนดมมมองของภาพ ในรปแบบตางๆ

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

1. เราสามารถเรยกด Navigator Palette ไดโดยการ Click mouse ทWindow >Show Navigator หรอถาม Navigator Palette อยแลวกเพยงแต Click mouse ท TabทมชอวาNavigator

2. สงเกตวา ภาพทเราใชงานอยปรากฏใน Navigator Palette3. กรอบเสนสเหลยมสแดง แสดงพนทภาพทแสดงบนหนาตางภาพ4. เมอเลอนเมาสไปทกรอบสแดง จะปรากฏ Click mouse

สแดงไปยงพนททตองการด ใชงานเหมอนคำสง Hand Toolและลากเสนกรอบ

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 23

5. บอกเปอรเซนตการขยายของภาพ ในขณะนน สามารถพมพตวเลขกำหนดเปอรเซนตการขยาขภาพเองได สงเกตวา กรอบสแดงจะเลกลง เมออตราการขยายสงขนและภาพทแสดงในหนาตางภาพ กจะมขนาดใหญขนดวย

6. Click mouse เพอปรบเปอรเซนตการยอเปน Step7. แถบเลอนเพม-ลด อตราการขยายของภาพ ทางขวาเพม ทางซายลด8. Click mouse เพอปรบเปอรเซนตการขยายเปน Step

7. ᶺàÅ×è͹à¾ÔèÁ-Å´ ÍѵÃÒ¡ÒâÂÒ¢ͧÀÒ¾ ·Ò§¢ÇÒà¾ÔèÁ ·Ò§«éÒÂÅ´

8. Click mouse à¾×èÍ»ÃѺà»ÍÃìà«ç¹µì¡ÒâÂÒÂà»ç¹ Step

การใชโปรแกรม Photoshop 7.0

24 เอกสารประกอบการอบรม

บทท 4Selection เลอกพนทเพอการแกไข และตกแตงภาพ

ในบทนเราจะเรยนรมาตราวดของภาพ การกำหนดระยะตางๆ และทสำคญ คอการเลอกพนท (Selection) ซงการเลอกพนท นบไดวาเปนหวใจสำคญอกประการหนงของการตกแตงภาพโดยใช Photoshop การเลอกเปนเหมอนจดเรมตน ของการตกแตงภาพ

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

หมายความวา เรากำลงปรบแตงทงภาพ ซงในความเปนจรงแลว ภาพบางภาพเราตองการปรบแตงเฉพาะบางจดเทานน ดงนนการ Selection จงนบวาเปนเรองจำเปน (อาจกลาวไดวา ครงหนงของการตกแตงภาพคอการ Selection) เพราะวาถาเราทำการ Selec-tion ไดด การปรบแตงภาพกจะทำไดโดยงายดวย

การใชงานเครองมอวดตำแหนงตางๆกอนทเราจะเรยนรเรอง Selection สงทเราจำเปนตองร คอการใชเครองมอวด

ตางๆ อนไดแก Ruler,Guideและ Grid เพอชวยอำนวยความสะดวก ในการจดวางงานของเรา

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

เปนตวอางอง เพอใชบอกตำแหนงของตวชเมาสบนภาพ ถาทหนาตางภาพไมมแถบไมบรรทด ใหเลอกคำสง View >Show Ruler ทแถบเมน

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 25

การเซตคาพกดเรมตน (0,0) ของไมบรรทดทกครงทเราเปดไฟลภาพ ตำแหนงเรมตนพกด (0,0) จะถกกำหนดไวอยมมบน

ซายเสมอ เราสามารถเปลยนตำแหนงพกดเรมตน ไปอยตำแหนงใดในภาพกได เพอประโยชนในการวดระยะทาง โดยวธการตอไปน คอ

1. Click mouse คางไวแลวลากจากตำแหนงเรมตนไปยงตำแหนงทเราตองการ2. Double Click ทมมซายบน หากตองการใหพกด ( 0, 0 ) มาเรมทมมซายดงเดม

เราสามารถเปลยนหนวยวด ทไมบรรทดในหนาตาง Preferences ดวยคำสง Edit>Preferences>Units& Ruler หรอ Click mouse ปมขวาทไมบรรทด จากนนจะปรากฏเมนของหนวยวด ใหเราเลอกหนวยวดตามทตองการ

การใชโปรแกรม Photoshop 7.0

26 เอกสารประกอบการอบรม

บทท 5การทำงานกบส

การดคาสดวย Info Paletteสตาง ๆ ทเราเลอกใชงานอย เราสามารถ ดรายละเอยดของสนน ๆ ไดท Info

Palette โดยทคาของส จะเปลยนไปในแตละจด ตามตำแหนงของตวชเมาส ดงรายละเอยดตอไปน คอ

จากบททผานมา เราไดเรยนรถงเรองคณสมบตตาง ๆ ของ Mode สในบทนเราจะเจาะลกลงไปถง เรองทวา เรามวธทจะเลอกใชสทมอยไดอยางไร ซงการเลอกใช สในPhotoshop เราสามารถเลอกใชสไดหลายวธ ดงตอไปน คอ

เลอกจากสของ Foreground และ Backgroundเมอเราเปดโปรแกรมขนใชงาน สของ Foreground และ Background จะถก

กำหนดเปนมาตราฐาน คอสดำเปนส Foreground และสขาวเปนสของ Backgroundหลงจากนนสจะเปลยนตามสทเราเลอกใชงานอยจรงในขณะนน โดยโปรแกรมPhotoshop ใชส Foreground ในการเตมสภาพและใชส Background แสดงในการลบพนทภาพ

Defaulf colorClick mouse ท เพอเปลยนสของ Foreground และ Background

กลบมาเปนสมาตราฐาน คอสดำเปนส Foreground และสขาวเปนสของ Background

Switch colorClick mouse ท เพอสลบสของ Foreground มาเปนสของ Background

มาเปนส Foreground หรอกดปม<X> ทคยบอรดกใหผลเหมอนกน

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 27

การเปลยนสของ Foreground และ Backgroundเราสามารถเลอกใชสไดดงน1. Click mouse ทส Foreground หรอสของ Background ทเราตองการเปลยน ใน

ทนเราจะเปลยนส ของ Foreground ฉะนน Click mouse ทสของ Foreground จะปรากฏหนาตาง Color Picker

2. หลงจากนน เลอกสทตองการ จากหนาตาง Color Picker

เลอกสจาก Color Pickerเปนการเลอกสทใชทงหมด โดยการเลอกตามสเปคตรมสทปรากฏ หรอตามการ

กำหนดคาเปนตวเลข จากหวขอทผานมา เราจะทำความเขาใจรายละเอยดการใช ColorPicker ดงน คอ

2.1 เลอนแถบ Side เพอเลอกโทนสทตองการ2.2 Click mouse ทจานสเพอเลอกสทตองการ2.3 สทเลอกจะปรากฏขนในชองแสดงสดานบน เมอเรา Click mouse เลอกสใด

สทตำแหนงนกจะเปลยนตาม2.4 เปรยบเทยบกบสเดม2.5 คาสแสดงในแตละโหมด แตละ Channel สามารถ Click mouse เรยกดได

หรอ อาจเรยกใชคาสโดยการกำหนดคาตวเลขลงไปในแตละโหมดสกได2.6 เฉพาะรปทตองการไปใชงานดานเวบใหเลอก Only Web Color3. Click mouse ทปม จะเหนวาสของ Foreground เปลยนไปเปนส

ทเราเลอก

การใชโปรแกรม Photoshop 7.0

28 เอกสารประกอบการอบรม

เลอกสจาก Color PaletteColor Palette เปนการแสดงคาสของ Background หรอ Foreground โดยใช

การเลอน Slide เราสามารถเรยก Color Palette ขนมาใชคำสง Windows>Show Colorซงจะปรากฏ Color Palette ดงรปขางลางน และเราสามารถกำหนดคณลกษณะ ตาง ๆไดดงตอไปน

เลอกสจาก Swathes Paletteเราสามารถเลอกใชส Foreground หรอ Background อกวธหนงไดจาก Swathes

Palette โดย Click mouse ทสใน Swathes Palette เปนการเลอกส Foreground และกด<Alt> คางไว และ Click mouse เลอกสใน Swathes Palette เปนการเลอกส BackgroundSwathes Palette ตางจาก Color Palette ตรงท Swathes Palette เปนเหมอนจานสสวนตวของเรา ทเราสามารถเลอกสเจาะจงเพยงบางส เพม ลบ สราง หรอแทนทสใหมทเราตองการใชได ทำใหงายตอการเลอกใชส เปนผลใหมความผดเพยนของสนอยลง

เราสามารถเรยกใช Swathes Palette ไดโดยใชคำสง Window>Show Swathesรายละเอยดการสรางจานส

1. การเพมสใหมใน Swathes Palette มขอแมวา สทจะเพมตองถกกำหนดใหเปนสของ Foreground ในขณะนน หลงจากนนเลอนเมาสไปบรเวณทวางบนจานส จะปรากฏตวชเมาสเปนรป แลว Click mouse บนทวางนน หรอ Click mouse ทปม

2.การแทนทสเดม ทำเหมอนในหวขอท 1 แตกดปม <Shift> คางไวในขณะClick mouse บนสทจะแทน

3. การลบสจาก Swathes Palette ทำไดโดย Click mouse ทสทตองการลบหลงจากนนลากไปไวทปม

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 29

เลอกสโดยใช Eyedropper Tool การใช Eyedropper Tool ทำใหเราสามารถเลอกส จากภาพทเรามอยได โดย1. Click mouse ท 2. Click mouse เพอเลอกสในพนทภาพทตองการ ใหเปนส Foreground

หากตองการเลอกใหเปนส Background ใหกด <Alt> ไวขณะ Click mouse3. จะสงเกตเหนวาสทเราเลอกจะปรากฏเปนสของ Foreground ดวย

การปรบสภาพภาพทเรามอย อาจไมตรงตามโทนสทเราตองการ จงตองมการปรบสของภาพ

ซงการปรบสของภาพ เปนการกระทำทเกดขนในทกพกเซลของภาพนน ๆ เชนการปรบความสวาง Brightness เพมเปน 30 เปอรเซนต หมายถง ทก ๆ พกเซลในภาพนนจะมคามสวางเพมขน 30 เปอรเซนตการปรบสของภาพ สามารถทำไดโดย 3 วธดวยกน คอ

วธท 1 ปรบท Channelวธท 2 ปรบทเลเยอรทว ๆ ไป (Regular Layer)วธท 3 ปรบแบบ Adjustment Layer เปนการปรบแบบชวคราว Adjustment

Layer เปนเหมอนเลเยอรพเศษ สำหรบการปรบแตงโดยเฉพาะ Adjustment Layer จะวางทบเลเยอรจรงอกครงหนง เมอเรามองภาพทเราปรบ กจะเหมอนการมองภาพ นน ผานAdjustment Layer ทำใหเราสามารถทดลองปรบในรปแบบตางๆ ได โดยทภาพจรงของเรานน ไมเสย

ในบทนเราจะดถงการปรบสใหอยในรปแบบตางๆ โดยการใชคำสงImage>Adjust และเลอกวธทตองการดงตอไปน

การใชโปรแกรม Photoshop 7.0

30 เอกสารประกอบการอบรม

Variations การปรบสภาพโดยใชสายตาเปรยบเทยบเปนคำสงทใชการปรบสของภาพหรอ Selection โดยใชสายตาเปนตวเปรยบ

เทยบ คำสงน เหมาะกบการปรบภาพโดยทวๆ ไปไมตองการความเทยงตรงเจาะจงเทาใดนก และไมนยมใชกบภาพ ในโหมด Indexed Color วธใช Variations มดงน คอ

1. เลอกคำสง Image> Adjust > Variations บรเวณแถบเมน จะปรากฏหนาตางVariation ขน

2. องคประกอบตางๆ ของหนาตาง Variation มดงน คอ2.1 Original คอภาพทเปนตนฉบบ Clik mouse ทภาพ Original

เปนการกลบมาทภาพตนฉบบดงเดม2.2 Current Pick คอภาพผลลพธของการปรบแตงภาพในแตละครง

เมอเราเปดภาพครงแรก ภาพ Original จะเหมอนกบภาพของ Current Pick2.3 สวนทเปนรปแบบการปรบแตง ไดแก1) Shadows เปนการปรบใหมความมดมากขน2) Midtome เปนการปรบแบบกงกลาง คอมทงความมดและความสวาง3) Highlight เปนการปรบใหมความสวางมากขน4) Saturate เปนการปรบความเขมจางและเปอรเซนตส2.4 Fine/Corse กำหนดสดสวนการปรบแบบละเอยด คอปรบพนทครงละนอย ๆ

หรอ การปรบแบบหยาบ คอการปรบพนทครงละมาก ๆ2.5 Clipping เมอ Clik mouse ทสวนนจะแสดงสสะทอนแสงบรเวณทไมม

การปรบแตงของภาพ เชน บรเวณทเปนสขาวลวนหรอสดำลวน3. ปรบสและความสวางเพมสโดยการ Clik mouse ทภาพเลก ๆ ทมสในโทน

ทเราตองการ สงเกตความแตกตางระหวาง Original และ Current ลดสโดยการ Clikmouse ทภาพของสทตตรงกนขาม (เตมสตรงกนขาม) เชน ถาตองการลดส Cyanใหเตมส Red

4. ปรบความมด / ความสวางของภาพ5. เมอปรบแตงภาพจนเปนทพอใจแลว Clik mouse ทปม OK

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 31

การปรบระดบสของภาพ โดยใชคำสง Levelคำสง Level เปนการปรบความสวางของภาพ โดยอาศยขอมลของกราฟ Histo-

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

1. เลอกคำสง Image > Adjust > Levels ทแถบเมน จะปรากฏหนาตาง Levels2. Click mouse ท Channel ส3. Click mouse ท Preview เพอดความเปลยนแปลงของภาพเมอมการปรบ4. ปรบคา Input เปนการปรบความมดสวางของภาพ โดยเลอนลกศรไปทางซาย

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

5. ปรบคา Output เปนการปรบโทนสของภาพ มรายละเอยดดงนคอ ลกศรสดำเลอนไปทางขวา หมายถง โทนสจะยงออนมากขน ลกศรสขาว เลอนไปทาซายหมายถง โทนสจะยงเขมมากขน

6. เมอปรบเสรจแลว Clik mouse ทปม

การใชโปรแกรม Photoshop 7.0

32 เอกสารประกอบการอบรม

การปรบระดบสของภาพแบบอตโนมตโดยใชคำสง Auto Levelโปรแกรมจะทำการปรบโทนสของภาพแบบอตโนมต โดยจะปรบคาเฉลยใน 2

สวน คอสวนท 1 ปรบคาเฉลยของสในแตละโหมด และสวนท 2 จะเปนการปรบระดบความสวาง และความมด (ความสวาง=สขาว และความมด = สดำ) ของสในแตละChannel ใหโทนสของภาพทออกมา อยในระดบกลาง ๆ ฉะนนการปรบแบบ Auto นจะเหมาะสำหรบภาพทมความ Contrast กนมาก ๆ เราสามารถเรยกใชคำสงน โดยเลอกคำสง Image > Adjust > Auto Level

การปรบระดบความ ขาว - ดำ ของภาพอตโนมตดวย Auto ContrastAuto Contrast เปนการปรบระดบความ ขาว - ดำ ของภาพใหปรากฏชดยงขน

การปรบเชนนจะปรบพรอม ๆ กนไมไดแยก Channel เหมอนคำสง Auto Level ผลลพธทไดคอ บรเวณทมความสวางอยแลว (Highlight) กจะสวางยงขนบรเวณ ทเปนเงา (Shadow)กจะมความมดมากขน เมอเราทำการปรบระดบความ ขาว - ดำ ของภาพ Photoshopจะละเลยพกเซลทอยในขอบเขต 0.5% ของสขาว -สดำในภาพ และจะตดคา สขาว -สดำของภาพ ในสวนท ม พกเซลท ม ค าคอนขางมากกวา หรอ พกเซลท ม ค าอยปลายสดเราสามารถใชคำสงน โดยเลอกคำสง Image>Adjust> Auto Contrast

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 33

บทท 6Drawing & Painting

การสรางภาพกราฟฟกบนคอมพวเตอรนนจะมการทำงาน 2 สวนทแตกตางกนคอ

การระบายสภาพ(Painting)เปนกระบวนการทเปลยนส ในแตละพกเซลฉะนนเมอเราลงสภาพแลว เราไม

สามารถใชการ Selection หรอการเคลอนยายสนไปลงยงตำแหนงใหมได เราสามารถระบายสภาพดวยเครองมอตาง

การวาดภาพ(Drawing)เปนการวาดใหเปนรปทรงตางๆ หรอจะกำหนดใหเปนรปทรงเรขาคณตกได

ลายเสนทเกดขน ไมไดมผลตอพเซลของภาพ ดงนนเราจงสามารถยอ และปรบขนาดของภาพนได โดยทภาพไมแตก ฉะนนเราสามารถใชการ Selection หรอเคลอนยายลายเสนตางๆ เหลาน

การเลอกลกษณะของหวพกนทใช (Brushes)

การใชโปรแกรม Photoshop 7.0

34 เอกสารประกอบการอบรม

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

การนำภาพมาสรางเปนหวพกนเราสามารถนำภาพมาเปนแบบหวพกนได โดยใชคำสง Edit>Define Brush

ดงตวอยางตอไปน1. เปดไฟลภาพทตองการสรางเปนหวพกน2. เลอกคำสง Image > Image Size3. ลดขนาดภาพใหเลกลงเหมาะจะเปนหวพกน ในทนใชขนาดความกวาง 60

พเซลแลว Click mocse ปม OK4. เลอกคำสง Edit > Define Brush5. ตงชอพกน ในจอ Brush Name6. Click mouse ปม OK7. จะเหนรปเปนภาพทเราเลอกปรากฏเปนหวพกนอยท Tool Option bar8. เลอกส และทดลองใชงานหวพกนทไดเอาไว

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 35

บทท 7การเทสลงในภาพ

หลกการทวไปทวไปของการเทสภาพ การเทสภาพ ไมวาจะโดยเครองมอใดๆ มวธการหลกๆดงน คอ 1. ใชการ Selection เพอเลอกพนททตองการเทสภาพ หากเราไมเลอก Selectionกอนจะถอเปนการปรบทง Layer ทเรากำลงทำงานอยนน 2. กำหนดสทตองการใชใหเปนสของ Foreground 3. Click mouse ทไอคอนหรอคำสงทตองการ 4. Click mouse ทบรเวณทเลอกเพอเทสภาพ 5. สามารถกำหนดรายละเอยดของแตละเครองมอไดท Tool Option bar

การเทสภาพโดยใชคำสง Paint Bucket Toolคำสง Paint Bucket Tool ใหเราเตมสภาพในบรเวณตดกน และมคาสใกลกน

เคยงกน กบบรเวณทเรา Click mouse คำสง Paint Bucket Toolไมสามารถใชกบภาพใชกบภาพใน Bitmap Mode ได เราสามารถเตมสดวย PaintBucket Tool ไดดงน

1. Selection เลอกพนทภาพทเราตองการเตมส2. Click mouse ทไอคอน3. Click mouse ท Foreground Color เพอเลอกสทจะเตม4. ปรบคาสทจะเตมในภาพดวย Tool Options bar โดยมรายละเอยดตางๆFill เลอกสทใชเตม ไดแกForeground ใชสเดยวกบ Foreground colorPattern เตมภาพดวยลวดลายMode กำหนดโหนดพเศษของสOpacity กำหนดคาความโปรงแสงสTelerance จำกดขอบเขตในการระบายสAnit-aliased กำหนดใหขอบของพนทภาพทเทสลงไปมความเรยบยงขนContiquous จะทำการเทสตรงบรเวณพเซลทเรา Click mouse เทานน

การใชโปรแกรม Photoshop 7.0

36 เอกสารประกอบการอบรม

การไลโทนสภาพโดยการใชคำสง Gradient Toolการใชงานคำสง Gradient Tool1. เลอกพนททตองการเทสภาพ ในทนคอ พนททเปนเสนประสเหลยม2. Click mouse ทไอคอน Gradient Tool3. Click mouse เลอกรปแบบไลโทนสท Tool Options bar4. Drag mouse จากจดเรมตนไปยงจดปลาย ตามตำแหนงทตองการ

แลวปลอยเมาส- จดทเรมกดเมาส ถอวาเปนจดเรมตน- จดทปลอยเมาส ถอวาเปนจดปลาย

การไลโทนสภาพโดยการใชคำสง Gradient Tool

สรางโทนสขนใหมเองในกรณ ทสรปแบบมาตรฐานไมเปนไปตามตองการเราสามารถสราง

การไลโทนสขนมาใหมได โดย Click mouse ทชอง Edit Gradient กจะปรากฏหนาตางGradient Editor ขนมา

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 37

บทท 8การตกแตงภาพถาย

เครองมอตางๆใน Tool box ทใชในการตกแตงภาพ

1. Smude Tool เปนอปกรณเกลยส ทำให สภาพใหดเรยบเนยนและกลมกลนขน2.Focus Tool เปนอปกรณปรบคาความคมชดของภาพแบงยอยเปน

Blur Tool ทำใหภาพเบลอ Sharpen Tool ทำใหภาพมความคมชด

3.Tonning Tool เปนอปกรณสำหรบปรบโทนสของภาพใหมด หรอสวาง Dodge Tool ทำใหภาพมความสวางขน

Burn Tool ทำใหสของภาพดเขมขน4.Sponge Tool เปนอปกรณสำหรบปรบคา Saturate ของสทำใหสมความเขมขน

เครองมอเกยวกบการ Retouch ภาพเปน 4 ประเภทหลกๆดงน

การใชโปรแกรม Photoshop 7.0

38 เอกสารประกอบการอบรม

Smudge Tool ลกษณะการทำงานคลายๆ กบการเอานวเกลยสทเปยกซงจะทำใหสกระจายไปตามทศทางทนวเกลยนนโดยวธการใชงานดงน 1. Click mouse ทไอคอน บน Tool bar 2. Drag mouse บรเวณทตองการเกลยสภาพ 3. ผลลพธทได จะเหนวาสทเราใชเครองมอเกลย ÊÕ¹Ñ鹨СÃШÒÂÍÍ¡

4. เราสามารถกำหนดลกษณะของสทเกลยไดโดยการกำหนดคาท SmudgeOption bar

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 39

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

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

มวธการใชงานดงตอไปน1. Click mouse ทไอคอน2. Drag mouse ลากบรเวณทตองการทำภาพใหเบลอ3. กำหนดคา Option bar เหมอนกบในหวขอทผานมา

Sharpen Tool เปนเครองมอทใชงานในลกษณะตรงกนขามกบ Blur Tool โดย Sharpen Tool

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

การใชงานเหมอนกบ Blur Tool ซงยกตวอยางภาพททำโดย Sharpen Tool ดงน1. Click mouse ทไอคอน 2. Drag mouse ลากบรเวณทตองการทำภาพใหเบลอ3. กำหนดคา Option bar

การใชโปรแกรม Photoshop 7.0

40 เอกสารประกอบการอบรม

บทท 9คำสงในการทำสำเนาภาพ

เราสามารถทำสำเนาเพอคดลอกสวนหนงสวนใดของภาพไดทงในไฟลเดยวกนหรอตางไฟล มวธการทำอย 2 วธคอ

1. Clone Stamp Tool การทำสำเนาแบบหนงตอหนง2. Patten Stamp Tool การทำสำเนาภาพแบบหนงตอจำนวนมาก

การใช Clone Stamp Tool การทำสำเนาแบบหนงตอหนง วธใชงานโดยดดงตวอยางตอไปน มภาพ 2 ภาพ

ภาพแรกเรา ใหเปนภาพแมแบบ คอภาพรถ สงทเราจะทำคอ การเอาภาพรถไปแปะไวบนภาพถนนในภาพท 2 ซงมวธการดงตอไปน

1. Click mouse ทไอคอน 2. ทำตำแหนงเรมตนแมแบบของ Stamper โดยกดปม < Alt > คางไว ตวชเมาส

จะเปลยนเปนรป แลว Click mousesทตำแหนงทเราตองการ ใหเปนตำแหนงเรมตน

3. Click mouse ท Aligned ใน Tool Option bar เพอใหสำเนาเปนแบบตอเนองไมวาเราจะ Drag mouse ครงทเทาไรกตามระยะหางระหวางภาพตนแบบ และตวสำเนาจะเทากนจะสนสด กตอเมอเรายายไปทำสำเนาลงบนไฟลภาพอน

4. Drag mouse บรเวณทเราตองการใหปรากฏภาพทเราทำสำเนาไว จะปรากฏภาพรถบนไฟลภาพใหม เราสามารถทำงานขามไฟลได โดยการเปดทำงาน หลายไฟลภาพพรอมๆกน เชนการทำสำเนาไวทไฟลภาพหนงเอาไปแปะบนอกไฟลหนง หรอจะทำสำเนาภาพ ไปแปะในไฟลเดยวกนกได ในกรณทเราตองการทำสำเนาใหม โดยเปรยบเทยบอางองจากตำแหนงเรมตน

5. Click mouse ท Aligned อกครง เพอเปนการไมเลอก Aligned6. Drag mouse ทตำแหนงใหม ทเราตองการแปะภาพททำสำเนาไว

¨Ð»ÃÒ¡¯ÀҾöÍÕ¡ 1 ¤Ñ¹·Õ躹ä¿ÅìÀÒ¾ãËÁè

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 41

ใช Pattern Stamp Tool Pattern Stamp Tool เปนเครองมอสำหรบทำสำเนา Pattern โดยมวธคราวๆคอเราตองสราง Pattern กอนหลงจากนนจงทำสำเนาภาพไดตามความ ตองการดงตวอยางนคอเราตองการรปรถใหเปนแบบPatternมวธการทำงานดงตอไปนคอ

สราง Pattern 1. ทำ Pattern โดยการใช Marquee Select เลอกบรเวณ Sectionทเราตองการใหเปนสำเนาของภาพ 2. เลอกคำสง Edit > Define Pattern ทเมนบาร จะปรากฏหนาตาง Pattern name 3. พมพชอ Pattern 4. Click mouse ปม OK จะเปนการ Save Pattern ใช Pattern Stamp Tool 5. Click mouse ทไอคอน บน Toolbox ตวชเมาสจะเปลยนเปนรป 6. เลอก Pattern เปนรปรถทตองการ 7. Drag mouse บรเวณทเราตองการใชปรากฏสำเนาภาพของเราจะปรากฏภาพรถหลายคน

การใชโปรแกรม Photoshop 7.0

42 เอกสารประกอบการอบรม

ภาพทถกวาดขนในคอมพวเตอร แบงออกเปน 2 แบบคอ ภาพทเปน Bitmapและ ภาพทเปน Vector เนองจากการใชเครองมออนๆ สวนใหญเปนการประมวลผลแบบ Bitmap ทงสน ในขณะทการใชเครองมอปากกา (Pen Tool) นเปนเครองมอในToolbox ทใชประมวลผลแบบเวคเตอร ขอดของภาพแบบเวคเตอร คอ เราสามารถ ยอขยาย ยด หด เสนทสรางขนได โดยไมสญเสยรายละเอยดของภาพคำสงในกลม Pen Tool มหลายคำสง มรายละเอยดดงตอไปน คอ

Pan Toolสำหรบการวาดเสนดวยปากกา และสามารถสรางเสนแบบปราณตไดFreefrom Pen Toolเปนการสรางเสน PAth ตามการลากเมาสอยางอสระของเราAdd Anchor Point Toolเปนเครองมอสำหรบเพมจดในแแนวเสน PathDelete Anchor Point Toolเปนเครองมอสำหรบลบจดใตแนวเสน PathConvert Point Toolเปนเครองมอสำหรบเปลยนแขนของเสน Pathใหเปนเสนโคงหรอเสนตรง

บทท 10Path และการใชปากกาสำหรบวาดภาพและเลอกพนท

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 43

การเพมจดรอยตอของเสน Path ดวย Add Anchor Point Tool การเพมจดรอยตอ ทำไดโดย1. Click mouse ทไอคอน ตวชเมาสจะเปลยนเปนรป 2. Click mouse ทตำแหนงทเราตองการเพมจดรอยตอบนเสน Path ของเรา3. ผลลพธทไดคอ จดรอยตอทเพมขน

พรอมแขนทงสองขางสำหรบการปรบสวนโคง

4. Click mouse ทไอคอน ตวชเมาสจะเปลยนเปนรป 5. Click mouse ทตำแหนงทเราตองการเคลอนยายจดรอยตอบนเสน Path

ของเรา6. Drag mouse ไปยงตำแหนงใหมทเราตองการ7. ผลลพธทได

การใชโปรแกรม Photoshop 7.0

44 เอกสารประกอบการอบรม

การลบจดรอยตอของเสน Path ดวย Delete Anchor Point Tool

8. Click mouse ทไอคอน ตวชเมาสจะเปลยนเปนรป 9. Click mouse ทตำแหนงจดรอยตอบนเสน Path ทเราตองการลบ10. ผลลพธทไดคอ จดรอยตอนนหายไป

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 45

บทท 11การสรางตวอกษรลงในภาพ

รจกกบรปแบบของตวอกษรทใชในโปรแกรมกราฟฟกส ตวอกษรทใชในโปรแกรมกราฟฟก โดยทวไปแบงออกเปน 2 ประเภท เชนกน คอ

1. แบบ Outline หรอแบบ Vertorตวอกษรแบบ Outline จะถกจดเกบในลกษณะการประมวลผล เปนสตรคณต

ศาสตรทำให ไมเกดปญหารอยหยก แตก บนขอบตวอกษร เมอเกดการเปลยนแปลงขนาดโดยการยอ หรอการขยายตวอกษร ลกษณะเชนน จะเปนผลด กบงานทเกยวกบ การจดวางหนา และการวาดลายเสน ฉะนน โปรแกรมทมกใชตวอกษรแบบ Outline คอโปรแกรมAdobe Pagemaker และ Adobe llustrotorสำหรบสวนทเปนตวอกษรใน โปรแกรม Photoshop ซงตองมการเปลยนแปลงขนาดเชนกน ดงนนเครองมอ Type Tool ในโปรแกรมPhotoshop จงกำหนดใหทำงานบนเลเยอรตวอกษร โดยเฉพาะ ซงเปน เลเยอรททำงานโดยอาศยรปแบบของตวอกษรแบบ Outline แตลกษณะของตวอกษร แบบ Outline มขอเสย คอไมสามารถใชงานกบฟลเตอรได เนองจาก การทำงานของ ฟลเตอร เปนการประมวลผลแบบ Bitmap เทานน

2. แบบ Bitmapตวอกษรแบบ Bitmap จะถกจดเกบ ในรปแบบพกเซล ทำใหสะดวกในการ

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

¡ÒûÃѺáµè§ÊÕáÅÐÅÙ¡àÅè¹ ·Óä´é¹éÍÂÁÒ¡·Óä´éÁÒ¡äÁè¨Ó¡Ñ´

©Ð¹Ñé¹ËÅÑ¡¡Òà áÅÐà·¤¹Ô¤ 㹡ÒûÃѺáµè§ÍÑ¡É÷Õè´Õ·ÕèÊØ´ ¤×Íãªéà¤Ã×èͧÁ×ÍType Tool ¾ÔÁ¾ì¢éͤÇÒÁ»ÃѺ áµè§¢¹Ò´áÅФÇÒÁ¶Ù¡µéͧ¢Í§¢éͤÇÒÁãËéÁÒ¡·ÕèÊØ´ ËÅѧ¨Ò¡¹Ñé¹ Ö§à»ÅÕ蹨ҡ TypeLayer (µÑÇÍÑ¡ÉÃẺ Outline ) ÁÒà»ç¹ Layer ·ÑèÇæ ä» ( µÑÇÍÑ¡ÉÃẺ Bitmap )à¾×èͨлÃѺà»ÅÕè¹ÊբͧµÑÇÍÑ¡Éà ä´éÁÒ¡ÂÔ觢Öé¹ÃÒÂÅÐàÍÕ´ ÊÓËÃѺ¡ÒÃÊÃéÒ§¢éͤÇÒÁàÃҨд١ѹã¹ËÑÇ¢é͵èÒ§æ´Ñ§µèÍ仹Õé

¡ÒÃÊÃéÒ§¢éͤÇÒÁã¹ Photoshop 6.0

ã¹ Photoshop 6.0 àÃÒÊÒÁÒöÊÃéÒ§¢éͤÇÒÁä´é·Ñé§ã¹á¹ÇµÑé§ áÅÐá¹Ç¹Í¹â´ÂàÅ×Í¡ÃٻẺ·Õèãªé§Ò¹µèÒ§ ¡Ñ¹´Ñ§¹Õé

Ò Ê Ò Í ÒÁ Ó Í Â Á ÒÁÂÒ Â

การใชโปรแกรม Photoshop 7.0

46 เอกสารประกอบการอบรม

หลกการและเทคนคในการปรบแตงตวอกษรจากขอดและขอเสยของตวอกษรแบบ Outline และ Bitmap ทผานมาเราสรปได

ดงนคอ ตวอกษร Outline ตวอกษร Bitmap

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

ฉะนนหลกการ และเทคนค ในการปรบแตงอกษรทดทสด คอใชเครองมอ Type

Tool พมพขอความปรบ แตงขนาด และความถกตองของขอความใหมากทสด หลงจากนน จงเปลยนจาก Type Layer (ตวอกษรแบบ Outline ) มาเปน Layer ทวๆ ไป ( ตวอก ษรแบบ Bitmap ) เพอจะปรบเปลยนสของตวอกษร ไดมากยงขนรายละเอยด สำหรบการสรางขอความเราจะดกนในหวขอตางๆ ดงตอไปน

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

โดยเลอกรปแบบทใชงานตาง กนดงนPoint type การสรางขอความเปนคำ หรอประโยคทมความยาวเพยงแค 1 บรรทดParagraph type การสราง ขอความทจดเรยกกนเปนยอหนา

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

ลกษณะของการสรางขอความแบบตางๆเราสามารถสรางขอความได โดยใชคำสงในหมวด Type Tool ใน Toolbox

ซงมลกษณะการใชงาน ทแตกตางกน ไปดงตอไปน คอCreate a text Layer

เปนการพมพตวอกษรแบบทวๆ ไป เราสามารถปรบ ส ขนาด ชนด และรปแบบของตวอกษร โดยการกำหนดคาตวเลอกใน Tool Option bar และตวอกษรทพมพขนมานจะถกสรางขนมาเปนเลเยอรใหม

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 47

Create a mask or selectionเปนการสราง Selection ทมขอบเปนรปตวอกษร ดงรป โดยท Selection ทเลอก

ขนเราสามารถ Copy Cut Paste เตมสสน และทำการปรบแตงอยางอนได เชนเดยวกบSelection

Horizontally orient textเปนการกำหนดใหตวอกษรทพมพอยในแนวนอน

Vertically orient textเปนการกำหนดใหตวอกษรทพมพอยในแนวตงการสราง Selection ตวอกษร

การสราง Selection ตวอกษร มวธการ คลายกบการใสขอความ แตผลลพธทไดคอ Selection ทมขอบเขตเปนตวอกษร ทำใหเราสามารถทำงานตางๆ ไดเหมอนกบSelec tion ทวๆ ไป ไมวาจะเปนการเตมส การ Cut และอนๆ คำสงทใชในการสรางSelec tion ตวอกษร ม 2 แบบ คอ Horizontally orient text (การสราง Selection ตวอกษรในแนวนอน ) และ Vertically orient text (การสราง Selection ตวอกษรในแนวตง )ซงเราจะกลาวรายละเอยดดงตอไปน

การสราง Selection ตวอกษรในแนวนอน1. Click mouse ทไอคอน และ ท Tool Option bar ตามลำดบ2. Click Mouse บรเวณทตองการใส Selection3. พมพขอความ ในตวอยางนใหพมพคำวา “FRIEND” แลวกำหนดรปแบบของ

Selection ลงในหนาตางท Tool Options bar ดงรายละเอยดทกลาวมาแลว4. Click mouse ทปม 5. ผลลพธทได คอ Selection ตวอกษรคำวา FRIEND

การใชโปรแกรม Photoshop 7.0

48 เอกสารประกอบการอบรม

การสราง Selection ตวอกษรในแนวตงเราสราง Selection ตวอกษรในแนวตง ไดโดย Click mouse ทคำสง และ

ใน Tool Option bar สำหรบวธการตางๆ เหมอนกบการสราง Selection ในแนวนอนผลลพธทได จะเปนดงรป

หากตองการหมนตวอกษร ในแนวตงใหใชคำสง Rotate Character ทปม ในCharacter Palette จะไดผลลพธดงรปขางบนน

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 49

การตกแตงขอความโดยใส Effect ในเลเยอรตวอกษรเราสามารถใส Effect ลงในเลเยอรตวอกษรไดเลย หากมสญลกษณ

แสดงอยในเลเยอรตวอกษร ใหเหน วา นเปนเลเยอรตวอกษร ทมการปรบแตง Effectแลว หลงจากทเราสรางเลเยอรตวอกษรขนมา เราสามารถใส Effect ในเลเยอรตวอกษรไดโดย

1. จากเลเยอรทเราตองการทำ Effect ให Click mouse ในหนาตางเลเยอรหรอเลอกคำสง Layer >Layer style

2. เลอกชนดของ Effect ตามตองการ ในทนเราเลอกคำสง Drop Shadowเพอสรางเงา

3. ปรากฏหนาจอ Layer style ใหกำหนดคา Effect ตางๆ ตามทตองการ4. Click mouse ทปม 5. ผลลพธทได จะเหนวามเงาทตวอกษรคำวา FRIEND

ผลลพธ

การใชโปรแกรม Photoshop 7.0

50 เอกสารประกอบการอบรม

การพมพขอความแบบ Paragraphในกรณทเราตองการใสขอความหลายๆ บรรทด หรอเปนยอหนา ( Paragraph )

สามารถทำได ตามขนตอนดงน1. Click mouse ทไอคอน และ บน Option bar ตวชเมาสจะเปลยนรป2. Drag mouse เปนพนทกรอบสเหลยม เพอกำหนดเปนบรเวณใสขอความ3. กำหนดลกษณะ และรปแบบของตวอกษร4. พมพขอความทตองการลงในพนทวางในกรอบสเหลยมนน5. ปรบขนาดกรอบขอความ โดยการยอ ขยาย หมนเอยงได โดยวางเมาส

ทมมของกรอบสเหลยมเลกๆ จะปรากฏสญลกษณดงรป6. Click mouse ทปม 7. แสดงขอความในลกษณะของ Paragraph ตามทเราตองการ

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

แกไข และจดเรยงขอความไดดงน1. Click mouse ทไอคอน บน Toolbox เพอเรยกใชคำสง การสรางขอความ2. เลอกขอความใน Paragraph ตรงสวนทเราตองการจดเรยงขอความ3. Click mouse ปม 4. เลอกรปแบบการจดเรยงขอความไดท Tool Options bar หรอ Paragraph

Palette4.1 Paragraph เปนการวางตำแหนงของขอความ ประกอบดวย4.2 กำหนดขนาดการวางตำแหนง ของขอความกนหนา และกนหลง4.3 การจดใหบรรทดแรกของยอหนาเยอง4.4 การจดระยะหางระหวางยอหนา4.5 Hyphenate การชวยตดขอความในสวนทายสดของบรรทด ใหลงคำพอด

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 51

บทท 12เลเยอร ( Layer )

ความหมายของเลเยอรลกษณะการทำงานแบบเลเยอร เปนเหมอนการวางแผนใส ซอนทบกนเปน

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

การใชงาน Layers PaletteLayers Palette เปนศนยรวมของเลเยอรทงหมด ทมอยในภาพ โดยเรยงตามลำดบ

จากเลเยอรทอยบนสดไปจนถงเลเยอรทอยลางสด ม Scoolbar เลอนขนลงเพอดเลเยอรตางๆ แตละเลเยอรจะมชอของเลเยอรนนๆ อย นอกจากน Layers Palette ยงเปนเหมอนตวควบคมลกษณะการใชงานของเลเยอรทงหมด เราสามารถเรยก Layers Palette ขนมาใชงาน โดยการใชคำสง Window> Show Layers ทแถบเมน

การใชโปรแกรม Photoshop 7.0

52 เอกสารประกอบการอบรม

Active Layerในการใชงานโปรแกรม Photoshop นนแมจะประกอบไปดวยเลเยอรหลาย

เลเยอร แตเราจะทำงานไดเพยงทละเลเยอรเทานน เลเยอรทเรากำลงทำงานอย เราเรยกวาActive Layer ซงใน Layers Palette จะปรากฏเปนแถบสนำเงน และมไอคอนปรากฏอยในชองแสดงสถานะของเลเยอร เชน แสดงวากำลงทำการปรบแตงเลเยอรอย หรอเปนการเพมเลเยอร Mask ใหกบเลเยอรนน

การเปลยนการทำงานไปในเลเยอรตางๆเราสามารถเรยกเลเยอรใดทำงานได โดยการเลอนเมาส ไปทเลเยอรทตองการ

ตวชเมาสจะเปลยนเปนรป แลว Click mouse ทแถบของเลเยอรนน เลเยอรนนจะกลายเปน Active Layer โดยทนท

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 53

การซอนและแสดงเลเยอร

ภาพภาพหนงจะประกอบไปดวย เลเยอรหลายเลเยอรในบางครงหากเราตองการปดบางเลเยอร ไมใหมองเหน กอนเพอความสะดวกในการทำงาน โดยทไมไดลบเลเยอรนนทง เราสามารถสงใหมการซอนและแสดงเลเยอรได โดย1. ซอนเลเยอรโดย Click mouse ท เพอซอนเลเยอร ซงชองสถานะนนจะเปลยนเปน

2. ผลลพธทได คอ เลเยอร Mushroom จะหายไป3. แสดงเลเยอรโดย Click mouse ท อกครงหนง เพอแสดงเลเยอรชองสถานะจะเปลยนกลบมาเปน 4. ผลลพธทได เลเยอร Mushroom จะปรากฏขนอกครง5. ซอนและแสดงหลายๆ เลเยอรพรอมกน โดยการ Drag mouse ผานชองสเหลยมตางๆ6. ผลลพธทได เลเยอร Vegetable, Gevi, Orange และ Mushroom จะหายไป

การใชโปรแกรม Photoshop 7.0

54 เอกสารประกอบการอบรม

การเชอมเลเยอรเขาดวยกน (Link)

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

วธการสราง Link

เราสามารถสราง Link ไดดวยวธการงายๆ ดงน คอ

1. Click mouse ทเลเยอรทเราใชงาน ในทนคอ เลเยอร vegetable2. Click mouse ท ของชองแสดงสถานะ ของเลเยอรทเราตองการ Link ดวย (มากกวา1 เลเยอรกได) จะปรากฏสญลกษณ ขน ในทนให Click mouse ทเลเยอร Gevi และOrange

การเคลอนยายภาพในเลเยอรทเชอมกนเมอเราเคลอนยายภาพในเลเยอร ภาพในเลเยอรอนท Link กบเลเยอรทเราทำงานอยจะเคลอนยายไปพรอมๆ กน3. ลองใชคำสง Move 4. เคลอนยายภาพทอยในเลเยอรไปทางซาย5. จะสงเกตเหนวา ภาพท Link อยกจะเคลอนยายตามไปดวย

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 55

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

เราสามารถสรางเลเยอรใหม ไดหลายวธดงตอไปน คอ

วธท 1 การสรางโดยใช การ Click mouse ท ใน Layers Paletteเลเยอรใหมจะถกสราง ขน เหนอ เลเยอรทเรากำลงทำงานอยพรอมกบการกำหนดชอเลเยอรโดยอตโนมตวธท 2 สรางโดยใช Option ท Layer Palette จะปรากฏหนาตาง New Layerใหเรากรอกรายละเอยดของเลเยอร

การลบเลเยอร

วธท 1 ลบโดยใชคำสงทแถบเมน Layer>Delete Layerวธท 2 ลบโดยใชคำสง Delete Layer โดยการ Click mouse ท ใน Layers Paletteวธท 3 ลบโดยใชไอคอน ท Layers Palette โดยการ Drag mouseลากเลเยอรทเราตองการลบ มาไวใน

การใชโปรแกรม Photoshop 7.0

56 เอกสารประกอบการอบรม

การคดลอกเลเยอร

เลเยอรทคดลอกใหมจะปรากฏเปน ชอเลเยอรนน+Copy เชน ถาเราคดลอกเลเยอร Labelจะไดเปน เลเยอรใหมทเหมอนเลเยอร man ทกประการ แตมชอวา man Copy

วธท 1 คดลอกโดยใชคำสงทแถบเมน Layer>Duplicate Layerวธท 2 คดลอกโดยใชคำสง Duplicate Layer ท Layer Palette โดย Click วธท 3 คดลอกโดยใช Click ขวาบน Layer ทตองการ Copy เลอกคำสง Duplicate Layerวธท 4 คดลอกโดยใชไอคอน ท Layers Palette โดยการ Drag mouseลากเลเยอรทตองการคดลอกมาไวใน

การเปลยนชอของเลเยอร

เราสามารถเปลยนชอเลเยอรไดโดย จากตวอยางเราตองการเปลยนชอเลเยอร cup เปนชอ glass1. Click mouse ทเลเยอรทเราตองการเปลยนชอ จะปรากฏหนาตาง Layer Option2. Click mouse ทปม 3. Click mouse เลอก Layer Properties4. พมพแกไขชอ5. Click mouse ทปม ใหเราทำการแกไขชอ

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 57

การใชคา Opacity สรางภาพซอนของเลเยอร

คา Opacity เปนการกำหนดความทบแสงของภาพ และเลเยอร มคาตงแต 0 ถง 100% คาOpacity ตำหมายถงเลเยอรนน มความโปรงแสงมาก คา Opacity สง หมายถงเลเยอรนนมความทบแสงมากตวอยางการสรางภาพซอนเลเยอร

การใช Adjustment Layers

เปนการปรบแตงภาพวธหนง ทชวยใหเราทดลองปรบแตงเลเยอรภาพ ดวยเอฟเฟคตางๆโดยไมจำเปน ตองทำการปรบแตงโดยตรง บนเลเยอรจรง โดยโปรแกรมจะสราง Ad-justment Layer นเพมขนมาซอนอยบนเลเยอรภาพจรง ทเราตองการปรบแตงขณะทเราปรบแตง Adjustment Layer ดวยเอฟเฟคตางๆ จะสงผลทำใหเลเยอรภาพดานลางนน เปลยนแปลงไปตาม หากเราไมตองการเอฟเฟคตางๆ แลวเรากสามารถลบเพยง Adjustment Layer เทานน โดยทภาพเลเยอรจรงยงคงอยเหมอนเดมจากตวอยางเราลองปรบแตงคา Hue/Saturation ของภาพโดยใช Adjustment layer ไดตามขนตอนดงน1. Click mouse เลอกเลเยอร ทเราตองการสราง Adjustment Layer2. เลอกคำสง Layer >New Adjustment Layer >Hue /Saturation…3. ปรากฏหนาจอ New Layer ใหเรากำหนดชอเลเยอร ลงในชอง Name4. Click mouse ปม 5. แสดง Adjustment Layer ซอนเขามา บนเลเยอรเดม6. ทำการปรบแตงสใน Adjustment Layer ตามทเราตองการ7. แสดงผลโดยภาพในเลเยอรดานลางจะถกปรบแตงสตาม Adjustment Layer ไปดวย

การใชโปรแกรม Photoshop 7.0

58 เอกสารประกอบการอบรม

การใช Fill Layer

Fill Layer เปนการปรบแตงภาพ โดยการสรางเลเยอรใหมเพมเขามาซอนอยบนเลเยอรภาพทตองการปรบแตง ซงจะคลาย กบการปรบแตงภาพดวย Adjustmentlayer แตจะแตกตางกนท Fill Layer จะสามารถปรบแตงภาพ ไดเพยงแคการเทสและการไลโทนส ใหซอนอยในเลเยอรดานบนเทานนซงจะไมมผลตอเลเยอรของภาพดานลาง แตอยางใด เราสามารถทำการปรบแตงภาพดวยFill Layer ไดตามขนตอนดงน1. เลอกคำสง Layer >New Fill Layer >Gradient…2. ปรากฏหนาจอ New Layer ใหเรากำหนดชอเลเยอรลงในชอง Name3. Click mouse ปม 4. แสดง Fill Layer ซอนเขามา5. ปรบการไลโทนส Fill Layer ตามทเราตองการ6. แสดงผลเปนการซอนภาพของเลเยอรภาพดานลาง และเลเยอรของการไลโทนสโดยการไลโทนสใน Fill Layer ไมมผลในเลเยอรภาพดานลางแตอยางใด

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 59

การใช Blending Mode ในการตกแตงภาพ

จากทไดเรยนรผานมา เราสามารถใช Blending Mode ในการตกแตงภาพไดดงน คอ1. จากภาพทมอย ม 2 เลเยอร คอเลเยอรทเปนรปดอกไม และเลเยอรทเปนรปเดกใหClick mouse ทเลเยอรทเราตองการทำใหเปน Blending Mode2. Click mouse ท เพอเลอกลกษณะของ Blending mode ทตองการ ในทนเราเลอกHardlight3. Click mouse กำหนดคา Opacity4. ผลลพธทได

การใชโปรแกรม Photoshop 7.0

60 เอกสารประกอบการอบรม

บทท 13ความเขาใจเรอง Channel ส

ในทกภาพ Photoshop ประกอบไปดวย Channel สอยางนอยตงแต 1 Channel ขนไปซงแตละ channel จะเกบลายละเอยด ความเขมของแตละพกเซลของสใน Channel นนๆซงแตละภาพ จะมก Channel ขนอยกบโหมดสของภาพนนๆ ยกตวอยางเชน สในโหมดCMYK ซงเปนโหมดสทใชในการพมพ จะม Channel ส 4 Channel ไดแก Channel สCyan (C), Channel ส Magenta (M), Channel ส Yellow (Y) และ Channel ส Black (K)

ถาหากเราพอมความรเรองการพมพอยบาง เราจะทราบวา Channel สแตละ Channelนจะนำไปใชในการแยกส เพอทำแมแบบ สำหรบงานพมพทกชนด ทเราใชงานกนอยนอกจาก Channel สทกลาวมาขางตนแลว ยงม Channel พเศษอนๆทเพมเขาไปในภาพอนไดแก

1. Alpha Channel เปน Channel ทเกบขอมลการ Selection แบบตางๆ รวมทงการSelection แบบ Mask Mode ทไดกลาวถง ในบทเรองการ Selectionโดยจะจดเกบในรปแบบภาพ 8 bits Grayscale ซงเราสามารถ Save ปรบแกและเรยกขนมาใชงานได2. Spot color Channel เปน Channel สำหรบเกบสพเศษในการพมพ (Spot color)หมายถง สทไมสามารถเกดจากการผสมของส ในโหมด CMYK ได เชน สทอง สเงนและสสะทอนแสง เปนตน ซงถาเปนขนตอนการพมพงานพมพ 4 ส หลงจากทพมพสCMYK หมดแลวจะพมพส Spot Color น

คณสมบตของ Channel

1.Channelจะบอกจำนวนของเมดสในโหมดนนๆ เราสามารถแยกดส ในแตละ Channelหรอรวม เฉพาะบาง Channel ได2. ใน Alpha Channel พกเซลทถกเลอก จะปรากฏเปนสขาวบรเวณทไมถกเลอกจะเปนสดำ3. การม Channel มากจะทำใหขนาดของไฟลภาพ มขนาดใหญมาก ตามไปดวยเชนในโหมด RGB ถามการเพม 1 Channel ขนาดของไฟลภาพ จะเพมขน 1/3 เทาดวย4. แตละ Channel จะถกเกบในรปแบบของ Grayscale Mode ซงจะสามารถเกบระดบของสได 256 ระดบส5. ใน Photoshop อนญาตใหเราม Channel สในแตละภาพไดถง 24 Channel

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 61

การเพมคาลดสในแตละ Channel

เราสามารถปรบแตงคาสในแตละ Channel โดยการเพมหรอลดคาสในแตละ Channelได โดยการใสสขาว เพมเปนการเพมคาส และใสสดำ เปนการลดคาส ในแตละ Channelอยาลมวา การเปลยนแปลงคาสใน Channel สแตละครงจะมผลตอสในภาพรวม1. Click mouse เลอกเฉพาะส Channel สทเราตองการเพมลดคาส2. ใชเครองมอเกยวกบการลงส หากตองการเพมความเขมของ Channel สนนๆใหใสสดำ และหากตองการลดสใน Channel นนๆ ใหใสสขาว ดงตวอยางเปรยบเทยบ

การรวม Channel สเพอสรางเปน Channel สใหม โดยใชคำสง Calculation

คำสง Calculation จะทำใหเราสามารถรวม Channel สเพอสราง Channel สใหมไดโดยดงเอาคาสจาก Channel ของส 2 แหลงอาจเปน Channel สจากภาพเดยวกนหรอภาพตางกนกได

การใชงานคำสง Calculation

จากตวอยาง มไฟลภาพ 2 ไฟล คอไฟล ship1.psd เปนภาพแสงอาทตยและเรอกใบลำเลกๆ (รปทางซายมอ) และไฟล ship2.psd เปนภาพเรอใบลำใหญ(รปทางขวามอ) เราจะสราง Channel สในไฟล ship2.psd เพมขนใหม โดยใช Channel สYellow และ Black ของไฟล ship1.psd มารวมกน แลวใชชอ Channel ใหมนวา1. เลอกทำงานในไฟล ship2.psd ให Click mouse เลอกคำสง Image > Calculationsจะปรากฏหนาตาง Calculations ขน2. Click mouse ท Preview เพอดการเปลยนแปลงขณะทำงาน3. เลอกสราง Channel ใหมจาก Source ภาพอนๆ ทเปดอย โดยการเตมรายละเอยดตางๆดงน คอ- กำหนด Source 1 และ Source 2 เปนไฟลภาพทงหมดทเปดอยในขณะนน ในทนใหเราเลอก Source 1 และ Source 2 เปน ship2.psd- Channel ใหเลอกใส Channel ของ source1 เปน Yellow และเลอก Channel ของsource2 เปน Black4. กำหนดคาตางๆ ไดแก Blending Mode, Opacity5. เมอกำหนดคาตางๆ เสรจแลว Click mouse ทปม 6. Channel สเพมขนมาอก 1 Channel โปรแกรมจะตงชอใหโดยอตโนมตวา Alpha17. สงเกตผลลพธของภาพทได ภาพสองภาพนจะซอนกน และสจะผสมกน

การใชโปรแกรม Photoshop 7.0

62 เอกสารประกอบการอบรม

บทท 14Action การสรางงานอตโนมต

บอยครงทเราเบอหนายกบเหตการณเหลาน คอ การทำงานบางอยางซำ ๆ กนหลาย ๆไฟล หรอแมแตในไฟลเดยวกน แลวทำแบบเดยวกนเรอย ๆ ถาเกดเราตองวาเราตองทำอยางนสก 20 ไฟล คงเสยเวลาเปลาแน ๆ

Actions คออะไร ?ใน Photoshop มคำสงทแกปญหาการทำงานซำกนน โดยการรวมเอางานทตองทำซำ ๆกน เขาดวยกนเปนคำสงเดยว เรยกวา “ Action “ (คำสงของงานแตละงานทมารวมกนกนเปน Action เรยกวา “Record “ )ทำใหสามารถทำขนตอนซำ ๆ ดวยการ Click Mouse เพยงครงเดยวเทานนซงการทำแบบนคลาย ๆ กบ เรากำลงสราง Filter ของเราเองดงตวอยางขางลางน

จะเหนวาในกรอบของ Actionจะปรากฏขนตอนการทำงานของเราทเราไดทำไปทกขนตอนซงเราสามารถนำเมาสไปคลกท Action Palette ทางดานรปบนซายแลวกจะปรากฏขนตอนการทำงานเปนแตละขนตอนดงรปทางขวา

เขาใจการทำงานของ Actios Paletteหากเราตองการจะสรางงานอตโนมต สงทเราตองทำความเขาใจคอ Actios Paletteเพราะเราตองบนทกคำสงตางๆ ทเราตองการทำใหเปน Action ลงใน Actios Paletteนเราสามารถเรยก Action Palette ขนแสดงไดโดยการใชคำสง Windows -> ShowAction ทแถบเมน

ใน Action Palette มการรวมกลมกนเปนลำดบขนเพอทเราจะไดไมสบสนในการใชคำสง โดยจะมอย 2 รปแบบคอ

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 63

1.รปแบบท 1 แสดงลกษณะของ Action ทแสดงรายละเอยดของงานแตละงาน

อธบายความหมาย1.Record คอ แตละคำสงทถกบนทกไว หลาย Record รวมกนเปน Action2.Action คอ Record หลาย ๆ Record ทอยในกลมการทำงานเดยวกนมารวมกน หลายAction รวมกนเปน Set เชน Action Medium Outline ประกอบดวย 1. Make snapshot2.Set Selection 3.Stroke3.Set คอ กลมของ Action ทถกจดหมวดหม

สรป หลาย Record รวมกนเปน Actionหลาย Action รวมกนเปน Set

รปแบบท 2 ลกษณะของ Action รวมเปนปมคำสงเพองายตอการใชงาน

Click Mouse ท Action Palette เพอใชงานหากเราตองการใหแสดงรายละเอยดภายใตหวขอนน ให Click mouse ทเครองหมายจะเปลยนเปน เพอแสดงรายละเอยดหวขอนน ๆ โดย เครองหมายมรายละเอยดอน ๆ ซอนอย และเครองหมาย แสดงรายละเอยดภายใตหวขอนน

เรองนาร...1.ทก Action ทสรางขนใน Photoshop 5 , 5.5 สามารถใชไดใน Photoshop 62.ตราบใดทเรายงไมปดโปรแกรม Actionทสรางขนสามารถใชไดกบไฟลภาพทกไฟลทเปดขน3.เราสามารถ Save Action เพอนำไปใชกบไฟลภาพอน ๆ ได หลงจากปดโปรแกรม

การใชโปรแกรม Photoshop 7.0

64 เอกสารประกอบการอบรม

การสราง Set สำหรบ Actionกอนทเราจะสราง Action เราควรกำหนด Set ขนกอน เพอแบงหมวดหมของ Actionทเราจะสรางขน ในตวอยางเราจะใชชอ Set วา Photoshop ซงสามารถทำไดดงน

1. Click mouse ท แลวเลอกคำสง New Set จะปรากฏหนาตาง New Set ขนมา2. ใสชอ Set วา Photoshop3. Click mouse ทปม OK4. จะปรากฏ Set ชอ Photoshop ท Action Palette

ผลลพธทได

การสราง Action ใหมหลงจากทเราสราง Set เราสามารถสราง Action ไดโดยวธการดงน คอ1. Click mouse ท แลวเลอก New Action จะปรากฏหนาตาง New Action ขน2. ใสรายละเอยดของของ Action ทเราสรางขน ดงน2.1 Name : ใสชอ Action ทเราสรางขน ในทนขอใชชอวา Action12.2 Set : ใสชอ Set ทเราเลอก ในทน เราเลอก set ชอ photoshopทเราสรางขนมากอนหนาน2.3 Function Key กำหนดปม Short Cut เมอเราตองการเรยก Action นขนมาทำงาน2.4 Color สของปมทเมอเราทำงานเปนปมอตโนมต3. Click mouse ทปม Record4. ผลลพธทได คอ Action ทมชอวา Action1 พรอมเรมการบนทก Record

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 65

การบนทกงานลงใน Actions Palette ( Record )หลงจากทเราสราง Action แลว เราสามารถบนทกงานไดดงน1. Click mouse ท Action ทเราตองการบนทก Record

2. Click mouse ทปม ท Action Palette สญลกษณจะเปลยนเปนปมสแดงหมายถง พรอมทจะบนทก Record

3. ทำคำสงท 1 คอ Click mouse ใชคำสง Image > Mode > Grayscaleเพอเปลยนโหมดภาพ สงเกต Record ทถกบนทก

มบางคำสงทไมไดมการบนทกลงใน Actions Palette เพราะไมมผลตอภาพ เชน คำสงยอขยาย คำสงทเกยวกบการเคลอนยายภาพ

หยดการบนทก Record และบนทกตอเราสามารถหยดการบนทกบางขนตอน และไปบนทกลงใน Action อน ๆไดโดยการคลกเมาสท และทำการบนทกตอได โดยคลกเมาสทปม

การใชโปรแกรม Photoshop 7.0

66 เอกสารประกอบการอบรม

การเรยกใชงาน Action ดวยคำสง Playหลงจากทเราสราง Action เสรจแลว เราสามารถเรยกการใชงานได โดยใชคำสง PlayCurrent Selection

ขอควรจำ.. อยาลมปดการบนทก Record กอนการสงใหการใชงาน ActionTip... เราสามารถกำหนดการเรมตนการทำงานระหวาง Action ใหเรมท Record ใดRecord หนง โดยเฉพาะได โดยคลกเมาสท Record นน และใชคำสง Play เพอเปนการRun ขนตอนตอไปจนจบ Action นน

การใชคำสง Play ทำงานโดยขามบาง Recordในขณะทเราเรยกใช Action อาจมบาง Record ทเราไมตองการใหทำงานในขณะนนเราสามารถขามบางคำสงนนไดโดยการคลกเมาสท จะเปลยนเปนหมายถงการขามขนตอน

การกำหนดลกษณะการทำงานของคำสง Playเมอเราใชคำสง Play เพอเรยกการใชงาน Actionเราสามารถกำหนดลกาณะการทำงานของ Action ได โดยคลกเมาสท ท Actionpalette แลวเลอก Playback Option จะปรากฏหนาตาง Playback Option ใËéàÅ×Í¡ 4

Ẻ´Ñ§ÃÙ»

Accelerated แสดงผลแบบรวดเรว จะไมเหนขนตอนการทำงานStep by Step แสดงผลแบบใหเหนทละขนตอน Pause Fro.. แสดงทละขนตอน โดยเวนระยะทก ๆ x วนาทPause For Audio Annotation แสดงผลใน Audio Annotation

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 67

การแทรกคำสงทไมไดเกดจากการทำงานจรงในขณะนนลงใน Action Paletteจากหวขอทผานมา จะเหนวาเมอเรากดปม Record แลวทกคำสงทเราใชจะปรากฏในActions Palette แตมบางคำสงทเราไมไดทำงานจรง แตเราสามารถแทรกคำสงลงไปในActions Palette ได โดยใชคำสง Insert Menu Item สามารถทำไดดงน1. Click mouse ท Record ทเราตองการแทรก2. Click mouse ท แลวเลอก Insert Menu Item command จะปรากฏหนาตาง InsertMenu Item ขน3. ใสชอคำสงทเราตองการแทรก หรอถาจำชอไมได ใหคลกเมาสท Findเพอหาคำสงนน4. Click mouse ทปม OK5. ผลลพธทไดคอ มคำสงใหมทเราเลอก เพมขนมาท Actions Palette

การแทรกคำสงหยดเขาไปใน Actionขณะทกำลงทำงานโดยใช Action Paletteเราสามารถกำหนดคำสงหยดเพอบอกขอความเตอนความจำบางอยางไดตวอยางนเราตองการ ใหมขอความเตอนวา อยาลม Print สามารถทำไดดงน1. Click mouse เหนอคำสงทเราตองการแทรก2. Click mouse ทคำสง Insert Stop จะปรากฏหนาตาง Record Stop3. พมพขอความทตองการลงไป เชน อยาลม Print4. Click mouse ท ถาตองการใหมปม Continue5. Click mouse ทปม OK6. ไดผลลพธดงน

จะขนขอความเตอนดงรป

การใชโปรแกรม Photoshop 7.0

68 เอกสารประกอบการอบรม

ในโปรแกรม Photoshop 6 จะม Action เหมอนกบ Photoshop 5.5อยจำนวนหนงทถกบนทก พรอมกบการตดตงโปรแกรมไวในโฟลเดอรเฉพาะทPhotoshop สรางขนในโฟลเดอร Program files> Adobe> Photoshop 6> Presets >Photoshop Actions

การลบ Record และ Actionเหมอนกบ Palette โดยทวไปเราสามารถลบ Record และ Action ไดโดยการ DragRecord ËÃ×Í Action ·Õèµéͧ¡ÒÃź ä»Âѧ

คำสงเปลยน Action ใหเปนปม Buttonเมอเราสราง Action ตางๆ เรยบรอยแลว เราสามารถเปลยน Action ตางๆเหลานนใหเปนปมคำสงเพองาย ตอการใชงาน โดยใชคำสง Button Modeซงจะทำใหทก Action ทมอยใน Actions Palette เปลยนเปนปม ทงสนและสของปมจะเปนไปตามทตงคาไวในหวขอการสราง Action1. Click mouse ท แลวเลอก Button Mode2. ผลลพธทได คอ Action ทเปนปม Button สแดง และม Shortcut เปนF11ตามทกำหนดไวในหวขอการสราง Action

การ Save และ Load Action เพอใชในงานครงตอไปกอนเปดโปรแกรม เราสามารถ Save Action ทเราสรางขนมาเพอเรยกใชในครงตอไปได โดย เลอกท Set ทเราตองการแลวเลอกท Save Actionซงจะทำการ Save ใหเปนไฟล .atnนอกจากนยงมคำสงอนๆทใชจดการกบ Action ดงน คอ

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 69

Clear Options ลบ Action ทเลอก Reset Actions ลบ Action อน ใหเหลอเฉพาะ Actionทโปรแกรมตงคาเอาไว Load Actions เรยก Action ทเกบไวขนมาใชงาน ReplaceActions แทนท Action ทมอย Save Actions บนทก Action ทเลอก ใหเปน .atn กลมActions ขางลาง เลอก Action ทโปรแกรมตงคาไว

การใชโปรแกรม Photoshop 7.0

70 เอกสารประกอบการอบรม

บทท 17ฟลเตอร ( Filter )

ฟลเตอร ( Filter ) เปนคำสงทใชในการตกแตงภาพดวยเทคนคพเศษ ทหลากหลายแทนทจะตองมาพยายามคดคน ขนตอนการทำงานตาง ๆ ขนเอง เราสามารถใชฟลเตอรเพยงคำสงเดยว ในการทำงานหลาย ๆ ขนตอนได เชนเราตองการสรางแสงใหภาพแทนทเราตองมาทำทละขนตอน คอสรางเลเยอร copy เลเยอรลงส ปรบคา Opacity ฯลฯแตเมอเราเรยกใชคำสง Filter เพยงครงเดยว กสามารถกำหนดคาตาง ๆดงทกลาวมาแลวได และไดผลลพธทรวดเรว

ฟลเตอรทพบใน Photoshopฟลเตอรทพบใน Photohop จะแบงตามลกษณะการใชงาน และทมาไดเปน 3ประเภทหลก ๆ คอ

1. Layer Effect เปนฟลเตอรทอยในเลเยอร สำหรบทำการปรบแตงภาพในแตละเลเยอรซงเราจะพบ เมอใชคำสง Layer > Effect . ฟลเตอรทตองการ เชน

2. Filter เปนฟลเตอร ทสรางโดยบรษทผผลตโปรแกรม Photoshop »ÃСͺ仴éÇ 14

Filter

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 71

3. Plugin เปนฟลเตอรทถกพฒนาจากทอน ใหสามารถใชงานได กบโปรแกรม[hotoshop ฉะนน Plug-in ประเภทน จงมอยางไมจำกด

การใชงานฟลเตอรเพอความเขาใจในการทำงานของฟลเตอร เราจะดกนถงตวอยาง การใชงานฟลเตอรบางฟลเตอรดงตอไปน

เราจะมาลองทำภาพหมาตวน ใหดเหมอนภาพทกำลงซมกนนะครบ ขนตอนการทำดงน1. เราตอง Select พนททตองการเลอกไวกอน โดยใช Lasso Tool

2. กำหนดคา Feather ของ Selection โดยไปทเมน Select > Feather

3. ทำการ Inverse ภาพ โดยไปท Select > Inverse

4. ไปทเมน Filter > Blur > Radial Blur

การใชโปรแกรม Photoshop 7.0

72 เอกสารประกอบการอบรม

5. กำหนดคา Amount = 80 ในชอง Blur Method เลอก Zoom ในชอง Quality เลอกGood

จะไดภาพดงรปขางลาง

เรองนารเกยวกบการใชงานฟลเตอรเพอการใชงานฟลเตอรไดอยางมประสทธภาพ เมอเราใชฟลเตอรเราควรคำนงถงสงตอไปน คอ1. ฟลเตอรลาสดทเราใชงาน จะปรากฏเปนแถบคำสงบนสดในแถบเมน2. ฟลเตอรจะทำงานเฉพาะกบเลเยอรท Active อยและมองเหนเทานน3. ฟลเตอรไมสามารถทำงานกบภาพทเปน Bitmap Mode , Index Color และภาพทเปนChanel 16 บตส4. บางฟลเตอรทำงานเฉพาะกบโหมดส RGB และบางฟลเตอรตองใช RAMทงหมดทมอย5. หากไมมการเลอก Selection การใชงานฟลเตอร หมายถงการปรบการทำงานทงภาพ

องคประกอบทควรรในหนาตางฟลเตอรหนาตางฟลเตอร แตละฟลเตอรจะแตกตางกนไปตามลกษณะการทำงานของฟลเตอรนน ๆ แตโดยทวไป จะประกอบไปดวย สวนตาง ๆหลก ๆ ดงตอไปนคอ

1. บรเวณแสดงผลการ Preview ภาพ2. บรเวณของการปรบแตง ซงจะประกอบไปดวยลกษณะตาง ๆ ทแตกตางกนออกไปตามแตละฟลเตอร

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 73

เทคนคในการใชงานฟลเตอรกบภาพทมขนาดใหญการทำงานโดยใชฟลเตอร ถาไฟลภาพมขนาดใหญ จะกนเวลานานมากหรออาจทำใหเครองแฮงคได ซง เราสามารถประหยดเวลาการทำงานกบฟลเตอรไดหลายวธการดงตอไปน คอ

วธท 1. Click mouse ท ดภาพ Preview ทหนาตาง Filterกอนการสงใหฟลเตอรทำงานจรงวธท 2. พยายามแบงภาพ ทจะทำฟลเตอรออกเปนสวนยอย โดยเลอกท Selectionแลวใชคำสง Filterวธท 3. แบงการทำงานฟลเตอรทละ Chanelวธท 4. ทดลองการใชงานฟลเตอร โดยการ แปลงภาพใหเปน Resolution ตำ ๆกอนจะใชงานกบฟลเตอรจรงวธท 5. Clear Memory ทงหมด กอนทจะใชงานฟลเตอร หรอเพม RAM ถาจำเปน

การใชโปรแกรม Photoshop 7.0

74 เอกสารประกอบการอบรม

การใชคำสง Liquify ในการตกแตงภาพเปนคำสงใหม ทใชในการทำเอฟเฟค ใหกบรปภาพ วงมลกษณะเหมอนกบ Plug - inKPT6 หรอ โปรแกรม Kai PowerGoo จากเครองมอทมอยสามารถทำเอฟเฟคไดหลากหลาย เชน การทำภาพบดเบยว ภาพปดบวมและทำภาพเงาสะทอนบนกระจก โดยเรมจากขนตอนดงน

1. เปดไฟลภาพทเราตองการตกแตงขนมา

2. Click mouse ท Image > Liquify

3. จะปรากฏหนาจอการทำงานของคำสงดงรปบนขวา

สำหรบการปรบแตงภาพดวยคำสง Liquify น เราสามารถกำหนดใหภาพบางสวนถกปองกนจากการปรบแตงได ( เราเรยกสวนนวา Freeze X เพอทเราจะไดปรบแตงภาพสวนทเหลองายขน (เราเรยกสวนทสามารถปรบแตงไดนวา Thaw ) และถาเกดความผดพลาดระหวางการปรบแตงภาพเรากสามารถยกเลกขนตอนบางสวนทถกปรบแตงได ( àÃÒàÃÕ¡¡ÒáàÅÔ¡¡ÒûÃѺáµè§¹ÕéÇèÒ

Reconstruction )

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 75

รจกอปกรณตาง ๆ ใน Liqiufyกอนทเราจะตกแตงภาพดวยเอฟเฟคตาง ๆ เราควรจะรจกกบเครองมอตาง ๆ ทมอยดงน Warp tool ใชบดภาพไปตามแนวทเรา Drag mouse

Twirl Clockwise tool บดภาพใหหมนไปตามเขมนาฬกา โดยการกดหรอ Dragmouse ลงไปในตำแหนงของภาพทเปนจดศนยกลาง

Twirl Counter Clockwise tool บดภาพใหหมนทวนเขมนาฬกา โดยการกดหรอDrag mouse ลงไปในตำแหนงของภาพ ทเปนจดศนยกลาง

Pucker tool ใชบบสวนของภาพทเรากดเมาส หรอ Drag mouse Bloat tool ใชขยายสวนของภาพทเรากดเมาส หรอ Drag mouse Shift pixels tool เลอนสวนของภาพใหไปตามการ Drag mouse Reflection tool ใชสรางภาพสะทอนในลกษณะของการสองกระจกเงา Reconstruct tool ยกเลกใหภาพทถกปรบแตงกลบสสภาพเดม โดยการ Drag mouse

ในตำแหนงนน Freeze tool ระบายสลงในภาพบรเวณทตองการใหปองกนการแกไขภาพ Thaw tool ลบสในบรเวณของการปองกนการแกไขภาพออก

เพอใหสามารถแกไขภาพในบรเวณนนได

กำหนดคณสมบตของเครองมอตาง ๆ ใน LiquifyTool Option คณสมบตของเครองมอ- Brush size เลอกขนาดของหวพกน- Brush Pressure ปรบใหเพม และลดแรงกดของเมาสReconstruction ยกเลกการแกไขภาพ หรอกลบสภาพกอนการแกไข- Reconstruction ยอนกลบไปโดยการยกเลกการปรบแตงทละสวน- Revert ยอนกลบสภาพกอนการปรบแตงFreeze กำหนดคณสมบตของการปองกนการแกไข- Invert กำหนดใหปองกนการแกไขภาพทงหมด- Thaw All กำหนดใหแกไขภาพไดทงหมดView Option กำหนดการแสดงมมมองตาง ๆ- Show Freeze แสดงสทบอกถงพนทของการปองกนการแกไขภาพ- Show Image แสดงใหเหนภาพShow Mesh แสดงเสนตารางทบอกตำแหนง และขนาดของการปรบแตงภาพ

การใชโปรแกรม Photoshop 7.0

76 เอกสารประกอบการอบรม

Mesh Size กำหนดขนาดของตาราง- Small ตารางขนาดเลก- Medium ตารางขนาดกลาง- Large ตารางขนาดใหญMesh Color เลอกสของเสนตารางFreeze Color เลอกสพนในพนททปองกนการแกไขภาพ

การปรบแตงภาพอยางเจาะจง และการบดภาพดวย Warp toolเราสามารถปรบแตงภาพ ในเฉพาะบางสวนของภาพ โดยการกำหนดใหภาพทกสวนเปนFreeze จากนน ลบ Freeze ในสวนทตองการปรบแตงทำใหสามารถปรบแตงภาพในสวนนนไดอยางเจาะจง

กำหนดพนทภาพทตองการแกไขอยางเจาะจง

1. Click mose ทปม Invert2. Click mouse เลอกชอง Show Mesh3. Click mouse เลอกท 4. Drag mouse ลบเอาเฉพาะสวนทตองการแกไข ( ตา)

ถาเราตองการเพมสวนของการปองกนการปรบแตงภาพเพมเตม ใหเรา Click mouse ปมแลว Drag mouse ในสวนของภาพทตองการปองกนการปรบแตงภาพเพมเตม

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 77

การบดภาพดวย Warpเมอไดสวนของภาพทจะปรบแตงแลว ใหเราทำการบดภาพในสวนของลนใหดแบนๆเหมอนลายนำ

1. Click mouse ท 2. เลอกขนาดของหวพกน ท Bruss Size3. ปรบขนาดการบดภาพ ท Brush Pressure4. Drag mouse ปรบควใหโกงขน5. Click mouse ยกเลกการ Freeze ท Thaw All6. จะไดผลลพธดงรปเลกขางขวา

การปรบแตงภาพดวยการหมน ( Twirl )เราสามารถหมนในสวนของภาพ ทตองการแกไขได 2 ทศทางคอ ตามเขมนาฬกาและทวนเขมนฬกา โดยใชเครองมอทตางกน แตวธการใชเหมอนกนดงนนในตวอยางจงเลอกหมนตามเขมนาฬกา ในตวอยางเปนการหมนสวนจมกใหปากดเบยวขน

1. Click mouse แสดงตารางเพอดขนาดของการหมนภาพ Show Mesh2. Click mouse ทปม 3. Click mouse คางไวในตำแหนงศนยกลางของภาพทเปนจดหมน4. Click mouse ยกเลก Show Mesh เพอยกเลกการแสดงตาราง5. จะไดภาพดงรปเลกขวามอ

การใชโปรแกรม Photoshop 7.0

78 เอกสารประกอบการอบรม

การบบภาพดวย Pucker Toolเราสามารถบบภาพ ในสวนทตองการ ใหมพนททเลกลงดวย Pucker Tool โดยในตวอยางจะเหนวา เราไดทำการบบใหภาพตาของเจาหมานอยตวนเลกลง ดงน

1. Click mouse แสดงตาราง โดยเลอกท Show Mesh2. Click mouse เลอก 3. Click mouse คางไวในสวนทตองการบบใหเลกลง4. Click mouse ยกเลก Show Mesh เพอยกเลกการแสดงตาราง5. จะไดรปตาทเลกลงดงรปทางขวา

การขยายพนทภาพดวย Bloat Toolเปนการขยายพนทภาพในสวนทเรา Click mouse โดยสงเกตไดวา ใ¹µÑÇÍÂèÒ§

àÃҨзӡÒâÂÒµÒãËéâµ¢Öé¹ Ñ§¹Õé

1. Click mouse แสดงตาราง โดยเลอกท Show Mesh2. Click mouse เลอก 3. Click mouse คางไวในสวนทตองการขยายใหโตขน4. Click mouse ยกเลก Show Mesh เพอยกเลกการแสดงตาราง5. จะไดรปตาทโตขนดงรปทางขวา

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 79

การเลอนพนทภาพดวย Shift Pixel Toolเปนการเลอนพนทภาพทตองการปรบแตง ไปตามการ Drag mouseโดยสามารถดไดจากตวอยาง เปนการเลอนพนทตรงควลงมาใหดตาปดขนเปนการเปลยนรปตาไดเลย

1. Click mouse แสดงตาราง โดยเลอกท Show Mesh2. Click mouse เลอก 3. Drag mouse ในสวนของภาพทปรบแตงใหเลอนทศทางไปตามตองการในทนคอทำใหตาดปดมากขน4. Click mouse ยกเลก Show Mesh เพอยกเลกการแสดงตาราง5. จะไดรปตาทดปดขนมาดงรปทางขวา

การกสวนของภาพทปรบแตงผดพลาดใหกลบสสภาพเดมหากในระหวางทเราทำการปรบแตงภาพอยนน เกดความผดพลาดไป เราสามารถทำการDrag mouse กบางสวนทผดนนกลบคนมาไดโดยทเราไมตองไปเรมตนกลบไปทำใหมทงหมด การทำงานในลกษณะน เËÁ×͹¡Ñº

¡ÒáÙéÀÒ¾´éÇ History Brush Tool ¹Ñè¹àͧ

1. Click mouse ท 2. Drag mouse ในสวนของภาพทตองการกภาพเดมกลบมา3. ¡ç¨Ðä´éÀÒ¾àËÁ×͹µÍ¹·ÕèàÃÒÂѧäÁèä´éá¡é䢴ѧà´ÔÁ

การใชโปรแกรม Photoshop 7.0

80 เอกสารประกอบการอบรม

การสรางภาพสะทอนดวย Reflection Toolเปนการสรางเอฟเฟคใหภาพเปนเงาสะทอน โดยมขนตอนดงน

1. Click mouse ท 2. Drag mouse ใหภาพสะทอนออกไปในทศทางทตองการ3. กจะไดผลลพธดงภาพดานขวา

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 81

พนฐานการพมพงานใน Photoshopการพมพงานใน Photoshop สงทควรระมดระวงเปนพเศษ คอเรองส โดยเฉพาะสทออกมาระหวางสทหนาจอ (RGB) และสทจะออกมาเปนภาพจรง (CMYK)การเปรยบเทยบดคาส ทจะพมพออกมาเปนภาพพมพในโหมด CMYKจากจอคอมพวเตอร เราสามารถทำได โดยเลอกคำสง View>Proof Setup>… ทแถบเมนดงรป

ทางเลอกอกอยางหนง ในการพมพงาน คอเราควรสรางงานบนโปรแกรม Photoshopแลวสงออกไปประกอบทโปรแกรมอน ๆ เชน วาดองคประกอบของภาพบน Photoshopและวางรปแบบของงาน (Layout) ในโปรแกรม PageMaker เปนตน

การพมพงานใน Photoshop 6หลงจากทไดสรางภาพ และตกแตงภาพเรยบรอยแลว จากนนเราสามารถสงพมพงานกราฟฟกออกทางเครองพมพได ตามขนตอนดงน

การกำหนดคณสมบตตาง ๆ ในการพมพงานเราจะเรมตนสงพมพงาน โดยการกำหนดคณสมบตตาง ๆ เชนการเลอกเครองพมพและกระดาษดวยคำสง File>Page Setup จะปรากฏหนาตาง Page Setup ขน ดงรป

การใชโปรแกรม Photoshop 7.0

82 เอกสารประกอบการอบรม

แสดงคาการพมพในรปแบบตาง ๆNavigative เปนการกำหนดใหลกษณะของงานพมพทออกมาเปนสตรงขามกบสจรง

เชน สขาวจะเปลยนเปนสดำ และสดำเปลยนเปนสขาว โดยทไมมผลตอไฟลตนฉบบScreens เปนการกำหนดคาการพมพสำหรบเครองพมพแบบ Postscript เชน

กำหนดรปแบบของเมดส กำหนดความหนาแนนของเมดสและกำหนดองศาในการทำฟลม

Transfer เปนการปรบแตงสำหรบเครองยงฟลมแบบ Image SetterBackground เปนการกำหนดสของ Background ตาง ๆ ใหกบงานทเราพมพอย

การใสสของ Background ในลกษณะนจะไมมผลตอไฟลงานBorder เปนการกำหนดกรอบสดำรอบ ๆ งานพมพ

โดยมรายละเอยดในลกษณะของกรอบคอ ความกวางของเสนกรอบ ในหนวยตาง ๆBleed กำหนดการตดขอบของภาพทเราจะพมพCaption กำหนดใหพมพรายละเอยดของงานพมพ และขอมลของไฟลงาน

ออกมาทหนากระดาษดวย โดยตวอกษรทโปรแกรมกำหนดไว คอ Helvetica ขนาด 9

การกำหนดขนาดและตำแหนงภาพกอนพมพหลงจากทไดกำหนดชนดของเครองพมพ และกระดาษเรยบรอยแลวจากนนเราจะทำการกำหนดขนาด และปรบตำแหนงของงาน ดวยคำสง File>PrintOptions โดยจะปรากฏหนาตาง Print Options ขน ดงรป

Position การกำหนดคาเพอปรบตำแหนงงานTop กำหนดตำแหนงในแนวตง โดยใหภาพหางจากขอบกระดาษดานบนLeft กำหนดตำแหนงในแนวนอน โดยใหภาพหางจากขอบกระดาษดานขวาCenter Image ปรบตำแหนงภาพ ใหอยกงกลางของกระดาษโดยอตโนมตScaled Print Size ปรบขนาดของภาพ

โดยเปลยนจากขนาดเดมทเคยสรางมาในตอนแรกScale ปรบขนาดภาพดวยการเปรยบเทยบจากตนฉบบ ถามากกวา 100% จะหมายถง

การขยายภาพ และนอยกวา 100% จะหมายถงการยอภาพ

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 83

Height ปรบขนาดความสงของภาพWidth ปรบขนาดความกวางของภาพScale to Fit Media ปรบขนาดภาพใหพมพออกเตมพอดกบกระดาษShow Bounding Box จะแสดงกรอบภาพ โดยมรปสเหลยมตรงมมทง 4

ของกรอบภาพสำรบใหเรา Drag mouse ปรบขนาดไดตามตองการและถาเราไม Clickmouse เลอกตวเลอก Center Image (ในสวนของ Position) จะทำใหเราสามารถ Dragmouse ทกรอบภาพเพอเลอนตำแหนงของภาพไดอกดวย

การพมพงานและความละเอยดในการพมพงานขนตอนสดทายเราสามารถพมพงานได โดยการใชคำสง File> Printซงจะปรากฏหนาตางการพมพงาน ดงรป

แสดงสญลกษณในการพมพงานดวยโปรแกรม Photoshopเราสามารถกำหนดสญลกษณการพมพงาน เพอดและเปรยบเทยบรายละเอยดคาสและตำแหนงตาง ๆ ของงานได การทำเชนนจะชวยใหเราตรวจสอบความถกตองของงาน ไดมากยงขน

การใชโปรแกรม Photoshop 7.0

84 เอกสารประกอบการอบรม

A Black Overprint Color Bar เปนแถบแสดงการพมพทบสดำB Label เปนชอไฟล และ Channel ของรปภาพC Register Masks เปนเครองหมายสำหรบการพมพ ในการพมพดวยระบบ Offset

ของโรงพมพD Progressive Color Bar แสดงสใน Channel ตาง ๆ ของโหมด CMYKE Crop Mark เปนเครองหมายสำหรบกำหนดการวางตำแหนงบนภาพF Gradient Tint Bar การไลโทนสสขาว-ดำG Star Target ¡Ó˹´ÍéÒ§ÍÔ§àÃÔèÁµé¹

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 85

บทท 20เรมตนใน Save For Web

หลงจากทเราปรบแตงภาพเสรจ เราสามารถเตรยมภาพนน เขามานำเสนอบนเวบดวยการใชคำสง Save For Web ดวยวธการดงตอไปน คอ

1. จากไฟลภาพทเราเปดใชงานอย ใหเลอกคำสง File>Save For Web

2. จะปรากฏหนาตางการทำงานของ Save For Web กำหนดคณสมบตตาง ๆ ของการSave

3. Click mouse ทปม OK

รจกกบองคประกอบของหนาตาง Save For Web

การใชโปรแกรม Photoshop 7.0

86 เอกสารประกอบการอบรม

Tab กำหนดมมมองในการปรบภาพลกษณะตาง ๆ มใหเลอกรปแบบถง 4 แบบซงจะกลาวถงรายละเอยดในหวขอตอไปทำใหเราสามารถเลอกปรบภาพใหเหมาะสมทสดกบการนำเสนอบนเวบไดToolbox เปนกลองรวมเครองมอซงมรปแบบการใชงานเหมอนใน Photoshop โดยปกตStatus Bar จะแสดงคณสมบตตาง ๆ ของภาพ ไดแก ฟอรแมต ,ขนาดไฟล ,เวลาในการDownload, รปแบบในการแสดงภาพ การแสดงส และจำนวนสZoom Level การยอ-ขยาย เพอดภาพตวอยางPreview In Browser คอการแสดงภาพตวอยางใน BrowserPrew Menuvie เปนการกำหนดลกษณะในการแสดงภาพตวอยางOptimize Panel เปนสวนทใชกำหนดคณสมบตในการปรบคาตาง ๆ ใหกบภาพOptions Palette ประกอบดวย 2 สวน คอ Color Table เปนสวนทใชในการกำหนดและแสดงคาสของภาพ และ Image Size เปนการกำหนดขนาดของภาพ

Tab กำหนดมมมองในการปรบภาพลกษณะตาง ๆ

ในคำสง Save for Web ใหสามารถมองดภาพทเราปรบกอนนำเสนอบนเวบไดหลายรปแบบ เพอเราจะเปรยบเทยบและเลอกรปแบบทมประสทธภาพทสด ไปใชงานไดตลอดจนใหเราสามารถเปรยบเทยบ ระหวางภาพตนฉบบ (Original)และภาพหลงการปรบกอนนำเสนอบนเวบ (Optimized) จากหนาตาง Save For Webใหเรา Click mouse เลอก Tab กำหนดมมมองตามความตองการรายละเอยดการกำหนดมมมอง ม 4 ลกษณะดงตอไปน คอ1. Original คอ ภาพตนฉบบทยงไมไดปรบภาพแตอยางใด2. Optimized คอ ภาพทเราเลอกหลงการปรบแตงเพอนำเสนอบนเวบ3. 2-Up เปนการแสดงการเปรยบเทยบภาพ 2 ลกษณะคอระหวางภาพ Original และภาพOptimized4. 4-Up เปนการแสดงการเปรยบเทยบภาพถง 4 ลกษณะ ไดแกภาพ Original 1ภาพและภาพ Optimized ในลกษณะตาง ๆ อก 3 ภาพ

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 87

ทดลองแสดงภาพในบราวเซอรเราสามารถทดลองแสดงภาพ บนบราวเซอร ไดโดยการ Click mouse ท สญลกษณ IEจะปรากฏภาพบนเวบบราวเซอร ( หากเครองของเรามบราวเซอรอน ทไมใช InternetExplorer เราสามารถเลอกบราวเซอรอนได โดยการ Click mouse ท ปม )

การใชโปรแกรม Photoshop 7.0

88 เอกสารประกอบการอบรม

การ Save ภาพเพอใชงานบนเวบ

สำหรบการ Save ภาพเพอใชงานบนเวบ เราทำไดไมยาก โดยวธการดงตอไปน1. Click mouse เลอกภาพ Optimized ทเราตองการ2. Click mouse ทปม OK3. กำหนดตำแหนง และชอไฟลภาพทตองการบนทก4. Click mouse ท หากตองการบนทกภาพใหอยในรปของไฟล HTML5. ภาพ Optimized ทเราเลอกใชงาน เพอนำเสนอบนเวบ เปดดภาพโดยใชโปรแกรมPhotoshop6. ไฟล HTML ของภาพทเราเลอกใชงาน เพอนำเสนอบนเวบเปดดภาพโดยใชโปรแกรม NotePad

Output Setting Optionsเปนการกำหนดคาตวเลอกสำหรบควบคมการ Save ไฟล รวมทงการกำหนดใหเปนภาพททำหนาทลงคไปแสดงยงหนาเวบเพจตาง ๆ ดวย เพอใหเราสามารถนำไฟลภาพเหลานไปใชในเวบเพจได โดยเราสามารถเลอกกำหนดให Save ไฟลได 4 รปแบบ คอ1. แบบ HTML เปนเอกสาร HTML2. แบบ Background เปนไฟลภาพทประกอบดวย ภาพทเปน Background3. แบบ Saving Files กำหนดชอ และตำแหนงทเกบไฟล4. แบบ Slices แบบภาพทถกตดแบงออกเปนสวน ๆ (Slicing)การใชงาน Output Setting

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 89

รายละเอยดการกำหนดรปแบบการ Save ไฟลทง 4 รปแบบ

แบบท 1 แบบ HTML

Formatting กำหนดรปแบบการใชภาษา HTML

Tags Case กำหนดรปแบบตวอกษรทใชเปน Tag เชนในตวอยาง คอ Tag ทชอ BODYสามารถเลอกใหแสดงรปแบบ ของตวอกษรทตางกน ดงนBODY เปนอกษรพมพใหญทงหมดBody เปนตวพมพใหญเฉาะอกษรตวแรกbody เปนอกษรพมพเลกทงหมดAttributes Case กำหนดรปแบบตวอกษรทใชหนาท เปนตวกำหนดคณสมบตของ tagเชนในตวอยางใชคำวา ROWSPAN สามารถเลอกใหแสดงรปแบบของตวอกษรทตางกน ดงนROWSPAN เปนอกษรพมพใหญทงหมดRowspan เปนตวพมพใหญเฉพาะอกษรตวแรกrowspan เปนอกษรพมพเลกทงหมดInden เปนการเวนชองวางของยอหนา โดยเราสามารถกำหนดได ดงนTab ยอหนาเทากบ 1 TabNone ไมเวนระยะหาง1, 2, 5 หรอ 8 Spaces ระยะหางเทากบจำนวนตวอกษรตามคาตวเลขทเลอกLine Endings เลอกระบบปฏบตการทสนนสนนMac ใชกบระบบปฏบตการ OS/2 ของเครอง MacWin ใชกบระบบปฏบตการ WindowsUNIX ใชกบระบบปฏบตการ UNIXAlways Quote Attribute กำหนดใหมสวนอางองคณสมบตของ tag ดวยCoding Include comments กำหนดใหแสดงสวนทอธบายโคดคำสงเพอชวยใหเราอานโคด

การใชโปรแกรม Photoshop 7.0

90 เอกสารประกอบการอบรม

และแกไขโคดงายขน

Slide Output เลอกวธการสรางโคด สำหรบภาพทถกแบงสวนดวย SliceGenerate CCS สรางโคดแบบ Cascading Style SheetGenerate Table สรางโคดแบบตาราง HTML ทงายตอการอาน และแกไข

แบบท 2 แบบ Background

Transparence นนไดจากชอง Color ให Click mouse ปม Choose…เพอเลอกไฟลภาพทใชเปน Background ของเวบเพจ และถาหากภาพ Background เปนภาพแบบ Transpar-ence ãËéàÃÒàÅ×Í¡ÊÕ·Õè¨Ðä»á·¹·ÕèÊèǹ¢Í§

แบบท 3 แบบ Saving Files

File Naming การกำหนดชอไฟลภาพ โดยเราสามารถเลอกไดจากรปแบบตาง ๆทมใหเลอก ในแตละชอง หรอ การพมพกำหนดชอลงไปตรง ๆFilename Compatibility เลอกใหไฟล สามารถสนนสนนกบระบบปฏบตการตาง ๆไดแก Windows, UNIX และ MachintoshOptimized Files กำหนดคณสมบตของไฟลเพมเตมCopy Background Image When Saving กำหนดใหมการคดลอกภาพ เพอรกษาภาพไวกอนทจะนำมาสรางเปนภาพ BackgroundPut Image In Folder กำหนดชอทใชเกบไฟลภาพทงหมดInclude Copyright ถาหากภาพของเรามขอความแสดงลขสทธเราสามารถสรางลขสทธเหลานน ใหมอยในเอกสาร HTMLเพอแสดงอยในเวบเพจไดดวย

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 91

แบบท 4 แบบ Slices

Slice เปนการแบงพนทภาพออกเปนสวน ๆ เพอชวยใหเวลาโหลดภาพผชมเวบสามารถดภาพไดทละสวนโดย ไมรสกวารอนานและสามารถกำหนดใหภาพแตละสวน เปนลงคไปยงหนาเวบเพจตาง ๆ ไดดงนนเมอเราทำการ Save ไฟลภาพทมการสราง Slices โปรแกรมกจะตองบนทกขอมลทเกยวกบการแบบงพนทตาง ๆ ของ Slice ดวย สำหรบการกำหนดชอไฟล Sliceนนใหเรากำหนดคาในชอง Settings เปน Default เพอใชชอ Sliceตามทโปรแกรมกำหนดให

การเลอกไฟลฟอรแมต

โดยการใชคำสง Save For Web เราสามารถเลอกฟอรแมตของไฟล ได โดย Click mouseท ของ Settings: เพอเลอกไฟลฟอรแมตมาตราฐาน ทÕèâ»Ãá¡ÃÁÊÃéÒ§¢Öé¹

การใชโปรแกรม Photoshop 7.0

92 เอกสารประกอบการอบรม

การกำหนดฟอรแมตของภาพเอง

ในการบบอดไฟลภาพ นอกจากเราจะเลอกฟอรแมตมาตราฐานทกำหนดโดยโปรแกรมแลว เรายงสามารถกำหนดรายละเอยดของฟอรแมตไดเองโดยมวธการดงตอไปน

1. จากหนาตาง Save for Web กำหนดคาตาง ๆ ดงรายละเอยดตอไปน

2. คณลกษณะทกำหนดขนเองจะมชอใน Settings วา Unnamed

การบนทกคณลกษณะทเรากำหนดเอง

เมอเรากำหนดลกษณะตาง ๆ ใหแกไฟลภาพ ซงปรากฏชอท Settings เปน Unnamed คอไมมชอเรยกแทน และเราตองการทจะนำคาเหลาน มาเรยกใชกบภาพอนในการทำงานครงตอไป เราสามารถทำได โดยการบนทกคาเหลาน โดยมขนตอนดงน1. Click mouse ท ปมดานขางซงอยดานบนของ Optimized Panel>Save Setting2. กำหนดชอและทอยของ Setting นน สำหรบตำแหนงทอยของ Settingควรเกบไวในโฟลเดอร Optimize ในทนใหกำหนดชอ My GIF Settings3. Click mouse ท Saves4. จะปรากฏชอ My GIF Settings ทเราบนทกแทนการกำหนดคาตาง ๆ ไว

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 93

การเรยกใช Settings ทไดบนทกไว

เราสามารถเรยกใช Setting ทเราเคยบนทกไว มาใชในการปรบไฟลภาพอน ๆ ไดโดยการ Click mouse ดงรป

การลบ Setting ทไดบนทกไว

ทำไดงาย ๆ โดย Click mouse เลอก Named ทตองการจะลบ แลวเลอก Delete Settings

¨Ò¡ Opimize Panel

การใชโปรแกรม Photoshop 7.0

94 เอกสารประกอบการอบรม

การกำหนดคณสมบตใหกบฟอรแมตตาง ๆ ของภาพ

ภาพทจะนำไปใชในเวบ นมหลายฟอรแมตดวยกน และแตละฟอรแมตกมการกำหนดคาทแตกตางกนไป ดงนนเราตองกำหนดคาตวเลอกตาง ๆใหเหมาะกบฟอรแมตดงตอไปน คอ

การกำหนดสภาวะภาพเปน JPEG

1. เลอกไฟลฟอรแมตเปน JPEG2. กำหนดคณภาพใหแกภาพของเราโดย กำหนดคา Quality Slider ถาหากเรากำหนดคาQuality สงภาพกจะยงคงรายละเอยดสวนใหญไว ทำใหภาพมขนาดทใหญ3. Click mouse ท หากตองการใหมการปรบคาใหเหมาะสมกบฟอรแมต JPEG4. Click mouse ท เปนแสดงภาพในเวบบราวเซอร โดยจะแสดงภาพทม Resolutionนอย ๆ กอนจะคอยๆ ชดขนจนภาพนนสมบรณ5. Blur ทำใหภาพเบลอ เปนผลทำใหขอบภาพทหยาบนนดเรยบยงขนและดกลมกลนกบพน Background บนเวบ6. IC Profile เปนการรกษาภาพดวย ICC Profile เปนการปรบภาพทมสตางและตดกนนน ใหดเปนสทกลมกลนกน7. Matt เนองจาก JPEG ไมสนบสนนกบภาพทโปรงแสงดงนนจงตองเตมสลงไปในพกเซลทงหมด ในบรเวณทโปรงแสง ใหมสเดยวกนกบBackground ของเวบเพจ

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 95

การกำหนดสภาวะภาพเปน GIF หรอ PNG - 8

1. เลอกไฟลฟอรแมตเปน GIF หรอ PNG - 82. Lossy มเฉพาะใน GIF เพอใหกำหนดความสญเสยของขอมล ในระหวางการบบอดซงจะทำใหขนาดของไฟลภาพลดลง เรามกกำหนดทคา 5% -10% หรออาจเพมถง 50%นอกจากจะลดคณภาพของภาพแลว ขนาดของภาพกจะลดลงถง 5% -40%

3. àÅ×Í¡ Color Reduction Algorithm â´ÂàÅ×Í¡ª¹Ô´µèÒ§ æ ´Ñ§µèÍ仹Õé

Perceptual เปนการกำหนดตารางส โดยเลอกเอาสทมความสำคญสงสดทมผลตอความรสกในการมองเหนของตาSelectiveเปนการกำหนดตารางส คลายกบ Preceptual แตจะยดเอาสทมอยสวนใหญและเปนการรกษาคณภาพในการแสดงของ Web อกดวย เปนแบบทคนนยมใชกนมากเพราะทำใหภาพทแสดงดวยสไดสงสดAdaptiveเปนการกำหนดตารางสโดยการเอาสจากสเปคตรมของสทปรากฏอยในภาพเปนสวนใหญเชนภาพทมเฉพาะสเขยวและสนำเงนเพยงอยางเดยว เมอเราเลอกตารางสชนดนจะใหกำเนดตารางส ทไดจากสเขยวและสนำเงนWeb เปนตารางสทใชมาตราฐาน 216 ส ซงเปนคำสงทอย ã¹Ãкº»¯ÔºÑµÔ¡Òà Win-

dows áÅÐÃкº»¯ÔºÑµÔ¡Òà Mac

Custom

การใชโปรแกรม Photoshop 7.0

96 เอกสารประกอบการอบรม

¨ะคงรกษาตารางสในขณะนนไว ซงเปนตารางส Perceptual, Selective หรอ Adaptiveถกแสดงอยไวตายตว ไมใหมการปรบเปลยน หรอเพมคาสใหแกภาพไดอกBlack & Whiteเปนตารางสทใชมาตราฐาน 2 ส คอขาวและดำGrayscaleเปนตารางส โดยม 256 สในโหมด GrayscaleMac OSจะใชกบระบบปฏบตการ Mac ซงจะแสดงทระดบส 8 บต (256 ส) ในตารางสและสสวนใหญจะเปนสในโหมด RGBWindowsจะใชกบระบบปฏบตการ Windows เปนตารางสขนาด 8 บต (256 ส)ซงสสวนใหญจะเปนสในโหมด RGB4. Dither Algorithm Menu เปนการสรางสใหม แทนทสเดมซงจะดภาพไดอยางกลมกลนNo Dither คอไมมการ Dither สPattern จะประยกตสขนมาครงโทนส ซงสเหลานจะไมมปรากฏอยในตารางสDiffusion เปนการทำใหพกเซลทสตดกนอยนน ใหแพรกระจายสแลวดเชอมตอสนทกนNoise จะคลายกบ Diffuion ซงสวนทตดกนนน จะไมมรอยตอของส

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 97

5. Colors เลอกจำนวนส ถาจำนวนสมากภาพกจะมความสวยมากกวา

6. Interlaced เปนการแสดงภาพออกทางบราวเซอร โดยในขณะท Downloadอยนนกจะแสดงภาพทมความละเอยดนอยกอน แลวคอย ๆ ปรากฏเปนภาพโดยสมบรณ7. Dither ใหกำหนดตวเลขลงไปซงเปนการทำภาพใหมสกลมกลนกนเมอแสดงภาพนนบน Webเพราะเวบบราวเซอรมความจำกดของการแสดงภาพ

8. Transparency หากภาพมสวนทโปรงแสงใหเราเลอกตวนเพอคงใหสวนทงหมดทโปรงแสงนนยงคงโปรงแสงตอไป

9. Matte เปนการบรรจสลงไปในสวนทโปรงแสงทงหมดแตละตองยกเลกตวเลอกTransparentcy เสยกอน

10. Web snap เปนการแยกเนอสออกมาใหแนบสนทกนและยงชวยรกษาสทไดจากการทำ Dither

การใชโปรแกรม Photoshop 7.0

98 เอกสารประกอบการอบรม

บทท 21การสราง Slice ดวยคำสง Slice Tool

เราสราง Slice ไดโดย Click mouse ท Slice Tool ใน Toolbox ซงจะทำใหตวชเมาสจะเปลยนเปน ตอจากนนให Drag mouse กำหนดพนท Slice บนภาพไดโดยจะกำหนดได เฉพาะพนท ทเปนสเหลยมเทานน

เราสามารถกำหนดรปแบบการ Slice เชน กำหนดขนาดของ Slice โดยใหมขนาดตามอตราสวน กบการ Drag mouse หรอกำหนดขนาด Slice ตามคาตวเลขทตองการ,กำหนดสของเสน Slice ไดจากแทป Option bar

เราสามารถสราง Slice ใหครอบคลมพนทภาพ ในเลเยอรททำงานอย เราเรยก Sliceแบบนวา “Layer Based Sliced” โดยจะใชคำสง Layer>New Layer Based Slicedซงจะดกวา การสรางดวย Slide Tool เพราะเมอเราทำการเคลอนยายภาพ เลเยอรนพนทของการ Slice

การใชโปรแกรม Photoshop 7.0

เอกสารประกอบการอบรม 99

ทำความเขาใจ Sliceใน Photoshop 6 มเครองมอ สำหรบทำงานกบ Slice อย 2 แบบ แบบแรกเรยกวา SliceTool คอ เครองมอทใชในการตดภาพ ทเราเปนผกำหนดเองในภาพ สวน Slice เรยกวาSlice Select Tool เปนเครองมอ ทในการเลอกชนสวนทตดแลวเพอกำหนดรายละเอยดใหกบภาพ จงจะนำภาพแตละสวน มาแสดงในตารางไดดงตวอยางตอไปน

สำหรบ Photoshop 7 และ Image Ready เราสามารถแบง Slice symbol หรอสญลกษณทบอกวาพนทในสวนนเปน Slice ประเภทไหน เพอสามารถใชงานไดอยางถกตองสญลกษณของ Slice แบงออกไดเปน 5 แบบดวยกนดงน

A. Slice ทมภาพB. Slice ทไมมภาพC. Slice ททำงานโตตอบกบเมาส (เฉพาะใน Image Ready)

การแสดง/ซอน Sliceบางครงเราอาจตองการซอน Slice ทกำหนดไวบนภาพเพราะไมตองการใหบดบงภาพทเรากำลงทำงานดวย โดยเลอกคำสง View >Show

>Slices à¾×èÍÊÑè§ãËéáÊ´§ áÅЫè͹ Slice

การใชโปรแกรม Photoshop 7.0

100 เอกสารประกอบการอบรม

การแสดง/ซอน Sliceบางครงเราอาจตองการซอน Slice ทกำหนดไวบนภาพเพราะไมตองการใหบดบงภาพทเรากำลงทำงานดวย โดยเลอกคำสง View >Show>Slices เพอสงใหแสดง และซอน Slice

กำหนดการเชอมโยงใหกบ Sliceหลงจากทเราไดแบงพนทบนภาพออกเปน Slice แลว ตอไปเราจะกำหนดการเชอมโยงใหกบแตละ Slice บนภาพ วาตองการใหเชอมโยงกบขอมลใดบนเวบโดยเชอมโยงกบเวบเพจในเวบไซตเดยวกน หรอเชอมโยงกบเวบเพจตางเวบไซตกไดดงตวอยางเรากำหนด Slice ทบรเวณ ขอความวา “NEW” ใหเชอมโยงกบ URL: http://cptd.chandra.ac.th ดวยวธการดงตอไปน1. Click mouse ทปม ใน Toolbox2. เลอก Slice ทจะ Link ไปยงเวบเพจทตองการ ในทน คอ Slice ตรงทมคำวา “New”3. Click mouse ปม Slice Option ใน Option bar จะปรากฏหนาตาง Slice Options

กำหนดคณสมบตการเชอมโยงดงตอไปน- Name ชอทเราใชเรยกการเชอมโยงน- URL ตำแหนงขอมลทเราตองการเชอมโยงกบ Slice น- Target กำหนดหนาจอทจะแสดงเวบเพจทเชอมโยงไป เชนใหแสดงในหนาจอบราวเซอรใหม ใหพมพคา “_blank” ถาเปนหนาจอเดมใหพมพ“_self” หรอไมองใสเวนวาเอาไว- Message Text แสดงขอความทบอกตำแหนงของเวบเพจ ทเชอมโยไปเมอมเมาสเคลอนทผานพนท Slice น โดยขอความจะปรากฏอยบน Status barของบราวเซอร- Alt Tag แสดงขอความอธบายภาพ เมอมเมาสเคลอนทผานพนท Slice นÕé