หน่วยที่ 2 พื้นฐานการใช้โปรแกรม photoshop

พน้ื ฐานการใช้งานโปรแกรม Adobe Photoshop อ.พศิน สุภริ กั ษ์ ผ่านชอ่ งทาง https://meet.google.com/lookup/gvfjvbnzyg

พื้นฐานการใชง้ านโปรแกรมออกแบบกราฟิก วัตถปุ ระสงค์เชิงพฤตกิ รรม  1. มคี วามเข้าใจเก่ียวกบั พนื้ ฐานการใช้งานโปรแกรมกราฟิก  2. มคี วามเข้าใจเกยี่ วกับการจัดการไฟล์ขั้นพนื้ ฐาน  3. มที กั ษะในการจดั การไฟล์ขน้ั พ้นื ฐาน  4. มีกิจนิสัยทด่ี ตี อ่ งานท่ไี ดร้ ับมอบหมาย

หวั ข้อเน้อื หา 1. พน้ื ฐานการใช้งานโปรแกรมกราฟกิ 2. หน้าตาและส่วนประกอบของโปรแกรม 3. ประเภทของภาพกราฟิก 4. การเข้าสโู่ ปแกรม Adobe Photoshop 5. การเปดิ ไฟล์ภาพ (Open File) 6. การจัดเก็บภาพ (Save File) สาหรบั ภาพตน้ ฉบบั 7. การซ่อนแสดงเคร่อื งมอื 8. การซอ่ นการแสดงไม้บรรทดั 9. การซอ่ นการแสดงเสน้ Guide, Grid

พืน้ ฐานการใชง้ านโปรแกรมกราฟกิ Adobe Photoshop สุดยอดโปรแกรมกราฟกิ ท่ีได้รับความนิยมมากตัวหนึ่งใน บา้ นเรา เป็นโปรแกรมหน่ึงในชุด Adobe Creative Suite โดย Photoshop ได้เพ่ิมเติม ฟีเจอร์ใหก้ ับผใู้ ชง้ านทว่ั ไป ผู้ออกแบบเวบ็ และงานแก้ไขไฟลว์ ีดีโอ

พื้นฐานการใชง้ านโปรแกรมกราฟิก (ต่อ) การติดตง้ั โปรแกรม 1. เมื่อใส่แผ่นซดี ีโปรแกรมลงไปจะแสดงหน้าต่าง Adobe Photoshop CS with Image Ready CS พร้อมกับให้ผู้ใช้งานได้เลือกภาษาท่ีต้องการใช้งานจาก ลิสต์บ็อกซ์ Select the Language ให้คลก้ิ เลือกไปท่ี US English แลว้ คลิกปมุ่ OK 2. จากนั้นจะแสดงหน้าต่าง End User License Agreement เพื่อให้อ่านข้อตกลงในการใช้งานโปรแกรม แล้วคล้ิกปุ่ม Accept จะแสดงหน้าต่างถัดมาให้ไปคลิ้กท่ี Install Adobe Photoshop CS with ImageReady CS

พื้นฐานการใช้งานโปรแกรมกราฟกิ (ต่อ) การตดิ ตัง้ โปรแกรม (ต่อ) 3. จากน้ันจะแสดงหน้าต่าง Adobe Photoshop CS and ImageReady CS Setup เพื่อเร่ิมต้นการเขา้ ส่วู ิซาร์ดการตดิ ต้ังโปรแกรมให้คลกิ้ ปมุ่ Next > 4. จากนั้นจะแสดงไดอะล็อกบ็อกซ์แจ้งเตือนว่าให้ปิดแอพพลิเคชันทั้งหมดก่อน แลว้ คล้ิกปุ่ม OK 5. ถัดมาจะแสดงหน้าต่าง License Agreement Language Selection โดยให้คล้ิกเลือกท่ีภาษา US English แล้วคล้ิกปุม่ Next

พืน้ ฐานการใช้งานโปรแกรมกราฟิก (ตอ่ ) การติดต้ังโปรแกรม (ต่อ) 6. จากนั้นจะแสดงหนา้ Software License Agreement แล้วให้ไปคล้ิกที่ปมุ่ Accept 7. ถัดมาจะแสดงหน้าต่าง Customer Information เพื่อให้กรอกข้อมูลผู้ใช้งานลงไป แล้วคลิ้กป่มุ Next 8. ถดั มาจะแสดงหน้าต่างการรีจิสเทอรพ์ ร้อมแสดงขอ้ มูลผใู้ ชง้ าน ให้คลิ้กปุ่ม Yes 9. จากนั้นจะแสดงหน้าต่าง Choose Destination Location พร้อมแสดงโฟลเดอร์ ทีใ่ ช้ในการติดต้งั โปรแกรม ให้คลิ้กปุม่ Next

พื้นฐานการใช้งานโปรแกรมกราฟิก (ตอ่ ) การตดิ ตัง้ โปรแกรม (ตอ่ ) 10. ถัดมาจะแสดงหน้าต่าง File Association เพ่ือให้คลิ้กเลือกว่าต้องการให้ไฟล์ รูปภาพนามสกุลใด เปิดด้วยโปรแกรม Adobe Photoshop หรือ ImageReady หลงั จากน้ันให้คล้กิ ปุม่ Next 11. ถัดมาจะแสดงข้อมูลเกย่ี วกับค่าการติดตงั้ โปรแกรมเพ่อื ใหผ้ ใู้ ชง้ านได้เลือก ปรับตามความตอ้ งการ แล้วใหค้ ลิ้กปมุ่ Next จากน้นั จะเขา้ สกู่ ารติดต้งั โปรแกรมในทนั ที 12. เม่ือใกลต้ ิดตง้ั โปรแกรมเสร็จสน้ิ จะแสดงไดอะล็อกบอ็ กซ์ Adobe Activation เพ่อื ใหเ้ ลอื กว่าต้องการ Activation Options รปู แบบใด

พ้ืนฐานการใชง้ านโปรแกรมกราฟิก (ต่อ) การติดตงั้ โปรแกรม (ตอ่ ) 13. เมอ่ื การตดิ ต้ังโปรแกรมเสรจ็ เรยี บรอ้ ยแล้วจะแสดงหน้าต่าง Setup is complete และออปชัน Display Photoshop Readme file จะถูกเลอื กให้คลิกท่ี ปุม่ Finish 14. จากน้ันจะแสดงไดอะล็อกบอ็ กซ์ Thank you for choosing Adobe Photoshop CD and ImageReady ใหค้ ลิ้กปมุ่ OK เพ่อื ออกจากการติดต้งั โปรแกรม

พ้ืนฐานการใชง้ านโปรแกรมกราฟิก (ตอ่ ) ระบบเคร่อื งและอปุ กรณ์ 1) CPU Pentium IIIขน้ึ ไป 2) จอภาพ VGA การแสดงผล >= 256 สี (16bit) 3) Hard Disk มพี น้ื ท่วี า่ งอยา่ งน้อย 280 MB 4) RAM 128 MB ข้นึ ไป 5) CD-ROM Drive 6) Windows 98/2000/ME,XP

หน้าตาและสว่ นประกอบของโปรแกรม ทมี่ า: http://www.kruthong.net/photoshop/area.jpg

หนา้ ตาและสว่ นประกอบของโปรแกรม (ตอ่ ) 1. Title Bar แสดงชือ่ โปรแกรม และ/หรือ ชื่อไฟล์ ตลอดจนคา่ เกยี่ วกบั โหมดภาพ 2. Control Button ปุ่มควบคมุ หน้าต่าง ประกอบดว้ ยป่มุ Minimize, Maximize/Restore, Close Button 3. Menu Bar แถบคาสัง่ ควบคมุ การทางาน 4. Toolbox แถบเครอื่ งมอื 5. Work area Window หนา้ ต่างสรา้ งงาน 6. Screen Area หนา้ ต่างโปรแกรม 7. Palettes ชุดคาสง่ั เฉพาะงาน 8. Status Bar แสดงสถานะการทางาน 9. Option Bar แสดงชดุ คาสัง่ ยอ่ ยของเครื่องมือที่เลอื กใชง้ าน

ประเภทของภาพกราฟกิ ภาพแบบบติ แมพ (Bitmap) เกิดจากภาพท่ีประกอบจากจุดสขี นาดเล็ก จานวนมากท่ีต่อเรยี งไลส่ กี นั จนเปน็ ภาพๆหนงึ่ เพอ่ื ใหเ้ ห็นเป็นภาพชัดเจนขึ้น ทม่ี า: http://www.photoshop-bootcamp.com/beginners-guide-bitmap-vector- images-photoshop/

ประเภทของภาพกราฟกิ (ต่อ) ภาพเวคเตอร์ (Vector) ภาพประเภทน้ีถ้าเราขยายภาพ ยงั คงความละเอียด และความคมชดั ไว้ เนื่องจากภาพแบบเวคเตอร์ประกอบด้วยเสน้ ตรงและ เส้นโคง้ ถูกสรา้ งในรปู แบบเราขาคณติ ที่มา: https://55540094jirapinya.wordpress.com/ชนิดของไฟลภ์ าพ/vector-graphic/

การเขา้ สูโ่ ปแกรม Adobe Photoshop 1. การสรา้ งไฟลใ์ หม่ - การเปิดหน้างานใหม่ กระทาไดโ้ ดย การเลอื กเมนูคาสั่ง File, New… และ ปรากฏกรอบทางาน ดังนี้

การเข้าส่โู ปแกรม Adobe Photoshop (ต่อ) - Name จะเปน็ ชอื่ ไฟล์ - Image Size ประกอบดว้ ยค่าสาคัญคือ Width ความกว้างของชิ้นงาน ควรใช้หน่วยเปน็ Pixel Height ความสูงของชน้ิ งาน ควรใชห้ นว่ ยเป็น Pixel Resolution ความละเอยี ดของช้ินงานแนะนา ให้ใช้ 72 pixel/inch Mode ต้องเลือกเป็น RGB Color - Contents เปน็ การระบลุ ักษณะของพ้นื ภาพ (Background) แนะนาให้ใช้ White การกาหนดค่าเกีย่ วกับ Width และ Height ของภาพ จะต้องสัมพนั ธ์กบั Screen Area ของจอภาพ และลกั ษณะ Layout ของหน้าเวบ็ ทกี่ าหนดไว้ดว้ ยเสมอ

การเปดิ ไฟลภ์ าพ (Open File) คาส่งั ในการเปดิ ไฟลภ์ าพของ PhotoShop มสี องคาส่ัง ได้แก่ - คาสั่ง File, Open… จะใชใ้ นกรณีที่ต้องการเปดิ ดูไฟลภ์ าพทุกๆ ฟอรแ์ มต - คาสงั่ File, Open as… ใช้ในกรณีทต่ี อ้ งการเปิดดไู ฟลภ์ าพทีต่ อ้ งการระบุนามสกลุ ของไฟล์

การจดั เกบ็ ภาพ (Save File) สาหรบั ภาพต้นฉบบั จดั เก็บภาพโดยจะเลอื กฟอรแ์ มตเป็น .PSD ดงั นี้ - เลือกคาสั่ง File, Save สาหรับการจัดเก็บงานคร้ังแรก หรือ File, Save as สาหรบั การจดั เก็บงานคร้ังทส่ี องและต้องการเปลย่ี นช่ือไฟลภ์ าพ - เลอื กไดรฟ์ และโฟลเดอร์ทีต่ ้องการเก็บภาพ - ตั้งชอ่ื ไฟล์ภาพ - เลือกฟอรแ์ มตภาพเปน็ .psd - คลิกปุ่ม Save เพ่ือยนื ยันการจัดเกบ็ ภาพ

การซ่อนแสดงเครอ่ื งมือ Window > Tools หรือ กด Shift + tab เพอ่ื ทาการซอ่ นเครอื่ งมอื ทงั้ หมด ถ้าตอ้ งการซอ่ นเฉพาะ Palette

การซ่อนการแสดงไม้บรรทัด คลิกเลอื กเมนู View > Rulers หรอื กดปมุ่ Ctrl+R *การกาหนดหนว่ ยไม้บรรทัดสามารถกาหนดได้โดย ไปท่ี Edit>Preferences>Units&Rulers

การซ่อนการแสดงเสน้ Guide, Grid ▪ การใช้เสน้ Guide ใหท้ าการลากเสน้ Guide จากไม้บรรทัดท่ีกาหนดไว้ ▪ การลบเส้น Guide ให้ทาการลากเสน้ ไกด์ทจี่ ะลบลากไปทางบนหรอื ทางดา้ นล่าง ▪ การกาหนด Grid คลิกเลือกเมนู View > Show > Grid หรือกดปุ่ม Ctrl + ” ถา้ ตอ้ งการให้วตั ถตุ ิดอยู่กบั เสน้ Grid ให้เลอื ก View > Snap to > Grid ▪ การยอ่ – ขยายภาพ View > Zoom In (ขยาย) Zoom Out (ยอ่ ) Fit on Screen (พอดีกรอบ) Actual Pixel (ขนาดเท่าของจริง) Print Size (ขนาดกระดาษที่พิมพ)์

:) Thank You! อ.พศิน สภุ ิรกั ษ์ แผนกวิชาคอมพิวเตอรธ์ ุรกิจ วิทยาลยั เทคโนโลยแี ละการจดั การตากฟา้