16
Layer ใน Adobe Photoshop CS5 Layer คืออะไร สําหรับการตัดต่อภาพ สิ่งที่มีความจําเป็นคือการนําเอาเครื่องมือต่างๆ ของ Photoshop มาใช้งานร่วมกัน และสิ่งที่สําคัญอย่างยิ่ง คือ Layer (เลเยอร์) ที่จะช่วยให้เราจัดวางรูปภาพที่นํามาประกอบกันเพื่อสร้างผลงานใหมออกมา Layer เปรียบเสมือนแผ่นพลาสติกใส เมื่อเราวาด หรือวางชิ้นส่วนภาพลงบน Layer แต่ละชั้นแล ้วนํามาเรียง ซ้อนกันหลาย ๆ ชั ้นจะทําให ้ภาพทั ้งหมดดูเหมือนเป็นชิ้นเดียวกัน โดยภาพใน Layer บนจะบัง Layer ที่อยู ่ด้านล่าง เสมอ ยกเว้นบริเวณที่โปร ่งใสซึ่งจะมองทะลุไปเห็นภาพใน Layer ถัดๆ ลงไปได้ - Layer ชื่อ Background จะเป็น Layer ของไฟล์ภาพที่สร้างใหม่ หรือเปิดรูปภาพขึ้นมา - Layer ชื่อ Layer 1, Layer 2, … คือ เลเยอร์ที่สร้างเพิ่ม หรือ Copy ภาพมาวางเพิ่ม ประโยชน์ของ Layer คือ ช่วยให้เราแก้ไขภาพเฉพาะส่วนใดส่วนหนึ่งได้ง่าย เช่น การย้ายตําแหน่ง, การปรับขนาด, ปรับสี/แสงเงา ซึ่ง จะทําได้อย่างอิสระจากกัน นอกจากนี ้เรายังสามารถสลับลําดับ และซ่อน/แสดง Layer แต่ละชั้น ทําให ้ทดลองจัด องค์ประกอบภาพแบบต่างๆ ได้หลากหลายก่อนที่จะเลือกภาพชุดสุดท้ายที่จะนําไปใช้จริง พาเนล Layers พาเนล Layers เป็นเครื่องมือหลักที่ใช้จัดการกับ Layer ไม่ว่าจะเป็นการ เพิ่ม/ลบ Layer, การเปลี่ยนลําดับ, การปรับความโปร่งใส เป็นต้น เมื่อเราจะใช้ Layer เราต้องระวังว่าคําสั่งต่างๆ ส่วนใหญ่ จะมีผลต่อภาพใน Layer ทีกําลังเลือกเท่านั้น ดังนั้นจะต ้องสังเกต และเลือกเลเยอร์ที่ถูกต้องก่อนการทํางานใดๆ

Layer photoshop cs5

Embed Size (px)

DESCRIPTION

ใช้ในการจัดการเรียนรู้รายวิชา ง33201 เทคโนโลยีสารสนเทศ โรงเรียนขามแก่นนคร ปีการศึกษา 2557/1

Citation preview

Page 1: Layer photoshop cs5

Layer ใน Adobe Photoshop CS5

Layer คออะไร

สาหรบการตดตอภาพ สงทมความจาเปนคอการนาเอาเครองมอตางๆ ของ Photoshop มาใชงานรวมกน

และสงทสาคญอยางยง คอ Layer (เลเยอร) ทจะชวยใหเราจดวางรปภาพทนามาประกอบกนเพอสรางผลงานใหม

ออกมา Layer เปรยบเสมอนแผนพลาสตกใส เมอเราวาด หรอวางชนสวนภาพลงบน Layer แตละชนแลวนามาเรยง

ซอนกนหลาย ๆ ชนจะทาใหภาพทงหมดดเหมอนเปนชนเดยวกน โดยภาพใน Layer บนจะบง Layer ทอยดานลาง

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

- Layer ชอ Background จะเปน Layer ของไฟลภาพทสรางใหม หรอเปดรปภาพขนมา

- Layer ชอ Layer 1, Layer 2, … คอ เลเยอรทสรางเพม หรอ Copy ภาพมาวางเพม

ประโยชนของ Layer คอ

ชวยใหเราแกไขภาพเฉพาะสวนใดสวนหนงไดงาย เชน การยายตาแหนง, การปรบขนาด, ปรบส/แสงเงา ซง

จะทาไดอยางอสระจากกน นอกจากนเรายงสามารถสลบลาดบ และซอน/แสดง Layer แตละชน ทาใหทดลองจด

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

พาเนล Layers

พาเนล Layers เปนเครองมอหลกทใชจดการกบ Layer ไมวาจะเปนการ เพม/ลบ Layer, การเปลยนลาดบ,

การปรบความโปรงใส เปนตน เมอเราจะใช Layer เราตองระวงวาคาสงตางๆ สวนใหญ จะมผลตอภาพใน Layer ท

กาลงเลอกเทานน ดงนนจะตองสงเกต และเลอกเลเยอรทถกตองกอนการทางานใดๆ

Page 2: Layer photoshop cs5

Layer Style ใน Photoshop CS5

Layer style เปนเครองมอในการชวยเพม Effect ใหกบงานททาใน Layer ทงงานตกแตงภาพ และงาน

สรางสรรคตวอกษรขอความตางๆ ใหมลกษณะพเศษ โดดเดน และสวยงามมากยงขน เชนการกาหนดแสง - เงา การ

กาหนดความตน - ลกของภาพเพอใหเกดมต เปนตน

Layer Style จะถกสรางขนมาใหมซอนทบผสานลงไปกบรปภาพในเลเยอรหลก โดยในขณะทรปภาพตนฉบบ

ยงคงมรายละเอยดเหมอนเดม

photoshop ม layer styleทหลากหลาย กอนการจะใชงานกควรจะมการทาความเขาใจเกยวกบ Effect

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

สรางสรรคงานใหสวยงามอยางทตองการ

Page 3: Layer photoshop cs5

หมายเหต : หากไมมเลเยอรใหกดป ม F7 บนคยบอรด

Trip : เมอนกเรยนวาดภาพใหมหรอวางบรชควรสรางเลเยอรใหมทกครง

ตาแหนงของ Layer

ปรบความเขม – จางของรปภาพ

ใชสาหรบลบเลเยอร

เมอคลก 1 ครงจะเปนการสรางเลเยอรใหม คลกเพอเปด Layer Style

เมอคลกทรปดวงตา เลเยอรทเลอกไว

จะมองไมเหน

Page 4: Layer photoshop cs5

การเปดใชงาน Layer Style ม 3 วธ

วธท 1 คลกขวาทแถบเลเยอร เลอก Blending Option หรอคลกเมาสทสญลกษณ ตรงแถบดานลาง

ของเลเยอร แลวเลอกรปแบบ Effect ทตองการ

วธท 2 ดบเบลคลกทแถบเลเยอร

วธท 3 ไปทแถบ Tool Bar คลกท Layer > Lsyer Style > เอฟเฟคทตองการ จะมไดอะลอกซของ Layer

Style ขนมาซงมเครองมอสราง Effect อย 10 อยาง ไดแก

หมายเหต : หากไมมเลเยอรใหกดป ม F7 บนคยบอรด

หรอคลกทสญลกษณน

คลกขวาทเลเยอรทตองการใส Style แลวเลอก

เลอก Blending Option

หรอดบเบลคลกทบรเวณน

Page 5: Layer photoshop cs5

Drop Shadow- เปนการใสเงาใหกบตวอกษรหรอรปภาพโดยเราสามารถกาหนดทศทางและปรบระดบความเขมของ

เงาได(ทาใหตวอกษรเหมอนดลอยขน)

Inner Shadow - เปนการใสเงาใหกบตวอกษรหรอรปภาพเชนเดยวกบDrop Shadow แตแตกตางกนตรงทเปนการใส

เงาแบบภายในวตถ(ทาใหตวอกษรดเหมอนยบลง)

Outer Glow - เปนการใสสแบบฟ งกระจายภายนอกวตถทาใหตวอกษรดมลกษณะเรองแสงออกมา

Inner Glow - มลกษณะเชนเดยวกนกบOuter Glow แตเปนการใสสแบบฟ งกระจายภายในวตถ

Bevel and Emboss - เปนการทาใหภาพมลกษณะนนในหลายๆรปแบบโดยมทงแบบนนขนและยบลง

Satin - เปนการใสสเพมลงไปใหกบตวอกษรโดยมลกษณะเปนเหลอบเงาและมหลายรปแบบไวใหปรบแตงกน

Color Overlay - เปนการเตมสใหมทบลงไปในตวอกษรเมอเรายกเลกการใชเอฟเฟกตนแลวสเกาจะยงคงอย

Gradient Overlay - เปนการเตมสใหตวอกษรในรปแบบการไลสซงเราสามารถกาหนดลกษณะได

Pattern Overlay - เปนการใสลวดลายแบบตางๆลงไปในภาพ

Stroke – เปนการใสเสนขอบลอมรอบใหกบตวอกษรหรอภาพเราสามารถกาหนดสและความหนาของเสน

Page 6: Layer photoshop cs5

ตวอยางการใช Layer Style

Page 7: Layer photoshop cs5

เครองมอปรบแตง Effect ตางๆ ใน Layer Style

Drop Shadow - ใชสรางเงาทขอบดานนอกของภาพใน Layer และจะม Dialog Layer Style ขนมา

1. Blend Mode - ใชกาหนดโหมดผสมสใหกบเงาทสรางขน เมอเงาไปทบกบสอนๆ

2. Set color of shadow - ใชกาหนดสของเงา

3. Opacity - ใชกาหนดคาความโปรงใสของเงา

4. Angle - ใชกาหนดทศทางของเงา

5. Use Global Light - ใชกาหนดใหแสงและเงาในทกๆ Style เปนไปในทศทางเดยวกน

6. Distance - ใชกาหนดระยะหางระหวางภาพและเงา

7. Spread - ใชกาหนดความคมชดของขอบเงา

8. Size - ใชกาหนดขนาดของเงา

9. Contour - ใชกาหนดลกษณะของเงา

10. Noise – ใชกาหนดคาความแตกกระจายของเงา

Page 8: Layer photoshop cs5

Inner Shadow - ใชสรางเงาทขอบดานในของภาพใน Layer และจะม Dialog Layer Style ขนมา

1. Blend Mode -- ใชกาหนดโหมดผสมสใหกบเงาทสรางขน เมอเงาไปทบกบสอนๆ

2. Set color of shadow -- ใชกาหนดสของเงา

3. Opacity -- ใชกาหนดคาความโปรงใสของเงา

4. Angle -- ใชกาหนดทศทางของเงา

5. Use Global Light -- ใชกาหนดใหแสงและเงาในทกๆ Style เปนไปในทศทางเดยวกน

6. Distance -- ใชกาหนดระยะหางระหวางภาพและเงา

7. Choke -- ใชกาหนดความคมชดของขอบเงา

8. Size -- ใชกาหนดขนาดของเงา

9. Contour -- ใชกาหนดลกษณะของเงา

10. Noise – ใชกาหนดคาความแตกกระจายของเงา

Page 9: Layer photoshop cs5

Outer Glow - ใชสรางละอองเรองแสงทขอบดานนอกของภาพใน Layer และจะม Dialog Layer Style ขนมา

1. Blend Mode - ใชกาหนดโหมดผสมสใหกบละอองทสรางขน เมอละอองแสงไปทบกบสอนๆ

2. Opacity - ใชกาหนดคาความโปรงใสของละอองแสง

3. Noise - ใชกาหนดคาความแตกกระจายของละอองแสง

4. Set color of glow - ใชกาหนดวาละอองแสงเปนสเดยว และเลอกสทตองการ

5. Click to edit the gradient - ใชกาหนดวาละอองแสงเปนแบบไลสกน และเลอกสทตองการ

6. Technique - ใชกาหนดรปแบบของละอองเรองแสง

7. Spread - ใชกาหนดคาความคมชดของละอองแสง

8. Size - ใชกาหนดขนาดของละอองแสง

9. Contour - ใชกาหนดลกษณะของละอองแสง

10. Range – ใชกาหนดระยะเรมตนของการไลนาหนก

Page 10: Layer photoshop cs5

Inner Glow - ใชสรางละอองเรองแสงทขอบดานในของภาพใน Layer และจะม Dialog Layer Style ขนมา

1. Blend Mode - ใชกาหนดโหมดผสมสใหกบละอองทสรางขน เมอละอองแสงไปทบกบสอนๆ

2. Opacity - ใชกาหนดคาความโปรงใสของละอองแสง

3. Noise - ใชกาหนดคาความแตกกระจายของละอองแสง

4. Set color of glow - ใชกาหนดวาละอองแสงเปนสเดยว และเลอกสทตองการ

5. Click to edit the gradient - ใชกาหนดวาละอองแสงเปนแบบไลสกน และเลอกสทตองการ

6. Technique - ใชกาหนดรปแบบของละอองเรองแสง

7. Choke - ใชกาหนดคาความคมชดของละอองแสง

8. Size - ใชกาหนดขนาดของละอองแสง

9. Contour - ใชกาหนดลกษณะของละอองแสง

10. Range – ใชกาหนดระยะเรมตนของการไลนาหนก

Page 11: Layer photoshop cs5

Bevel and Emboss - ใชสรางแสงและเงาทขอบของภาพ เพอใหภาพดหนาขน และจะม Dialog Layer Style ขนมา

1. Style - ใชกาหนดรปแบบการทาแสงและเงาทขอบของภาพ

2. Technique - ใชกาหนดรปแบบของขอบแสงและเงา

3. Depth - ใชกาหนดคาความหนาของแสงและเงา

4. Direction - ใชกาหนดวาจะใหแสงและเงาอยดานลางหรอดานบน

5. Size - ใชกาหนดขนาดของแสงและเงา

6. Angle - ใชกาหนดทศทางของแสงและเงา

7. Use Global Light - ใชกาหนดใหแสงและเงาในทกๆ Style เปนไปในทศทางเดยวกน

8. Attitude - ใชกาหนดมมกระทบของแสงและเงา

9. Gloss Contour - ใชกาหนดลกษณะของแสงและเงา

10. Highlight Mode - ใชกาหนดรายละเอยดสวนทเปนแสงสวาง ดงน โหมดผสมส, ส, คาความโปรงใส

11. Shadow Mode - ใชกาหนดรายละเอยดสวนทเปนเงามด ดงน โหมดผสมส, ส, คาความโปรงใส

12. Contour - ใชกาหนดลกษณะของแสงและเงา

13. Range - ใชกาหนดระยะเรมตนของการไลนาหนก

14. Pattern - ใชกาหนดลวดลายของแสงและเงา

15. Scale - ใชกาหนดขนาดของลวดลาย

16. Depth – ใชกาหนดคาความชดของลวดลาย

Page 12: Layer photoshop cs5

Satin - ใชสรางแสงและเงาเพอใหภาพดเปนเหลอมเงา เหมอนผาซาตน และจะม Dialog Layer Style ขนมา

1. Blend Mode - ใชกาหนดโหมดผสมส ใหกบผลจากการทา Satin

2. Set color of effect - ใชกาหนดคาความโปรงใสของ Satin

3. Angle - ใชกาหนดมมของการทา Satin

4. Distance - ใชกาหนดระยะหางของ Satin กบขอบภาพ

5. Size - ใชกาหนดขนาดของ Satin

6. Contour - ใชกาหนดลกษณะของ Satin

Page 13: Layer photoshop cs5

Color Overlay - ใชนาเฉดสไปแทนทภาพ และจะม Dialog Layer Style ขนมา

1. Blend Mode - ใชกาหนดโหมดผสมส เมอไปทบกบสอน

2. Set color of overlay - ใชกาหนดเฉดสทจะทาไปแทนทภาพ

3. Opacity – ใชกาหนดคาความโปรงใส

Page 14: Layer photoshop cs5

Gradient Overlay - ใชนาเฉดสแบบไลสไปแทนทภาพ และจะม Dialog Layer Style ขนมา

1. Blend Mode - ใชกาหนดโหมดผสมส เมอไปทบกบสอน

2. Opacity - ใชกาหนดคาความโปรงใส

3. Gradient - ใชกาหนดรปแบบของการไลส และเฉดสทจะนามาไล

4. Reverse - ใชกาหนดใหสลบทศทางการไลสกน

5. Style - ใชกาหนดรปแบบการไลส

6. Angle - ใชกาหนดทศทางของการไลส

7. Scale – ใชกาหนดขนาดของการไลส

Page 15: Layer photoshop cs5

Pattern Overlay - ใชนาลวดลายไปแทนทภาพ และจะม Dialog Layer Style ขนมา

1. Blend Mode - ใชกาหนดโหมดผสมส เมอไปทบกบสอน

2. Opacity - ใชกาหนดคาความโปรงใส

3. Pattern - ใชกาหนดลวดลายทจะนาไปแทนภาพ

4. Scale – ใชกาหนดขนาดของลวดลาย

Page 16: Layer photoshop cs5

Stroke - ใชสรางเสนขอบรอบๆภาพ และจะม Dialog Layer Style ขนมา

1. Size - ใชกาหนดคาความหนาของเสนขอบ

2. Position - ใชกาหนดตาแหนงทจะวางเสนขอบ

3. Blend Mode - ใชกาหนดโหมดผสมส เมอเสนขอบไปทบกบสอน

4. Opacity - ใชกาหนดคาความโปรงใส

5. Fill Type – ใชกาหนดรปแบบของส