มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1...

56
มะลิวรรณ ระหูภา

Upload: others

Post on 28-Feb-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

Page 2: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

ชดกจกรรมการเรยนรวชาคอมพวเตอรกบงานกราฟก (เพมเตม) เรอง การสรางสรรค

งานกราฟก ส าหรบนกเรยนชนมธยมศกษาปท 4 ไดแบงเนอหาการเรยนรออกเปน 5 เรอง

ดงน

1. เรมตนใชงานโปรแกรม Photoshop CS6

2. การจดการไฟลและการก าหนดมมมอง

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

4. การตกแตงภาพเบองตน

5. การตกแตงภาพดวยเลเยอร

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

กราฟก (เพมเตม) โดยจดท าเนอหาการเรยนรอยางเปนระบบ เรมจากเนอหางายไปหายาก

ซงผเรยนสามารถศกษาเรยนรตามความสามารถของแตละบคคล สามารถตรวจสอบ

ผลสมฤทธการเรยนรของตนเองไดอยางมประสทธภาพ

ชดกจกรรมการเรยนร ชดท 5 การตกแตงภาพดวยเลเยอร ใชเวลาศกษา 4 ชวโมง

เปนสอการเรยนรทมประโยชนและชวยแบงเบาภาระครผสอน เปนเครองมอทชวยให

นกเรยนสามารถเรยนรไดตามศกยภาพของผเรยน ประสบความส าเรจในการเรยนรวชา

คอมพวเตอรกบงานกราฟก (เพมเตม) ไดอยางมคณภาพ และในการศกษาเนอหาในชด

กจกรรมควรมเครองคอมพวเตอรและโปรแกรม Photoshop CS6 เพอใชประกอบในการฝก

ปฏบตตามเนอหาการเรยนรดวย จงจะเกดประโยชนตอผเรยนอยางแทจรง

ขอขอบคณผเชยวชาญ ผบรหารสถานศกษา คณะครทกคนทชวยตรวจสอบความ

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

ดวยด จงขอขอบคณทกทานมา ณ โอกาสน

มะลวรรณ ระหภา

Page 3: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

หนา

ค าน า ก

สารบญ ข

คมอการใชชดกจกรรมการเรยนร ชดท 5 การตกแตงภาพดวยเลเยอร 1

โครงสรางชดกจกรรมการเรยนร ชดท 5 การตกแตงภาพดวยเลเยอร 3

ค าชแจงส าหรบคร 4

ค าชแจงส าหรบนกเรยน 5

แบบทดสอบกอนเรยน 6

เฉลยแบบทดสอบกอนเรยน 9

บตรความรท 1 มารจกกบเลเยอร 10

บตรความรท 2 การจดการกบเลเยอร 18

ใบงานท 1 การสรางและการจดการกบเลเยอร 26

เฉลยใบงานท 1 การสรางและการจดการกบเลเยอร 27

บตรความรท 3 การผสานสเลเยอร 28

บตรความรท 4 การตกแตงภาพดวย Layer Style 36

ใบงานท 2 การตกแตงภาพดวยเลเยอรสไตล 46

เฉลยใบงานท 2 การตกแตงภาพดวยเลเยอรสไตล 47

แบบทดสอบหลงเรยน 48

เฉลยแบบทดสอบหลงเรยน 51

บรรณานกรม 52

Page 4: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

คมอการใชชดกจกรรมการเรยนร ชดกจกรรมการเรยนร วชาคอมพวเตอรกบงานกราฟก (เพมเตม) เรอง การสรางสรรคกราฟก ส าหรบนกเรยนชนมธยมศกษาปท 4 ชดท 5 การตกแตงภาพดวยเลเยอร มองคประกอบดงน

1. โครงสรางชดกจกรรมการเรยนร

2. ค าชแจงส าหรบคร

3. ค าชแจงส าหรบนกเรยน

4. สอและเครองมอวดผล ประกอบดวย

4.1 แบบทดสอบกอนเรยน

4.2 เฉลยแบบทดสอบกอนเรยน

4.3 บตรความรท 1 มารจกกบเลเยอร (Layers)

4.4 บตรความรท 2 การจดการกบเลเยอร

4.5 ใบงานท 1 การท างานกบเลเยอร

4.6 เฉลยใบงานท 1 การท างานกบเลเยอร

4.7 บตรความรท 3 การผสานสเลเยอร (Blend Mode)

4.8 บตรความรท 4 การตกแตงภาพดวยเลเยอรสไตล (Layer Style)

4.9 ใบงานท 2 การตกแตงภาพดวยเลเยอรสไตล

4.10 เฉลยใบงานท 2 การตกแตงภาพดวยเลเยอรสไตล

4.11 แบบทดสอบหลงเรยน

4.12 เฉลยแบบทดสอบหลงเรยน

4.13 บรรณานกรม

1

Page 5: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

มาตรฐานการเรยนร

สาระท 2 การออกแบบเทคโนโลย

มาตรฐาน ง 2.1 เขาใจเทคโนโลย และกระบวนการเทคโนโลย ออกแบบและสรางสงของเครองใช หรอวธการตามกระบวนการเทคโนโลยอยางมความคดสรางสรรค เลอกใชเทคโนโลยในทางสรางสรรคตอชวต สงคม สงแวดลอม และมสวนรวม ในการจดการเทคโนโลยทยงยน

โครงสรางชดกจกรรมการเรยนร ชดท 5 การตกแตงภาพดวยเลเยอร

ผลการเรยนร

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

สาระส าคญ

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

2

Page 6: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

จดประสงคการเรยนร

ดานความร (Knowledge) 1. อธบายลกษณะและการท างานของเลเยอรได 2. อธบายและสามารถจดการกบเลเยอรในขณะตกแตงภาพได 3. อธบายและใช Blend Mode ในการตกแตงภาพได 4. อธบายและใช Layer Style ในการตกแตงภาพได ดานทกษะกระบวนการ (Practice/Process) 1. มทกษะการสอสาร สอความหมาย และการน าเสนอ 2. มทกษะการคดวเคราะห เพอสรางองคความรอยางเหมาะสม 3. มทกษะการใชเทคโนโลยเพอสรางงานอยางสรางสรรค ดานคณลกษณะ(Attitude) 1. มวนย ใฝเรยนร 2. มงมนในการท างาน 3. เหนความส าคญของเทคโนโลยสารสนเทศ

เนอหาการเรยนร

1. มารจกกบเลเยอร (Layers) 2. การจดการกบเลเยอร 3. การผสานสเลเยอร (Blend Mode) 4. การตกแตงภาพดวย Layer Style

เวลาเรยน

4 ชวโมง

3

Page 7: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

การน าชดกจกรรมการเรยนรไปใชในการจดการเรยนร ครควรปฏบตดงตอไปน

1. ขนกอนสอน

1.1 ควรจดสภาพแวดลอม และบรรยากาศในชนเรยนใหสะอาด นาอย นาเรยน

และมความพรอมส าหรบการจดกจกรรมการเรยนร

1.2 ศกษาโครงสรางชดกจกรรมการเรยนรวชาคอมพวเตอรกบงานการฟก

(เพมเตม) ชดท 5 การตกแตงภาพดวยเลเยอร ไดแก มาตรฐานการเรยนร ผลการเรยนร และ

จดประสงคการเรยนร

1.3 ศกษารายละเอยดของเนอหาในชดกจกรรมการเรยนรใหเขาใจ

1.4 ศกษากระบวนการจดการเรยนรในแผนการจดการเรยนร

1.5 เตรยมเครองคอมพวเตอร สอ เครองมอวดผลใหพรอมใช

2. ขนสอน

2.1 ด าเนนการจดการเรยนร ตามแผนการจดกจกรรมการเรยนร

2.2 อ านวยความสะดวก ดแล แนะน า ส าหรบนกเรยนทมปญหา และตอบขอ

สงสยของนกเรยนในขณะทนกเรยนก าลงศกษาและปฏบตกจกรรม

3. ขนหลงสอน

3.1 เมอสนสดการจดการเรยนร ควรใหนกเรยนตรวจสอบการท ากจกรรมตางๆ

ในชดกจกรรมการเรยนร

3.2 ประเมนผลการเรยนรของนกเรยนหลงเรยน โดยใชแบบทดสอบวดความร

ประจ าชดกจกรรมการเรยนร

3.3 บนทกผลการสอน เพอใชเปนขอมลในการพฒนาการเรยนการสอนตอไป

4

Page 8: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

การเรยนรโดยใชชดกจกรรมการเรยนรใหมประสทธภาพและประสทธผล นกเรยนควร

ปฏบตดงตอไปน

1. ควรศกษาโครงสรางชดกจกรรมการเรยนรใหเขาใจ

2. กอนปฏบตกจกรรมทกครง ควรศกษารายละเอยดขนตอนการปฏบตกจกรรม

ใหครบถวนตามทระบไวในขนตอนการเรยนร เมอนกเรยนไมเขาใจควรสอบถามครผสอน

เพอใหการเรยนและการปฏบตกจกรรมบรรลตามวตถประสงค

3. ในการท ากจกรรมการเรยนร นกเรยนควรมสวนรวมในการปฏบตกจกรรม

เพอใหนกเรยนไดฝกฝนจนเกดการเรยนร และการท างานรวมกน รจกชวยเหลอซงกนและกน

4. ควรเอาใจใสและตงใจศกษาเนอหา และปฏบตกจกรรมในชดกจกรรมการเรยนร

ตามทก าหนด เพอใหผเรยนเกดความรความเขาใจ และมทกษะมากยงขน

5. เมอนกเรยนศกษาและปฏบตกจกรรมในชดกจกรรมการเรยนรตามทก าหนดแลว

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

คะแนนทดสอบกอนเรยน

6. นกเรยนตองมความซอสตยตอตนเอง ไมเปดดเฉลยค าตอบกอนท าแบบทดสอบ

หรอใบงาน และแบบฝกหดตางๆ

7. หากผลการทดสอบหลงเรยน ของนกเรยนมคะแนนไมผานเกณฑตามทก าหนดไว

ใหนกเรยนศกษาเนอหาและท ากจกรรมในชดกจกรรมการเรยนรอกครง

8. เมอนกเรยนศกษาและปฏบตกจกรรมในชดกจกรรมการเรยนรเรยบรอยแลว

นกเรยนควรเกบสอ และอปกรณการเรยนใหเรยบรอยเพอใหนกเรยนคนอนไดใชตอไป

5

Page 9: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

ค าชแจง จงเลอกค าตอบทถกทสดเพยงขอเดยว

1. ขอใดมความสมพนธกนมากทสด

ก. เลเยอรกบออปเจค

ข. เลเยอรกบแผนพลาสตกใส

ค. แชนแนลกบโหมดส

ง. พาเลทกบออปเจค

2. ขอใดหมายถงเลเยอรทเราเลอกท างานในขณะนน

ก. Action Layer

ข. Activity Layer

ค. Active Layer

ง. Activated Layer

3. การเลอกเลเยอรหลายๆ เลเยอรทอยไมตดกน ตองกดปมใดบนแปนพมพรวมดวย

ก. Ctrl

ข. Alt

ค. Shift

ง. Tab

4. การเลอกเลเยอรหลายๆ เลเยอรทอยตดกน ตองกดปมใดบนแปนพมพรวมดวย

ก. Tab

ข. Alt

ค. Ctrl

ง. Shift

แบบทดสอบกอนเรยน ชดท 5 การตกแตงภาพดวยเลเยอร

6

Page 10: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

5. ขอใดเปนการเพมเลเยอรเขามาในออปเจค

ก. การน าไฟลรปภาพอนเขามารวม

ข. การพมพขอความลงบนภาพ

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

ง. ถกทกขอ

6. Layer แรกทจะเกดขนอตโนมตในการสรางชนงานชอวาอะไร

ก. First Layer

ข. Background

ค. New Layer

ง. Old Layer

7. ขอใดคอการรวมเลเยอรทงหมดใหเปนเลเยอรเดยว

ก. Merge Layers

ข. Merge Visible

ค. Flatten Image

ง. Merge Link

8. ขอใด ไมใช Layer Style

ก. Fill

ข. Stroke

ค. Drop Shadow

ง. Pattern Overlay

7

Page 11: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

9. การสราง Layer Mask ดวยการสรางแผนทบปดบงไวทงภาพ เพอไปเจาะดเฉพาะ

สวนทตองการตองใชค าสงตามขอใด

ก. Layer > Layer Mask > Hide All

ข. Layer > Layer Mask > Hide Selection

ค. Layer > Layer Mask > Reveal All

ง. Layer > Layer Mask > Reveal Selection

10. ถาตองการใหขอบนอกของออปเจคเรองแสงตองใช Layer Style ในขอใด

ก. Outer Glow

ข. Outer Shadow

ค. Pattern Overlay

ง. Drop Shadow

8

Page 12: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

เฉลยแบบทดสอบกอนเรยน ชดท 5 การตกแตงภาพดวยเลเยอร

ขอ 1 ข ขอ 6 ข

ขอ 7 ค

ขอ 3 ก

ขอ 9 ข

ขอ 2 ค

ขอ 4 ง

ขอ 8 ก

ขอ 10 ก ขอ 5 ง

9

Page 13: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

รจกกบเลเยอร (Layers) เลเยอร (Layers) มลกษณะเหมอนแผนพลาสตกใสทประกอบดวยขอความหรอรปภาพทน ามาวางเรยงซอนกนจนกลายเปนชนเดยว โดยภาพในเลเยอรทอยดานบนจะบงเลเยอรทอยดานลาง การใชเลเยอรชวยใหเราสามารถแกไขภาพแตละสวนไดงายและเปนอสระขนโดยไมตองแกไขทงหมด และยงสามารถเปลยนล าดบ ซอนและแสดง เพมหรอลดเลเยอรได ซงเราสามารถใชงานและจดการเลเยอรตางๆ ไดโดยผานพาเลทเลเยอร (Palette Layers) ซงมวธการเปดโดยใหเราเปดไฟลงานขนมาแลวคลกเมน Window > Layers หรอกดแปนพมพ F7 จะได Palette Layers ดงรปท 1

รปท 1 แสดง Palette Layers

10

Page 14: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

Palette Layers ดงรปท 2 มสวนประกอบ ดงน 1. เลอกโหมดการท างานของ Layer 2. ก าหนดรปแบบการผสานสระหวาง Layer 3. ก าหนดรปแบบการลอค Layer 4. สญลกษณการแสดง/ซอน Layer 5. ก าหนดลงค/ยกเลกลงค Layer 6. สราง Effect Layer 7. สราง Layer Mask 8. สราง Adjustment Layer 9. สราง Group Layer 10. สราง Layer ใหม

รปท 2 แสดงสวนประกอบ Palette Layers

11

Page 15: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

11. ลบ Layer 12. สญลกษณ Lock Layer 13. ชอ Layer 14. Layer ทก าลงเลอกและท างาน 15. ก าหนดความโปรงแสงของภาพ 16. ก าหนดความโปรงใสของภาพ 17. สลบการแสดงเลเยอรทคดกรองหรอแสดงเลเยอรทงหมด 18. คดกรองเลเยอรโดยแยกตามประเภท

การสรางเลเยอร การสรางเลเยอรใหม จะท าขนเมอตองการระบายสหรอสรางวตถใหม โดยไมตองการปรบแตงภาพของเลเยอรเดม สามารถเพมเลเยอรไดหลายวธ ดงน 1. การสรางเลเยอรเปลา สามารถท าตามขนตอน ดงรปท 3 นอกจากน ยงสามารถสรางเลเยอรเปลาโดยการคลกเมน Layer > New > Layer หรอกดแปนพมพ Alt + จะปรากฏหนาตางค าสงส าหรบก าหนดออปชนเพมเตมใหเลเยอรใหมทสรางขน ดงรปท 4

ไดเลเยอรใหมแบบ Transparent หรอ แบบโปรงใสทพรอมใชงาน

2

คลกปม (Create a new layer) เพอสรางเลเยอรใหม

1

รปท 3 แสดงการสรางเลเยอรใหม

12

Page 16: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

A. ตงชอใหเลเยอร B. สรางเลเยอรเปน Clipping Mask C. คลกเลอกสจดหมวดหมใหเลเยอร D. ก าหนดโหมดใหเลเยอร และก าหนดความโปรงใสใหเลเยอร E. ก าหนดใหใสสในกรณก าหนด Blend Mode ใหเลเยอร

2. การสรางเลเยอรโดยการน าไฟลภาพอนเขามา การน าไฟลภาพอนเขามาในไฟลภาพทเปดใชงานอยกจะเกดเลเยอรใหม เพอเกบภาพนน สามารถท าได ดงน 2.1 ไฟลภาพทเปดใชงาน ดงรปท 5

รปท 4 แสดงการสรางเลเยอรใหม

A

B C

D

E

รปท 5 แสดงไฟลภาพทเปดใชงาน

13

Page 17: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

2.2 น าเขาไฟลอนเขามาดวยค าสง File > Place ดงรปท 6

2.3 เลอกไฟลรปภาพทตองการน าเขาคลกปม Place จะไดไฟลภาพใหมเขามา จดการปรบขนาดและการจดวางรปภาพตามตองการ ดงรปท 7 เราจะเหนเลเยอรใหมขนในพาเลทเลเยอร ดงรปท 8

รปท 6 แสดงหนาตางการท างานของ Place

รปท 7 แสดงไฟลภาพทน าเขามา

รปท 8 แสดงเลเยอรใหมเพมขน

ไฟลภาพใหมทน าเขามา

เลเยอรใหม

14

Page 18: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

3. การสรางเลเยอรดวยค าสง Copy และ Paste เปนสรางเลเยอรโดยการคดลอกภาพมาจากไฟลอนเขามาไวในไฟลภาพทตองการ อาจคดลอกเฉพาะบางสวนของภาพ หรอคดลอกภาพทงหมด การคดลอกแบบนจะม 2 แบบ คอ การคดลอกแบบปกต (Copy) และการคดลอกสวนทเลอกทกเลเยอร (Copy Merge) ซงการสรางเลเยอรดวยค าสง Copy และ Paste มวธการ ดงน 3.1 ไฟลภาพทเปดใชงาน ดงรปท 9

3.2 เปดไฟลรปภาพทตองการคดลอก และใชเครองมอ Selection เลอกสวนทตองการ หรอเลอกทงหมดโดยใชค าสง Select > All ดงรปท 10

3.3 คลกเมาสเมน Edit > Copy หรอกดแปนพมพ Ctrl + C 3.4 ไปยงไฟลภาพทตองการคดลอกไปไว 3.5 คลกเมาสเมน Edit > Paste หรอกดแปนพมพ Ctrl + V 3.6 ปรบขนาดและจดวางภาพตามตองการ จะปรากฏเลเยอรใหมขนในพาเลทเลเยอรดงรปท 11 และ 12

รปท 11 แสดงการปรบขนาดและจดวางภาพ

รปท 9 แสดงไฟลภาพทเปดใชงาน

รปท 10 แสดงเลอกพนทคดลอก

รปท 12 แสดงเลเยอรใหมเพมขน

15

Page 19: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

4. การสรางเลเยอรใหมดวยการพมพขอความหรอวาดรปทรงลงในภาพ การพมพขอความดวยเครองมอ Type Tool ลงบนภาพกจะเกดเลเยอรใหมขนมา เรยกวา Type Layer ชอของเลเยอรจะเปนชอเดยวกบขอความทพมพ ซงมวธการ ดงน 4.1 เปดไฟลภาพทตองการพมพขอความขนมา ดงรปท 13 4.2 คลกเลอกเครองมอ Horizontal Type Tool หรอ Vertical Type Tool 4.3 คลกเลอกแบบอกษร, ขนาด, ลกษณะ, ส และการจดวางบน Option Bar ดงรปท 14

4.4 คลกเมาสต าแหนงเรมตนการพมพบนพนทงานทตองการ ดงรปท 15

รปท 15 แสดงการพมพขอความ

รปท 14 แสดงการปรบคาบน Option Bar

รปท 13 แสดงไฟลภาพทเปดใชงาน

16

Page 20: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

4.5 ปรากฏเลเยอรใหมขนในพาเลทเลเยอร และมชอเลเยอรตามขอความทเราพมพดงรปท 16 กรณการวาดรปทรงดวยเครองมอ Shape Tool กจะไดเลเยอรใหมเชนกน เรยกวา Shape Layer และมวธการเดยวกบการพมพขอความ ดงรปท 17 และ 18

รปท 18 แสดงเลเยอรใหม

รปท 17 แสดงการวาดรปทรง

รปท 16 แสดงเลเยอรใหมเพมขน

เลเยอร Shape 1 ทเกดขนจากการวาดรปทรง

17

Page 21: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

การเลอกใชเลเยอร ในขณะเราท างานตกแตงภาพเราตองดวาเราท างานอยทเลเยอรใด เพราะถาเราท างานบนเลเยอรทไมถกตองกจะท าใหงานของเราเสยหายได ซงเปนปญหาใหเราตองเสยเวลาในการแกไข วธการสงเกตใหดไดจากแถบสทขนอยทเลเยอรนน ซงแสดงวาเลเยอรก าลงถกใชงานอย เรยกวา Active Layer และเมอตองการเปลยนเลเยอรใชงาน ใหคลกเมาส 1 ครงทเลเยอรทตองการจะปรากฏแถบสทชดขน ดงรปท 19 และ 20

การเลอกเลเยอรแบบอตโนมต เราสามารถใชเครองมอ Move Tool เพอคลดเลอกออบเจคในภาพโดยใหโปรแกรมท าการเลอกไปทเลเยอรของออบเจคนนโดยอตโนมต โดยการเลอกค าสงไดบน Option Bar ดงรปท 21 - Auto-Select : เมอเลอกตวเลอกนเมอเราคลกลงบนวตถใด เลเยอรของวตถนนจะถกเลอกโดยอตโนมต - Show Transform Control : ใชก าหนดใหกดกรอบสเหลยมลอมรอบออบเจคทถกเลอก ตวอยางปรากฏ ดงรปท 22

รปท 19 แสดงการใชงานเลเยอร “Text” รปท 19 แสดงการใชงานเลเยอร “Picture”

รปท 21 แสดงการปรบคาการเลอกเลเยอรอตโนมต

18

Page 22: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

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

รปท 22 แสดงการเปลยนชอเลเยอร

รปท 10 แสดงเลอกพนทคดลอก

รปท 22 แสดงการเลอกเลเยอรอตโนมต

เลเยอรจะถกเลอกเอง

กรอบสเหลยมลอมรอบออปเจค

19

Page 23: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

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

การทาซ าเลเยอร (Duplicate Layer) การท าซ าเลเยอร เปนการท าใหมเลเยอรทเหมอนกนหลายๆ เลเยอร เมอท าซ าแลวจะไดเลเยอรใหมในชอเดม แตจะมความวา Copy ตอทายชอ สามารถท าได 2 วธ ดงน 1. คลกเมาสเลอกเลเยอรทตองการแลวลากลงมาทบทปม ดานลางของ Palette Layer หรอ 2. คลกเมาสเลอกเลเยอรทตองการ แลวคลกปมเมนของพาเลท หรอคลกเมาสขวาทเลเยอรทตองการ แลวเลอก Duplicate Layer ดงรปท 24

รปท 23 แสดงการเปลยนสเลเยอร

รปท 24 แสดงการท าซ าเลเยอร

คลกเมาสขวาทเลเยอร

คลกเลอกสทตองการ

เลเยอรเปลยนเปนสทตองการ

1

2

20

Page 24: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

การเปลยนลาดบช นของเลเยอร (Layer Order) เมอมการเพมเลเยอรใหมเขามา จะท าใหเลเยอรซอนทบกนอยตามล าดบทถกสราง หากตองการเปลยนล าดบการซอนทบ ท าไดโดยการคลกเมาสคางทเลเยอรทตองการ เปลยนล าดบแลวลากขน - ลงตามตองการ ดงรปท 25

การเชอมโยงเลเยอร (Link Layer) เมอตองการใหเลเยอรหลายๆ เลเยอรเคลอนยายต าแหนงหรอจดวางใหมไดพรอมๆ กน โดยไมตองลากทละเลเยอร สามารถท าไดดงน 1. เลอกเลเยอรทตองการ Link หากเลเยอรอยตดกนใหกดแปนพมพ Shift ขณะคลกเมาสเลอก แตถาเลเยอรอยหางกนใหกดแปนพมพ Ctrl ขณะคลกเมาสเลอก 2. คลกเมาสทปม Link Layer ดานลางพาเลทเลเยอร จะเกดรปคลายลกโซทกเลเยอรทเราเลอก ดงรปท 26

รปท 25 แสดงการเปลยนล าดบเลเยอร

รปท 26 แสดงการ Link เลเยอร

21

Page 25: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

การปองกนเยอร (Lock Layer) การปองกนเลเยอร หรอ Lock Layer คอ การไมใหท าสงใดๆ กบเลเยอร ซงในโปรแกรมมคณสมบตการ Lock แตกตางกน ดงรปท 27 Lock transparent pixels : ลอกสวนทโปรงใสท าใหไมสามารถท าสงใดในสวนทโปรงใสได Lock image pixels : ลอกเลเยอรท าใหไมสามารถปรบสหรอเตมสใดๆ ของเลเยอรได Lock position : ลอกออปเจคท าให ไมสามารถเคลอนย ายหรอปรบเปลยนได Lock All : ลอกทกอยางท าใหไมสามารถท าอะไรกบเลเยอรนนได การลบเลเยอร (Delete Layer) การลบเลเยอร สามารถท าได 2 วธ ดงน 1. คลกเลเยอรทตองการลบ แลวคลกทปมถงขยะ หรอ 2. คลกเลเยอรทตองการลบ แลวคลกปมเมนของพาเลท หรอคลกเมาสขวาทเลเยอรทตองการ แลวเลอก Delete Layer ดงรปท 28

รปท 27 แสดงคณสมบตการลอกเลเยอร

รปท 28 แสดงการลบเลเยอร

22

Page 26: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

การรวมเลเยอร ส าหรบเลเยอรภาพทตกแตงเรยบรอยแลว หรอเลเยอรทมรปแบบใกลเคยงกน เราสามารถท าภาพเหลานนใหเปนเลเยอรเดยวกนได เพอลดจ านวนเลเยอรและขนาดไฟลของภาพดวย ซงสามารถท าไดหลายรปแบบ ดงน 1. รวมเลเยอร Merge Down เปนการรวมเลเยอรปจจบนเขากบเลเลเยอรดานลางท าไดโดยการคลกเมน Layer > Merge Layers หรอกดแปนพมพ Ctrl + E ดงรปท 29

2. รวมเลเยอร Merge Visible เปนการรวมเลเยอรท งหมดท ไมไดซอนใหกลายเปนเลเยอรเดยวกน ท าไดโดยการคลกเมน Layer > Merge Visible หรอกดแปนพมพ Shift + Ctrl + E ดงรปท 30

รปท 29 แสดงการรวมเลเยอร Merge Down

รปท 30 แสดงการรวมเลเยอร Merge Visible

ไมมผล

ไมมผล

23

Page 27: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

3. รวมเลเยอร Flatten Image เปนรวมเลเยอรทงหมดใหกลายเปนเลเยอร Background ท าไดโดยการคลกเมน Layer > Flatten Image ดงรปท 31

4. รวมเลเยอรเฉพาะทเลอก Merge Layers เปนการรวมเลเยอรทมลกษณะใกลเคยงกนหรอภาพทตกแตงเรยบรอยแลวใหกลายเปนเลเยอรเดยวกน ท าไดโดยการเลอกเลเยอรทตองการแลวคลกเมน Layer > Merge Down หรอกดแปนพมพ Ctrl + E ดงรปท 32

รปท 31 แสดงการรวมเลเยอร Flatten Image

รปท 32 แสดงการรวมเลเยอรเฉพาะทเลอก

เลเยอรทเลอก

24

Page 28: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

5. การรวมเลเยอรทงหมด เปนรวมเลเยอรเมอตองการปรบแตงภาพ โดยน าภาพทงหมดของเลเยอรทอยดานลางขนมาใชงาน สามารถท าไดโดยกดแปนพมพ Ctrl + Alt + Shift + E ดงรปท 33

การเปลยนเลเยอร Background ใหเปนเลเยอรปกต โดยปกตเมอเราเปดไฟลรปภาพขนมาครงแรกในพาเลทเลเยอรจะมชอเลเยอรวา Background ซงเปนเลเยอรพนโดยอตโนมต ซงไมสามารถเคลอนยายไปไหนไดเพราะวา เลเยอรถกลอกไว โดยจะมสญลกษณเปนรปกญแจตอทายชอเลเยอร ซงเราสามารถเปลยน เลเยอร Background ใหเปนเลเยอรปกตไดโดยวธการดงน 1. ดบเบลคลกหรอคลกขวาทเลเยอร Background จะปรากฏหนาตาง New Layer ขนมา ดงรปท 34 2. ตงชอเลเยอรในชอง Name 3. คลกปม OK

รปท 33 แสดงการรวมเลเยอรทงหมด

รปท 34 แสดงการเปลยนชอเลเยอร Background

25

Page 29: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

ค าชแจง จงอธบายขนตอนการใชเครองมอตกแตงภาพตามทก าหนดใหถกตอง

1. อธบายรปแบบการรวมเลเยอร มาพอสงเขป ตอบ ......................................................................................................................... . ............................................................................................................................. .............. ....................................................................................................................................... ............................................................................................................................. .............. ...................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................... 2. บอกวธการเพมเลเยอรมาอยางนอย 2 วธ ตอบ ...................................................................................................................... ............................................................................................................................................ ....................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

ใบงานท 1 การสรางและการจดการกบเลเยอร

26

Page 30: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

ค าชแจง จงอธบายขนตอนการใชเครองมอตกแตงภาพตามทก าหนดใหถกตอง

1. อธบายรปแบบการรวมเลเยอร มาพอสงเขป ตอบ ......................................................................................................................... . ............................................................................................................................. .............. ....................................................................................................................................... ............................................................................................................................. .............. ...................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................... 2. บอกวธการเพมเลเยอรมาอยางนอย 2 วธ ตอบ ...................................................................................................................... ............................................................................................................................................ ....................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

ใบงานท 1 การสรางและการจดการกบเลเยอร

รปแบบการรวมเลเยอร ม 4 รปแบบ ดงน 1. รวมเลเยอรปจจบนเขากบเลเยอรดานลาง (Merge Down) 2. รวมเลเยอรหลายๆ เลเยอรทเลอกไวเขาดวยกน (Merge Layers) 3. รวมเลเยอรทแสดงอยทงหมดเขาดวยกน (Merge Visible) 4. รวมเลเยอรทกเลเยอรทงทซอนไว และทแสดงอยเขาดวยกน (Flatten Image)

การเพมเลเยอรสามารถท าไดหลายวธ ดงน 1. การเพมเยอรโดยการพมพขอความลงในภาพ 2. การเพมเลเยอรโดยการท าซ า (Duplicate Layer) 3. การเพมเลเยอรโดยการคดลอก 4. การเพมเลเยอรโดยการสรางออปเจค

27

Page 31: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

การผสานสเลเยอร (Blend Mode) Blend Mode คอวธการน าภาพตางๆ ทซอนกนบน Panel Layers มาผสานสกนเพอใหไดสทมดหรอสวางขน หรอมสทสดยงขน โดยมหลกการท างานตามขนตอน ดงน 1. เปดไฟลรปภาพทตองการขนมา ดงรปท 35 และ 36

2. เลอกเครองมอ (Move Tool) คลกเมาสทรปทองฟาคางไวแลวลากเมาสมาวางทไฟลรปภาพอาคาร ปรบแตงขนาดใหพอดสวยงาม ดงรปท 37

รปท 35 และ 36 ไฟลรปภาพทตองการ

รปท 37 แสดงการน าไฟลรปภาพมาจดวาง

28

Page 32: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

3. คลกเลอกเลเยอร “ทองฟา” และคลกเมาสเปลยน Blend Mode เปนโหมด Hard Light ดงรปท 38

4. เมอเปลยนโหมด Hard Light เราแลวจะเหนเลเยอรทองฟาผสานกบเลเยอรพนหลง ดงรปท 39

รปท 38 แสดงการเลอกโหมด Hard Light

รปท 39 แสดงการผสานสของเลเยอร

1. เลอกเลเยอร ทองฟา

2. เลอกโหมด Hard Light

29

Page 33: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

4. เลอกเลเยอร “ทองฟา” และคลกเมาสเลอกเครองมอ Eraser Tool ลบสวนททบซอนกนออก ดงรปท 40

5. ปรบแตงสสนตามสมควรและลองเปลยนโหมดเปน Lighten กจะไดรปภาพทสวยงามสมบรณมากขน ดงรปท 41

รปท 40 แสดงการลบสวนททบซอนกนของภาพ

รปท 41 แสดงการผสานสของเลเยอรทเสรจแลว

30

Page 34: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

การใชงาน Blend Mode นยมน าไปใชรวมกบการตดตอภาพหรอการตกแตงภาพถาย เพอปรบสในสวนของแสงและเงาใหดสมดลยงขน ซงในโปรแกรม Photoshop ไดจดกลม Blend Mode ไวเปน 6 กลม ดงรปท 42

รปท 42 แสดงกลมการใช Blend Mode

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

การผสานสเลเยอรปกต การผสานสเลเยอรทมขอบฟง

การผสานสเลเยอรกลม Draken จะท าใหดมดลงเหมาะกบการเพมรายละเอยดหรอการเพมเงาใหภาพ

การผสานสเลเยอรกลม Lighten จะท าใหภาพดสวางขนเหมาะกบการเพมไฮไลทหรอเนนสวนทเปนสขาวบนภาพ

การผสานสเลเยอรกลมสตรงขาม เหมาะกบการสรางเอฟเฟกตใหภาพ โดยม Subtract และ Divide ทเพมเขามา

การผสานสกลมสความสดใสและ

ความสวางใชส าหรบตกแตงภาพใหม

แสงสทเปนธรรมชาต

การผสานสเลเยอร (Blend Mode) ไมมหลกการทตายตว การใชงานจงมการทดลองปรบเปลยนไปเรอยๆ จนกวาจะไดภาพทเหมาะสมและสวยงามตามทเราตองการ

31

Page 35: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

การปรบแตงการผสานสดวย Blending Option การใชงาน Blend Mode ดวยวธปกตจะมผลกบภาพทงภาพ แตถาเราตองการให Blend Mode มผลกบบางชวงแสงของภาพกสามารถท าได โดยอาศยค าสง Layer Style โดยการคลกเมน Layer > Layer Style > Blending Option กจะไดหนาตางการท างานทมสวนประกอบทส าคญ ดงรปท 43

A. เปลยนโหมดผสานส และก าหนดความเขมขนของการผสานส B. ก าหนดความเขม จะมผลตอภาพในเลเยอรเทานน C. เลอกผสานสเฉพาะแชลแนล D. เลอกผสานสเฉพาะเลเยอรทเลอกและเลเยอร Background ทดานลางสด E. ก าหนดขอบเขตการผสานสโดยองจากความสวางหรอโทนส F. ก าหนดขอบเขตการผสานสโดยวเคราะหความสวางหรอสในเลเยอรทเลอกใชงานอย G. ก าหนดขอบเขตการผสานสโดยน าคาสของเลเยอรทเลอกท างานกบเลเยอรดานลาง H. Layer Styleใชส าหรบสรางมตใหภาพ เชน ใสเงา ท าใหภาพนนขน

รปท 59 การปรบแตง Option Bar ของเครองมอ Dodge Tool

รปท 43 แสดงสวนประกอบของ Layer Style

E

D

C B

A

H

F

G

32

Page 36: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

วธการใชงาน Blende Mode สามารถท าไดดงน 1. เปดไฟลรปภาพทตองการตกแตงขนมา และกดแปนพมพ Ctrl + J เพอ Copy Layer ทพาเนลเลเยอรจะเหนเลเยอรเพมขนมา และใหปรบเปลยน Blenf Mode เปน Screenดงรปท 44 2. ภาพทไดจะสวางขนทงภาพ ดงรปท 45

รปท 44 แสดงการคดลอกเลเยอร

รปท 45 แสดงผลเปลยนโหมดเปน Screen

33

Page 37: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

3. คลกเมน Layer > Layer Style > Blending Options จะปรากฏหนาตาง ดงรปท 46

4. คลกเมาสปมสามเหลยมสด า (กรอบสแดง) แลวลากไปทางขวาเพอลดพนทการท างาน สงเกตบรเวณเงาของภาพจะเกดการเปลยนแปลง ดงรปท 47

รปท 46 แสดงการปรบคา Blending Options

รปท 47 แสดงเงาภาพทเปลยนแปลงจากการปรบแตง

34

Page 38: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

5. กดแปนพมพ Alt คางไว แลวคลกเมาสทปมสามเหลยมลากไปทางขวา สงเกตวาปมสามเหลยมจะถกแยกออกจากกน ดงรปท 48

1.4 คลกปม OK จะไดภาพทผานการตกแตงดวย Blending Options ดงรปท 49

รปท 48 แสดงการแยกปมสามเหลยม (ขาลาก)

รปท 49 แสดงผลการตกแตงดวย Blending Options

35

Page 39: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

Layer Style Style คอ วธการตกแตงภาพในเลเยอรใหมคณลกษณะพเศษ เชน การสรางเงาของวตถใหปรากฏบนฉากหลง การสรางแสงใหฟงออกมาจากวตถ โดยภาพแตละเลเยอรสามารถเลอกใช Style ในการปรบแตงไดมากกวาหนงแบบ เมอตองการเรยกใชงาน Style ตกแตงภาพในเลเยอร สามารถท าให 2 วธ คอ 1. คลกเมน Layer > Layer > Style หรออกวธทนยมมาก 2. คลกปม (add a layer style) บนพาเนล Layer เลอก Style ดงรปท 50

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

รปท 50 แสดงขนตอนการเรยกใช Style

36

Page 40: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

A. การเลอกใช Styles ของโปรแกรมหรอ Style ทเคยบนทกไว B. ประเภท Style โดยมเครองหมายถกทอยดานหนาตวเลอกแสดงวา Style ถกใชงานกบภาพแลว C. การน าคาการปรบแตงของ Style มาเปนคาพนฐาน D. การรเซตคาการปรบแตงของ Style ทใชงานอย E. คาการปรบแตงจะแตกตางกนออกไปตามการเลอกใช Style F. แสดงตวอยางการปรบแตงของ Style G. การบนทก Style เกบไวใชงาน

รปท 51 แสดงหนาตาง Layer Style

B

E

C D

F

G

A

37

Page 41: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

เอฟเฟคเลเยอรสไตล (Effect Layer Style) จะใหผลแตกตางกน ดงน

1. Bevel & Emboss : สรางขอบออปเจคใหดเปน 3 มต คลายการแกะสลก 2. Stroke : ใสเสนขอบใหกบออปเจค 3. Inner Shadow : สรางเงาไวเหนอออปเจค 4. Inner Glow : สรางการฟงกระจายรอบในออปเจค 5. Pattern Overlay : สรางพนผวลงบนออปเจคดเหมอนลายผา 6. Color Overlay : .ใสสทบลงบนออปเจค 7. Gradient Overlay : ไลเชดสลงบนออปเจค 8. Satin : สรางพนผวลงบนออปเจค 9. Outer Glow : สรางการฟงกระจายรอบนอกออปเจค 10. Drop Shadow : สรางเงาไวหลงออปเจค หลงจากศกษาคณสมบตและความสามารถของเอฟเฟค Layer Style กนแลว เพอใหเกดทกษะการใชงานการตกแตงภาพหรอใสเอฟเฟคใหกบภาพแลวเรามาดตวอยางการใชงานกนบางเอฟเฟคกน

38

Page 42: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

การตกแตงภาพดวย Bevel & Emboss Bevel & Emboss เปนวธการท าใหภาพมลกษณะนนหรอยบลกลงไป เหมอนกบการแกะสลก ซงมวธการปรบแตงทหลากหลาย ดงน 1. เปดไฟลรปภาพทตองการขนมา ดงรปท 52 คลกทปม (Add a layer style) ทดานลางของพาเนลเลเยอร แลวเลอก Bevel & Emboss จะไดหนาตางการปรบแตงคา ดงภาพท 53

รปท 53 แสดงหนาตางการปรบแตงคา Bevel & Emboss

ส าหรบปรบแตงเงาสะทอน

ก าหนดคาใหแสงและเงาทสะทอนวตถทแกะสลก

ก าหนดความลกรปแบบการแกะสลก

แบบเจาะลกหรอนนขน ความหนา

และความคมของเสนขอบ

เลอก Style การแกะสลกวตถบนพนผว

ก าหนดความคมของเสนขอบ

ก าหนดเพอสรางพนผว

รปท 52 แสดงการใสเอฟเฟค Bevel & Emboss

39

Page 43: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

2. ทดลองปรบแตงคาบนหนาตาง Later Style จะไดผลดงรปท 54 นอกจากนเราสามารถปรบแตงคาตางๆ บนภาพไดเพมอก เชน การใสเสนขอบใหกบภาพ การใสเงาใหภาพ การสรางแสงฟงใหกบภาพ เปนตน

การทา Clipping Mask Clipping Mask คอการซอนพนทการท างานของภาพใหมขอบเขตกบภาพใน เลเยอรถดลงไป สามารถใชรวมกบการปรบแตงสจากพาเนล Adjustments ใหมผลเฉพาะภาพในเลเยอรดานลางไดดวย ซงมวธการท า ดงน 1. เปดไฟลรปภาพทตองการ ดงรปท 55 แลวเปลยนเลเยอร Background ใหเปนเลเยอรปกต โดยดบเลลคลกทเลเยอรนนแลวตงชอ แลวคลก OK ดงรปท 56

รปท 54 ภาพทตกแตงดวย Bevel & Emboss

รปท 55 ภาพทตองการท า Clipping Mask

ตงชอเลเยอร

รปท 56 แสดงการตงชอเลเยอร

40

Page 44: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

2. สรางออปเจคในแบบเวคเตอรลงบนภาพดวยเครองมอเวคเตอร ดงรปท 57 จากนนใหท าการรวมเลเยอรออปเจค โดยคลกเลอกทเลเยอรออปเจคแลวกดแปนพมพ Ctrl + E ดงรปท 58

3. คลกเมาสทเลเยอรออปเจคคางไว แลวลากเมาสลงมาดานลางเลเยอรรปภาพ ดงรปท 59

4. คลกเมาสเลอกเลเยอรรปภาพ แลวคลกเมาสขวาเลอก Create Clipping Mask จะไดผลลพธ ดงรปท 60

รปท 57 แสดงการสรางออปเจคแบบเวคเตอร

รปท 59 ยายเลเยอรออปเจคลงมาดานลาง

เลอกเลเยอร

กด Ctrl + E

รปท 58 แสดงการรวมเลเยอร

รปท 60 แสดงผลการตกแตงภาพดวย Clipping Mask

41

Page 45: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

การตดตอภาพดวย Clipping Mask การตดตอดวย Clipping Mask มวธการท า ดงน 1. เปดไฟลรปภาพทตองการตดตอขนมา แลวท าการกอปปเลเยอรโดยการคลกขวาทเลเยอร Background แลวเลอก Duplicate Layer > ตงชอเลเยอร > คลก OK ดงรปท 61

2. เลอกเลเยอรทเราท าการ Duplicate Layer (Wan_1) ดงรปท 62

รปท 62 แสดงการเลอกเลเยอร

รปท 61 ไฟลภาพทตองการตดตอและการกอปปเลเยอร

42

Page 46: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

3. คลกเลอกเครองมอกลม Selection ในตวอยางนเลอกเครองมอ (Quick Selection Tool) ระบายเลอกสวนทตองการ ดงรปท 63

4. คลกเลอกเมน Layer > Layer Mask > Reveal Selection เพอสราง Mask แบบใสเพอแสดงสวนนน หรอเลอกเมน Layer > Layer Mask > Hide Selection เพอสราง Mask แบบทบเพอบงสวนนน ในตวอยางนเลอกแบบใส (Reveal Selection) ดงรปท 64 และ 65

รปท 63 แสดงการเลอกพนท

รปท 64 แสดงการเลอกแบบใส Reveal Selection รปท 65 แสดงการเลอกแบบทบ Hide Selection

43

Page 47: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

5. เมอท าการสราง Layer Mask เรยบรอยแลวบนพาเนลเลเยอรจะเหนเลเยอรทเราเลอกมการเปลยนแปลง ดงรปท 66

6. ถาคลกเมาสเปดตาทเลเยอร Background จะไดผลลพธ ดงรปท 67

7. เปดไฟลรปภาพทตองการน ามาตดตอเปนพนหลงใหมแลวกดแปนพมพ Ctrl + A ตามดวย Ctrl + C เพอคดลอกไว ดงรปท 69

รปท 69 ไฟลภาพทน ามาตดตอ

รปท 67 แสดงผลการเปดตาทงสองเลเยอร

รปท 66 แสดงผลเลอกแบบ Hide Selection

44

Page 48: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

8. คลกเมาสทไฟลงาน (Clipping1.psd) แลวกดแปนพมพ Ctrl + V เพอวางภาพลงไป บนพาเนลเลเยอรจะปรากฏเลเยอรรปภาพขนมา ดงรปท 70

9. เลอกเลเยอรรปภาพทน ามาตดตอใหม แลวคลกขวาเลอก Create Clipping Mask จะไดผลลพธ ดงรปท 71

รปท 71 แสดงภาพใหมทตดตอดวย Clipping Mask

รปท 70 แสดงภาพเลเยอรใหมทคดลอกมาวางไว

45

Page 49: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

ใบงานท 2 การตกแตงภาพดวยเลเยอรสไตล

1. สรางขอบออปเจคใหดเปน 3 มต คลายการแกะสลก 2. ใสเสนขอบใหกบออปเจค 3. สรางเงาไวเหนอออปเจค 4. สรางการฟงกระจายรอบในออปเจค 5. สรางพนผวลงบนออปเจคดเหมอนลายผา 6. ใสสทบลงบนออปเจค 7. ไลเชดสลงบนออปเจค 8. ใสพนผวลงบนออปเจค 9. สรางการฟงกระจายรอบนอกออปเจค 10. สรางเงาไวหลงออปเจค

จงน ำค ำสงเอฟเฟคในกรอบสเหลยมมำจบคกบผลของเอฟเฟคใหถกตอง

A. Gradient Overlay

B. Drop Shadow

C. Bevel & Emboss

D. Pattern Overlay

E. Color Overlay

F. Outer Glow

G. Inner Shadow

H. Satin

I. Inner Glow

J. Stroke

46

Page 50: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

เฉลยใบงานท 2 การตกแตงภาพดวยเลเยอรสไตล

C 1. สรางขอบออปเจคใหดเปน 3 มต คลายการแกะสลก J 2. ใสเสนขอบใหกบออปเจค G 3. สรางเงาไวเหนอออปเจค I 4. สรางการฟงกระจายรอบในออปเจค D 5. สรางพนผวลงบนออปเจคดเหมอนลายผา E 6. ใสสทบลงบนออปเจค A 7. ไลเชดสลงบนออปเจค H 8. สรางพนผวลงบนออปเจค F 9. สรางการฟงกระจายรอบนอกออปเจค B 10. สรางเงาไวหลงออปเจค

จงน ำค ำสงเอฟเฟคในกรอบสเหลยมมำจบคกบผลของเอฟเฟคใหถกตอง

A. Gradient Overlay

B. Drop Shadow

C. Bevel & Emboss

D. Pattern Overlay

E. Color Overlay

F. Outer Glow

G. Inner Shadow

H. Satin

I. Inner Glow

J. Stroke

47

Page 51: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

1. ขอใดเปนการเพมเลเยอรเขามาในออปเจค

ก. การน าไฟลรปภาพอนเขามารวม

ข. การพมพขอความลงบนภาพ

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

ง. ถกทกขอ

2. Layer แรกทจะเกดขนอตโนมตในการสรางชนงานชอวาอะไร

ก. First Layer

ข. Background

ค. New Layer

ง. Old Layer

3. ขอใดคอการรวมเลเยอรทงหมดใหเปนเลเยอรเดยว

ก. Merge Layers

ข. Merge Visible

ค. Flatten Image

ง. Merge Link

4. ขอใด ไมใช Layer Style

ก. Fill

ข. Stroke

ค. Drop Shadow

ง. Pattern Overlay

ค าชแจง จงเลอกค าตอบทถกทสดเพยงขอเดยว

แบบทดสอบหลงเรยน ชดท 5 การตกแตงภาพดวยเลเยอร

48

Page 52: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

5. ขอใดมความสมพนธกนมากทสด

ก. เลเยอรกบออปเจค

ข. เลเยอรกบแผนพลาสตกใส

ค. แชนแนลกบโหมดส

ง. พาเลทกบออปเจค

6. ขอใดหมายถงเลเยอรทเราเลอกท างานในขณะนน

ก. Action Layer

ข. Activity Layer

ค. Active Layer

ง. Activated Layer

7. การเลอกเลเยอรหลายๆ เลเยอรทอยไมตดกน ตองกดปมใดบนแปนพมพรวมดวย

ก. Ctrl

ข. Alt

ค. Shift

ง. Tab

8. ถาตองการใหขอบนอกของออปเจคเรองแสงตองใช Layer Style ในขอใด

ก. Outer Glow

ข. Outer Shadow

ค. Pattern Overlay

ง. Drop Shadow

49

Page 53: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

9. การเลอกเลเยอรหลายๆ เลเยอรทอยตดกน ตองกดปมใดบนแปนพมพรวมดวย

ก. Tab

ข. Alt

ค. Ctrl

ง. Shift

10. การสราง Layer Mask ดวยการสรางแผนใสเพอแสดงสวนของภาพทตองการ

ตองใชค าสงตามขอใด

ก. Layer > Layer Mask > Hide All

ข. Layer > Layer Mask > Hide Selection

ค. Layer > Layer Mask > Reveal All

ง. Layer > Layer Mask > Reveal Selection

50

Page 54: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

เฉลยแบบทดสอบหลงเรยน ชดท 5 การตกแตงภาพดวยเลเยอร

ขอ 1 ง ขอ 6 ค

ขอ 7 ก

ขอ 3 ค

ขอ 9 ง

ขอ 2 ข

ขอ 4 ก

ขอ 8 ก

ขอ 10 ค ขอ 5 ข

51

Page 55: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา

เกยรตพงษ บญจตร. คมอ Photoshop CS4 Professional guide : ฉบบสมบรณ. นนทบร : ไอดซ, 2552.

. คมอ Photoshop CC Professional Guide ฉบบสมบรณ. นนทบร : ไอดซ, 2557.

เฉลมพล นาร . เอกสารประกอบการอบรมเชงปฏบตการ เทคนคการแตงภาพใหสวยดวย Photoshop. ขอนแกน : งานเทคโนโลยสารสนเทศและสอโสตทศน ส านกวทยบรการ มหาวทยาลยขอนแกน, 2555.

ฐตารตน รชตะวรรณ. ออกแบบและสรางเวบสวยดวยตนเอง. นนทบร : ไอดซ, 2547.

ทศยาภรณ เกอนน และพรพรรณ แพฝกฝน. คมอ Adobe Photoshop CS6 +CD. กรงเทพฯ : โปรวชน, 2555.

ธรรมศกด เออรกสกล. หนงสอเรยนรายวชาเพมเตม การใชโปรแกรม Adobe Pho-toshop CS4. กรงเทพฯ : มเดย อนเทลลเจนซ เทคโนโลย, 2553.

ธนยพฒน วงศรตน. Photoshop CS5 ฉบบสมบรณ. กรงเทพฯ : สวสด ไอท, 2554.

. Photoshop CS6 ฉบบสมบรณ. กรงเทพฯ : โปรวชน, 2556.

ประชา พฤกษประเสรฐ และคณะ. คมอการเรยนรและเทคนคการใชงาน Adobe Photoshop 5.5. พมพครงท 2 กรงเทพฯ : ซคเซส มเดย, 2545.

สทธชย ประสานวงศ. โปรแกรมกราฟก Adobe Photoshop CS6. กรงเทพฯ : ซอฟทเพรส, 2556.

52

Page 56: มะลิวรรณ ระหูภา - kroobannok.com · 4.5 ใบงานที่ 1 การท างานกับเลเยอร์ 4.6 เฉลยใบงานที่

มะลวรรณ ระหภา