photoshop - wordpress.com · 2014-06-20 · บนัทึก...

183
Photoshop

Upload: others

Post on 17-Jun-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Photoshop

Page 2: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Adobe Photoshop

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

วนนจะเนนกำรท ำเวรคชอป หลำกหลำยรปแบบใหไดลงมอท ำกน

เปดโปรแกรมโดยดบเบลคลกท ไอคอน

Page 3: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 4: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

1. Menu Bar และ Option Bar คอ แถบทรวบรวมค ำสงหลกทกค ำสงในกำรใชงำนโปรแกรม และแถบตวเลอกของเครองมอ ซงปรำกฏขนเมอเลอกใชเครองมอในกลองเครองมอ (Toolbox) ใชก ำหนดคณสมบตของเครองมอทเลอกท ำงำนอยในขณะนน

Page 5: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

กลองเครองมอ (Toolbox) คอกลองเกบเครองมอตำงๆ ทใชในกำรท ำงำน เชน เครองมอเกยวกบ

กำรเลอกและแกไข

Page 6: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

3.พาเลท (Palette) คอกลมของหนำตำงทรวบรวมคณสมบตกำรท ำงำนของเครองมอ ชวยควบคมรำยละเอยดปลกยอยในขนตอนกำรท ำงำน

Page 7: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 8: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

1. Marquee Tool (คยลด M) ใชส ำหรบสรำง Selection ลกษณะกำรท ำงำนจะเปนกำรสรำงเสนประเพอก ำหนดขอบเขตสงทเรำจะใชงำน ซงเปนเครองมอทตองใชบอยมำก โดยม 2 ลกษณะ คอ สรำงขอบเขตแบบสเหลยม กบวงกลม โดยสำมำรถเลอกไดโดยกำรกดคลกขวำท Marquee Tool

Page 9: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

2. Lasso Tool (คยลด L) ใชส ำหรบสรำง Selection เหมอนกนแตจะแตกตำงกบ Marquee Tool ตรงลกษณะกำรก ำหนดขอบเขตโดยเมอคลกขวำท Lasso Tool จะมใหเลอกกำรใชงำน 3 แบบ - แบบแรก คอ กำรน ำเมำสวำดขอบเขตทเรำตองกำร - แบบท 2 Polygonal Lasso Tool จะเปนกำรก ำหนดขอบเขตแบบทละจดซงจะไดเสนประทเปนเสนตรงเสมอ - แบบท 3 Magnetic Lasso Tool จะเปนกำรก ำหนดขอบเขตโดยเครองมอจะใชเกณฑในกำรวำดจำกควำมตำงของส (นยมใชในกำรตดตอ)

Page 10: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

3. Eraser Tool (คยลด E) ดจำกรปกสำมำรถสำมำรถไดแลววำคอยำงลบไวส ำหรบลบสงทไมตองกำรออกไป 4. Hand Tool (คยลด H แตใชกำรกด Spacebar คำงไว และใชเมำสลำกทหนำจอจะสะดวกกวำ)

Page 11: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

5. Move Tool (คยลด V) ใชส ำหรบเคลอนยำยสงทเรำตองกำรโดยกำรคลกเมำสซำยคำงลำกและปลอย

6. Magic Wand Tool (คยลด W) ใชส ำหรบสรำง Selection ในลกษณะกำรคลกเพยงครงเดยวโดย Selection ทไดจะเปนโทนสเดยวกนกบทเรำคลก

7. Brush Tool (คยลด B) ใชส ำหรบวำดภำพปกต แตสำมำรถเปลยนหวแปรงได โดยในเวบทวไปมใหโหลดมำกมำย ซงจะได Brush ทสวยๆ ในกำรสรำงลำยตำงๆ ไมจ ำเปนตองวำดรปเกงเลย

Page 12: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

8. Gradient Tool (คยลด G) ใชส ำหรบไลสในพนททตองกำรม option ใหปรบสทตองกำรไล โดยเมอคลกขวำท Gradient Tool จะมอกเครองมอคอ Paint Bucket Tool ใชส ำหรบเทสลงใน Selection ทเรำท ำไว 9. Dodge Tool & Burn Tool (คยลด O) Dodge Tool ใชส ำหรบระบำยสวนทตองกำรใหสเกดควำมสวำง สวน Burn Tool ใชส ำหรบระบำยสวนทตองกำรใหสเกดควำมเขม

Page 13: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

10. Horizantal type Tool (คยลด T) เปนเครองมอส ำหรบพมพตวอกษร โดยสำมำรถพมพตรงสวนไหนกได (สำมำรถเพม Font เพอใชงำนได) 11. Eyedropper Tool ใชส ำหรบดดสบรเวณทตองกำรเพอน ำมำใช Note:แต สวนตวผมจะใช Brush อยและกด Alt คำงไอคอน Brush จะกลำยเปนไอคอน Eyedropper และคลกบรเวณทตองกำรสนนๆ เมอปลอยเมำสกจะกลบเปน Brush เชนเดม

Page 14: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

12. Zoom Tool (คยลด Z) ใชส ำหรบซมเขำ-ออกในงำนทท ำอย Note: ขณะใช Zoom Tool อยจะอยในสถำนะซมเขำ แตถำกด Alt คำงจะเปนสถำนะซมออก 13. Foreground Color & Background Color เปนทส ำหรบเลอกสทตองกำรในกำรใชงำน Note: กด X จะเปนกำรสลบสระหวำง Foreground และ Background ในกำรใชงำน

Page 15: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

กลองฟรงฟรง

Page 16: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

แพงมำก ไมจ ำเปนตองซอ มำหดแตงภำพดวย Photoshop ดกวำขนตอนไมยำก

Page 17: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

paraweesri.wordpress.com/photo

Page 18: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

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

Page 19: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

2. กอนอนเลย ปรบแสงของภำพใหพอเหมำะ กด Ctrl+M

Page 20: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

3.เมอปรบแสงเสรจแลว กกดเพม Layer นะ ตงชอวำ "ผว"

Page 21: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เลเยอร LAYER

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

Page 22: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

สามารถท าอะไรกบเลเยอร (What're we can do with Layer)

แสดงหรอซอน (Show or Hide Layer) กำรคลกทรปดวงตำแตละครง จะเปนกำรเปดเพอแสดง หรอปดเพอซอนสงทอยในเลเยอร เชน ถำไมตองกำรใหแสดงภำพของเลเยอรใด กท ำกำรปด หรอซอนไป

Page 23: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

สามารถท าอะไรกบเลเยอร (What're we can do with Layer)

คดลอก และ ท าซ าเลเยอร (Copy and Duplicate Layer) แบงเปน กำรคดลอก เลเยอร จำกชนงำนหนงไปยงอกชนงำนหนง ท ำไดหลำยวธ คลกเลเยอรทตองกำร ใชโปรแกรมเมน Edit เลอก Copy หรอกดปม Ctrl C คลก Tab ของชนงำนทเรำตองกำรจะใหเลเยอรนนมำวำงไวแลวคลก Edit เลอก Paste หรอกดปม Ctrl V

Page 24: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

สามารถท าอะไรกบเลเยอร (What're we can do with Layer)

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

Page 25: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

การคดลอกเลเยอรในชนงานเดยวกน

1. คลกทเลเยอร ใชโปรแกรมเมน Layer เลอก Duplicate Layer จะมหนำตำงแสดง แตชอง Destination ไมตองก ำหนดชอชนงำนอน

2. คลกทเลเยอร ใชโปรแกรมเมน Layer เลอก New เลอก Layer via Copy (คยลด Ctrl + J)

3. คลกทเลเยอรนน และกดคย Alt พรอมกบลำกเลเยอรไปยงต ำแหนงใน Panel ทตองกำรวำง ปลอยเมำส

Page 26: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 27: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เพมเลเยอร (Add Layer)

คลกไอคอน Create a new Layer ซงอยดำนลำงของ Layer Panel ตดกบรปถงขยะ หรอ ใชค ำสงจำกเมนโปรแกรม เลอก Layer เลอก New เลอก Layer ตงชอ และ Enter

Page 28: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ลบเลเยอร (Delete Layer)

ท ำโดย คลกทเลเยอรทตองกำรลบ กดปม Backspace หรอใชโปรแกรมเมน Layer เลอก Delete เลอก Layer หรอโดยกำรคลกทเลเยอรแลวลำกมำทรปถง

Page 29: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

การลอค และ ปลดลอค เลเยอร (Lock and Unlock Layer)

กำรลอคเลเยอร ท ำไดโดย คลกทเลเยอรทตองกำรลอค แลวคลกทรปกญแจ สวนกำรปลดลอคกเพยงท ำซ ำขนตอนเดยวกน

Page 30: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

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

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

Page 31: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ตงชอเลเยอร (Name Layer)

วธตงชอใหกบเลเยอร ท ำโดย

ดบเบลคลกทชอบนเลเยอรนน และพมพชอ เสรจแลว Enter

Page 32: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

4. เลอก Eye dropper

5. เลอก foreground

Page 33: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

5.เลอกสโทนชมพๆ หรอโทนสอนตำมชอบ

Page 34: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

6.เลอก brush tool

Page 35: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

7. ตรง Normal เลอกเปลยนเปน soft light

Page 36: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

8. เอำแปรงไปทำตรงสวนผวของเรำ เพอผวทอมชมพ

Page 37: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

9.สำมำรถปรบเพอควำมเนยนของผวไดตรง Opacity เพอไมใหชมพเกนจรง

Page 38: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

10. เลอกยำงลบเพอลบสทไปเกนตรงสวนตำและคว

Page 39: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

11.กดเพมเลเยอร ชอ "ปำก" เพอปรบสปำก

Page 40: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

12.แตงเตมสปำก ใหชมพกวำผว ท ำเหมอนผวเลย

Page 41: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 42: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

การบนทกงานแตละประเภท (Saving)

กำรบนทกงำนแบงออกไดหลำยแบบ เชน บนทกเปนไฟลงำน

Photoshop (PSD), TIFF, PNG, JPEG เพอใหเหมำะสมกบงำนแตละประเภทจะน ำไปใชตอไป

Page 43: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

บนทกงานเปนไฟล PSD

กำรท ำงำนใน โปรแกรม จะมกำรปรบแตงหลำยแบบ เมอท ำกำรบนทก ตองใหแนใจวำไดเลอกสงทปรบแตงไวในงำนประเภทตำงๆ อยำงครบถวน เชน Layer, Alpha channel และ อนๆ แตอยำลมดใหแนใจวำชอง As a copy จะตองไมถกเลอก

Page 44: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 45: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

และเพอประหยดเนอทของฮำรดดสก ไมตองท ำเครองหมำยเลอกทชอง Maximize compatibility ถำแนใจวำไมไดน ำไฟลนไปใชกบ Photoshop ตระกลอนเชน Photoshop Lightroom เปนตน

Page 46: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

บนทกงานเปนไฟล TIFF (ส าหรบงานพมพ)

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

Page 47: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 48: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

แตถำแนใจวำไมตองกำรกลบมำแกไขอก ใหบนทกโดยไมตองเลอกชอง Layer และใหก ำหนดคำใน TIFF Option แทนเพอใหเหมำะกบควำมตองกำร

Page 49: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

บนทกงานเปนไฟล PNG

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

Page 50: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

บนทกงานเปนไฟล JPEG

ไฟลประ เภท น จ ะ ใหภ ำพ ทคอนขำงสวยงำม แตกจะมขนำดของไฟลใหญพอสมควร กอนทจะบนทกกลองปรบคำคณภำพของภำพตำมประเภทของงำนทจะน ำไปใชตอไป สำมำรถปรบไดตงแต 0 - 12 เรยงจำกควำมละเอยดของภำพจำกนอยไปหำมำก

Page 51: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เทคนค กำรเรยกคน ชนงำนเดม ถำบงเอญเผลอท ำกำรบนทกงำนโดยไมตงใจ เชน บำงครงเรำท ำงำนชนนนแลว อยำกลองท ำอะไรบำงสงกบงำนนน ซงไมไดเปนสงทเรำตองกำรจรงๆ แตดนไปบนทกทบงำนเดม แลวจะท ำอยำงไร เรยกงำนกอนหนำนนกลบคนมำได โดยกำรใช History panel (เทคนคน ใชไดกบงำนทยงไมไดปด และยงคงอยบนหนำโปรแกรมจอ)

Page 52: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ตดภำพอยำงเนยน

Page 53: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Free Form Selection Tool

ประกอบดวย Lasso, Polygonal, Magnetic เปนเครองมอสรำง Selection ไดแบบอสระ ไมก ำหนดรปทรงตำยตวเหมอน (Marquee) วธใชงำนคลำยกน คยลดของเครองมอกลมน คอ L - Lasso สำมำรถลำกเสน Selection ในรปทรงใดกได - Polygonal ส ำหรบลำกเสน Selection ในรปของเสนตรง - Magnetic กำรสรำง Selection ลกษณะนเหมอนกบแมเหลกทใชส ำหรบดดสงของ เพรำะเมอเรำลำกเครองมอนผำนขอบของสงทตองกำรเลอก เสน Selection กจะตดดดตดกบขอบนนตำมกำรลำกเสนของเรำ

Page 54: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ซมภาพ การซมออก (Zoom Out) โปรแกรมเมน View เลอก Zoom out 1. กำรใชคยลด กดป ม Ctrl + minus sign (เครองหมำย -) 2. เครองมอ ซม (Zoom Tool) คลกทรปแวนขยำย หรอ ใชคยลดโดยกำรกด Z + Alt ลกศรของเมำสจะเปลยน เปนรปแวนขยำย คลกทภำพแตละครงกจะซมออกตำมจ ำนวนครง ทคลก แตถำ ตองกำร ซมแบบตอเนอง ใหท ำลกษณะเดยวกน แตคลกเมำสคำงไว หรอ เลอนเมำสไปทำงซำย ภำพจะท ำซมออกแบบตอเนอง

Page 55: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ซมภาพ

การซมออก (Zoom Out) โปรแกรมเมน View เลอก Zoom out 3. กดปม Alt + Scroll Downward (เลอนตวหมนทอยตรงกลำงของเมำส ลง) 4. กำรคยตวเลขขนำดทตองกำรซมออก ทชองบอกขนำดภำพ ซงอยดำนลำง ซำยมอ แลวกด Enter

Page 56: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ซมภาพ

การซมเขา (Zoom In) โปรแกรมเมน View เลอก Zoom in 1. กำรใชคยลด กดป ม Ctrl - plus (เครองหมำย +)

2. เครองมอซม (Zoom Tool) คลกทรปแวนขยำย หรอ ใชคยลดโดยกำร

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

Page 57: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ซมภาพ

• การซมเขา (Zoom In) โปรแกรมเมน View - Zoom in 3. กดปม Alt + Scroll Upward (เลอนตวหมนทอยตรงกลำงของเมำส ขน) 4. กำรคยตวเลขขนำดทตองกำรซมเขำ ทชองบอกขนำดภำพ ซงอยดำนลำงซำยมอ - แลวกด Enter

Page 58: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เทคนค กดป ม Ctrl + 0 = ค ำสงใหภำพแสดงเปน fit on screen หรอพอดกบหนำจอภำพ

กดป ม Ctrl + 1 = ค ำสงใหแสดงขนำดจรงของภำพเทำกบ 100%

Page 59: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 60: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

คอยลำกเปนเสนไปทละจดๆ

Page 61: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

กดปมลบ

Page 62: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 63: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

จะเหนวำยงมรอยทตดกบขอบโมเดลอย ใหใชยำงลบ ลบออกใหเหลอทวำง

Page 64: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

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

Page 65: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ลำกกลบมำตรงจดเรมตนกจะเปนประ

Page 66: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 67: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 68: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Ctrl+d

Page 69: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

คดลอก เลเยอร

Page 70: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Filter > Blur > Gaussian Blur…

Page 71: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ปรบ Radius 2.0 -3.0

Page 72: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 73: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

รอยสกสวยๆ

Page 74: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

รอยสกสวยๆ ขนตอนแรก เมอ เปดโปรแกรมแลวใหเลอกท File + Open ใหเปดรปภำพทตองกำรจะตกแตง และภำพ Tattoo ทไดเตรยมเอำไวขนมำพรอมๆกน

Page 75: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 2 เลอกทเครองมอ Move Tool จำกนนลำกภำพ Tattoo มำไวทภำพของนำงแบบ ในต ำแหนงทตองกำร

Page 76: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

- จำกนนกด Ctrl+T - ปรบขนำดของ Tattoo ใหไดตำมขนำดทตองกำร - ไดแลวกด Enter

Page 77: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 3 เมอปรบภำพใหมขนำดพอดแลว ใหเลอกทเลเยอรท 1 เปลยนจำกโหมด Normal เปนโหมด Multiply จะเหนวำภำพพนหลงสขำวๆ หำยไป

Page 78: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 4 ไปท Edit + Transform + Warp ขนตอนนจะท ำใหภำพกลมกลนไปกบแผนหลง

Page 79: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 5 มจดกลมๆ รอบๆ Tattoo ทวำงไวแลว ใหใชเมำสคลกแลวลำกตรงจดกลมๆ ด ำๆ นนใหเขำกบสวนโคงตำงๆ ของนำงแบบ เมอไดแลวใหกด Enter

Page 80: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 6 ภำพ Tattoo มควำมสดมำกเกนไป ท ำใหดไมสมจรง ใหลดคำ Fill ลง เหลอประมำณ 87% ลดตำมควำมเหมำะสม ใหภำพกบเนอผวนนกลมกลนกน แตถำภำพนนกลมกลนแลว ไมตองปรบแตงอกแลว

Page 81: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 82: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Spot Healing and Healing Brush Tool กำรปรบแตงดวยเครองมอทงสองน จะใชในบรเวณเลกๆ ไดด เชน จด หรอ พนผวแคบๆ เทำนน Spot Helaing จะใชกำรคลกทจดทเรำตองกำรแกไข เชน สว ไฝ บนใบหนำ Healing Brush จะเปนกำรทำบรเวณพนผวทตองกำรแกไข เชน ผวหนำทมรขมขนคอนขำงใหญ กอนกำรทำจะตองเลอก Pixel ของพนท ทจะน ำมำใชกอน โดย กด Alt แลวคลกทจดนน

Page 83: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

กำรใชแถบควบคมเครองมอ Spot Healing Brush มดวยกน 3 แบบ

• Proximility Match = เปนกำรเลอก Pixel บรเวณรอบๆ มำทดแทนทกครงในกำรคลก

• Create Texture = เปนกำรสรำง texture บำงๆ ขนมำครอบไวในบรเวณทเรำคลก

• Content-Aware = เปนกำรเตม Pixel บรเวณรอบๆ มำทดแทนทกครงในกำรคลก

Page 84: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

กำรใชแถบควบคมเครองมอ Healing Brush

จดทส ำคญ คอ ตองใชตวเลอก Aligned ส ำหรบก ำหนดใหโปรแกรมจ ำจดใกลเคยงกบทเรำก ำหนดไวครงแรก แลวน ำมำใชกบทกครงทมกำรท ำ Healing

เพมเตมในจดทใกลเคยงกน ขณะ ทใช Healing Brush Tool เมำสจะเปลยนเปนรปวงกลมเพอแสดงขนำดควำมกวำงของหวแปรง ซงบำงครงจะท ำใหเหนรำยละเอยดของภำพไมดนก .... สำมำรถกด Cap Lock เพอซอนขนำดหวแปรงชวขณะ พรอมทงสำมำรถท ำกำร Fade น ำหนกของ Healing brush ได โดยกำรเลอก Edit เลอก Fade Healing Brush ปรบขนำด Opacity ใหเหมำะสม (คยลด Ctrl + Shift + F)

Page 85: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Patch Tool กำรท ำงำนของเครองมอนจะเปนกำรแกไขวตถบนภำพทแนบเนยนมำกเพรำะจะไม ทงรอยรอยใหเหนวำมกำรปรบแตง

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

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

แบบธรรมดำ Normal / แบบ Content-Aware

Page 86: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

กำรแกไขโดยใชเครองมอ Patch แบบ Normal มเทคนคกำรท ำอย 2 ลกษณะ คอ Source กบ Destination

Source = เมอเรำก ำหนด Selection แลว ใหลำกไปยงจดทตองกำรภำพมำ

ทดแทนสวนทเรำท ำ Selection ไว

Destination = ลกษณะเหมอน Source แตจะเปนกำรลำกเพอน ำสวนทท ำ Selection ไปวำงไวทอน เหมอนกบเปนกำรเพมสงนนลงบนภำพ

Page 87: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

กำรแกไขโดยใชเครองมอ Patch แบบ Content-Aware ลกษณะนนจะเหมอนกบ Patch แบบ Normal แตจะสำมำรถก ำหนด

คณสมบตในกำรจดกำรกบภำพไดอก 5 แบบ ไดแก Very Strict, Strict, Medium, Loose, Very Loose

Page 88: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ลบสว แบบ สว สว • ขนตอนท 1 ใหเปดภำพทตองกำรจะแกไข ใชเครองมอ Zoom (Z) รป

แวนขยำย ท ำกำรซมไปทบรเวณทตองกำรลบสวเพอใหงำยตอกำรท ำงำน

Page 89: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เลอกเครองมอ Healing Brush Tool (J) ดงรป

Page 90: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

คลกขวำลงไปทภำพเพอปรบขนำด ของหว Healing Brush

Page 91: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

กด Alt คำงไวเมำสจะเปลยนเปนรปเปำ ใหคลกบรเวณสผวทดใกลๆ บรเวณสวทตองกำรจะลบจะเปนกำรดดสผวทดไวใชงำน ตอไปปลอย Alt และคลกบรเวณทจะลบสว

Page 92: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

สงทไดเหมอนกำรน ำสผวบรเวณทตองกำรมำแปะทบบรเวณทเปนสวโดย Photoshop จะค ำนวณอตโนมตใหสผวทน ำมำแปะนนกลมกลนกบจดทเรำแปะทบไป

Page 93: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ท ำซ ำ ไปเรอยๆ โดยลบสงทไมตองกำรออกจนกวำจะพอใจ

Page 94: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

กำรท ำรป Pop Art

Page 95: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 1 เปดรปทตองกำรขนมำ แลวท ำ Selection ดวย Lasso Tool เพอลบฉำกหลง โดยกำร Selection ทตวแบบกอน

หลงจำกนนกด Ctrl+Shift+I หรอไปท Select > Inverse เพอ Inverse Selection

จำกนนกด Delete แลวกด Ctrl+D

เพอยกเลก Selection

Page 96: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 2 กด Ctrl+J 2 ครง เพอ copy Layer Background ขนมำ 2 อน จะได Layer 1 และ Layer 1 Copy

Page 97: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 3 ปดตำ Layer 1 copy และ Layer 1 และกดท ำงำนท Background จำกนนไปท Image > Adjustments > Threshold ปรบ Threshold Level ใหเหนรำยละเอยดภำพชดๆหนอย ในทนปรบ 61 แลวกด OK

Page 98: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เปดตำ Layer 1 และปรบคำ Threshold โดยไปทเดมในทนปรบ 128

Page 99: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เปดตำ Layer 1 copy และปรบคำ Threshold เหมอนเดมในทนปรบ 173

Page 100: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 4 ปรบคำ Opacity ใน Layer 1 copy เปน 40% และปรบคำ Opacity ใน Layer 1 ใหเปน 40% เชนกน

Page 101: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 5 สรำง Layer ขนมำใหมปรบโหมดให Layer นเปน Multiply แลวใช Brush พรอมเลอกสทตองกำรระบำยลงไปในสวนทตองกำร ดงรป แลวใชยำงลบเกบรำยละเอยดสวนทเกนออกตำมทตองกำร

Page 102: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

สรำง Layer ขนมำอกและปรบเปน Multiply เหมอนเดม และระบำยสในสวนตอๆไป คอ เสนผม

Page 103: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 104: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เสรมจมก

Page 105: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 1 เตรยมเครองมอศลยกรรมจมก เปดรปทตองกำรขนมำโดยในทนนำยแบบคอพหม ำ ไปท Filter > Liquify • เลอก Forward Wrap Tool และปรบขนำดหวแปรงใหพอเหมำะกบจมก • ใชแวนขยำยซมเขำไปเพอสะดวกตอกำรท ำงำน

Page 106: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 2 เรมตดปกจมก ใช Forward Wrap ลำกบรเวณปกจมกสวนทตองกำรลดเขำมำ (ครงแรกท ำอำจไมเนยนลองท ำเรอยๆ)

Page 107: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 3 เสรมดงจมก

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

Page 108: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 4 เพมแสงและเงาใหจมกเพอความสมจรง ใช Burn Tool และ Dodge Tool สลบกนโดยปรบคำ Exprosure ไวประมำณ 10-15% โดย Dodge Tool ระบำยไปในสวนทตองกำรเพมแสงและ Burn Tool ระบำยไปในสวนทตองกำรใหมดลง โดยหลกการคอ บรเวณสนจมกควรจะเพมแสงเพอใหดจมกมมตมำก ขน สวนบรเวณขำงๆสนจมกควรจะลดแสงใหมดลงเลกนอยเพอเสรมใหบรเวณสน จมกดโดงขนอก

Page 109: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 110: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 111: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Part 2

Page 112: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ท าความรจก Tab และ Window :

โปรแกรม Photoshop สำมำรถก ำหนดใหเปดภำพเพอแสดงขนมำในพนทท ำงำนไดสองแบบ คอ แสดงภำพแบบ Tab และ Window

Page 113: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

แสดงภำพแบบ Tab

Page 114: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

แสดงภำพแบบ Window

Page 115: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 116: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 117: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 118: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

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

Window - Arrange เมอกด Aarrange จะมรำยกำรหลกสองสวน ใหเลอกวำตองกำรแสดงโดย การเรยงภาพ แบบไหน เชน แนวต ง หรอ แนวนอน และ การแสดงภาพ แบบไหน

Page 119: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Ctrl + tab = กำรเลอกแบบเดนหนำ Ctrl + shift + tab = กำรเลอกแบบถอยหลง

Page 120: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ปรบแตงพนทการท างาน Custom Panel and Workspace

วธกำรเลอกรปแบบ ท ำไดโดยกำรใชโปรแกรมเมน เลอก Window - Workspace - เลอกรปแบบทตองกำร

Page 121: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

การเลอนภาพ (Scrolling and Panning Image)

1. ลกกลงของเมำส เลอนขน ส ำหรบกำรเลอนภำพขน และกลบกน 2. ลกกลงของเมำส + กดปม Ctrl ส ำหรบกำรเลอนภำพแนวนอน ถำเลอนขนจะเปนกำรเลอนภำพไปทำงขวำ และกลบกน

Page 122: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

การเลอนภาพ (Scrolling and Panning Image)

3. เครองมอ Hand Tool (ไอคอนรปมอทแสดงบนแถบเครองมอ) หรอ กดคยลด H เมำสจะเปลยนเปนรปมอ คลกคำงไวทภำพแลวเลอนภำพไดตำมทตองกำร 4. กดปม Space Bar คำงไว เมำสจะเปลยนเปนรปมอ คลกคำงไวทภำพแลวเลอนภำพไดตำมทตองกำร

Page 123: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เทคนค ขณะทแสดงภำพเปนแบบ 2 Up Vertical ใหกด

Shift + Space Bar

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

Page 124: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 125: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนาดและความละเอยดของภาพ (Image and Resolution)

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

ขนำดควำมกวำง (pixel) x ขนำดควำมสง (pixel) จะไดจ ำนวนพกเซลรวม

Page 126: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนาดและความละเอยดของภาพ (Image and Resolution)

ควำมละเอยดของภำพ (Resolution) ดไดจำก

จ ำนวนพกเซลรวมกนตอขนำดพนท เชน 300 pixel per inch (PPI) ทงนเพอใหเหมำะกบงำนสงพมพ

Page 127: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนาดและความละเอยดของภาพ (Image and Resolution)

โปรแกรม Photoshop สำมำรถก ำหนดขนำดของภำพ และควำมละเอยดไดขณะทสรำงงำนใหมขนมำ สำมำรถก ำหนดขนำด Width and Height เปน Pixels, Inches, Centimeters, Millimeters, Points, Picas, Columns

Page 128: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 129: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ถำตองกำรเปลยนแปลงขนำด หรอ ควำมละเอยดของชนงำนหลงจำกทไดก ำหนดไวแลวตงแตตน ขนแรกจะตองเปดหนำ Image Size โดยใชเมนโปรแกรม Image เลอก Image size กจะไดหนำตำงดงกลำว สำมำรถท ำกำรปรบแตงไดเปน 3 สวน

Page 130: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 131: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

สวนทหนง Pixel Dimension เปนกำรปรบสดสวนขนำดของภำพทแสดงบนหนำจอ สวนทสอง Dimension size เปนกำรปรบขนำดของภำพทจะใชพมพ สวนทสำม Scale style, Constrain, Resample Image เปนสวนทใชก ำหนดควำมสมพนธในกำรปรบแตงของสวนทหนง และ สอง

Page 132: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เครองมอครอบตดภาพ Crop Tool

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

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

Page 133: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 134: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

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

Page 135: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

การปรบความสวางของภาพ Adjust Luminance

ทศทำงของควำมสวำง

Page 136: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ระดบของกรำฟแสดงจ ำนวนพกเซลทควำมสวำงตำงๆ

Page 137: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

อธบำยถงสของภำพกอน ตำมธรรมชำตสของภำพทเรำเหนนนประกอบดวย สแดง สเขยว สฟำ เมอรวมกนจะไดส RGB กคอสของภำพทเรำเหนนนเอง

Page 138: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เครองมอในกำรปรบภำพใหมควำมสวำง คมชด สวยงำม มค ำสงทงำย ส ำหรบผใชโปรแกรม เหมำะกบมอใหมเปนอยำงมำก เมนทจะตองรจกไว คอ Auto Tone, Auto Contrast, Auto Color โดยกำรเรยกใชเมนของโปรแกรม เลอก Image และลองใชเมนทงสำมนปรบภำพ โดยลองใชทละเมน และดวำตวไหนปรบแลวภำพออกมำดดทสด

Page 139: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Auto Brightness/Contrast

ถำหำกลองปรบจำกสำมตวบนแลวยงไมพอใจ ลองใชเครองมอน สำมำรถเพมกำรปรบดวยตวเองได กำรเปดใชเครองมอท ำโดยใชโปรแกรมเมน เลอก Image เลอก Brightness / Contrast จะมกรอบหนำตำงตำมภำพ

Page 140: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Shadow / Highlight

กำรปรบควำมสวำง ของภำพโดยใชเมนน เปนกำรเพมแสงและเงำใหกบภำพ เปนอกตวหนงซงชวยใหมควำมสมดลของควำมสวำงไดด วธเรยกเมนนโดยเลอกโปรแกรมเมน Image เลอก Adjustment เลอก Shadow / Highlight คำ Default ของเมนจะตงตำมภำพดำนลำง แตสำมำรถปรบตงคำใหเหมำะกบแตละภำพ หรอชนงำนได ถำปรบทงสองสวนแลวยงไมดขน ใหท ำเครองหมำยท Show More Options เพอเพมออปชนกำรปรบคำ

Page 141: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 142: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

หลงจำกกำรปรบแลวตองกำรปรบ เพม/ลด ควำมสวำง ใหใชเมน Fade โดยเปดทโปรแกรมเมน Edit เลอก Fade Shadows / Highlights และปรบคำ Opacity ใหเหมำะสม สวนชอง Mode จะตองตงใหเปนคำควำมสวำง หรอ Luminosity

Page 143: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Quick Selection and Magic Wand Tool

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

Page 144: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Magic Wand Tool กำรปรบแผงควบคมเครองมอนมอยหลำย สวนดวยกน ทงนเพอใหเหมำะกบภำพ หรอ ขอบเขตทแตกตำงกนไป กำรใชเครองมอโดยกำรคลกเลอกขอบเขต และถำตองกำรเลอกเพมกกดปม Shift แลวคลก เพมไปยงจดตอไป

Page 145: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

• Sample Size = ตงคำเปน Point Sample • Tolerance = 32 เปนคำ Default Pixel ของโปรแกรม สำมำรถปรบคำน

ใหเหมำะสมกบกำรเลอกไดตงแต 0 - 255 Pixels คำตวเลขเหลำน เปนกำรก ำหนดใหเครองมอท ำกำรเลอกขอบเขตจำกควำมสวำงในสวนท สวำงกวำ และ มดกวำ จำกจ ำนวนตวเลขทก ำหนดไว

• Anti-alias = เปนกำรก ำหนดใหเสน Selection มขอบของเสน Selection เรยบ และท ำใหขอบของภำพไมขรขระ

• Contiguous = เปนกำรบอกใหเครองมอรวำจดทเลอกนนมขอบเขตกำรเลอกทตดกน

• Sample All Layers = ก ำหนดใหเครองมอสำมำรถสรำง Selection ไดในทกเลเยอร

Page 146: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

สรำงตวอกษร อยำงงำย

Page 147: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 148: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 149: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 150: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 151: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 152: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

สรางขอความ blink blink

1. สรำงไฟลใหม แลวกดตว T ทแปนพมพ หรอกดท Horizontal Type Tool

พมพขอควำมทตองกำร

Page 153: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

2. ตงคำสตำมดำนลำง หรอ สอนตำมตองกำร

Page 154: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Filter ---> Sketch ---> Haftone Pattern

Page 155: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ก ำหนด Pattern Type เปนแบบ Dot แลวท ำกำรตงคำ Size และ Contrast

Page 156: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

double click ท text layer แลวตงคำ Inner Glow โดยก ำหนดส และตงคำ Choke ก ำหนดคำ Stoke โดยเลอกท Stoke ซงอยดำนลำงสด จำกนนกก ำหนดสและขนำดเสนขอบตำมตองกำร

Page 157: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ท ำขอบตวอกษร 2 ชน ขนตอนท 1 เปดหนำกระดำษขนมำและพมพขอควำมทตองกำรลงไป เปลยน Font เปลยนสไดตำมตองกำร แลวคลก Add a layer style ทดำนลำงของหนำตำง Layer เลอก Storke

Page 158: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 2 เลอกสของเสนและขนำด ในทนเลอกเสนขอบสขำว และขนำด 6 ซงในรปจะมองไมเหนเสนเพรำะ background กเปนสขำว ปรบเสรจแลวกด OK

Page 159: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 3 คลกขวำท Layer ตวอกษรแลวเลอก Group into New Smart Object สงเกตลกษณะของ Layer จะเปลยนไป

Page 160: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 4 คลกขวำท Layer เดมอกครงเลอก Rasterize Layer ลกษณะของ Layer จะกลำยเปนเหมอน Layer ปกตแลว

Page 161: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 5 Add a layer style อกครงแลวเลอก Stroke ท ำกำรปรบคำสและขนำดของเสนเหมอนเดมกเสรจสมบรณ กบตวอกษรแบบมขอบสองชน

Page 162: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ตวอกษรเจล ใส ใส

ขนตอนท 1 สรำงหนำกระดำษขนมำใหมแลวพมพขอควำมทตองกำรลงไป เรองสตวอกษรใสสอะไรไปกได

Page 163: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

• ขนตอนท 2 ปรบแตง Add a layer style ใหตวอกษรเปนเจลใส Add a layer style โดยกำรกดปมรปตว F ดำนลำงหนำตำง Layer แลวเลอก Drop Shadow ท ำกำรปรบคำดงน

Opacity 80% Angle 120% Distance 2 px Spread 17% Size 6 px

Page 164: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 165: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เลอกท Inner Shadow และท ำกำรปรบคำ Opacity 70% Angle 120% Distance 3 px Choke 0% Size 6 px

Page 166: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เลอก Outer Glow ท ำกำรปรบคำตอ Blend Mode : Overlay Opacity 30% เปลยนสของแสงเปนสขาว Size 6 px

Page 167: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เลอก Bevel and Emboss ปรบคำ Size 8 px Angle 120 องศา เอาตก Use Global Light ออกไป Altitude 70 องศา Gloss Contour คลกทลกศร

ขางๆรปและเลอกแบบเดยวกบในรป

Opacity ของ Highligt เปน 100% Shadow Mode : Color Burn Opacity ของ Shadow Mode เปน 15%

Page 168: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 169: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เลอก Color Overlay ปรบคำ Blend Mode : Screen เปลยนเปนสขาว Opacity 10%

Page 170: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Satin และปรบคำ Blend Mode : Normal เปลยนเปนสขาว Opacity 4% Angle 135 องศา Distance 4 px Size 6 px Contour เปลยนเปนเสนเฉยงดงรป ตกถกท Anti-aliased แลวอยาลมเอาตกท Invert ออก

Page 171: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

เลอก Stoke ปรบคำ Size 1 px Opacity 56% เปลยนเปนสด า

Page 172: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

ขนตอนท 3 ตอนนจะเหนตวอกษรดมนๆนนๆเตม และปรบคำ Fill ของ Layer ตวอกษรนใหเปน 0% ตวอกษรจะเปนสใสๆ

Page 173: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

การบนทกภาพส าหรบแสดงบนเวบไซด Saving for the Web

รปภำพทใชส ำหรบแสดงบนเวบไซด ควรจะมขนำดทเลกมำก แตทงนภำพทไดจะยงตองดสวยงำม คณภำพไมเสยไปเมอท ำกำรลดขนำดของภำพลง โปรแกรม Photoshop จงมเมนในกำรปรบขนำดไฟลกอนท ำกำรบนทกงำนส ำหรบแสดงภำพบนเวบไซดโดย เฉพำะ เรยกวำ Save for Web เลอก File > Save for Web เมอเปดโปรแกรมขนมำแลว สำมำรถก ำหนดไดวำจะใหแสดงภำพกหนำตำง เพอใชส ำหรบกำรเปรยบภำพกอน และ หลงปรบแตง

Page 174: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 175: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

การบนทกภาพ JPEG for Web

จำกภำพตวอยำง ขนำดภำพกอนปรบแตงเทำกบ 28.7 M หลงจำกปรบแตงแลวเหลอ 240.6 K ใชเวลำ Download 6 sec @ 512 Kbps หมำยถง คอมพวเตอรทมสปดกำรดำวนโหลดท 512 Kbps จะใชเวลำประมำณ 6 วนำท จะเหนวำขนำดลดลงไดมำก หลงจำกกำรปรบแตง เมอปรบแตงเรยบรอย ใหเลอก Done เพอใหโปรแกรมจ ำกำรตงคำในกำรเรยกใชในครงตอไป หรอ Save เพอบนทกงำน โปรแกรม Photoshop จะบนทกงำนตรงกบแตละประเภทของภำพใหโดยอตโนมต จำกน นท ำกำรต งชอไฟล ส ำหรบสวนของ Format ในขนตอนกำรบนทกใหเลอกเปน Image Only

Page 176: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

กำรตงคำในกำรปรบภำพท ำไดโดย :

Preset = ส ำหรบเลอกกำรปรบแตงทไดบนทกเกบไว Quality = ใสตวเลขเพอก ำหนดควำมคมชดของภำพ Optimized = ใหคลกเลอก ส ำหรบ Progressive กบ Embed Color Profile ไมจ ำเปนไมตองเลอก Blur = เปนกำรท ำภำพใหเบลอ เพอชวยลดขนำดภำพ ใชเมอจ ำเปน Convert to sRGB = ตองคลกเลอก เพอเปนกำรเลอกประเภทของสแบบ sRGB Image Size = คอตวเลขทไดลดขนำดแลว และยงสำมำรถปรบลดขนำดภำพไดอก โดยท ำทนเชนกน Preview = ใชส ำหรบเปดดภำพบนเวบไซด หลงจำกปรบแตงคำแลว

Page 177: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

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

กำรตงคำในกำรปรบภำพท ำไดโดย : • Color = ขนแรกใหปรบคำปรมำณสโดยเรมจำกคำสงสดท 256 แลวดวำ

ขนำดไฟลเปนเทำไร แลวคอยปรบลดลงเทำทรบได • Transparent = ถำเปนภำพทม Background เปน Transparent จะตองคลก

เลอก ไมนนโปรแกรมจะน ำสในชอง Matte มำเตมให • No Dither = ชวยท ำใหขนำดไฟลลดลง แตจะท ำใหขอบของภำพไม

เรยบ

Page 178: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

กำรตงคำในกำรปรบภำพท ำไดโดย : • Dither Pattern = Pattern เพมควำมคมชดโดยกำรเพม Noise ซงบำงครงมำก

เกนไป ถำตองกำรเพมควำมคมชดควรใชสองตวนจะดกวำ Diffusion and Noise เมอเลอกแบบใดแบบหนงแลว ใหท ำกำรลดเปอรเซนตในชอง Dither เหลอประมำณ 50% เพอเปนกำรลด Noise ลงบำง

• Color Table = แสดงรำยกำรของแตละประเภท Selective, Perspective, Adaptive, Restrictive ลองเชคดวำแบบใหนเหมำะทสด แตแนะน ำใหใช Selective จะดกวำ

• Lossy = เพมกำรบบอด แตจะเสยคณภำพของภำพบำงสวน ใชในกรณทจ ำเปน • Interlaced = ไมตองเลอก

Page 179: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 180: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

การบนทกภาพ PNG for Web

เปนภำพทม Hight Contrast แตกำรรองรบไฟลประเภทนไมดเทำกบ GIF กำรตงคำจะเหมอนกบ GIF ยกเวน PNG จะไมม Lossy ใหปรบแตง ประเภทของ PNG ม 2 แบบ ไดแก PNG-8 PNG-24 ปกตจะใช PNG-8 ระบบ 8 bits

Page 181: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

การลดขนาดภาพเพอใชส าหรบเวบ Downsampling for the web

ท ำโดยปรบขณะทอยในโปรแกรม Photoshop เลอก Image เลอก Image Size หรอใชคยลด Ctrl + Alt + I ท ำกำรปรบลดในชอง Pixel Dimension โดยเปลยนจำก Pixel/Inch ใหเปน Percent แลวลดจำก 100 ใหเหลอตำมทตองกำร ใหแนใจวำไดคลกเลอก Scale Style, Constrain Proportions, Resample Image และเลอกเปน Bicubic Automatic (Bicubic Automatic ถำ Downsample จะก ำหนดใหเปน Bicubic Sharper แตถำเพมขนำด Upsample จะก ำหนดใหเปน Bicubic Smoother) จำกนนกท ำกำรบนทกดวยวธ Save for Web และปรบแตงตำมประเภทของภำพ

Page 182: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ
Page 183: Photoshop - WordPress.com · 2014-06-20 · บนัทึก ตอ้งให้แน่ใจว่ำไดเ้ลือกสิ่งที่ปรับแต่งไวใ้นงำนประเภทต่ำงๆ

Thank you