การใช้งาน Adobe photoshop cs5
•
4 j'aime•8,000 vues
PPT การใช้งานโปรแกรม Adobe Photoshop CS5 ใช้ในการจัดการเรียนรู้ วิชา ง33201 เทคโนโลยีสารสนเทศและการสื่อสาร โรงเรียนขามแก่นนคร ปีการศึกษา 2557/1
Recommandé
Contenu connexe
Tendances
Tendances (18)
Similaire à การใช้งาน Adobe photoshop cs5
Similaire à การใช้งาน Adobe photoshop cs5 (20)
Plus de Rattapadol Gunhakoon
Plus de Rattapadol Gunhakoon (12)
การใช้งาน Adobe photoshop cs5
- 1. การใช้โปรแกรม Adobe Photoshop CS5 ง33201 เทคโนโลยีสารสนเทศและการสื่อสาร
- 3. รูปกราฟต่าง ๆ เช่นกราฟแท่ง หรือกราฟเส้น เป็นต้น แต่คอมพิวเตอร์ กราฟิกส์ (Computer Graphic) มิได้หมายถึงเพียงแต่การใช้คอมพิวเตอร์เพื่อแสดง กราฟเท่านั้น แต่หมายรวมถึงการใช้คอมพิวเตอร์ในการทํางานเกี่ยวกับรูปภาพทุก รูปแบบ จากเทคนิคการสร้างภาพหลากหลายวิธี แม้กระทั่งการนําตัวอักษรหลาย ๆ แบบมาประกอบกันเป็นรูปภาพ ก็ถือว่าเป็นงานด้านกราฟิกส์ด้วยเช่นกัน กราฟิก หมายถึง
- 4. ∗ กราฟิกส์มาจากภาษากรีก คือ Graphikos หมายถึง การวาดเขียนและการเขียนภาพ Graphein หมายถึง การเขียน ที่มาของคําว่า กราฟิก
- 6. 1. คอมพิวเตอร์กราฟิกส์กับการออกแบบ 2. กราฟและแผนภาพ 3. ภาพศิลป์ 4. ภาพเคลื่อนไหว 5. อิมเมจโปรเซสซิงค์ คอมพิวเตอร์กราฟิกส์กับการประยุกต์ใช้ในงานด้านต่างๆ
- 7. 1. เท็กซ์โหมด (Text Mode) 2. กราฟิกส์โหมด (Graphic Mode) ประเภทของระบบกราฟิกส์
- 8. คอมพิวเตอร์ทุกเครื่องจะแสดงผลในโหมดนี้ได้ โดยการนําตัวอักษร ตัวเลข และเครื่องหมายต่างๆ ที่มีอยู่ในหน่วยความจําของคอมพิวเตอร์มาแสดงที่จอภาพ ตามคําสั่ง แต่เนื่องจากตัวอักษร ตัวเลขและเครื่องหมายที่มีอยู่ ถูกกําหนดรูปร่างไว้ แน่นอนแล้ว และมีจํานวนจํากัด จึงไม่สามารถนํามาประกอบกันให้เกิดเป็นภาพต่างๆ ที่ถูกต้องสวยงามได้เท่าที่ควร โดยผลลัพธ์ที่แสดงออกมาทางจอภาพนั้น จะมีลักษณะ เป็นแถวของตัวอักษรจํานวน 25 แถว แต่ละแถวมีข้อความไม่เกิน 80 ตัวอักษร เท็กซ์โหมด (Text Mode)
- 9. เพื่อให้คอมพิวเตอร์สามารถแสดงผลเป็นพิกเซลได้จํานวนมาก จึงได้มีการ สร้างวงจรอิเล็กทรอนิกส์ เพื่อใช้สําหรับควบคุมการแสดงผลที่จอภาพ ซึ่งนิยมเรียก กันว่า ระบบกราฟิกส์ ระบบกราฟิกส์มีหลายชนิด เช่น ซีจีเอ (CGA) อีจีเอ (EGA) วีจีเอ (VGA) เฮอร์คิวลีส (Hercules) ซึ่งแต่ละชนิดจะมีคุณสมบัติในการแสดง พิกเซลได้แตกต่างกันคือ ตั้งแต่ขนาด 320 x 200 พิกเซล ถึง 1024 x 786 กราฟิกส์โหมด (Graphic Mode)
- 10. รูปแบบของภาพ รูปภาพกราฟิกส์โดยทั่วไปในปัจจุบันสามารถแบ่งออกเป็น 2 แบบ คือ 1. ภาพกราฟิกส์แบบราสเตอร์ (Raster) 2. ภาพกราฟิกส์แบบเวกเตอร์ (Vector)
- 11. คือ การสร้างภาพโดยใช้จุดสีเล็ก ๆ จํานวนมากซึ่งเรียกว่าพิกเซล (Pixcel) ภายในแต่ละ พิกเซลจะมีองค์ประกอบที่ใช้ในการแสดงสี รูปทรง รูปแบบไฟล์ เราเรียกองค์ประกอบของ พิกเซลเหล่านี้ว่า บิต (Bit) ข้อดีคือภาพที่ได้มีความละเอียดสวยงามกว่าภาพกราฟิกส์แบบ เวกเตอร์ ทําให้เทคนิคการสร้างภาพแบบราสเตอร์นิยมนํามาใช้กับงานภาพที่ต้องการความ ละเอียดมาก ๆ เช่น ภาพถ่าย แต่ปัญหาที่เกิดขึ้นตามมาก็คือเมื่อภาพมีความละเอียดมาก ๆ ขนาดของภาพจะใหญ่ตามไปด้วย ตัวอย่างโปรแกรมกราฟิกส์ประเภทราสเตอร์ เช่น Adobe Photoshop, Fractal Design Painter, Paint Shop Pro, L-View เป็นต้น หลักการทํางานของภาพกราฟิกส์แบบเรสเตอร์
- 12. คือ การสร้างภาพโดยอาศัยการวาดเส้น และสร้างรูปทรงของภาพโดยการคํานวณ จากจุด และสมการทางคณิตศาสตร์ ข้อดีคือ ภาพเวกเตอร์จะมีความละเอียดในการแสดง สูงมาก ไม่ว่าจะย่อหรือขยายจะไม่ทําให้รูปภาพเพี้ยนไปจากเดิม แต่การแสดงผลจะช้ามาก เมื่อเทียบกับภาพแบบราสเตอร์ ตัวอย่างโปรแกรมกราฟิกส์ประเภทเวกเตอร์ เช่น Adobe Illustrator, Macromedia Freehand, Corel Draw, Light Wave, Text3D, Maya, Macromedia Flash เป็นต้น หลักการทํางานของภาพกราฟิกส์แบบเวกเตอร์
- 13. งานคอมพิวเเตอร์กราฟิกส์โดยทั่วไป สามารถสร้างภาพกราฟิกส์ได้ทั้งแบบ 2 มิติ และ 3 มิติ กล่าวคือ ภาพกราฟิกส์ที่เป็น 2 มิติ นั้นจะสามารถแสดงผลได้เพียงมิติด้าน กว้างและยาวเท่านั้น ซึ่งเหมือนกับการวาดภาพบนกระดาษโดยทั่วไป ในขณะที่ภาพ กราฟิกส์แบบ 3 มิติ นั้น จะสามารถแสดงผลงานได้ทั้งด้านกว้าง ด้านยาว และด้านลึก ทํา ให้ภาพมีความน่าสนใจ และมีรายละเอียดของชิ้นงานเป็นอย่างดี แต่เนื่องด้วยความ ละเอียดที่มีมากจึงส่งผลให้ขนาดของไฟล์ภาพประเภท 3 มิติ มีขนาดใหญ่ตามไปด้วย จึง จําเป็นต้องใช้โปรแกรมคอมพิวเตอร์ที่มีประสิทธิภาพควบคู่ไปกับขีดความสามารถของ ระบบคอมพิวเตอร์นั้นๆ ความแตกต่างระหว่างกราฟิ กส์แบบ 2 มิติ และ 3 มิติ
- 14. ประเภทและคุณลักษณะของแฟ้ มภาพกราฟิกส์ ∗แบบเรสเตอร์ ∗ .PSD ∗ .BMP ∗ .TIF ∗ .JPG ∗ .PNG ∗ .PCX Z ∗ .RAW ∗แบบเวกเตอร์ ∗ .SVG ∗ .DXF
- 15. คุณสมบัติพื้นฐานของเครื่องคอมพิวเตอร์เพื่องานกราฟิกส์ ฮาร์ดแวร์ คุณสมบัติ ซีพียู (CPU) ควรมีความเร็วอย่างน้อย 1 GHz โดยอาจจะใช้ของอินเทลหรือเอเอ็มดี ก็ได้ ทั้งนี้ขึ้นอยู่กับความต้องการของ ผู้ใช้และงบประมาณ เพราะต่างก็มี ข้อดีและข้อเสียแตกต่างกันออกไป เมนบอร์ด (Main board) ควรมีสล็อตแบบ AGP และสล็อต แบบ PCI ตามมาตรฐานของ ATX ไม่ควรใช้เมนบอร์ดที่มีการ Built-in ที่รวมเอาชิปเซ็ตการ์ดแสดงผลและ ซาวด์การ์ดไว้รวมกัน
- 16. คุณสมบัติพื้นฐานของเครื่องคอมพิวเตอร์เพื่องานกราฟิกส์ ฮาร์ดแวร์ คุณสมบัติ แรม (RAM) ควรมีขนาด 512 MB เป็นอย่างตํ่า จอภาพ (Monitor) ควรมีขนาดเป็นอย่างตํ่า 17 นิ้ว และ ใช้ความละเอียดที่ 1,024 x 768 ฮาร์ดดิสก์ (Hard Disk) มีขนาดอย่างน้อย 40 GB และใช้ ความเร็วแบบ 7,200 รอบ เพื่อช่วยให้ การทํางานเร็วมากขึ้น การ์ดแสดงผล (Monitor Card) มีหน่วยความจําตั้งแต่ 16 MB ขึ้นไป
- 17. เป็นคําย่อมาจาก Picture Element หรือองค์ประกอบของ รูปภาพ คือ หน่วยย่อยที่เล็กที่สุดของ Bitmap Graphic รูปร่างของ พิกเซลมีลักษณะเป็นสี่เหลี่ยมจตุรัส และขนาดของพิกเซลขึ้นอยู่กับ จํานวนพิกเซลที่ประกอบกันเป็นภาพนั้นขึ้นมา พิกเซล (Pixel)
- 18. โดยปกติจะมีการวัดค่าความละเอียดของภาพ (Resolution) เป็นจํานวน พิกเซลต่อนิ้ว ค่าตัวเลขของ Resolution นี้หมายถึง ใน 1 นิ้ว จะมีจํานวนพิเซล ทั้งหมดเท่าไร ถ้าทราบขนาดความกว้างและความยาวของภาพแล้ว ก็จะสามารถระบุ ได้ว่า มีจํานวนพิกเซลในภาพทั้งหมดเท่าไร เช่น ถ้าภาพรูปหนึ่งมีขนาด 1 x 1 นิ้ว และมีค่า Resolution 8 พิกเซลต่อนิ้ว แสดงว่าภาพรูปนี้มีจํานวนพิกเซลทั้งหมด 64 พิกเซล เป็นต้น ความละเอียดของภาพ (Image Resolution)
- 19. ความจุของสี หมายถึง จํานวนบิตข้อมูลที่เก็บรายละเอียดเกี่ยวกับสี ของพิกเซลหนึ่งๆ โดยเป็นค่าจํานวนบิตที่มากที่สุดที่พิกเซลอันนั้นเก็บ ได้ ใน Photoshop เรียกว่า Color Mode ซึ่งหมายถึง จํานวนบิตที่มาก ที่สุดที่สามารถบันทึกลงในไฟล์ได้ ความจุของสี (Color Capability)
- 20. บิต (Bit) ย่อมาจาก Binary Digit หมายถึง หน่วยความจําที่มีขนาดเล็กที่สุดของ คอมพิวเตอร์ ประกอบด้วยตัวเลข 2 จํานวน คือ 0 และ 1 โดยจํานวนบิตที่ใช้ในแต่ละพิกเซล เรียกว่า ความลึกของบิต (Bit Depth) จํานวนบิตเก็บ ข้อมูล / พิกเซล สีที่ได้ 1 บิต 2 บิต 4 บิต 8 บิต 24 บิต 21 = 2 สี 22 = 4 สี 24 = 16 สี 28 = 256 สี 224 = 16.7 ล้านสี
- 21. ระบบสีของคอมพิวเตอร์ จะเกี่ยวข้องกับการ แสดงผลแสงที่แสดงบนจอคอมพิวเตอร์ โดยมีลักษณะ การแสดงผล คือ ถ้าไม่มีแสดงผลสีใดเลย บนจอภาพจะ แสดงเป็น "สีดํา" หากสีทุกสีแสดงผลพร้อมกัน จะเห็น สีบนจอภาพเป็น "สีขาว" ส่วนสีอื่นๆ เกิดจากการ แสดงสีหลายๆ สี แต่มีค่าแตกต่างกัน การแสดงผล ลักษณะนี้ เรียกว่า การแสดงสี ระบบสี (Color Model)
- 22. การผสมกันของแม่สีทั้งสาม 1. ถ้าแม่สีมีค่าเท่ากัน มาผสมกันเป็นคู่ จะได้ผลดังนี้ 2. ถ้าแม่สีมีค่าเท่ากัน มาผสมทั้ง 3 สี จะได้ผลดังนี้ 3. ถ้าแม่สีมีค่าไม่เท่ากัน ผสมกัน จะได้สีต่างๆ กันไป เช่น
- 24. ความสามารถใหม่ของ Adobe Photoshop CS5 1. Complex selections สามารถสร้าง selection ได้ง่ายและทําได้มากขึ้น เมื่อต้องทํากับภาพที่ ซับซ้อน เช่น ภาพเส้นผมที่ต้องการเปลี่ยนสีแบ็คกราวด์ สามารถทําได้โดยอัตโนมัติด้วยเครื่องมือ selection edges และ สร้าง masks ด้วย new refinement tools 2. Content-Aware Fill เมื่อต้องการเคลื่อนย้ายบางส่วนของภาพหรือวัตถุในภาพ คําสั่งนี้จะช่วย เกลี่ยพื้นที่ที่วัตถุถูกยกออก ด้วยการจัดการแสง เงา และสิ่งรบกวนต่างๆ ให้ภาพดูแนบเนียนอย่าง กลมกลืนกันมาก 3. Extraordinary painting effects n สามารถใช้ Mixer Brush ในการลงสีได้อย่างเป็นธรรมชาติ ให้ ความรู้สึกเหมือนกับกําลังวาดภาพบนผืนผ้าใบเสมือนจริง และ Bristle Tips จะช่วยในเรื่องเลือก พื้นผิวและการลงนํ้าหนัก
- 25. ความสามารถใหม่ของ Adobe Photoshop CS5 4. 3D extrusions with Adobe Repousse สร้างโลโก้ในรูปแบบ 3D และอาร์ตเวิร์คที่มีหลาย text layer, selection, path หรือ layer mask ได้ด้วย Adobe Repousse ที่ทําได้ทั้งบิด หมุน นูน เอียง ช่วยเรื่องออกแบบได้มากขึ้น 5. Puppet Warp คําสั่งนี้เมื่อกําหนดจุดในตําแหน่งที่เหมาะสม ช่วยขยับส่วนที่ต้องการในรูปได้ เช่น การยกแขน 6. State-of-the-art raw image processing เมื่อใช้plug-in Adobe Photoshop Camera Raw 6 จะช่วย กําจัดสิ่งรบกวนต่างๆ แต่ยังคงรักษาสีและรายละเอียด เพิ่มเกรนให้ภาพดูเป็นออร์แกนิคมาก ขึ้น ตกแต่งขอบภาพได้ง่ายขึ้น 7. Superior HDR imaging สร้างภาพเหนือจริงประเภท HDR ได้ง่ายขึ้น ด้วย tone mapping และ adjustments แม้จะเป็นภาพ single-exposure ก็ตาม
- 26. ความสามารถใหม่ของ Adobe Photoshop CS5 8. Enhanced 3D realism and rich materials พัฒนาการออกแบบและสร้างเงาในงาน 3D ได้ง่ายขึ้น ด้วยพื้นฐานของแสงและวัตถุเหมือนแก้วและโลหะ จําแนก ความแตกต่างระหว่างจุดโฟกัสใน 3D ได้ด้วยการปรับระยะของ depth of field 9. Efficient workflow มีเครื่องมือใหม่ๆ ช่วยในการทํางานไม่ตํ่ากว่า 12 ชนิด ที่ ใช้ได้โดยอัตโนมัติ เช่น การเลือกสีจาก onscreen การปรับ opacity จาก หลายเลเยอร์ในครั้งเดียว และอื่นๆ อีกมากมาย
- 27. ความสามารถใหม่ของ Adobe Photoshop CS5 10. Faster performance across platforms ทํางานด้วยความเร็วที่มากขึ้นในการ จัดการภาพจํานวนมากและภาพที่ใหญ่มากๆ ในแพลตฟอร์มที่ 64-bitสําหรับ คอมพิวเตอร์ Mac OS 64-bit และ Windows7 หรือ Windows Vista ทั้งนี้ขึ้นอยู่ กับ RAM, ไดรฟเวอร์ และปัจจัยอื่นๆ ด้วย 11. Better media management ง่ายและยืดหยุ่นในการจัดการและส่งต่อไปยังสื่อ ต่างๆ โดยผ่านทาง Adobe Mini Bridge ใน Photoshop
- 28. องค์ประกอบพื้นฐานของโปรแกรม Menu Bar Options Bar Toolbox Panel Application Bar
- 29. ตัวอย่าง เครื่องมือที่น่าสนใจ Marquee Tool เป็นการเลือกแบบ สี่เหลี่ยมผืนผ้า,วงกลม , แถวขนาด 1 พิกเซลส์ หรือคอลัมน์ 1 พิกเซลส์ Move Tool ใช้เพื่อเลื่อนส่วนที่เลือก หรือไว้เลื่อน Layer และ Guide ต่างๆ Lasso Tool จะใช้เพื่อสร้าง Selection แบบอิสระ, แบบ Polygonal (ตาม จุดที่คลิก) และ Magnetic (ดึงเข้าหา ขอบรูปภาพ) Magic Wand Tool ใช้เลือกพื้นที่บริเวณที่มี สีเดียวกัน
- 30. ตัวอย่าง เครื่องมือที่น่าสนใจ Crop Tool ใช้ในการเลือก บางส่วนของรูปภาพ Slice Tool ใช้ในการสร้าง Slice Slice Selection Tool ใช้เลือก Slice ที่คุณ สร้างขึ้นมา Healing Brush Tool ใช้ในการระบายสี เพื่อ ซ่อมแซมรูปภาพให้ สมบูรณ์แบบ
- 31. คือ ที่รวบรวมคุณสมบัติการทํางานของเครื่องมือต่าง ๆ ซึ่งสามารถ ปรับแต่งการใช้งานได้โดยง่าย โดยไม่ต้องเปิดหาที่แถบคําสั่งอีกต่อไป ทั้งนี้ พาเลทแต่ละชนิดมีคุณลักษณะการใช้งานที่แตกต่างกัน เช่น พาเลท Color พา เลท Navigator พาเลท Layers พาเลท History เป็นต้น พาเลท
- 32. 1. คลิกเมาส์ค้างไว้บนแท็บของพาเลทที่ต้องการ 2. แดรกเมาส์ลากพาเลทนั้นไปยังตําแหน่งที่ต้องการ 3. สังเกตผลลัพธ์ พาเลทนั้นจะเคลื่อนย้ายไปยังตําแหน่งที่ ต้องการ การเคลื่อนย้ายพาเลตต์
- 33. การบันทึก Workspace ไว้ใช้งาน Workspace คือ พื้นที่ในการทํางานของโปรแกรม Photoshop โดยเมื่อทําการปรับแต่งพา เลทตามความต้องการแล้ว ผู้ใช้สามารถบันทึกการจัดวางตําแหน่งของพาเลทไว้ใช้ในครั้ง ต่อไปได้ โดยมีวิธีการดังนี้ 1. จัดรูปแบบพาเลทการทํางานตามความต้องการ 2. คลิกเมนู Windows > Workspace > Save Workspace… 3. หน้าต่าง Workspace จะปรากฏขึ้น จากนั้นให้พิมพ์ชื่อ Workspace ที่ต้องการ เสร็จแล้วให้คลิกปุ่ม Save
- 34. การสร้างไฟล์ใหม่
- 35. การเปิดไฟล์ภาพ
- 36. การย่อ-ขยายภาพ คลิกไอคอน ZoomTool ที่อยู่ใน Toolbox
- 37. การย่อ-ขยายขนาดของรูปภาพ 1. จากภาพที่ลากมาวางไว้ในไฟล์ที่สร้างไว้ ให้ คลิกเมนู Edit > Free Transform จะ สังเกตได้ว่า ที่ รูปภาพจะมีกรอบสี่เหลี่ยม เล็กๆเกิดขึ้น 2. เลื่อนเมาส์ไปบริเวณจุดสี่เหลี่ยมด้านล่างขวา ของภาพจนเกิดเป็นรูปลูกศร 3. แดรกเมาส์ย่อหรือขยายภาพตามความต้องการ
- 38. 1. กดปุ่ม <Ctrl> ที่เลเยอร์ของรูปภาพ สังเกตรูปภาพจะมีเส้นปะเกิดขึ้น ล้อมรอบรูปภาพนั้น 2. คลิกเมนู Edit > Copy เพื่อคัดลอกรูปภาพ 3. คลิกเมนู Edit > Paste เพื่อวางรูปภาพที่คัดลอกไว้ 4. สังเกตจะมีเลเยอร์ของรูปภาพที่คัดลอกเพิ่มมาอีก 1 เลเยอร์ 5. ทดลองแดรกเมาส์ลากภาพเพื่อจัดวางในตําแหน่งที่ต้องการ การคัดลอกรูปภาพ (Copy)
- 39. ∗ *.PSD (Photoshop File) เป็นไฟล์พื้นฐานของโปรแกรม Photoshop สามารถจัดเก็บการทํางานแบบเล เยอร์ไว้ได้ ซึ่งทําให้เกิดข้อดี คือ สามารถนําไฟล์ชิ้นงานที่สร้างไว้มาปรับปรุงแก้ไขได้ตลอดเวลา ∗ *.BMP (Bitmap File) เป็นไฟล์มาตรฐานของระบบปฏิบัติการ Windows มีความละเอียดของภาพสูงมาก ∗ *.TIF (Tagged Image File) เป็นไฟล์ที่สามารถเก็บรายละเอียดของงานได้สูงมาก ใช้ได้ทั้งในเครื่อง PC และ เครื่อง MAC ส่วนใหญ่ใช้ในงานเกี่ยวกับสิ่งพิมพ์ เช่น PageMaker หรือ QuarkXpress เป็นต้น ∗ *.GIF (Graphic Interchange File) เป็นไฟล์ที่ใช้กันมากในเครือข่ายอินเทอร์เน็ต มีความสามารถในการ บีบอัดข้อมูลไว้ได้มาก เหมาะกับภาพแบบลายเส้น หรือแบบเวคเตอร์ ∗ *.JPG (Joint Photographic Experts Group) เป็นไฟล์ที่สามารถบีบอัดข้อมูลไว้ได้มากอีกชนิดหนึ่ง นิยม ใช้กับภาพที่มีรายละเอียดมาก ๆ และเหมาะกับงานทางด้านการจัดทําเว็บไซต์เนื่องจากไฟล์มีขนาดเล็ก การบันทึกไฟล์รูปภาพ (Save)
- 40. Resolution คือ ค่าความละเอียดของไฟล์ภาพหนึ่ง ๆ ซึ่ง กําหนดเป็นจํานวนเม็ดสี (pixels) ต่อหนึ่งหน่วยความยาวของภาพ ตัวอย่างเช่น หากภาพนั้นมีค่า Resolution = 100 pixels/inches แสดงว่าในพื้นที่ 1 ตารางนิ้วของภาพนั้นประกอบด้วยเม็ดสีจํานวน 100 เม็ดสี เป็นต้น ความละเอียดของภาพ (Resolution)
- 42. การสร้างพื้นหลัง หรือการกําหนด Background ของภาพ มีเทคนิคการสร้างได้ หลายรูปแบบ ซึ่งขึ้นอยู่กับความต้องการของผู้ใช้งาน สําหรับโปรแกรม Photoshop CS สามารถใช้งานสีได้ถึง 2 สีพร้อม ๆกัน โดยสามารถคลิกเลือกสีเก็บไว้เพื่อความสะดวกในการ สลับการใช้งาน ซึ่งเรียกสีแรกที่ปรากฏในการทํางานต่าง ๆ เช่น การระบายสีว่า “สีโฟร์ กราวน์” (Foreground Color) และสีที่ 2 ที่เก็บไว้ใช้ว่า “สีแบ็คกราวน์” (Background) การเทสีและการสร้าง Background
- 43. การเทสีและการสร้าง Background Foreground Color คลิกเพื่อสลับสี Background Color ∆ แสดงการใช้งานสีโฟร์กราวน์ และสีแบ็คกราวน์
- 44. การกําหนดสีโดยใช้คีย์ลัด 1. กดปุ่ม <Alt + Delete> เพื่อเปลี่ยนสีของ Foreground 2. กดปุ่ม <Ctrl + Delete> เพื่อเปลี่ยนสีของ Background
- 45. การไล่เฉดสีด้วย Gradient Tool LinearGradient Redial Gradient Angle Gradient ReflectedGradient Diamond Gradient
- 46. เป็นเครื่องมือที่ใช้ในการระบายสี มีลักษณะ คล้ายกับพู่กันสามารถเปลี่ยนขนาดและลักษณะของ หัวแปรงได้ ผู้ใช้สามารถนํามาตกแต่งแบ็คกราวน์ ให้ดูสวยงามหรือมีลักษณะพิเศษตามที่ต้องการได้ การใช้Brush Tool มีขั้นตอนดังนี้ การใช้ Brush Tool
- 47. ∗ Paint Bucket Tool เป็นเครื่องมือที่ใช้ในการเปลี่ยน สีโดยอาศัยค่าสีที่ใกล้เคียงกัน เช่น ถ้าคลิกเลือกสี เหลืองเพื่อเทสีลงในบริเวณสีส้ม สีที่เคยเป็นสีส้ม การกําหนดสีโดยใช้ Paint Bucket Tool
- 48. คือ เครื่องมือการตกแต่งภาพหรือพื้นหลัง ของภาพชนิดหนึ่ง มีลักษณะการทํางานคล้ายกับ การใช้ Brush Tool เพียงแต่ลักษณะของเส้นจะ แตกต่างกัน กล่าวคือ Pencil Tool จะมีขอบ เส้นที่คมและชัดเจน ส่วน Brush Tool จะมี ขอบเส้นที่เบลอ การใช้Pencil Tool
- 49. ∗ Custom Shape Tool เป็นเครื่องมือที่ช่วยในการ ตกแต่งภาพให้มีความสวยงามมากยิ่งขึ้น โดยผู้ใช้ สามารถเลือกสัญลักษณ์ต่างๆจาก Custom Shape Tool จากขั้นตอนง่าย ๆ ดังนี้ การใช้Custom Shape Tool
- 52. ∗ การเลือกพื้นที่การทํางาน เป็นการกําหนดขอบเขตพื้นที่การทํางานบนรูปภาพหรือชิ้นงานที่ ต้องการทําการอย่างใดอย่างหนึ่ง เช่น คัดลอก ลบ หรือแก้ไข เป็นต้น ซึ่งการเลือกพื้นที่ การทํางานถือว่าเป็นสิ่งที่สําคัญ เพราะไม่ว่าจะทําอะไรเกี่ยวกับภาพก็จําเป็นต้องทําการเลือก พื้นที่การทํางานเสียก่อน ซึ่งการเลือกพื้นที่การทํางานสามารถทําได้หลายวิธี การเลือกพื้นที่ในการทํางาน (Selcect)
- 53. ∗ All กําหนดพื้นที่ Selection โดยใช้พื้นที่ของรูปภาพทั้งหมด ∗ Deselect ยกเลิกการกําหนดพื้นที่ Selection ∗ Reselect ย้อนกลับไปกําหนดพื้นที่ Selection หลังจากได้ยกเลิกไป ∗ Inverse เป็นการเปลี่ยนพื้นที่ของ Selection จากที่กําหนดไว้ให้เป็น พื้นที่ตรงข้าม คําสั่งพื้นฐานของ Selection
- 54. ∗ Rectangular Marquee Tool กําหนดขอบเขตพื้นที่แบบสี่เหลี่ยม ∗ Elliptical Marquee Tool กําหนดขอบเขตพื้นที่แบบวงกลมหรือวงรี ∗ Single Row Marquee Tool กําหนดขอบเขตพื้นที่แบบเส้นตรงในแนวนอน ∗ Single Column Marquee Tool กําหนดขอบเขตพื้นที่แบบเส้นตรงในแนวตั้ง การเลือกพื้นที่การทํางานด้วย Marquee Tool
- 55. 1. คลิกเมนู File > Open… เพื่อเปิดไฟล์ภาพที่ต้องการ 2. คลิกเลือกเครื่องมือแบบ Rectangular Marquee Tool 3. แดรกเมาส์ล้อมรอบบริเวณที่ต้องการเลือกพื้นที่ 4. หลักจากนั้นถ้าต้องการทํางานอย่างใดอย่างหนึ่งกับพื้นที่ที่เลือกไว้ก็สามารถดําเนินการ ได้ทันที วิธีการเลือกพื้นที่
- 57. ∗ บางครั้งการวางตําแหน่งการเลือกพื้นที่การทํางานอาจไม่ได้ขนาดของพื้นที่ตรงตามความ ต้องการ ผู้ใช้จึงสามารถยกเลิกการเลือกพื้นที่จากเมนู Select > Deselect ได้ ซึ่งถ้าต้อง ยกเลิกอยู่บ่อยครั้งก็ทําให้เสียเวลามากพอสมควร ดังนั้นการขยายหรือปรับเปลี่ยนพื้นที่ ของการเลือกจะช่วยให้การทํางานมีความสะดวกและรวดเร็วมากยิ่งขึ้น การปรับเปลี่ยนพื้นที่ ของการเลือกสามารถทําได้ดังนี้ การปรับเปลี่ยนพื้นที่ของการเลือก
- 58. ∗ คลิกที่เมนูคําสั่ง Edit ที่แถบ Menu bar จากนั้นเลือกคําสั่ง Transform ∗ Again กลับสู่รูปแบบเดิมก่อนหน้านี้ 1 ขั้น ∗ Scale ปรับเปลี่ยนแบบ Scale ตามแนวตั้ง แนวนอนและแนวทแยง ∗ Rotate หมุนพื้นที่ที่เลือก ∗ Skew ปิดเกลียวพื้นที่เลือก ∗ Distort การบิดเบือนพื้นที่เลือก ∗ Perspective ปรับขนาดของพื้นที่เลือกให้มีลักษณะการมองแบบ Perspective (แบบมีมิติ ความกว้าง ความยาว ความลึก) การใช้ Transform เพื่อปรับเปลี่ยนพื้นที่ Selection
- 59. ∗ ภายหลังจากการกําหนดพื้นที่การเลือกเรียบร้อยแล้ว จะพบว่าเส้นขอบของภาพที่ เกิดจากการเลือกมีลักษณะขอบคม ในบางครั้งเพื่อให้เส้นขอบดูสวยงามมากยิ่งขึ้น ก็อาจใช้คุณสมบัติของ Feather ซึ่งจะทําให้เส้นขอบกลายเป็นขอบฟุ้งขึ้นมาได้ การกําหนดค่า Feather
- 60. ∗ คือ เครื่องมือที่ใช้เลือกพื้นที่การทํางานแบบอิสระ กล่าวคือ ผู้ใช้สามารถแดรกเมาส์ เลือกพื้นที่การทํางานเป็นรูปอะไรก็ได้ ทั้งนี้ ผู้ใช้จะต้องอาศัยความชํานาญในการใช้ เมาส์บังคับขอบเขตพื้นที่การทํางานที่ต้องการ การเลือกพื้นที่การทํางานด้วย Lasso Tool
- 61. ∗ คือ เครื่องมือการเลือกแบบอิสระ โดยจะเลือกพื้นที่ขอบเขตการทํางานบริเวณที่มี จุดตัดกันของสีในภาพ มีลักษณะคล้ายแม่เหล็กโดยจะดูดเข้าหาตําแหน่งขอบสีที่เลือก ไว้ ดังนั้น เครื่องมือการเลือกแบบนี้จึงไม่เหมาะกับภาพที่มีสีใกล้เคียงกันมาก เพราะ ขอบเขตการเลือกพื้นที่ที่ได้จะไม่สามารถกําหนดได้ตามความต้องการ การเลือกพื้นที่การทํางานด้วย Magnetic Lasso Tool
- 62. ∗คือ เครื่องมือการเลือกแบบอิสระ โดยจะเลือกพื้นที่ ขอบเขตการทํางานบริเวณที่มีสีใกล้เคียงกัน เหมาะ กับการเลือกพื้นที่ของภาพที่มีสีแตกต่างกัน มี ขั้นตอนการเลือกดังนี้ การเลือกพื้นที่การทํางานด้วย Magic Wand Tool
- 64. ตัวอักษรที่ใช้งานในโปรแกรม Adobe Photoshop สามารถแบ่งออกเป็น 2 ประเภท ได้แก่ ตัวอักษรที่สามารถปรับขนาดได้(Outline Type) และตัวอักษรที่ไม่สามารถปรับขนาดได้ (Bitmap Type) ซึ่งตัวอักษรแต่ละประเภทเหล่านี้มีข้อดี ข้อเสียที่แตกต่างกัน การประดิษฐ์ตัวอักษร
- 65. ∗ตัวอักษรแบบปรับขนาดได้ (Outline Type) นั้นมีการจัดเก็บข้อมูลใน ลักษณะของการประมวลผลแบบสูตรคณิตศาสตร์ ทําให้ตัวอักษรที่ได้ คมชัด ไม่มีรอยหยัก สามารถปรับเปลี่ยนฟอนต์หรือขนาดของตัวอักษร ได้ตลอดเวลา แต่ข้อเสียที่สําคัญคือไม่สามารถนําตัวอักษรประเภทนี้ไป ใช้งานร่วมกับฟิลเตอร์(Filter) ได้ ตัวอักษรแบบปรับขนาดได้(Outline Type) หรือแบบเวคเตอร์ (Vector Type)
- 66. ∗ตัวอักษรแบบปรับขนาดไม่ได้ (Bitmap Type) นั้น มีการจัดเก็บข้อมูล ในลักษณะของจุดพิกเซลเล็ก ๆ เรียงต่อๆ กัน ดังนั้นเมื่อมีการย่อหรือ ขยายตัวอักษรจะทําให้เกิดรอยหยัก หรือตัวอักษรไม่คมชัด และไม่ สามารถแก้ไข ข้ออความได้เหมือนกับตัวอักษรแบบปรับขนาดได้ แต่ ตัวอักษรประเภทนี้ก็สามารถใช้งานร่วมกับฟิลเตอร์ได้ ตัวอักษรแบบปรับขนาดไม่ได้(Bitmap Type)
- 67. > Horizontal Type Tool คือ เครื่องมือการสร้างตัวอักษรแบบแนวนอน > Vertical Type Tool คือ เครื่องมือการสร้างตัวอักษรแบบแนวตั้ง > Horizontal Type Mask Tool คือ เครื่องมือการสร้าง Select ที่ตัวอักษรในแนวนอน > Vertical Type Mask Tool 1 คือ เครื่องมือการสร้าง Select ที่ตัวอักษรในแนวตั้ง เครื่องมือการสร้างตัวอักษร
- 68. 1. ข้อความแบบ Point Type คือ ข้อความที่มีขนาดสั้นหรือมีตัวอักษรเพียง 1 บรรทัด แต่ ละบรรทัดเป็นอิสระต่อกัน โดยความยาวของตัวอักษรขึ้นอยู่กับตัวอักษรที่พิมพ์ 2. ข้อความแบบ Paragraph Type คือ ข้อความที่มีความยาวหลายบรรทัด โดยข้อความ ทั้งหมดจะอยู่ในขอบเขตเดียวกัน รูปแบบการสร้างตัวอักษร
- 69. ตัวอย่างรูปแบบข้อความ ตัวอย่างข้อความแบบ Point Type ตัวอย่างข้อความแบบ Paragraph Type
- 70. ∗การใช้ตัวอักษรแบบ Outline Type แบ่งออกเป็น 2 แบบ คือ ตัวอักษร แบบแนวนอน (Horizontal Type Tool) และตัวอักษรแบบแนวตั้ง (Vertical Type Tool) ซึ่งการสร้างตัวอักษรแต่ละแบบเหล่านี้ โปรแกรมจะทําการสร้าง เลเยอร์ขึ้นมาใหม่โดยอัตโนมัติทันที และใช้ใน การบรรจุตัวอักษรหรือข้อความได้เท่านั้น การใช้ตัวอักษรแบบปรับขนาดได้(Outline Type)
- 72. ∗ การสร้างตัวอักษรแบบ Bitmap Type นั้น โปรแกรมจะสร้างตัวอักษรขึ้นมาในรูป ของ Selection ซึ่งสามารถทําได้ทั้งในแนวตั้งและแนวนอน นอกจากนั้นยัง สามารถตกแต่งข้อความได้ แต่ไม่สามารถแก้ไขข้อความได้ การใช้ตัวอักษรแบบปรับขนาดไม่ได้(Bitmap Type)
- 77. ∗ เลเยอร์เปรียบเสมือนเป็นส่วนหนึ่งของการทํางาน กับโปรแกรมกราฟฟิกส์ หลักการทํางานพื้นฐาน เหมือนกับการวางแผ่นใสซ้อนทับกันไปเรื่อย ๆ จน เกิดเป็นภาพกราฟิกส์ที่สมบูรณ์ ความหมายของเลเยอร์ (Layer)
- 79. เลเยอร์ Background ในการสร้างไฟล์ใหม่หรือเปิ ดภาพขึ้นมาทุกครั้งจะสังเกตได้ว่า โปรแกรมจะสร้างเลเยอร์ขึ้นมา 1 เลเยอร์โดยอัตโนมัติเสมอ โดยเลเยอร์ นั้นเรียกว่า “เลเยอร์ Background”
- 80. ∗ ที่พาเลทเลเยอร์มีเครื่องมือพิเศษที่ช่วยในการปรับค่าความโปร่งใส (Opacity) ให้กับเลเยอร์แต่ละเลเยอร์ได้ เพื่อช่วยให้ภาพที่ได้มีจุดเน้น หรือคุณลักษณะพิเศษเพิ่มเติมตามความต้องการของผู้ใช้ โดยถ้าค่า Opacity มี ค่ามาก ความโปร่งใสของเลเยอร์นั้นก็จะยิ่งมีค่ามากตามไปด้วย การปรับค่าความโปร่งใส (Opacity) ให้กับเลเยอร์
- 81. การเพิ่มเลเยอร์
- 82. การคัดลอกเลเยอร์
- 83. ∗ ในการใช้ภาพจากเลเยอร์ร่วมกันบางครั้งอาจทําให้ภาพอีกเลเยอร์หนึ่งซ้อนทับหรือบังภาพ อีกเลเยอร์หนึ่ง ดังนั้นถ้าต้องการให้ทั้ง 2 เลเยอร์ไม่ซ้อนทับกันก็อาจใช้วิธีลบภาพบนเลเยอร์ บางส่วนทิ้งไป ซึ่งจะทําให้ภาพต้นฉบับเสียหายตามไปด้วย ดังนั้นการใช้ Layer Mask จะช่วย ทําให้ภาพไม่ซ้อนทับกันและภาพต้นฉบับยังคงเหมือนเดิมไม่มีการเปลี่ยนแปลงอะไร การใช้ Layer Mask
- 84. ∗ Blending เป็นเครื่องมือผสมสีของภาพชนิดหนึ่งซึ่งอยู่ที่พาเลท Layer ทําให้สีของภาพที่ได้มีลักษณะ แตกต่างออกไปจากเดิม การใช้ Blending Option
- 86. ภาพสีแต่ละภาพสามารถเปลี่ยนเป็นภาพขาวดําได้จากเมนู Image > Mode > Grayscale โดยมีขั้นตอนดังนี้ การปรับภาพสีให้เป็นภาพขาวดํา
- 87. ตัวอย่าง ∆ ภาพต้นฉบับ ∆ ภาพที่เปลี่ยนเป็นโหมด Grayscale
- 88. ∗ ภาพทูโทน หรือภาพที่มี 2 สี เป็นภาพที่มีลักษณะแปลกใหม่ไปจากเดิม โดยภาพที่จะสามารถนํามาตกแต่ง ให้เป็นแบบทูโทนนั้น จะต้องแปลงให้อยู่ในรูปของภาพแบบขาวดํา (Grayscale) เสียก่อน การปรับภาพขาวดําให้เป็นแบบทูโทน
- 89. ตัวอย่าง ∆ ภาพต้นฉบับ ∆ ภาพที่เปลี่ยนเป็นโหมด Duotone
- 90. ∗ การถ่ายภาพบางครั้งรูปภาพที่ได้จะมืดเนื่องจากความสว่างไม่เพียงพอในขณะที่ถ่ายภาพนั้น ซึ่งผู้ใช้สามารถ ใช้เครื่องมือ Protoshop ปรับค่าแสงสว่างของภาพได้จากเมนู Image > Adjustments… การปรับแสงสว่างให้กับภาพ
- 91. ตัวอย่าง ∆ ภาพต้นฉบับ ∆ ภาพที่ปรับ Auto Levels ∆ ภาพปกติ ∆ Auto Contrast ∆ Auto Color
- 93. ตัวอย่าง ∆ ภาพต้นฉบับ ∆ ภาพหลังปรับด้วย Curves
- 94. การแทนที่สีเดิมด้วยสีใหม่ที่ต้องการด้วย Replace Color ∆ ภาพต้นฉบับ ∆ ภาพหลังปรับด้วย Replace Color
- 95. การตกแต่งภาพถ่าย
- 96. ∗ การตกแต่งภาพถ่ายนับได้ว่าโปรแกรม Photoshop เป็นโปรแกรมที่ได้รับความนิยมมากที่สุด โปรแกรมหนึ่ง เนื่องจากมีความสามารถหลากหลาย และมีเครื่องมือช่วยเหลือให้การทํางาน เป็นไปด้วยความสะดวกรวดเร็ว ซึ่งการ ตกแต่งภาพถ่ายที่มีการใช้งานกันมากได้แก่ การลบริ้ว รอย การปรับความคมชัด การปรับสีผิว และการโคลนนิ่งภาพเป็นต้น ดังนั้นในบทเรียนนี้จะ กล่าวถึงการตกแต่งภาพถ่ายอย่างง่าย การตกแต่งภาพถ่าย
- 97. ∗Brush Tool ซึ่งสามารถลบรอยด่างดําหรือจุดตําหนิบน ภาพให้มีความสวยงามขึ้นได้ โดยการนําสีบริเวณที่ ใกล้เคียงมาปิดบังส่วนที่ต้องการทําให้หายไป การลบจุดตําหนิบางจุดบนภาพถ่าย Healing Brush Tool
- 98. ∗Stamp Tool เป็นเครื่องมือพื้นฐานที่ใช้ลบจุดตําหนิ หรือริ้วรอยรุ่นแรก ๆ โดยอาศัยหลักการขั้นพื้นฐาน คือการคัดลอกพื้นที่ใดพื้นที่หนึ่งบนภาพมาวางทับ บนพื้นที่อีกจุดหนึ่งบนภาพ การลบจุดตําหนิด้วย Stamp Tool
- 100. ∗ Spot Healing Brush เป็นเครื่องมือลบรอยตําหนิแบบพิเศษที่เพิ่มเข้ามาใน CS2 ช่วยให้การทํางานสะดวกไม่ยุ่งยากเหมือนกับ Stamp หรือ Healing Brush กล่าวคือ เพียงแค่คลิกเลือก Spot Healing Brush แล้วนํามาคลิกบริเวณจุดที่มี รอยตําหนิเท่านั้น โปรแกรมก็จะจัดการเกลี่ยพื้นสีและลบรอยตําหนิให้โดยอัตโนมัติ การลบจุดตําหนิด้วย Spot Healing Brush
- 101. ตัวอย่าง
- 102. ∗ ในการถ่ายภาพบางครั้งจะพบว่า ปัญหากวนใจที่พบมากปัญหาหนึ่งคือภาพตาแดงซึ่งเกิด จากแสงสะท้อน ดังนั้นโปรแกรม Photoshop จึงพัฒนาเครื่องมือเพื่อแก้ไขปัญหาตาแดง โดยใช้ Red Eye Tool การลบตาแดงด้วย Red Eye Tool
- 103. ตัวอย่าง ∆ ภาพต้นฉบับ ∆ ภาพหลังปรับแต่ง
- 104. ∗ ถ้าต้องการตกแต่งให้ภาพบางส่วนมีความโดดเด่นมากยิ่งขึ้น สามารถทําได้โดยอาศัยเครื่องมือ Blur Tool การสร้างความโดดเด่นให้กับภาพ ∆ ภาพต้นฉบับ ∆ ภาพหลังปรับแต่ง
- 105. ∗ จากการถ่ายภาพบางครั้งบางส่วนของภาพมีจุดมืดบางจุดทําให้ภาพไม่ สวยงาม สามารถแก้ไขได้โดยอาศัยเครื่องมือ Dodge Tool การเพิ่มพื้นที่สว่างให้กับภาพ ∆ ภาพขณะดําเนินการ ∆ ภาพหลังปรับแต่ง
- 108. ∗ ฟิลเตอร์ (Filter) คือการตกแต่งภาพด้วยเทคนิคพิเศษ ที่สามารถปรับเปลี่ยนรูปแบบของภาพตาม ความต้องการของงาน การตกแต่งภาพโดยใช้Filter
- 110. ∗ Image Size คือการ ลด/ ขยายรูปภาพโดยสามารถใช้ คําสั่งนี้ได้จากเมนู Image > Image Size… การปรับขนาดของภาพ (Image Size)
- 111. ∗ การตัดเฉพาะบางส่วนของรูปภาพสามารถทําได้โดยการใช้เครื่องมือ Selection สร้าง ขอบเขตพื้นที่ล้อมรอบส่วนของภาพที่ต้องการ ซึ่งวิธีการใช้งาน Selection มีหลากหลาย วิธีดังที่ได้กล่าวมาแล้วจากบทเรียนที่ผ่านมา สําหรับตัวอย่างที่จะกล่าวดังต่อไปนี้จะใช้ เครื่องมือ Elliptical Marquee Tool และ Custom Shape Tool การตัดเฉพาะบางส่วนของรูปภาพ
- 113. Custom Shape Tool
- 114. ∗ การ Crop คือ การตัดกรอบภาพเฉพาะที่ต้องการ นอกจากรูปภาพจะมีขนาดเล็กเกินไปแล้ว บางครั้งรูปภาพก็มีขนาดใหญ่เกินไปได้เช่นกัน เราสามารถตัดกรอบภาพ (Cropping) ให้เหลือ เฉพาะที่ต้องการ การตัดกรอบของรูป (Crop)