sheet 3

1 ใบความรู้ที่ 3 เรอ่ื ง ร้จู กั กบั โปรแกรม Photoshop รูจ้ ักโปรแกรม Adobe Photoshop CS6 Adobe Photoshop เป็นสุดยอดโปรแกรม ๆ หน่ึงทางด้านกราฟิก เป็นหน่ึงในโปรแกรม ตระกูล Adobe ซ่ึงถูก พัฒนามาอย่างต่อเนื่องและยาวนาน Photoshop ถูกออกแบบมาเพ่ือใช้ งานทางด้านกราฟิก, การตกแต่งภาพ, สร้างภาพ 3 มติ ิ, ภาพพาโนรามา, สรา้ งสรรค์งาน โปสเตอร์, โฆษณา, สื่อส่ิงพิมพ์, ปกนิตยสาร, ออกแบบสินคา้ , รปู ภาพตา่ ง ๆ ที่นาไปวางบนเอกสารเว็บเพจ เหมาะสาหรับนักออกแบบ, Creative, สถาปนิก, และบคุ คลท่ัวไปทีส่ นใจงานทางด้านกราฟิก ภาพที่ 1 แสดงโลโกโ้ ปรแกรม Adobe Photoshop เวอรช์ ่นั CS6 ความต้องการทางดา้ น Hardware ของโปรแกรม • ความเรว็ ของซพี ียู (CPU) ขน้ั ต่า 1.8GHz หรือมากกว่า • ระบบปฏบิ ตั ิการ Microsoft Windows XP Service Pack 2 (แนะนาใหใ้ ช้ Service Pack 3) หรอื Windows Vista หรอื Windows 7 และ Windows 8 • หน่วยความจา (Ram) 1 GB • พื้นทวี่ า่ งในฮารด์ ดสิ ก์ 1 GB สาหรบั ตดิ ตงั้ โปรแกรม และควรมีพน้ื ที่ว่างสาหรบั การทางานอกี อยา่ งนอ้ ย 1 GB • ความละเอยี ดของจอภาพขัน้ ตา่ 1024x768 (แนะนาให้ใชท้ ่ี 1280x800) พรอ้ มการ์ดจอ 16-bit (Video Card) หากใช้ Photoshop Extended และใช้งานภาพ 3D ควรมีคุณสมบัติของ CPU-accelerated ที่ทางานรว่ มกับ Shader Model 3.0 และใช้งานกับ OpenGL 2.0 • ไดรว์ DVD-ROM สาหรบั ใส่ DVD ตดิ ต้ังโปรแกรม • โปรแกรม QuickTime 7.2 ขนึ้ ไป สาหรับการทางานกบั มลั ตมิ ีเดยี เช่น วิดีโอ • การเช่อื มตอ่ อนิ เทอร์เน็ต ถา้ จาเปน็ ตอ้ งเขา้ ไปใชบ้ รกิ ารออนไลน์ เชน่ Help หรอื ดาวน์โหลดปลั๊กอนิ วิชา ง20203 คอมพิวเตอรก์ ราฟิก ชนั้ มธั ยมศึกษาปีท่ี 3 (ผูส้ อน...นางสาวอสิ ยาภรณ์ เวียนวงค)์

2 ความสามารถของโปรแกรม Photoshop งานตกแต่งภาพถ่าย เปน็ การตกแต่งรูปถ่ายเก่า ๆ ใหค้ มชัดหรือเหมือนใหม่ หรือ ทาการแก้ไขความ สว่างของรปู ถา่ ยให้ภาพมีสสี ดใสสมจริง ปรับแต่งภาพถ่ายให้เหมือนภาพวาด นอกจากน้ันยังสามารถตัดต่อภาพ สรา้ งภาพลอ้ เลียน เช่น เอาใบหน้าคนหนงึ่ ไปวางบนตัวอีกคนหนงึ่ นาภาพบคุ คลไปวางบนฉากหลงั ฉากอ่ืน เปน็ ตน้ ภาพท่ี 2 แสดงการเปรยี บเทยี บภาพถา่ ยก่อนและหลงั การปรบั แต่งภาพ งานส่งิ พมิ พ์ ไมว่ า่ จะเปน็ หนังสอื นิตยสาร โฆษณา เรียกได้วา่ เกอื บทุกงานทต่ี อ้ งใชร้ ูปภาพ สามารถใช้ Photoshop สร้างสรรคภ์ าพให้เป็นไปตามไอเดียทเี่ ราวางแผนไว้ได้ ภาพที่ 3-4 แสดงภาพสอื่ สิ่งพมิ พ์ วชิ า ง20203 คอมพวิ เตอร์กราฟิก ชนั้ มธั ยมศึกษาปีท่ี 3 (ผูส้ อน...นางสาวอสิ ยาภรณ์ เวียนวงค)์

3 งานเว็บไซตบ์ นอินเทอร์เน็ต ใช้สร้างภาพเพ่ือตกแตง่ เว็บไซต์ ไม่ว่าจะเป็น Background ปุ่มโต้ตอบ แถบหัวเรือ่ ง ตลอดจนภาพประกอบตา่ ง ๆ นอกจากนั้นยังสามารถออกแบบหนา้ เว็บดว้ ย Photoshop ได้ ภาพท่ี 5-6 แสดงหนา้ เวบ็ ไซตท์ ี่ออกแบบดว้ ย Photoshop งานออกแบบทากราฟิก ใช้ Photoshop ช่วยในการสรา้ งภาพสามมิติ การออกแบบปกหนังสือและ ผลิตภณั ฑ์ การออกแบบการ์ดอวยพร ออกแบบ Portfolio เปน็ ต้น ภาพท่ี 7-9 แสดงภาพกราฟกิ ทีอ่ อกแบบดว้ ย Photoshop วชิ า ง20203 คอมพวิ เตอรก์ ราฟิก ชนั้ มธั ยมศึกษาปีท่ี 3 (ผูส้ อน...นางสาวอสิ ยาภรณ์ เวยี นวงค)์

4 การเรยี กใชโ้ ปรแกรม Adobe Photoshop CS6 เมือ่ เรามโี ปรแกรม Adobe Photoshop CS6 ตดิ ต้งั อยู่ในเคร่ืองของเราเรยี บรอ้ ยแลว้ จากนเี้ รากจ็ ะ เรม่ิ ตน้ ใชง้ านกนั ไดเ้ ลย 1. คลกิ ทปี่ มุ่ Start 2. ชไี้ ปท่ี All Programs 3. ช้ีไปท่ี Adobe Photoshop CS6 ภาพท่ี 10 แสดงสว่ นประกอบโปรแกรม Adobe Photoshop เวอรช์ น่ั CS6 ความสามารถพ้นื ฐานของ Adobe Photoshop ที่ควรทราบ - ตกแตง่ หรอื แก้ไขรปู ภาพ - ตัดตอ่ ภาพบางสว่ น หรือทเี่ รียกวา่ crop ภาพ - เปลยี่ นแปลงสขี องภาพ จากสีหนง่ึ เป็นอีกสีหนง่ึ ได้ - สามารถลากเสน้ แบบฟรสี ไตล์ หรอื ใสร่ ปู ภาพ สเ่ี หลยี่ ม วงกลม หรอื สรา้ งภาพได้อยา่ งอิสระ - มกี ารแบ่งชน้ั ของภาพเป็น Layer สามารถเคลอื่ นย้ายภาพได้เป็นอสิ ระตอ่ กัน - การทา cloning ภาพ หรือการทาภาพซา้ ในรปู ภาพเดยี วกนั - เพม่ิ เตมิ ขอ้ ความใส่ effect ของข้อความได้ - Brush หรอื แปรงทาสี ทีส่ ามารถเลือกรูปแบบสาเรจ็ รปู ในการสร้างภาพได้ และอนื่ ๆ อกี มากมาย วิชา ง20203 คอมพิวเตอรก์ ราฟิก ชนั้ มธั ยมศึกษาปีท่ี 3 (ผูส้ อน...นางสาวอสิ ยาภรณ์ เวยี นวงค)์

สว่ นประกอบหลักของโปรแกรม Adobe Photoshop CS6 5     พืน้ ทก่ี ารทางาน Work Area  ภาพท่ี 11 แสดงสว่ นประกอบตา่ ง ๆ ของโปรแกรม Adobe Photoshop เวอรช์ น่ั CS6 1. Menu bar (เมนูบาร)์ หรอื เมนูของโปรแกรม เปน็ แถบทร่ี วบรวมคาสั่งทั้งหมดของโปรแกรม โดยแยกประเภทคาสัง่ ออกเปน็ หมวดหมตู่ าม ลกั ษณะการทางานอยา่ งเช่น เมนู File มีหนา้ ทจี่ ดั การไฟล์ เมนู Window จะรวบรวมคาสง่ั ทัง้ หมดในการจดั การ หน้าต่างโปรแกรม และสามารถใชค้ ยี ล์ ดั ในการจัดการ เชน่ Ctrl+O คือ การกดป่มุ Ctrl พร้อมกบั O กส็ ามารถเปิด ไฟลท์ ี่ตอ้ งการ หรอื เขา้ ไปคลกิ Menu > File> Open เปน็ คาส่ังเปดิ ไฟลเ์ ช่นกนั ภาพท่ี 12 แสดงแถบเมนบู าร์ วชิ า ง20203 คอมพวิ เตอร์กราฟิก ชนั้ มธั ยมศึกษาปีท่ี 3 (ผูส้ อน...นางสาวอสิ ยาภรณ์ เวียนวงค)์

6 2. Option Bar (ออปช่ันบาร)์ เปน็ พน้ื ทส่ี ว่ นที่โปรแกรม Photoshop จะแสดงคณุ สมบตั ขิ องเครอ่ื งมอื ทเี่ ราเลอื กมาใช้งาน เพ่ือใหเ้ ราปรบั แต่งคา่ ของเคร่ืองมอื น้นั ใหเ้ หมาะสมยงิ่ ข้ึน ดังนน้ั ส่ิงทแี่ สดงขน้ึ มาที่ Option Bar จึงต่างกันไป ตามคณุ สมบตั ขิ องเครอ่ื งมอื แต่ละชนิด ภาพท่ี 13 แสดงแถบออปชน่ั บาร์ 3. Tool Bar (ทูลบาร)์ เป็นกล่องเครื่องมือทีร่ วบรวมชุดเครอ่ื งมอื ที่โปรแกรม Photoshop เตรยี มไวใ้ ชง้ าน เพื่อแกไ้ ข ตกแต่ง หรอื สร้างชนิ้ งานในลกั ษณะต่าง ๆ เครอ่ื งมือหรือคาสงั่ ที่ เห็นใน Tool Bar เป็นเคร่อื งมือที่มักจะถกู เรียกใช้งานบอ่ ย ๆ ซ่งึ นามาไว้ใน Tool Bar เพอ่ื ความสะดวกในการทางาน ยกเวน้ ยงั มีคาสงั่ ทใี่ ชใ้ นการแก้ไข ตกแต่ง หรอื สรา้ งชิน้ งานอกี มากมาย ซอ่ นอยู่ตามเมนูตา่ ง ๆ ใน Menu Bar อยา่ งเช่น Filter ทภี่ ายในจะรวบรวมคาสง่ั ทใ่ี ช้ในการสร้างเอฟเฟก็ ตข์ องรปู ภาพท่ี 14 แสดงแถบทลูบาร์ 4. Palettes (พาเล1ท)กกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกก กลุ่มหน้าต่างเล็ก ๆ ท่ีมีหน้าท่ีการทางานเฉพาะ ส่วนใหญ่แล้ว จะชว่ ยเสริมการทางาน และควบคุมรายละเอียดในด้านต่าง ๆ ของโปรแกรม เช่น พาเลท Swatches ใชส้ าหรับเลือก หรอื กาหนดสี , พาเลท History ใชจ้ ดั การขอ้ มลู การทางานในข้ันตอนต่าง ๆ ท่ีผ่านมา เป็นต้น เราสามารถปิดพาเลท หรือเปิด พาเลทใหมข่ ้นึ มาเพิม่ ได้ โดยคลิกเมนู window รายชอ่ื ของพาเลททั้งหมดจะปรากฏ ขึ้นมา พาเลทท่ีเปิดอยู่คือพาเลทที่มีเครื่องหมายถูกอยู่หน้าชื่อ ดังนั้น การเปิด พาเลทกค็ ือ การคลกิ ให้มเี คร่อื งหมายถกู หนา้ ชื่อพาเลทน้ัน ๆ ส่วนการปิดจะคลกิ ซา้ หน้าชอ่ื ใหเ้ ครอ่ื งหมายถกู หายไปกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกก ภาพที่ 15 แสดงพาเลท วิชา ง20203 คอมพิวเตอร์กราฟิก ชนั้ มธั ยมศึกษาปีท่ี 3 (ผูส้ อน...นางสาวอสิ ยาภรณ์ เวยี นวงค)์

7 5. Work Area (เวริ ์คแอเรยี ) เปน็ พื้นทที่ างาน หรอื กระดานวาดภาพ ตรงนเ้ี ปน็ สว่ นทเ่ี ราจะสร้างไฟล์ใหมข่ นึ้ มาทางาน ตกแต่ง ชนิ้ งาน หรอื เปดิ ไฟลร์ ูปขน้ึ มาแกไ้ ข เครื่องมอื พืน้ ฐานของโปรแกรม Tools ภาพที่ 16 แสดงการแบ่งกลมุ่ เครอื่ งมอื Tool Box เวอรช์ ันทม่ี ีคำว่ำ Elements คือ เวอรช์ น่ั ท่ีเหมำะสำหรบั มือใหม่ เวอร์ชั่นทมี่ คี ำวำ่ Extended คือ เวอร์ชนั ท่ีสำมำรถทำงำนรว่ มกบั ภำพ 3 มิติ และเวอรช์ นั ทม่ี คี ำวำ่ CS ย่อมำจำก Create Suite เพ่ือใหเ้ หมำะสมกับกำรนำไปใช้งำนรำคำทถ่ี กู วิชา ง20203 คอมพวิ เตอรก์ ราฟิก ชนั้ มธั ยมศึกษาปีท่ี 3 (ผูส้ อน...นางสาวอสิ ยาภรณ์ เวียนวงค)์

8 บรรณานกุ รม เจนรบ โกรธา. เอกสารการจัดการเรียนรู้รายวิชาการตกแต่งภาพนง่ิ (Adobe Photoshop). เข้าถึงเมือ่ วนั ที่ 9 มกราคม 2560. จากhttp://planlearning.blogspot.com/2016/02/photoshop.html. ปิยะ นากสงค์. การใชโ้ ปรแกรม Photoshop เวอร์ช่ัน CS6. บริษทั ซคั เซส มีเดยี จากดั , 2557. หนึ่งฤทัย พุทธแกว้ . แบบฝึกทกั ษะคอมพิวเตอร์ เรื่อง ความรเู้ บ้อื งตน้ เก่ยี วกับกราฟิก. โรงเรยี นชากังราววทิ ยา (อนิ ทร-์ ชมุ่ ดีสารอุปถมั ภ์), 2557. วชิ า ง20203 คอมพวิ เตอร์กราฟิก ชนั้ มธั ยมศึกษาปีท่ี 3 (ผูส้ อน...นางสาวอสิ ยาภรณ์ เวยี นวงค)์