ปกหนังสือ

ประกาศรับสมัครนักศึกษา

สถานที่ท่องเที่ยว

บทที่ 7

บทที่ 6 ทำงานกับเลเยอร์

เลเยอร์ ( Layer ) ความหมายของเลเยอร์        ลักษณะการทำงานแบบเลเยอร์ เป็นเหมือนการวางแผ่นใส ซ้อนทับกันเป็นลำดับขั้นขึ้นมาเรื่อยๆ โดยแต่ละแผ่นใส เปรียบเสมือน เป็นแต่ละเลเยอร์ บริเวณของเลเยอร์ที่ไม่มีรูป จะเห็นทะลุถึงเลเยอร์ที่อยู่ข้างล่าง โดยกระบวนการเช่นนี้ จะทำให้เกิดเป็นรูปภาพ สมบูรณ์ และทำให้เราสามารถจัดวางงานได้ง่าย การใช้งาน Layers Palette        Layers Palette เป็นศูนย์รวมของเลเยอร์ทั้งหมด ที่มีอยู่ในภาพ โดยเรียงตามลำดับ จากเลเยอร์ที่อยู่บนสุดไปจนถึงเลเยอร์ ที่อยู่ล่างสุด มี Scoolbar เลื่อนขึ้นลงเพื่อดูเลเยอร์ต่างๆ แต่ละเลเยอร์จะมีชื่อของเลเยอร์นั้นๆ อยู่ นอกจากนี้ Layers Palette ยังเป็นเหมือนตัวควบคุม ลักษณะการใช้งานของเลเยอร์ทั้งหมด เราสามารถเรียก Layers Palette ขึ้นมาใช้งาน โดยการใช้คำสั่ง Window> Show Layers ที่แถบเมนู

Active Layer        ในการใช้งานโปรแกรม Photoshop นั้นแม้จะประกอบไปด้วยเลเยอร์หลายเลเยอร์ แต่เราจะทำงานได้เพียงทีละเลเยอร์เท่านั้น เลเยอร์ที่เรากำลังทำงานอยู่ เราเรียกว่า Active Layer ซึ่งใน Layers Palette จะปรากฏเป็นแถบสีน้ำเงิน และมีไอคอน ปรากฏอยู่ในช่องแสดงสถานะของเลเยอร์ เช่น แสดงว่ากำลังทำการปรับแต่งเลเยอร์อยู่ หรือ เป็นการเพิ่มเลเยอร์ Mask ให้กับเลเยอร์นั้น

การเปลี่ยนการทำงานไปในเลเยอร์ต่างๆ เราสามารถเรียกเลเยอร์ใดทำงานได้ โดยการเลื่อนเมาส์ ไปที่เลเยอร์ที่ต้องการ ตัวชี้เมาส์จะเปลี่ยนเป็นรูป แล้ว Click mouse ที่แถบของเลเยอร์นั้น เลเยอร์นั้นจะกลายเป็น Active Layer โดยทันที

การซ่อนและแสดงเลเยอร์        ภาพภาพหนึ่งจะประกอบไปด้วย เลเยอร์หลายเลเยอร์ ในบางครั้งหากเราต้องการปิดบางเลเยอร์ ไม่ให้มองเห็น ก่อน เพื่อความสะดวกในการทำงาน โดยที่ไม่ได้ลบเลเยอร์นั้นทิ้ง เราสามารถสั่งให้มีการซ่อน และแสดงเลเยอร์ได้ โดย        1. ซ่อนเลเยอร์โดย Click mouse ที่  เพื่อซ่อนเลเยอร์ ซึ่งช่องสถานะนั้นจะเปลี่ยนเป็น         2. ผลลัพธ์ที่ได้ คือ เลเยอร์ Mushroom จะหายไป        3. แสดงเลเยอร์โดย Click mouse ที่  อีกครั้งหนึ่ง เพื่อแสดงเลเยอร์ ช่องสถานะจะเปลี่ยนกลับมาเป็น         4. ผลลัพธ์ที่ได้ เลเยอร์ Mushroom จะปรากฏขึ้นอีกครั้ง        5. ซ่อนและแสดงหลายๆ เลเยอร์พร้อมกัน โดยการ Drag mouse ผ่านช่องสี่เหลี่ยมต่างๆ        6. ผลลัพธ์ที่ได้ เลเยอร์ Vegetable, Gevi, Orange และ Mushroom จะหายไป

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

Opacity (ลดความเข้มของภาพลง) ในส่วนของ เลเยอร์ มีเครื่องมือตัวนี้มาให้เพื่อช่วยลดความเข้มของภาพลง ทำให้ภาพดูใสในเปอร์เซ็นต์ที่ต่ำๆ หรือในบางครั้ง ใช้เพื่อทำให้ภาพดูซอฟท์ลง ไม่ให้ดูแข็งเกินไป

บทที่ 5 การสร้างข้อความตกแต่งภาพ

การสร้างข้อความตกแต่งภาพ
การสร้างข้อความตกแต่งภาพ 
การสร้างงานกราฟิกนอกจากจะเป็นการนาภาพหลาย ๆ ภาพมาตกแต่งเป็นเรื่องราวแล้ว เรายังสามารถใส่ข้อความประกอบการนาเสนอได้ด้วย ชึ่งเนื้อหาในบทนี้เราจะกล่าวกันถึงเรื่องการใส่ตัวอักษรลงไปในภาพ โดยใช้คาสั่งในตระกูล Type Tool และปรับแต่งตัวอักษรและข้อความต่าง ๆ ผลการเรียนรู้ที่คาดหวัง 1. อธิบายความแตกต่างระหว่างตัวอักษรแบบเวกเตอร์และบิตแมพ
2. สร้างตัวอักษรแบบ Point type และ Paragraph type ได้
3. ปรับรูปแบบตัวอักษรเพื่อประกอบบนชิ้นงานได้
4. ใช้ตัวอักษรภาษาไทยใน Photoshop ได้
5. สร้างตัวอักษรแบบบิพแมพได้

5.1 รู้จักกับประเภทของตัวอักษร ตัวอักษรที่ใช้ในโปรแกรมกราฟิก โดยทั่วไปแบ่งออกเป็น 2 ประเภท คือ แบบเวกเตอร์ (Vector) ตัวอักษรแบบเวกเตอร์ จะเกิดจากการลากเส้นตรง เส้นโค้งที่คานวณด้วยสมการทางคณิตศาสตร์ จากจุดหนึ่งไปยังสู่จุดหนึ่ง ต่อเนื่องจนเกิดเป็นภาพหรือตัวอักษร
ตัวอักษรแบบเวกเตอร์จะไม่มีปัญหาเรื่องรอยแตกบนขอบตัวอักษร เมื่อเกิดการย่อ/ขยายตัวอักษรมาก ๆ จึงเหมาะสาหรับนามาใช้ในงานสิ่งพิมพ์ และงานศิลป์ อย่างไรก็ตาม ตัวอักษรแบบนี้จะนาไปตกแต่งเอฟเฟ็กต์โดยใช้ฟิลเตอร์ไม่ได้ แบบบิดแมพ (Bitmap) ตัวอักษรแบบบิตแมพ จะเกิดจากการเรียงช่องสีเป็นตารางเพื่อสร้างภาพ หรือตัวอักษร ทาให้สะดวกในการประมวลผลเรื่องสี โดยเฉพาะอย่างยิ่งการลงสี และการตกแต่งภาพ ฉะนั้นข้อดีของอักษรแบบบิตแมพ คือ สามารถใช้ได้กับการใส่เอฟเฟ็กต์ และฟิลเตอร์ ในขณะที่ข้อเสีย คือ เมื่อมีการขยายขนาดจะทาให้ ช่องสีขยายใหญ่เกินไปจนเห็นตัวอักษรแตกเป็นช่องเหลี่ยม ๆ
จา
ฉะนั้นหลักการและเทคนิคในการปรับแต่งตัวอักษรที่ดีที่สุด คือ พิมพ์ตัวอักษร (การพิมพ์จะได้ตัวอักษรแบบเวกเตอร์) กาหนดขนาดและดูความถูกต้องของตัวอักษร หลังจากนั้นจึงเปลี่ยนจากตัวอักษรแบบเวกเตอร์มาเป็นตัวอักษรแบบบิตแมพ เพื่อปรับเปลี่ยนสี และใส่เอฟเฟ็กต์ให้กับตัวอักษร เพราะถ้าเราแปลงข้อความจากเวกเตอร์เป็นบิตแมพ แล้วต่อจากนั้นมาปรับขนาดทีหลังจะส่งผลให้ตัวอักษรแตกได้ 1.2 เครื่องมือในการสร้างตัวอักษร เราสามารถสร้างข้อความได้ โดยใช้คาสั่ง Type Tool ซึ่งมีลักษณะการใช้งานที่แตกต่างกันไป 4 รูปแบบ ดังน 
5.3 การสร้างตัวอักษรแบบเวกเตอร์ ตัวอักษรแบบเวกเตอร์ เหมาะสาหรับการนาเสนอข้อความที่มีความคมชัด และมีสีสันเรียบง่าย เพราะตัวอักษรแบบเวกเตอร์ไม่สามารถใส่เอฟเฟ็กต์ได้มากนัก
ตัวอักษรแบบเวกเตอร์ มีอยู่ 2 แบบ คือ Point type และ Paragraph type ซึ่งต่างกันตรงที่ Point type จะเป็นข้อความชื่อเรื่อง ส่วน Paragraph type จะเป็นข้อความเนื้อเรื่องที่มีหลายบรรทัด หรือมีลักษณะเป็น

ตัวอักษรแบบ

Paragraph

7.คลิกเมาส์ยืนยันใช้ข้อความที่สร้างไว้

ภาพเริ่มต้นก่อนใส่ข้อความโฆษณา

1.คลิกเลือก

Type Tool ตามที่ต้องการ

4.เลือกขนาดตัวอักษ

5.เลือกสีของตัวอักษร

6.คลิกเมาส์และพิมพ์ข้อความที่

ข้อความแนวนอน

　

　

1. คลิกเมาส์เลือก Horizontal Type Tool เพื่อสร้างข้อความในแนวนอน หรือ Vertical Tool เพื่อ สร้าง ข้อความในแนวตั้ง
2. ในออปชั่นบาร์ ให้เรากาหนดรูปแบบของตัวอักษร
3. กาหนดลักษณะของตัวอักษร ได้แก่ ตัวหนา ตัวเอียง หรือตัวปกติ
4. กาหนดขนาดของตัวอักษร
5. กาหนดสีของตัวอักษร
6. คลิกเมาส์ลงไปในชิ้นงาน และพิมพ์ข้อความที่ต้องการ
7. คลิกเมาส์ปุ่ม เพื่อยืนยันใช้ข้อความที่เราได้สร้างเอาไว้นี้ ย่อหน้า สร้าง
1. คลิกเมาส์เลือก Horizontal Type Tool เพื่อสร้างข้อความในแนวนอน หรือ Vertical Type Tool เพื่อ สร้างข้อความในแนวตั้ง
2. ลากเมาส์เป็นพื้นที่กรอบสี่เหลี่ยมเพื่อกาหนดเป็นบริเวณใส่ข้อความ
3. ในออปชั่นบาร์ ให้เรากาหนดรูปแบบของตัวอักษร
4. พิมพ์ข้อความที่ต้องการลงในพื้นที่ว่างในกรอบสี่เหลี่ยมนั้น
5. คลิกเมาส์ที่ปุ่ม เพื่อยืนยันใช้ข้อความที่เราได้สร้างเอาไว้นี้ 

6. แสดงข้อความในลักษณะของ Paragraph ตามที่เราต้องการ TIP

โหมดสี Multichannel, Bitmap และ Indexed Color จะไม่สนับสนุนการทางานแบบเลเยอร์ ดังนั้นเมื่อเราพิมพ์ข้อความลงไปในภาพที่ใช้โหมดสีเหล่านี้ ข้อความที่พิมพ์จะทับอยู่บนภาพ Background โดยที่เราไม่สามารถแก้ไขข้อความได้ แต่ในกรณีที่เราต้องการแยกข้อความให้อยู่ในอีกเลเยอร์เพื่อจะสามารถแก้ไขได้ เราจะต้องใช้โหมดสีอื่น (การเปลี่ยนโหมดสีจะกล่าวในบทความรู้เรื่องสี) 5.6 การกาหนดรูปแบบตัวอักษร เราสามารถปรับแต่งตัวอักษรได้เพิ่มเติม โดยอาศัยการคลิกเมาส์ที่ปุ่ม บนออปชั่นบาร์ หรือเลือกคาสั่ง Window>Character เพื่อเปิดพาเนล Character
Font Type Style
Size Leading
Kerning Tracking
Vertically Scale Horizontally Scale
Baseline Color
ลักษณะตัวอักษร
Language Anti-Alias
Font กาหนดรูปแบบตัวอักษร 6. ตกแต่งตัวอักษรด้วยพาเนล Style และ Layer Style ได้ 
5.คลิกเมาส์และลาก เพื่อย้ายตาแหน่งภาพ จากนั้นกดปุ่ม <Enter>เมื่อปรับรูปทรง5.1 รู้จักกับประเภทของตัวอักษร ตัวอักษรที่ใช้ในโปรแกรมกราฟิก โดยทั่วไปแบ่งออกเป็น 2 ประเภท คือ แบบเวกเตอร์ (Vector) ตัวอักษรแบบเวกเตอร์ จะเกิดจากการลากเส้นตรง เส้นโค้งที่คานวณด้วยสมการทางคณิตศาสตร์ จากจุดหนึ่งไปยังสู่จุดหนึ่ง ต่อเนื่องจนเกิดเป็นภาพหรือตัวอักษร
ตัวอักษรแบบเวกเตอร์จะไม่มีปัญหาเรื่องรอยแตกบนขอบตัวอักษร เมื่อเกิดการย่อ/ขยายตัวอักษรมาก ๆ จึงเหมาะสาหรับนามาใช้ในงานสิ่งพิมพ์ และงานศิลป์ อย่างไรก็ตาม ตัวอักษรแบบนี้จะนาไปตกแต่งเอฟเฟ็กต์โดยใช้ฟิลเตอร์ไม่ได้ แบบบิดแมพ (Bitmap) ตัวอักษรแบบบิตแมพ จะเกิดจากการเรียงช่องสีเป็นตารางเพื่อสร้างภาพ หรือตัวอักษร ทาให้สะดวกในการประมวลผลเรื่องสี โดยเฉพาะอย่างยิ่งการลงสี และการตกแต่งภาพ ฉะนั้นข้อดีของอักษรแบบบิตแมพ คือ สามารถใช้ได้กับการใส่เอฟเฟ็กต์ และฟิลเตอร์ ในขณะที่ข้อเสีย คือ เมื่อมีการขยายขนาดจะทาให้ ช่องสีขยายใหญ่เกินไปจนเห็นตัวอักษรแตกเป็นช่องเหลี่ยม ๆ 

จากข้อดีและข้อเสียของตัวอักษรแบบเวกเตอร์ และบิตแมพที่ผ่านมาเราสรุปได้ดังนี้คือ ตัวอักษรเวกเตอร์

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