SlideShare a Scribd company logo
1 of 2
Download to read offline
ใบความรู้หน่วยที่ 7
การปรับแต่งสีสันของภาพ
4. การใส่เอฟเฟคด้วย Layer Style
ภาพและองค์ประกอบของภาพไม่ว่าจะเป็นแบบิตแมป, เวคเตอร์, หรือข้อความ
สามารถปรับแต่งให้ดูสวยงามตระกรานตาได้ด้วยเทคนิคพิเศษที่เรียกว่า Layer Style Special
Effects ซึ่งเทคนิคพิเศษนี้จะมีความยืดหยุ่นเป้นอย่างมาก กล่าวคือ มันจะปรับเปลี่ยนเองโดย
อัตโนมัติเมื่อออบเจ็คนั้นถูกแก้ไข อีกทั้งเรายังสามารถปรับเปลี่ยนค่าต่าง ๆ ของเทคนิคพิเศษ
นั้น ๆ ได้ทุกครั้งที่ต้องการ
การใส่เอฟเฟคให้กับออบเจ็ค
1. เลือกเลเยอร์และออบเจ็คที่ต้องการ
2. คลิกที่ปุ่ม Add a layer style ด้านล่างของพาเนล Layers แล้วเลือกเอฟเฟค
ที่ต้องการ
หรือ เลือกคาสั่ง Layer > Layer Styles
3. หากเอฟเฟคนั้นสามารถกาหนดค่าได้ ให้ทาการกาหนดค่า (ถ้าต้องการ) แล้วเลือก
OK
ในเลเยอร์นั้นจะแสดงสัญลักษณ์ เพื่อแสดงว่ามีการใส่เอฟเฟคไว้ และเอฟเฟคนั้นจะ
อยู่ในเลเยอร์ย่อยของเลเยอร์นั้น
เอฟเฟคต่าง ๆ จะให้ผลแตกต่างกันดังรูป
Drop Shadow สร้างเงาไว้หลังออบเจ็ค
Inner Shadow สร้างเงาไว้เหนือออบเจ็ค
Outer Glow สร้างการฟุ้งกระจายรอบนอกออบเจ็ค
Inner Glow สร้างการฟุ้งกระจายรอบในออบเจ็ค
Bevel & Emboss สร้างขอบออบเจ็คให้ดูเป็น 3 มิติ
Satin สร้างพื้นผิวลงบนออบเจ็คดูเหมือนลายผ้า
Color Overlay ใส่สีทับลงบนออบเจ็ค
Gradient Overlay ไล่เชดสีลงบนออบเจ็ค
Pattern Overlay ใส่พื้นผิวลงในออบเจ็ค
Stroke ใส่เส้นขอบให้กับออบเจ็ค

More Related Content

What's hot

การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกการใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกกชพร มณีพงษ์
 
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆWilasineejib
 
การแทรกรูปภาพ
การแทรกรูปภาพการแทรกรูปภาพ
การแทรกรูปภาพNisachon2538
 
ใบงานที่ 27 การนำเอารูปร่างและรูปทรงของภาพมาออกแบบโลโก้
ใบงานที่ 27 การนำเอารูปร่างและรูปทรงของภาพมาออกแบบโลโก้ใบงานที่ 27 การนำเอารูปร่างและรูปทรงของภาพมาออกแบบโลโก้
ใบงานที่ 27 การนำเอารูปร่างและรูปทรงของภาพมาออกแบบโลโก้Suda Sangtong
 
1 รู้จักกับพาเนล ADJUSTMENTS
1 รู้จักกับพาเนล ADJUSTMENTS1 รู้จักกับพาเนล ADJUSTMENTS
1 รู้จักกับพาเนล ADJUSTMENTSsomdetpittayakom school
 
การแก้ไขสีภาพด้วยเครื่องมือต่างๆ Photoshop cs5
การแก้ไขสีภาพด้วยเครื่องมือต่างๆ Photoshop cs5การแก้ไขสีภาพด้วยเครื่องมือต่างๆ Photoshop cs5
การแก้ไขสีภาพด้วยเครื่องมือต่างๆ Photoshop cs5Rattapadol Gunhakoon
 
นางสาว กชกร แท่งทองหลาง 58670135 3301
นางสาว กชกร แท่งทองหลาง 58670135 3301นางสาว กชกร แท่งทองหลาง 58670135 3301
นางสาว กชกร แท่งทองหลาง 58670135 3301Wasan Larreng
 

What's hot (12)

การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกการใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
 
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
 
งานคอม
งานคอมงานคอม
งานคอม
 
Photo story
Photo storyPhoto story
Photo story
 
Pwpdata 7.1-7.4
Pwpdata 7.1-7.4Pwpdata 7.1-7.4
Pwpdata 7.1-7.4
 
การแทรกรูปภาพ
การแทรกรูปภาพการแทรกรูปภาพ
การแทรกรูปภาพ
 
เทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopเทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshop
 
ใบงานที่ 27 การนำเอารูปร่างและรูปทรงของภาพมาออกแบบโลโก้
ใบงานที่ 27 การนำเอารูปร่างและรูปทรงของภาพมาออกแบบโลโก้ใบงานที่ 27 การนำเอารูปร่างและรูปทรงของภาพมาออกแบบโลโก้
ใบงานที่ 27 การนำเอารูปร่างและรูปทรงของภาพมาออกแบบโลโก้
 
1 รู้จักกับพาเนล ADJUSTMENTS
1 รู้จักกับพาเนล ADJUSTMENTS1 รู้จักกับพาเนล ADJUSTMENTS
1 รู้จักกับพาเนล ADJUSTMENTS
 
การแก้ไขสีภาพด้วยเครื่องมือต่างๆ Photoshop cs5
การแก้ไขสีภาพด้วยเครื่องมือต่างๆ Photoshop cs5การแก้ไขสีภาพด้วยเครื่องมือต่างๆ Photoshop cs5
การแก้ไขสีภาพด้วยเครื่องมือต่างๆ Photoshop cs5
 
งานคอม
งานคอมงานคอม
งานคอม
 
นางสาว กชกร แท่งทองหลาง 58670135 3301
นางสาว กชกร แท่งทองหลาง 58670135 3301นางสาว กชกร แท่งทองหลาง 58670135 3301
นางสาว กชกร แท่งทองหลาง 58670135 3301
 

Viewers also liked (11)

7.3
7.37.3
7.3
 
6.7
6.76.7
6.7
 
6.6
6.66.6
6.6
 
7.5
7.57.5
7.5
 
Layer photoshop cs5
Layer photoshop cs5Layer photoshop cs5
Layer photoshop cs5
 
6.4
6.46.4
6.4
 
6.5
6.56.5
6.5
 
2.7
2.72.7
2.7
 
6.1
6.16.1
6.1
 
6.3
6.36.3
6.3
 
6.2
6.26.2
6.2
 

Similar to 7.4

การใส่รูปภาพและการประดิษฐ์ตัวอักษร
การใส่รูปภาพและการประดิษฐ์ตัวอักษรการใส่รูปภาพและการประดิษฐ์ตัวอักษร
การใส่รูปภาพและการประดิษฐ์ตัวอักษรRathapol Siriphimolwat
 
การแทรกรูปภาพและการประดิษฐ์ตัวอักษร
การแทรกรูปภาพและการประดิษฐ์ตัวอักษรการแทรกรูปภาพและการประดิษฐ์ตัวอักษร
การแทรกรูปภาพและการประดิษฐ์ตัวอักษรpanisa
 
คู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop csคู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop cssamnaknit
 
Power point20074
Power point20074Power point20074
Power point20074thongtaw
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้องChamp Wachwittayakhang
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้องChamp Wachwittayakhang
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้องChamp Wachwittayakhang
 
Train book3
Train book3Train book3
Train book3noopan
 
ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1Khanittha Bumrunglan
 
Power point20072
Power point20072Power point20072
Power point20072thongtaw
 
14 3.7 layer[ใบความรู้]
14 3.7 layer[ใบความรู้]14 3.7 layer[ใบความรู้]
14 3.7 layer[ใบความรู้]Chatkamon Ploy
 
ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3Pop Thakonwan
 
พื้นฐาน Adobe Flash CS3 ตอนที่7
พื้นฐาน Adobe Flash CS3 ตอนที่7พื้นฐาน Adobe Flash CS3 ตอนที่7
พื้นฐาน Adobe Flash CS3 ตอนที่7Thanawat Boontan
 
การใส่รูปภาพ
การใส่รูปภาพการใส่รูปภาพ
การใส่รูปภาพKrunoph
 

Similar to 7.4 (20)

9.4
9.49.4
9.4
 
การใส่รูปภาพและการประดิษฐ์ตัวอักษร
การใส่รูปภาพและการประดิษฐ์ตัวอักษรการใส่รูปภาพและการประดิษฐ์ตัวอักษร
การใส่รูปภาพและการประดิษฐ์ตัวอักษร
 
การแทรกรูปภาพและการประดิษฐ์ตัวอักษร
การแทรกรูปภาพและการประดิษฐ์ตัวอักษรการแทรกรูปภาพและการประดิษฐ์ตัวอักษร
การแทรกรูปภาพและการประดิษฐ์ตัวอักษร
 
Lesson 9
Lesson 9Lesson 9
Lesson 9
 
Photoshop lab1
Photoshop lab1Photoshop lab1
Photoshop lab1
 
คู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop csคู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop cs
 
Power point20074
Power point20074Power point20074
Power point20074
 
Unit 12
Unit 12Unit 12
Unit 12
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
Train book3
Train book3Train book3
Train book3
 
58210401102
5821040110258210401102
58210401102
 
ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1
 
Power point20072
Power point20072Power point20072
Power point20072
 
Image editing-with-photoscape
Image editing-with-photoscapeImage editing-with-photoscape
Image editing-with-photoscape
 
14 3.7 layer[ใบความรู้]
14 3.7 layer[ใบความรู้]14 3.7 layer[ใบความรู้]
14 3.7 layer[ใบความรู้]
 
ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3
 
พื้นฐาน Adobe Flash CS3 ตอนที่7
พื้นฐาน Adobe Flash CS3 ตอนที่7พื้นฐาน Adobe Flash CS3 ตอนที่7
พื้นฐาน Adobe Flash CS3 ตอนที่7
 
การใส่รูปภาพ
การใส่รูปภาพการใส่รูปภาพ
การใส่รูปภาพ
 

More from Wachi Kook

ใบงานที่ 4.1
ใบงานที่ 4.1ใบงานที่ 4.1
ใบงานที่ 4.1Wachi Kook
 
ใบงานที่ 4.1
ใบงานที่ 4.1ใบงานที่ 4.1
ใบงานที่ 4.1Wachi Kook
 
ใบงานที่ 3.2
ใบงานที่ 3.2ใบงานที่ 3.2
ใบงานที่ 3.2Wachi Kook
 
ใบงานที่ 3.1
ใบงานที่ 3.1ใบงานที่ 3.1
ใบงานที่ 3.1Wachi Kook
 
แบบทดสอบก่อนเรียน 7
แบบทดสอบก่อนเรียน 7แบบทดสอบก่อนเรียน 7
แบบทดสอบก่อนเรียน 7Wachi Kook
 
แบบทดสอบหลังเรียน 7++
แบบทดสอบหลังเรียน 7++แบบทดสอบหลังเรียน 7++
แบบทดสอบหลังเรียน 7++Wachi Kook
 
แบบทดสอบหลังเรียน 6++
แบบทดสอบหลังเรียน 6++แบบทดสอบหลังเรียน 6++
แบบทดสอบหลังเรียน 6++Wachi Kook
 
แบบทดสอบก่อนเรียน 6
แบบทดสอบก่อนเรียน 6แบบทดสอบก่อนเรียน 6
แบบทดสอบก่อนเรียน 6Wachi Kook
 
แบบทดสอบก่อนเรียน 5
แบบทดสอบก่อนเรียน 5แบบทดสอบก่อนเรียน 5
แบบทดสอบก่อนเรียน 5Wachi Kook
 
แบบทดสอบหลังเรียน 5++
แบบทดสอบหลังเรียน 5++แบบทดสอบหลังเรียน 5++
แบบทดสอบหลังเรียน 5++Wachi Kook
 

More from Wachi Kook (20)

2.6new
2.6new2.6new
2.6new
 
ใบงานที่ 4.1
ใบงานที่ 4.1ใบงานที่ 4.1
ใบงานที่ 4.1
 
ใบงานที่ 4.1
ใบงานที่ 4.1ใบงานที่ 4.1
ใบงานที่ 4.1
 
ใบงานที่ 3.2
ใบงานที่ 3.2ใบงานที่ 3.2
ใบงานที่ 3.2
 
ใบงานที่ 3.1
ใบงานที่ 3.1ใบงานที่ 3.1
ใบงานที่ 3.1
 
2.1
2.12.1
2.1
 
2.1
2.12.1
2.1
 
2.1
2.12.1
2.1
 
Job2.1
Job2.1Job2.1
Job2.1
 
2.2
2.22.2
2.2
 
2.2
2.22.2
2.2
 
Job1.2
Job1.2Job1.2
Job1.2
 
แบบทดสอบก่อนเรียน 7
แบบทดสอบก่อนเรียน 7แบบทดสอบก่อนเรียน 7
แบบทดสอบก่อนเรียน 7
 
แบบทดสอบหลังเรียน 7++
แบบทดสอบหลังเรียน 7++แบบทดสอบหลังเรียน 7++
แบบทดสอบหลังเรียน 7++
 
แบบทดสอบหลังเรียน 6++
แบบทดสอบหลังเรียน 6++แบบทดสอบหลังเรียน 6++
แบบทดสอบหลังเรียน 6++
 
แบบทดสอบก่อนเรียน 6
แบบทดสอบก่อนเรียน 6แบบทดสอบก่อนเรียน 6
แบบทดสอบก่อนเรียน 6
 
แบบทดสอบก่อนเรียน 5
แบบทดสอบก่อนเรียน 5แบบทดสอบก่อนเรียน 5
แบบทดสอบก่อนเรียน 5
 
แบบทดสอบหลังเรียน 5++
แบบทดสอบหลังเรียน 5++แบบทดสอบหลังเรียน 5++
แบบทดสอบหลังเรียน 5++
 
Job7.2
Job7.2Job7.2
Job7.2
 
Job7.1
Job7.1Job7.1
Job7.1
 

7.4

  • 1. ใบความรู้หน่วยที่ 7 การปรับแต่งสีสันของภาพ 4. การใส่เอฟเฟคด้วย Layer Style ภาพและองค์ประกอบของภาพไม่ว่าจะเป็นแบบิตแมป, เวคเตอร์, หรือข้อความ สามารถปรับแต่งให้ดูสวยงามตระกรานตาได้ด้วยเทคนิคพิเศษที่เรียกว่า Layer Style Special Effects ซึ่งเทคนิคพิเศษนี้จะมีความยืดหยุ่นเป้นอย่างมาก กล่าวคือ มันจะปรับเปลี่ยนเองโดย อัตโนมัติเมื่อออบเจ็คนั้นถูกแก้ไข อีกทั้งเรายังสามารถปรับเปลี่ยนค่าต่าง ๆ ของเทคนิคพิเศษ นั้น ๆ ได้ทุกครั้งที่ต้องการ การใส่เอฟเฟคให้กับออบเจ็ค 1. เลือกเลเยอร์และออบเจ็คที่ต้องการ 2. คลิกที่ปุ่ม Add a layer style ด้านล่างของพาเนล Layers แล้วเลือกเอฟเฟค ที่ต้องการ หรือ เลือกคาสั่ง Layer > Layer Styles
  • 2. 3. หากเอฟเฟคนั้นสามารถกาหนดค่าได้ ให้ทาการกาหนดค่า (ถ้าต้องการ) แล้วเลือก OK ในเลเยอร์นั้นจะแสดงสัญลักษณ์ เพื่อแสดงว่ามีการใส่เอฟเฟคไว้ และเอฟเฟคนั้นจะ อยู่ในเลเยอร์ย่อยของเลเยอร์นั้น เอฟเฟคต่าง ๆ จะให้ผลแตกต่างกันดังรูป Drop Shadow สร้างเงาไว้หลังออบเจ็ค Inner Shadow สร้างเงาไว้เหนือออบเจ็ค Outer Glow สร้างการฟุ้งกระจายรอบนอกออบเจ็ค Inner Glow สร้างการฟุ้งกระจายรอบในออบเจ็ค Bevel & Emboss สร้างขอบออบเจ็คให้ดูเป็น 3 มิติ Satin สร้างพื้นผิวลงบนออบเจ็คดูเหมือนลายผ้า Color Overlay ใส่สีทับลงบนออบเจ็ค Gradient Overlay ไล่เชดสีลงบนออบเจ็ค Pattern Overlay ใส่พื้นผิวลงในออบเจ็ค Stroke ใส่เส้นขอบให้กับออบเจ็ค