คู่มือ Photoshop cs3
-
Upload
charuwarin -
Category
Software
-
view
4.713 -
download
0
description
Transcript of คู่มือ Photoshop cs3
![Page 1: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/1.jpg)
คมอการใชงาน
Photoshop CS3 ขนพนฐาน
![Page 2: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/2.jpg)
ทาความรจกกบโปรแกรม Photoshop CS3
โปรแกรม Photoshop เปนโปรแกรมทใชในการสรางหรอตกแตงภาพกราฟก ซงตวโปรแกรม
สามารถจดการไดทงภาพ Bitmap และ ภาพ Vector
• ภาพ Bitmap หรอ ภาพ Raster
เปนภาพทประกอบขนมาจากจดสเลก ๆ ทเรยกวา Pixel มาเรยงตอกนจนกลาย
เปนภาพ เมอมองดโดยรวม ตาเราจะเหนเปนภาพเสมอนจรง แตเมอมการปรบขนาด
ของภาพจะทาใหความคมชดของภาพลดลง ไฟลภาพประเภทน ไดแก .gif .jpg และ
.bmp เปนตน
![Page 3: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/3.jpg)
ชนดของกราฟฟคไฟลประเภท Raster
![Page 4: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/4.jpg)
คณสมบตและขอด, ขอเสยของกราฟฟคไฟลประเภท Raster
![Page 5: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/5.jpg)
• ภาพ Vector
เปนภาพทเกดขนจากการคานวณของโปรแกรม ทาใหเกดเสนและรปทรงตาง ๆ
เมอมการปรบขนาดของภาพ ความคมชดของภาพจะยงคงไมเสยไป ไฟลภาพประเภทน
ไดแก .ai และ .swf เปนตน
Resolution of graphic / ความละเอยดของ กราฟฟก
Resolution คอ การวดของไฟลทออกมาวามคณภาพ หรอความละเอยดเทาไร โดยใชการวด
จากหนวย pixel หรอ dot
- Pixel คอจดสเหลยมเลกๆ ทอยในภาพ หรอ ประกอบเปนภาพทคณเหนในจอคอมพวเตอรหรอทว
- DPI (dot per inch) คอ หนวยแสดงความละเอยด หรอ คณภาพของงานพมพ หรอหมายถง
จานวนจดตอ 1 ตารางนวบนภาพประเภท raster
ไฟลทเหมาะสมกบงานพมพจะเปน 300 dpi แตถาทางานอนๆ เชน web, presentation ทอาศยแค
การแสดงผลทางหนาจอคอมพวเตอร ไฟลทเหมาะสมจะเปน 72 หรอ 96 dpi
![Page 6: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/6.jpg)
สวนประกอบหนาจอโปรแกรม
- เมนหลก (Menu Bar) จะประกอบดวยกลมคาสงตางๆ ทใชจดการกบไฟล, ทางานกบรปภาพ
และใชปรบแตงการทางานของโปรแกรมโดยแบงตามลกษณะการใชงาน ซงในบางเมนหลกจะมเมนยอย
ซอนอย ซงเราตองเปดเขาไปเพอเลอกคาสงภายในอกท
- แถบเครองมอ (Toolbox) จะประกอบดวยเครองมอตางๆ ทใชในการวาด ตกแตง และแกไขภาพ
เครองมอเหลานมจานวนมาก ดงนนจงมการรวบรวมเครองมอททาหนาทคลายๆ กน ไวในปมเดยวกน
- แถบตวเลอก (Option Bar) เปนสวนทใชปรบแตงคาการทางานของเครองมอตางๆ โดยรายละเอยด
ใน Option Bar จะเปลยนไปตามเครองมอทคณเลอกใช
- แถบพาเนล (Panel) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอคาสงควบคมการทางานตางๆ
ของโปรแกรม ใน Photoshop มพาเนลอยเปนจานวนมาก เชน Color ใชสาหรบเลอกส, Layers
ใชสาหรบจดการกบเลเยอร, Info ใชแสดงคาสตรงตาแหนงทเมาสช รวมถงขนาดตาแหนงของพนททเลอกไว
![Page 7: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/7.jpg)
สงทควรรกอนใชงาน Photoshop CS3
1. ความละเอยดของภาพ (Resolution)
คาความละเอยดของภาพ มหนวยเปน Pixels ตอตารางนว ซงหากคาความละเอยดมาก จานวนพกเซลกจะ
มากตามไปดวย และทาใหภาพมคณภาพมากขน สามารถตรวจสอบได โดยคลกทเมน Image –> Image Size
2. เลเยอร (Layers)
การตกแตงภาพตงแตสองภาพขนไปบนหนาผลงานเดยวกนใน Photoshop จะอาศยการซอนภาพเปนชนๆ
เรยกวา เลเยอร (Layers)
![Page 8: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/8.jpg)
3. โหมดสทสาคญ (ไปทเมน Image < Mode)
โหมดสมหลายชนดและมคณสมบตทแตกตางกนควรเลอกใหเหมาะสมกบการใชงานแตละประเภท แตถาจะ
กลาวถงโหมดทนยม และมผใชกวางขวางทสดกจะมอย ดงน
Grayscale เปนโหมดสขาว/ดา ทใหเฉดส 256 ส มการไลโทนนาหนกแสงเงา เหมาะกบงาน
ออกแบบสเดยว สามารถนาไปเปลยนเปนสอนแทนสดาไดเมอเขาสระบบการพมพ ไฟลภาพมขนาดเลกกวา
ไฟลขาว/ดาชนดอนๆ
Duotone เปนภาพทมสมากกวาแบบขาว/ดา สามารถใชสไดสองโทนสมาผสมกน เหมาะกบงานท
ตองการสสน แตใชตนทนการพมพไมมาก
![Page 9: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/9.jpg)
RGB Color เปนโหมดสทนยมใชกนมาก สามารถพบไดจากภาพถายดจทล งานออกแบบท
แสดงผลทางจอมอนเตอร สกลมนเกดจากการผสมของแมสแสง ไดแก สแดง (Red) สเขยว (Green) และ
สนาเงน (Blue)
CMYK Color เปนโหมดสทใชในระบบงานพมพ ประกอบดวยสสส คอ สฟา (Cyan) สชมพบานเยน
หรอชมพมวง (Magenta) สเหลอง (Yellow) และสดา (Black) ในระบบงานพมพมกจะเรยกวา พมพสส ซงก
คอการใชแมสสสนมาซอนกนจนเกดเปนสใหมมากมาย ททาใหไดภาพสสนสมจรงขนมา
![Page 10: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/10.jpg)
สารบญ
เรมตนกบโปรแกรม Photoshop CS3 ........................................................................................................ 1 ประเภทของภาพ Graphic ......................................................................................................................... 1 สวนประกอบหนาจอโปรแกรม ................................................................................................................ 2 การสรางไฟลภาพใหม .............................................................................................................................. 3 การเปดไฟลภาพ ....................................................................................................................................... 4 การจดเกบไฟลภาพ ................................................................................................................................... 5 การนาเขาภาพ........................................................................................................................................... 6 เครองมอตาง ๆ (Toolbox) ......................................................................................................................... 7 การปรบขนาดและความละเอยดของภาพ .................................................................................................. 8 การปรบรปทรงของภาพ (Transform) ..................................................................................................... 10 การเลอกพนทบนภาพ (Selection & Mask) ............................................................................................. 11
การตดแบงภาพออกเปนหลายชนสวน .................................................................................................... 13 การพมพตวอกษรหรอขอความบนภาพ ................................................................................................... 14 การวาดและตกแตงภาพ .......................................................................................................................... 16 การเลอนดภาพดวยเครองมอ Hand ......................................................................................................... 19 การยอ/ขยายมมมองของภาพดวยเครองมอ Zoom.................................................................................... 19
การใชงาน .............................................................................................................................................. 20 Layers Palette ........................................................................................................................................ 21
การเลอกส .............................................................................................................................................. 24 Palette สาหรบการปรบแตงตวอกษร ...................................................................................................... 27 การสรางจดไขปลารอบ ๆ รป ................................................................................................................. 28 การทารปขอบพบมม .............................................................................................................................. 34 การสรางขอความทมพนตวอกษรเปนรปภาพตาง ๆ ................................................................................. 39 การเปลยนสภาพ ..................................................................................................................................... 42 การทาภาพโพลาลอยด ............................................................................................................................ 45 การทาภาพใหพนหลงมสเทา ภาพหลกส ................................................................................................. 50 การทา Background ลายอมยม ................................................................................................................ 54
![Page 11: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/11.jpg)
Page 3
การสรางไฟลภาพใหม
ขนตอนในการสรางไฟลภาพใหม
1. คลกทเมน File > New 2. กาหนดขนาดความกวาง และความยาวของภาพตามตองการ
• Width : ความกวางของภาพ • Height : ความสงของภาพ
3. กาหนดความละเอยดของภาพ (Resolution) 4. เลอกโหมดสของภาพ (Color Mode) 5. เลอกลกษณะของพนหลง ซงมอย 3 แบบ คอ
• White : ใหพนหลงมสขาว • Background Color : ใหพนหลงเปนสตามทกาหนด • Transparent : ใหพนหลงเปนแบบโปรงใส
6. คลกปม Ok
![Page 12: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/12.jpg)
Page 4
การเปดไฟลภาพ
ขนตอนในการเปดไฟลภาพ
7. คลกทเมน File > Open 8. คลกเลอกไฟลทตองการเปด
9. คลกปม
10. ไฟลภาพจะปรากฏบนพนทของโปรแกรม
![Page 13: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/13.jpg)
Page 5
การจดเกบไฟลภาพ
ขนตอนในการจดเกบไฟลภาพ
1. คลกทเมน File > Save As 2. เลอก Drive และ Folder ทจะใชเกบไฟล 3. ตงชอไฟล
4. คลกปม
Note : ถาตองการบนทกเพอใชในการแกไขครงตอไปใหบนทกเปนไฟลนามสกล .psd แตถาตองการ
บนทกเพอนาไฟลไปใชงานใหบนทกเปนไฟลนามสกล .gif , jpg หรอ png
![Page 14: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/14.jpg)
Page 6
การนาเขาภาพ
ขนตอนในการนาเขาภาพ
1. เลอกคาสง File > Place 2. เลอก Drive และ Folder ทเกบไฟลภาพ 3. คลกเลอกไฟลภาพทตองการวาง 4. คลกปม Place 5. ภาพจะปรากฏบนหนาจอ ใหปรบขนาด และตาแหนงตามตองการ 6. กดคย Enter เพอยนยน
![Page 15: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/15.jpg)
Page 7
เครองมอตาง ๆ (Toolbox)
• Move : ใชในการยายพนททเลอกไว หรอยายเสน Guide
• Marquee : ใชในการเลอกพนทบนภาพเปนรปสเหลยม วงกลม วงร หรอ เลอกเปน
แถว คอลมนทขนาด 1 Pixel
• Lasso : ใชเลอกพนทบนภาพแบบอสระ
• Magic Wand / Quick Selection : ใชเลอกพนทจากสทใกลเคยงกน
• Crop : ใชตดขอบภาพ
• Slice / Slice Select : ใชตดแบงภาพเปนภาพยอย ๆ สาหรบนาไปสรางเวบเพจ
• Healing Brush / Patch / Red Eye : ใชตกแตงลบรายตาหนในภาพ และแกปญหาตา
แดงในภาพถาย
![Page 16: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/16.jpg)
Page 8
• Brush / Pencil : ใชระบายสภาพเหมอนกบพกน หรอดนสอ เพอเปลยนสใหกบวตถ
• Clone / Pattern Stamp : ใชทาสาเนาภาพโดยการคดลอกภาพจากบรเวณอน ๆ มา
ระบาย หรอระบายดวยลวดลายทเลอก
• History / Art History Brush : ใชระบายภาพดวยภาพเดมทผานมา
• Eraser : ใชลบภาพ
• Gradient / Paint Bucket : ใชเตมสแบบไลระดบโทนส หรอเทสลงบนพนทของภาพ
• Blur / Sharpen / Smudge : ใชระบายสใหเบลอ หรอ คมชดขน
• Dodge / Burn / Sponge : ใชระบายเพอเพมความสวาง/มดของส หรอเพม/ลด
ความสดของส
• Pen / Anchor Point : ใชวาดเสน Path
• Type : ใชพมพตวอกษรหรอขอความบนภาพ
• Path / Direct Selection : ใชเลอกและปรบแตงเสน Path
• Shape : ใชวาดรปทรงเรขาคณต หรอ รปทรงสาเรจรป
• Note / Audio Annotation : ใชบนทกหมายเหตกากบภาพ
• Eyedropper / Color Sampler / Ruler / Count : ใชเลอกส หรอ วดระยะและมม
ระหวางจดตาง ๆ บนภาพ หรอ ใชนบจานวนวตถบนภาพ
• Hand : ใชเลอนดสวนตาง ๆ ของภาพ
• Zoom : ใชยอ / ขยายมมมองภาพ
การปรบขนาดและความละเอยดของภาพ
การปรบขนาดของภาพ ม 2 วธ ไดแก
![Page 17: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/17.jpg)
Page 9
1. การปรบโดยเพม/ลดจานวน Pixel ของภาพ (Pixel Dimensions) 2. การปรบ Document Size และ Resolution โดยใหจานวน Pixel คงเดม
ขนตอนในการปรบขนาดของภาพดวยวธปรบ Document Size
1. คลกทเมนหลก เลอกคาสง Image > Image Size
2. คลก Resample Image ออก เพอใหจานวน Pixel คงเดม 3. กาหนดคา Width , Height และ Resolution ใหม 4. คลกปม Ok
![Page 18: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/18.jpg)
Page 10
การปรบรปทรงของภาพ (Transform)
ขนตอนในการปรบรปทรงของภาพ
1. คลกทเมนหลกเลอก Edit > Transform
2. คลกเลอกคาสงปรบรปทรง คาสงในการปรบรปทรง มดงน • Scale : ปรบขนาด • Rotate : หมนภาพ • Skew : บดดานหรอมมของภาพไปตามแนวกรอบดานใดดานหนง • Distort : บดดานหรอมมของภาพไปตามแนวอยางอสระ • Perspective : บดภาพใหเกดสดสวนแบบใกลไกล • Warp : บดและดงสวนตาง ๆ อยางอสระ
![Page 19: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/19.jpg)
การเลอกพนทบนภาพ (Selection & Mask)
เครองมอกลม Marquee : ใชในการเลอกพนทบนภาพเปนรปทรงเรขาคณต
o Rectangular Marquee : ใชเลอกพนทรปสเหลยม o Elliptical Marquee : ใชเลอกพนทรปวงกลม หรอวงร o Single Row Marquee : ใชเลอกพนทในแนวนอน ขนาด 1 Pixel o Single column Marquee : ใชเลอกพนทในแนวตง ขนาด 1 Pixel
ขนตอนการเลอกพนทดวยเครองมอ Marquee
เลอกเครองมอ Maquee ทตองการจาก Toolbox 1.
กาหนด Option ตาง ๆ บน Options Bar 2.
ใชเมาสคลกลากใหคลมพนททตองการ จะเหนมเสนลอมรอบภาพเกดขน 3.
เครองมอกลม Lasso : ใชในการเลอกพนทแบบอสระ
o Lasso : ใชเลอกพนทดวยการใชเมาสคลกลากไปตามสวนตาง ๆ ของ ภาพตามตองการ
o Polygonal Lasso : ใชเลอกพนทดวยการใชเมาสคลกเพอสรางรปหลายเหลยม ลอมรอบพนท
o Magnetic Lasso : ใชเลอกพนทโดยใหโปรแกรมกาหนดขอบเขตเองโดย อตโนมต ตามเสนทางทเมาสเลอนผานไป
Page 11
![Page 20: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/20.jpg)
Page 12
ขนตอนการเลอกพนทดวยเครองมอ Lasso
1. เลอกเครองมอ Lasso จาก Toolbox
2. กาหนด Option ตาง ๆ บน Options Bar
3. ใชเมาสคลกลากรอบพนททตองการเลอก จนวนกลบไปทจดเรมตนอกครง จะเหนมเสนลอมรอบภาพเกดขน
เครองมอ Magic Wand : ใชเลอกพนทโดยการดจากคาสทใกลเคยงกนในตาแหนงท
เราคลก
ขนตอนการเลอกพนทดวยเครองมอ Magic Wand
o เลอกเครองมอ Magic Wand จาก Toolbox o กาหนด Option ตาง ๆ บน Options Bar o ใชเมาสคลกบรเวณของสทเราตองการเลอก จะเหนมเสนลอมรอบภาพเกดขน
เครองมอ Crop : ใชเลอกพนทของภาพโดยการเพม และตดขอบภาพ
ขนตอนการเลอกพนทดวยเครองมอ Crop
o เลอกเครองมอ Crop จาก Toolbox o ใชเมาสคลกลากบนภาพเปนกรอบสเหลยมบรเวณทตองการ o กดคย Enter เพอยนยน จะเหนมเสนลอมรอบภาพเกดขน
![Page 21: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/21.jpg)
Page 13
การตดแบงภาพออกเปนหลายชนสวน
เครองมอ Slice : ใชในการตดแบงภาพออกเปนชนสวน
o Slice : ใชตดแบงภาพออกเปนชนสวน o Slice Select : ใชเลอกและจดการกบภาพแตละชนสวน
ขนตอนในการสไลดภาพ
1. เปดภาพ หรอสรางภาพขนมา
2. คลกเลอก Slice จาก Toolbox
3. คลกเมาสลากวาดเปนกรอบสเหลยมลงบนภาพ เพอตดแบงเปนชนสวน
4. เมอคลกเมาสตดแบงชนสวนแลว ถาตองการปรบปรงแกไขใหคลกเลอก Slice Select เพอปรบแกไข
![Page 22: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/22.jpg)
การพมพตวอกษรหรอขอความบนภาพ
เครองมอทใชจะเปนเครองมอในกลม Type
o Horizontal Type : ใชพมพขอความแนวนอน o Vertical Type : ใชพมพขอความแนวตง o Horizontal Type Mask : ใชสราง Selection ใหพมพขอความในแนวนอน o Vertical Type Mask : ใชสราง Selection ใหพมพขอความในแนวตง
ขนตอนในการพมพตวอกษรหรอขอความแนวนอน
เลอกเครองมอ Horizontal Type จาก Toolbox 1.
คลกตรงบรเวณทตองการวางขอความ 2.
พมพขอความตามตองการ 3.
4. ปรบแตงขอความไดจาก Options Bar ดานบน หรอ Character และ Paragraph Palette
Page 14
![Page 23: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/23.jpg)
Page 15
ขนตอนในการพมพตวอกษรหรอขอความภายในรปทรง
1. เลอกเครองมอ Pen เพอสรางเสน Path ปลายปด หรอสรางรปทรงอสระ
2. เลอกเครองมอ Horizontal Type จาก Toolbox
3. คลกภายในรปทรง แลวพมพขอความ
ขนตอนในการพมพตวอกษรหรอขอความตามเสน Path
1. เลอกเครองมอ Pen จาก Toolbox
2. วาดเสน Path เปนเสนโคง หรอ รปทรงอสระ
3. เลอกเครองมอ Horizontal Type
4. คลกบนเสน Path ตรงตาแหนงทจะเรมพมพ
5. กาหนด Option ของตวอกษร จาก Options Bar เพอกาหนดลกษณะตาง ๆ เชน ชนดตวอกษร ขนาดตวอกษร เปนตน
6. พมพขอความตามตองการ
![Page 24: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/24.jpg)
การวาดและตกแตงภาพ
เครองมอ Brush และ Pencil : ใชในการวาดรป
ขนตอนในการวาดรปดวยเครองมอ Brush
เลอกเครองมอ Brush หรอ Pencil จาก Toolbox 1.
2. คลกเลอกสของหวแปรง หรอ ปรบลกษณะรปแบบของหวแปรงไดจาก Brush Palette หรอจาก Options Bar
วาดหรอระบายสบนพนทภาพตามตองการ 3.
Page 16
![Page 25: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/25.jpg)
Page 17
เครองมอ Pen : ใชในการวาดเสน Path
o Pen : ใชวาดเสน Path ดวยวธคลกเพอกาหนดจดตาแหนง o Freeform Pen : ใชวาดเสน Path ดวยวธคลกลากเมาสแบบอสระ o Add Anchor Point : ใชเพมจด o Delete Anchor Point : ใชลบจด o Convert Point : ใชเปลยนจสวนโคงเปนมม หรอกลบกน
ขนตอนในการวาดเสน Path
1. เลอกเครองมอ Pen จาก Toolbox
2. คลกบนพนทของภาพเปนจดหลาย ๆ จด เพอใชในการสรางภาพขนมา วนกลบมาถงจดเรมตน เปนการสรางเสน Path แบบปด
3. เลอกเครองมอ Add Anchor Point เมอตองการเพมจด เพอปรบลกษณะของภาพทวาด
4. เลอกเครองมอ Delete Anchor Point เมอตองการลบจด เพอปรบลกษณะของภาพทวาด
![Page 26: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/26.jpg)
เครองมอ Shape : ใชในการวาดรปทรงเรขาคณต และรปทรงสาเรจรป
o Rectangle ใชวาดรปสเหลยม o Rounded Rectangle ใชวาดรปสเหลยมมมโคง o Ellipse ใชวาดรปวงกลม และวงร o Polygon ใชวาดรปหลายเหลยม และรปดาว o Line ใชวาดเสน o Custom Shape ใชวาดรปทรงสาเรจรปตาง ๆ ทโปรแกรมกาหนดมาให
Page 18
![Page 27: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/27.jpg)
Page 19
ขนตอนในการวาดรปทรงเรขาคณต และรปทรงสาเรจรป
1. เลอกเครองมอในการวาดรปทรงเรขาคณต จาก Toolbox
2. คลกเมาสลากลงบนพนทภาพ เพอวาดภาพตามตองการ
3. ปรบสเสน และสทเตมในพนทภาพตามตองการ
เครองมอ Selection : ใชในการปรบแตงเสนพาธ
o Path Selection ใชในการยาย หมน หรอปรบขนาดเสน Path ทงเสน o Direct Selection ใชในการเลอกจดเพอดดแปลงรปทรงของเสน Path
การเลอนดภาพดวยเครองมอ Hand
ขนตอนในการการเลอนดภาพ
1. คลกเลอกเครองมอ Hand จาก Toolbox 2. เลอนเมาสไปคลกลากบนภาพ
การยอ/ขยายมมมองของภาพดวยเครองมอ Zoom
ขนตอนในการซมภาพ
1. คลกเลอก เครองมอ Zoom จาก Toolbox 2. เลอนเมาสไปคลก หรอวาดเปดกรอบสเหลยมบนภาพ
• ใชขยายมมมองของภาพ
• ใชยอมมมองของภาพ
![Page 28: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/28.jpg)
การใชงาน Palette
Palette เปน Window เลก ๆ ทใชสาหรบแสดงรายละเอยด หรอควบคมการทางานตาง ๆ ของ
โปรแกรม
วธเปด / ปด Palette : เลอกคาสง Window > ชอ Palette
Page 20
![Page 29: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/29.jpg)
Page 21
Layers Palette
การซอน/แสดง Layer : ทาไดโดยการคลกในชองหนา Layer
o เปด Layer o ปด Layer
การสราง Layer ใหม : คลกท เพอสราง Layer ใหม
การคดลอก Layer : คลกลาก Layer ไปวางทบป ม
การลบ Layer : คลกลาก Layer ไปวางทบทป ม
การจดกลมให Layer (Group) :
1. คลกทปม เพอสรางกลม Layer แลว
2. คลก Layer ทตองการจดกลม ลากไปวางทบกลม Layer ทสรางขนมา
การปรบความทบของ Layer
o Opacity : เปนคาความทบหลก ซงจะสงผลทงตอภาพใน Layer และ Style ทเรากาหนดให layer นนดวย
o Fill : เปนคาทสงผลตอภาพใน Layer เทานน โดยไมมผลตอ Style ของ Layer
![Page 30: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/30.jpg)
Page 22
การยาย Layer ออกจากกลม : ทาไดโดยคลกลาก Layer ยายไปแทรกระหวาง Layer
อนทอยนอกกลม
การรวม Layer (Merge) : คอการรวมภาพหลาย ๆ Layer เขาดวยกนใหเปน Layer
เดยว ซงโปรแกรมจะทาการซอนทบ Layer ตาง ๆ ทานามารวมกน หลงจากรวมแลวก
จะไมสามารถแกไขภาพแตละสวนไดอยางอสระอก
o Merge Down : รวม Layer ปจจบนเขากบ Layer ทอยถดลงไปดานลาง 1 Layer o Merge Visible : รวมทก ๆ Layer ทแสดงอยในขณะนน o Flatten Image : รวม Layer ทงหมดใหกลายเปน Layer Background เพยง Layer
เดยว
![Page 31: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/31.jpg)
แบบตาง ๆ Layer Effect
o Drop Shadow : สรางเงาแบบตกบนพนหลงของภาพ o Inner Shadow : สรางเงาบรเวณขอบภายในของภาพ จะทาใหภาพดยบลง o Outer Glow : สรางแสงเรองบรเวณขอบดานนอกของภาพ o Inner Glow : สรางแสงเรองบรเวณขอบดานในของภาพ o Bevel and Emboss : เพมแสงและเงาตามสวนตางๆ ของภาพจะทาใหภาพดนนขน o Contour : ใชในการปรบลกษณะการนนของภาพใหเปนแบบตาง ๆ o Texture : ใชเพมลวดลายพนผว o Satin : ทาใหพนผวของภาพมสเหลอมเปนเงา o Color Overlay : เตมสภายในภาพ o Gradient Overlay : เตมสแบบไลเฉดสภายในภาพ o Pattern Overlay : เตมลวดลายพนผวภายในภาพ o Stroke : เตมเสนขอบใหภาพ
Page 23
![Page 32: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/32.jpg)
Page 24
การเลอกส
ส Foreground และ Background
เปนสวนทใชในการเลอกสใหกบอปกรณตาง ๆ การเลอกส Foreground และ
Background นทาไดโดยใชเครองมอบน Toolbox
วธการเปลยนสของ Foreground และ Background
1. คลกทชองส Foreground หรอ Background บน Toolbox
2. จะแสดง Dialog Box Color Picker
3. คลกเลอกตรงสทตองการ
4. คลกปม Ok
![Page 33: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/33.jpg)
Page 25
Color Palette
o การเปด / ปด Color Palette ทาไดโดยเลอกคาสง Window > color
ขนตอนในการใชสใน Color Palette
1. คลกเลอกวาตองการเปลยนส Foreground หรอ Background
2. คลกเลอกสทตองการ
Swatches Palette
เปน Palette ทใชสาหรบเกบสตาง ๆ ทตองใชบอย ๆ เอาไว เพอใหเรยกกลบมาได
สะดวก
o การเปด / ปด Swatches Palette ทาไดโดยเลอกคาสง Window > Swatches
ขนตอนในการใชสใน Swatches Palette
1. คลกเลอกวาตองการเปลยนส Foreground หรอ Background
2. คลกเลอกสทตองการ
เลอกส
Foreground
Background
![Page 34: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/34.jpg)
Page 26
Styles Palette
o การเปด / ปด Styles Palette ทาไดโดยเลอกคาสง Window > Swatches
วธการเรยกใช Styles สาเรจรป
1. เลอก Layer
2. คลกเลอก Styles ทตองการ
![Page 35: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/35.jpg)
Page 27
Palette สาหรบการปรบแตงตวอกษร
Character Palette
ประกอบดวย Options ตาง ๆ ทใชในการจดรปแบบตวอกษร เชน ชนดตวอกษร
ลกษณะตวอกษร ขนาดตวอกษร เปนตน
Paragraph
ประกอบดวย Options ตาง ๆ ทใชในการจดตาแหนงของขอความ เชน ชดซาย ตรง
กลาง ชดขวา เตมขอบ เปนตน
![Page 36: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/36.jpg)
Page 28
Workshop
การสรางจดไขปลารอบ ๆ รป
![Page 37: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/37.jpg)
Page 29
ขนตอนในการสรางจดไขปลารอบ ๆ รป
1. เปดไฟลภาพตนฉบบ
2. เลอกเครองมอ Wand หรอ เครองมออนๆ จาก Toolbox โดยดจากลกษณะของภาพ เพอทาการ Selection
3. ทา Selection รอบรปทเราตองการ
![Page 38: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/38.jpg)
Page 30
4. เลอกคาสง Select > Modify > Expand เพอขยบระยะหางออกมาจากภาพทเลอก
5. ใสคาระยะตามตองการ ในทนใสคาประมาณ 8px แลวคลกปม Ok
6. จะไดภาพทมเสน Selection หางออกมาจากภาพ
![Page 39: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/39.jpg)
Page 31
7. เลอกเครองมอ Brush จาก Toolbox 8. ท Brush Tip Shape ใหเลอกหวแปรงขนาดตามตองการ และ ท Spacing ใหปรบคาระยะหางของ
จดไขปลา
9. ไปท Paths Palette กดปม Make work path from selection เพอสราง Path ใหมเพมขนอก 1 อน
10. จะไดภาพทมเสน Path ลอมรอบ
![Page 40: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/40.jpg)
Page 32
11. เลอกส Foreground ทตองการ 12. คลกขวาท Path ทเราเพงสรางขนมา แลวเลอกคาสง Stroke Path
13. ใหเลอก Brush แลวคลกปม Ok
14. จะไดภาพทเปนลายจดไขปลาขนมาตามเสน Path
![Page 41: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/41.jpg)
Page 33
15. คลกเลอก Work Pathใน Path Palette แลวลากไปทปม เพอลบ Path
16. จบขนตอนการสราง
![Page 42: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/42.jpg)
Page 34
การทารปขอบพบมม
![Page 43: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/43.jpg)
Page 35
ขนตอนในการทารปขอบพบมม
1. เปดไฟลภาพตนฉบบ
2. คลกท Layer ภาพตนฉบบ แลวคลกเมาสลากไปทปม เพอทาการ Duplicate Layer ตนฉบบ ใหสามารถทาการแกไขได
![Page 44: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/44.jpg)
Page 36
3. เลอกคาสง Edit > Transform > Warp
4. จะมเสนปรากฏขนดงภาพ
![Page 45: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/45.jpg)
Page 37
5. ใชเมาสดงมมลางขวาของภาพขนมา แลวคลกท เพอยนยน
6. คลกขวาท Layer ภาพ เลอก Blending Options
7. Blending Mode > Drop Shadow เพอใสเงาใหภาพ โดยปรบแตงเงาตามตองการ แลวคลกปม Ok
![Page 46: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/46.jpg)
สราง Layer ใหม 1 Layer แลวคลกลากยายไปไวใต Layer ภาพ 8.
เลอกส Foreground เปนสขาว 9.
เลอกเครองมอ Paint Bucket จาก Toolbox เพอเทสขาวลงบน Layer ใหม 10.
จบขนตอนการสรางภาพ11.
Page 38
![Page 47: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/47.jpg)
Page 39
การสรางขอความทมพนตวอกษรเปนรปภาพตาง ๆ
ขนตอนในการสรางขอความพนตวอกษรรปภาพ
1. สรางไฟลภาพใหม
2. คลกเครองมอ Horizontal Type จาก Toolbox 3. ไปท Character Palette เพอปรบแตงลกษณะตาง ๆ ของตวอกษร
4. พมพขอความทตองการแสดง แลวคลกปม ท Options Bar เพอยนยน
5. เลอกคาสง File > Place เพอนาไฟลภาพเขามา
![Page 48: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/48.jpg)
Page 40
6. คลกขวาท Layer ภาพ แลวเลอก Create Clipping Mask
7. จะปรากฏดงภาพ
![Page 49: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/49.jpg)
เลอกเครองมอ Move ลากบนภาพ เพอปรบตาแหนงของภาพตามตองการ 8.
จบขนตอนการสรางภาพ 9.
Page 41
![Page 50: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/50.jpg)
Page 42
การเปลยนสภาพ
![Page 51: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/51.jpg)
Page 43
ขนตอนในการเปลยนสภาพ
1. เปดไฟลภาพตนฉบบ
2. เลอกคาสง Image>Adjustments>Hue/Saturation
3. คลก Preview เพอใหแสดงภาพทนททมการปรบเปลยน
![Page 52: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/52.jpg)
เลอน Scale สตาง ๆ ใหไดสตามตองการ แลวคลกปม Ok 4.
จบขนตอนการสรางภาพ 5.
Page 44
![Page 53: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/53.jpg)
Page 45
การทาภาพโพลาลอยด
![Page 54: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/54.jpg)
Page 46
ขนตอนในการทาภาพโพลาลอยด
1. สรางไฟลภาพใหมโดยใช Background สขาว โดยสรางขนาดใหใหญกวาภาพจรงเลกนอย
2. คลกท เพอสราง Layer ใหม
3. เลอกส Foreground ตามตองการ แลวเทสทเลอกลงบน Layer ใหม
![Page 55: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/55.jpg)
Page 47
4. เปดไฟลภาพตนฉบบ
5. คลกเลอกท Layer ใหม แลวเลอกคาสง Edit > Free Transform เพอปรบขนาดใหใหญกวาภาพตนฉบบ ปรบขนาดใหดสวยงาม
![Page 56: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/56.jpg)
Page 48
6. เมอปรบเสรจแลวใหคลกปม ท Options Bar เพอยนยน
7. เลอกคาสง Layer > Layer Style > Drop Shadow เพอใสเงาใหกบภาพ
8. ปรบแตงคาตามตองการ แลวคลกปม Ok
![Page 57: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/57.jpg)
ภาพจะมเงาปรากฏขน ใหตกแตงขอความตามตองการ 9.
จบขนตอนการสรางภาพ 10.
Page 49
![Page 58: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/58.jpg)
Page 50
การทาภาพใหพนหลงมสเทา ภาพหลกส
![Page 59: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/59.jpg)
ขนตอนในการทาภาพพนหลงสเทา ภาพหลกส
เปดไฟลภาพตนฉบบ 1.
คลกลาก Layer ไฟลภาพตนฉบบ ไปทปม เพอ Duplicate Layer ภาพตนฉบบ 2.
เลอก Layer รป แลวเลอกคาสง Image > Adjustments > Desaturate 3.
Page 51
![Page 60: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/60.jpg)
Page 52
4. จะไดภาพมสขาว ดา
5. เลอกเครองมอ Eraser ลบบรเวณทตองการใหมสปกต
![Page 61: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/61.jpg)
เลอกคาสง Layer > Flatten Image เพอรวม Layer 6.
จบขนตอนการสรางภาพ 7.
Page 53
![Page 62: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/62.jpg)
Page 54
การทา Background ลายอมยม
![Page 63: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/63.jpg)
ขนตอนในการทา Background ลายอมยม
สราง Pattern ใหม โดยการสรางไฟลภาพใหม และกาหนดขนาดเปน 50 x 50 พนสขาว 1.
เลอกเครองมอ Marquee มาทา Selection บนพนทตามภาพ โดยเลอก ท Options Bar เพอใหสามารถทาแบบตอเนองได
2.
Page 55
![Page 64: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/64.jpg)
Page 56
3. เลอกสทตองการเทลงใน Selection แลวกดปม Ctrl + D เพอลบ Selection 4. กด Ctrl + A ท Keyboard 1 ครง แลวเลอกคาสง Edit > Define Pattern เพอสราง Pattern ใหม
5. สรางไฟลภาพใหมขนมาอกครง โดยกาหนดขนาดตามตองการ 6. สราง Layer ใหม
![Page 65: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/65.jpg)
Page 57
7. กดปม Shift + F5 จะมหนาจอใหกาหนด Fill Pattern เลอก Use : Pattern และคลกท Custom
Pattern เปน Pattern ทเราเพงสรางใหม แลวคลกปม Ok
8. จะปรากฏลายบนพนทภาพ
![Page 66: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/66.jpg)
Page 58
9. เลอกคาสง Filter > Distort > Polar Coordinates
10. จะปรากฏหนาจอ Polar Coordinates คลกปม Ok
![Page 67: คู่มือ Photoshop cs3](https://reader033.fdocuments.in/reader033/viewer/2022052304/558e73fc1a28aba52a8b4634/html5/thumbnails/67.jpg)
เลอกคาสง Filter > Distort > Twirl 11.
จะปรากฏหนาจอ ปรบคาตามภาพ แลวคลกปม Ok 12.
จบขนตอนการสรางภาพ 13.
Page 59