krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง...

11
ใใใใใใใใใใใใ 3 ใใใใใใ ใใใใใใใใใใใใ Layer ใใใใใใใ เเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเ ใใใใใใใใใใใใใใใใใใ เเเ เเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเ / เเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เ เเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเ เเเเเเเเเ เ.6 เเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเ 1 เเเเเเเเเเเเเเเเเเเเเเ Layer เเเ ใใใใใใใใใใใ เเเเเเเเ ใใใใใใใใใใใใใใใใ

Transcript of krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง...

Page 1: krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง การทำงานของ Layer. นักเรียนทราบไหมครับว่า

ใบความรูท่ี้ 3 เรื่อง การทำางานของ Layer

 

 

เลเยอร ์เปรยีบเสมอืนแผ่นพลาสติกใส เมื่อเราวาดหรอืวางชิน้สว่นของภาพลงบนเลเยอรแ์ต่ละชัน้แล้วนำามาเรยีงซอ้นกัน จะทำาใหภ้าพทัง้หมดดเูหมอืนเป็นชิน้เดียว โดยภาพในเลเยอรบ์นจะบงัเลเยอรท์ี่อยูด้่านล่าง ยกเวน้บรเิวณท่ีโปรง่ใส ซึ่งจะมองทะลลุงไปเหน็ภาพเลเยอรถั์ดๆ ลงไป

ประโยชน์ของเลเยอร์ คือ ชว่ยใหเ้ราแก้ภาพแต่ละสว่นได้อยา่งเป็นอิสระจากกัน นอกจากน้ีเรายงัสามารถสลับลำาดับและซอ่น/แสดงเลเยอร์แต่ละชัน้ ทำาใหท้ดลองจดัองค์ประกอบภาพแบบต่าง ๆ ได้หลากหลายก่อนเลือกภาพสดุท้ายที่จะนำาไปใชจ้รงิ

เอกสารประกอบการจดัการเรยีนรูว้ชิา กราฟกิและเทคโนโลยสีื่อประสม ม.6 โรงเรยีนศรสีวสัดิ์วทิยาคาร หน้า 1

นักเรยีนทราบไหมครบัวา่ Layer คืออะไรและมหีลัก

ความหมายของเลเยอร ์(Layer)

เราจะได้เรยีนรู้

หลักการทำางานของเลเยอร ์(Layer)

Page 2: krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง การทำงานของ Layer. นักเรียนทราบไหมครับว่า

1.รูจ้กักับ Palette LayerPalette Layer เป็นเครื่องมอืหลักที่ใชจ้ดัการกับเลเยอร ์เชน่

การเลือก เพิม่/ลบ เปล่ียนลำาดับ ฯลฯ เมื่อใชเ้ลเยอรเ์ราจะต้องระวงัวา่คำาสัง่ต่าง ๆ สว่นใหญ่มผีลต่อภาพในเลเยอรท์ี่กำาลังเลือกเท่านัน้ ดังนัน้จงึต้องสงัเกตและเลือกเลเยอรท์ี่ถกูต้องก่อนการเขา้ทำางานใด ๆ โดยดจูากพาเล็ตน้ี

2. การ Lock Layer

เป็นการกำาหนดคณุสมบติัต่าง ๆ เพื่อบงัคับไมใ่ห ้Layer ถกูเปล่ียนแปลงหรอืได้รบัผลกระทบใด ๆ มทัีง้หมด 4 รูปแบบดังนี้1. Lock transparent pixels หา้มไมใ่หเ้ติมสหีรอืปรบัแก้สลีงไปใน pixels ท่ีโปรง่แสงบน Layer ได้2. Lock image pixels หา้มไมใ่หม้กีารแก้ไขหรอืตกแต่งภาพบน Layer

เอกสารประกอบการจดัการเรยีนรูว้ชิา กราฟกิและเทคโนโลยสีื่อประสม ม.6 โรงเรยีนศรสีวสัดิ์วทิยาคาร หน้า 2

การใชง้านเลเยอร ์(Layer)

การปิด/เปิดพาเล็ตทำาได้โดยการเลือกคำาสัง่ Window > Layers

Page 3: krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง การทำงานของ Layer. นักเรียนทราบไหมครับว่า

1 2 3 4

3. Lock position หา้มไมใ่หม้กีารเคล่ือนยา้ยตำาแหน่งของ Layer 4. Lock all หา้มโดยใชก้ารกำาหนดคณุสมบติัของทัง้ 3 ขอ้ที่กล่าวมา

3. รูจ้กักับเลเยอร ์Backgroundเมื่อเราสรา้งไฟล์ใหมห่รอืเปิดไฟล์ใหมข่ึ้นมา โปรแกรม Photoshop

จะสรา้งเลเยอรข์ึ้นมา 1 เลเยอร ์และใหช้ื่อเลเยอรนั์น้วา่ “Background” ซึ่งเป็นเลเยอรพ์เิศษท่ีแตกต่างจากเลเยอรธ์รรมดา คือ

จะอยูด้่านล่างสดุของพาเล็ตเสมอและมไีด้เพยีงเลเยอรเ์ดียว

ไมส่ามารถทำาใหโ้ปรง่ใส

ไมส่ามารถใชเ้อฟเฟค็ต์และเลเยอรม์าสก์

เลเยอร ์Background น้ีจะถกูกำาหนดใหส้ามารถใชง้านกับเครื่องมอืได้บางอยา่งเท่านัน้ หากเราต้องการแก้ไขเลเยอรน์ัน้ใหส้ามารถทำางานได้ทกุ ๆ เครื่องมอื เราจะต้องเปล่ียนเลเยอรนั์น้ใหเ้ป็นเลเยอร์ธรรมดาเสยีก่อน

4. การดึงภาพอื่น ๆ มาใชใ้นเลเยอร์ในการทำางานนัน้เรามกัจะนำาภาพจากที่ต่าง ๆ มาใชร้ว่มกันในงานของ

เรา เพื่อใหง้านสำาเรจ็ดสูมบูรณ์ดสูวยงามยิง่ขึ้น

5. การปรบัค่าความโปรง่ใส (Opacity) ของเลเยอร์เมื่อเราดึงภาพที่มขีนาดเท่ากันมาใชง้านในเลเยอร ์ภาพใหมใ่นเลเยอร ์

เอกสารประกอบการจดัการเรยีนรูว้ชิา กราฟกิและเทคโนโลยสีื่อประสม ม.6 โรงเรยีนศรสีวสัดิ์วทิยาคาร หน้า 3

Page 4: krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง การทำงานของ Layer. นักเรียนทราบไหมครับว่า

2 นัน้มลัีกษณะทึบจงึทับภาพเดิมจนไมส่ามารถมองเหน็ภาพในเลเยอร ์1 ได้ แต่เราสามารถปรบัความทึบของภาพได้เพื่อใหเ้ราสามารถมองเหน็ภาพในเลเยอรด้์านล่าง แต่ผลของภาพท่ีได้จะเป็นอยา่งไรยงัต้องขึ้นอยูก่ับเง่ือนไขอีก 2 ประการ คือ

ความโปรง่ใสของแต่ละพกิเซล ถ้าพกิเซลในเลเยอรบ์นโปรง่ใสเป็นบางสว่นจะทำาใหม้องเหน็ภาพในเลเยอรล่์างได้บางสว่น ค่าน้ีจะขึ้นกับแต่ละพกิเซล

ความโปรง่ใสของเลเยอร ์ ถ้าเลเยอรบ์นโปรง่ใสบางสว่น (Opacity น้อยกวา่ 100%) จะทำาใหม้องเหน็ภาพในเลเยอรล่์างได้บางสว่นเชน่กัน ค่าน้ีจะมผีลต่อทกุ ๆ พกิเซลในเลเยอรนั์น้

6. การเลือกใชง้านเลเยอร์(Active Layer)เน่ืองจากการทำางานนัน้เราไมนิ่ยมตกแต่งหรอืแก้ไขงานลงไปในภาพ

ทันที เพราะจะทำาใหเ้รากลับมาแก้ไขงานได้ยาก เราจงึต้องทำาการสรา้งเลเยอรใ์หมข่ึ้นมา

และถึงแมเ้ราจะสรา้งเลเยอรข์ึ้นมาเป็นจำานวนมาก แต่ในความเป็นจรงิแล้วเราสามารถเลือกทำางานได้เพยีงครัง้ละ 1 เลเยอรเ์ท่านัน้ ซึ่งเราเรยีกการเลือกทำางานที่เลเยอรนั์น้วา่ “Active Layer”

เอกสารประกอบการจดัการเรยีนรูว้ชิา กราฟกิและเทคโนโลยสีื่อประสม ม.6 โรงเรยีนศรสีวสัดิ์วทิยาคาร หน้า 4

Page 5: krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง การทำงานของ Layer. นักเรียนทราบไหมครับว่า

นอกจากการเลือกใชง้านเลเยอรด์้วยการคลิกเมาสบ์นเลเยอรท์ี่ต้องการแล้ว เรายงัสามารถใชก้ารคลิกเมาสข์วาเหนือภาพแล้วเลือกชื่อเลเยอรท์ี่เราต้องการเลือกใชง้านได้อีกด้วย

7. การเปลี่ยนลำาดับเลเยอร์เมื่อเราทำาการสรา้งเลเยอรใ์หมแ่ล้ว เลเยอรท์ี่สรา้งใหมนั่น้จะปรากฏ

อยูบ่นเลเยอรท่ี์เราได้ทำาการเลือก (Active) ไว ้หากต้องการสบัเปล่ียนลำาดับของเลเยอร ์เราสามารถทำาได้ด้วยการแดรกเมาสแ์ล้วลากเลเยอรนั์น้ไปในตำาแหน่งที่ต้องการ

ลำาดับของเลเยอรส์ง่ผลต่อภาพท่ีปรากฏโดยรวม กล่าวคือ ภาพในเลเยอรท์ี่อยูด้่านบนของพาเล็ต Layers จะบงัภาพในเลเยอรท์ี่อยู่ด้านล่างต่อๆ กันไปตามลำาดับ

เอกสารประกอบการจดัการเรยีนรูว้ชิา กราฟกิและเทคโนโลยสีื่อประสม ม.6 โรงเรยีนศรสีวสัดิ์วทิยาคาร หน้า 5

Page 6: krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง การทำงานของ Layer. นักเรียนทราบไหมครับว่า

8. การซอ่น/แสดงเลเยอร์เราสามารถซอ่นเลเยอรท่ี์ยงัไมใ่ชง้านไวก้่อน เพื่อใหแ้ก้ไขเลเยอรท์ี่ถกู

บงัอยูไ่ด้สะดวก หรอือาจจะซอ่น/แสดงเลเยอร ์เพื่อทดลองดกูารจดัองค์ประกอบภาพแบบต่างๆ วา่แบบใดดีท่ีสดุ ซึ่งในการบนัทึกภาพเพื่อนำาไปใช ้ภาพที่ได้จะเป็นไปตามเลเยอรท์ี่ถกูแสดงอยู ่ณ ขณะบนัทึกเท่านัน้

9. การ Copy เลเยอร์การ Copy เลเยอร ์นัน้ใชใ้นกรณีที่เราต้องการภาพภายในเลเยอรท่ี์มี

ลักษณะเหมอืนกันทัง้หมด (ซำ้ากัน) เพื่อใชใ้นการทำางาน

10. การเชื่อมเลเยอร ์(Link)

เป็นการเชื่อมโยงเลเยอรตั์ง้แต่ 2 เลเยอรเ์ขา้ด้วยกัน ทำาใหส้ามารถยา้ย หรอืปรบัรูปทรงของภาพ (Transform) ในเลเยอรเ์หล่านัน้ได้พรอ้มๆ กัน เชน่การปรบัขนาด

เอกสารประกอบการจดัการเรยีนรูว้ชิา กราฟกิและเทคโนโลยสีื่อประสม ม.6 โรงเรยีนศรสีวสัดิ์วทิยาคาร หน้า 6

Page 7: krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง การทำงานของ Layer. นักเรียนทราบไหมครับว่า

11. การจดัเลเยอรใ์ห้มรีะเบยีบด้วยเซต (Set)

เป็นการรวบรวม Layer ต่าง ๆ มาไวเ้ป็นกลุ่ม Layer Set สามารถใชค้ำาสัง่ต่าง ๆ เหมอืน Layer ทัว่ ๆ ไป เชน่ การด ูคัดลอก เคล่ือนยา้ย และการเปล่ียนลำาดับ ยกเวน้คำาสัง่บางคำาสัง่ เชน่ Layer Effect ดังนัน้ใช้งานคำาสัง่ใด ๆ ของ Layer Set จะเกิดขึ้นกับ Layer ภายในทกุ Layer

การสรา้ง Layer Set คลิกที่ปุ่ม เพื่อสรา้ง Set หลังจากนัน้ใหค้ลิกเลือก Layer ท่ีต้องการจดัเก็บค้างไว ้แล้วลากท่ี Layer Set จากนัน้ใหป้ล่อยเมาส์

หากดับเบิล้คลิกท่ี Layer Set จะปรากฏ Dialog ของ Layer Set Properties ซึ่งสามารถเปล่ียนชื่อของ Layer Set ได้ และแถบสีได้

12. การลบเลเยอรท่ี์ไมต้่องการท้ิงไปในการทำางานหากเราพบวา่มเีลเยอรท์ี่ไมต้่องการปรากฏอยู ่เรา

สามารถลบเลเยอรนั์น้ท้ิงไปได้

เอกสารประกอบการจดัการเรยีนรูว้ชิา กราฟกิและเทคโนโลยสีื่อประสม ม.6 โรงเรยีนศรสีวสัดิ์วทิยาคาร หน้า 7

Page 8: krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง การทำงานของ Layer. นักเรียนทราบไหมครับว่า

หากต้องการเปล่ียนชื่อของ Layer ใหค้ลิกเลือก Layer Properties จะปรากฏ Dialog ของ Layer ซึ่งสามารถเปล่ียนชื่อของ Layer ได้ และแถบสไีด้

13. การรวมเลเยอร์

เป็นการรวมชัน้ของ Layer ตัง้แต่ 2 ชัน้ขึ้นไปมาไวร้วมกันสำาหรบัเลือกแบบต่าง ๆ ของการ Merge Layer ดังน้ี

- Merge Down หรอื Merge Linked เป็นการรวม Layer ท่ีใช้งานอยูก่ับ Layer ท่ีอยูล่ำาดับถัดลง โดยถ้า Layer ท่ีอยูล่ำาดับถัดไปมสีญัลักษณ์รูปโซ ่จะมีขอ้ความวา่ Merge Linked แต่หากไมม่รูีปโซ่จะมขีอ้ความวา่ Merge Down

- Merge Visible เป็นการรวม Layer ท่ีถกูแสดงหรอืมองเหน็ได้ทัง้หมด

- Flatten Image เป็นการรวม Layer ทกุลำาดับชัน้เป็น Layer เดียว โดยมชีื่อวา่ Background และจะลบ Layer ท่ีถกูซอ่นทิ้งไป

เอกสารประกอบการจดัการเรยีนรูว้ชิา กราฟกิและเทคโนโลยสีื่อประสม ม.6 โรงเรยีนศรสีวสัดิ์วทิยาคาร หน้า 8

Page 9: krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง การทำงานของ Layer. นักเรียนทราบไหมครับว่า

เลเยอรม์าสค์ คือ หน้ากาก สำาหรบัใชบ้งัภาพสว่นที่ไมต้่องการ “ ”เพื่อไมใ่หบ้รเิวณนัน้ปรากฏออกมา คณุสมบติัน้ีทำาใหเ้รานำาบางสว่นของภาพใด ไปประกอบกับภาพอ่ืนได้ โดยไมต้่องลบภาพต้นฉบบัใหเ้สยีหาย และสามารถแก้ไขเปล่ียนสว่นท่ีถกูบงัได้ง่าย

การสรา้งและการใชง้านเลเยอรม์าสค์ (Layer Mask)การใชง้าน Layer Mask นัน้จะตอบสนองการทำางานในรูปของสี

ขาว เทาและดำาโดยสว่นมากนัน้เรามกัใชง้านคู่กับเครื่องมอื Bush Tool ซึ่งหากเราระบายสดีำาลงไปใน Layer Mask ภาพที่อยูใ่นเลเยอรนั์น้ก็จะหายไป และหากเราระบายสขีาวทับลงไปในภาพในเลเยอรนั์น้ก็จะกลับคืนมา

การยกเลิกการใชง้านเลเยอรม์าสค์ (Layer Mask)เราสามารถยกเลิกการใชง้านหรอืรวมสว่นของเลเยอรม์าสค์ Layer

Mask เขา้ด้วยกันเพื่อใหภ้าพนัน้ถกูแก้ไขอยา่งถาวรได้อีกด้วย

Blending เป็น Option พเิศษท่ีเกี่ยวกับการผสมสขีองเลเยอร์ด้านบน (Blending Option) กับเลเยอรด์้านล่าง (Base Layer) ทำาใหเ้กิดรูปแบบใหม่ๆ สใีหม่ๆ รวมทัง้ชว่ยในการปรบัแต่งงานทางด้านกราฟกิอีกด้วย โดยเราสามารถแบง่ออกเป็นหลาย ๆ รูปแบบการแสดงผล ซึ่งโดยปกติรูปภาพทัว่ไปที่เราเปิดขึ้นมาจะใชง้านจะอยูใ่นโหมด Normal

เอกสารประกอบการจดัการเรยีนรูว้ชิา กราฟกิและเทคโนโลยสีื่อประสม ม.6 โรงเรยีนศรสีวสัดิ์วทิยาคาร หน้า 9

รูจ้กักับ Layer

รูจ้กักับ Blending

Page 10: krublue.files.wordpress.com · Web viewใบความรู้ที่ 3 เรื่อง การทำงานของ Layer. นักเรียนทราบไหมครับว่า

เอกสารประกอบการจดัการเรยีนรูว้ชิา กราฟกิและเทคโนโลยสีื่อประสม ม.6 โรงเรยีนศรสีวสัดิ์วทิยาคาร หน้า 10