ใบความรู้แผนที่ 6 เรื่อง รู้จักโปรแกรม photoshop

1 ใบความรู้ เร่ือง รูจ้ กั กับโปรแกรม Photoshop โปรแกรม Photoshop CS6 - Photoshop เปน็ โปรแกรมสาหรับสรา้ งและตกแต่งภาพทม่ี ีช่ือเสยี งและได้รบั ความนิยมมากที่สดุ อันเนอ่ื งมาจากคณุ สมบัติเดน่ ซึง่ มอี ยูอ่ ย่างมากมาย ไม่วา่ จะเป็นความสามารถจัดการกับไฟล์สารพัดชนิดที่ใช้ใน งานประเภทต่าง ๆ ทั้งรูปที่จะนาไปผ่านกระบวนการพิมพ์ และรูปที่นาไปใช้ในเว็บเพจหรือส่งผ่านส่ือ อิเล็กทรอนิคส์ มีความสามารถเป็นเย่ียมในการแก้ไขตกแต่งภาพ และการสร้างเอฟเฟ็คพิเศษต่าง ๆ มี เครื่องมือที่มีประสิทธิภาพและความยืดหยุ่นสูง สามารถบันทึกข้ันตอนท่ีต้องทาซ้า ๆ ไว้เรียกใช้ภายหลัง ตลอดจนมีผ้ผู ลติ ปลก๊ั อนิ (plug-in) ให้เปน็ จานวนมาก ซ่ึงปล๊ักอินก็คอื โปรแกรมเสริมสาหรับช่วยให้การทางาน ที่ซับซอ้ นสาเร็จลงได้อย่างรวดเรว็ ต่อไปน้ีเปน็ ตัวอยา่ งของงานประเภทตา่ ง ๆ ซ่ึงคุณสามารถใช้ Photoshop ช่วยจัดการไดอ้ ย่างง่ายดาย • แก้ไขภาพถ่าย ท่ีบกพร่องหรือมีตาหนิ เช่น ปรับสีท่ีเพ้ียน ปรับแสงเงาท่ีสว่างหรือมืดเกินไป ลบแสงแฟลชที่สะท้อนในดวงตา • ตกแต่งภาพ เช่น ตัดส่วนท่ีไม่ต้องการออกไป ลบองค์ประกอบท่ีรกรุงรัง ปรับภาพให้เบลอ หรอื คมชัด ปรับผิวกายนางแบบใหข้ าวนวลและขจดั ไฝฝา้ ต่าง ๆ ขจัดเมด็ สที ีเ่ กิดในภาพท่ีสแกนจากส่งิ พมิ พ์ • ดัดแปลงภาพ เช่น ทาภาพใหมใ่ หก้ ลายเป็นภาพสีซีเปยี แบบโบราณ หรอื แปลงภาพ เกา่ ๆ ท่ีเปน็ ขาวดาให้กลายเป็นภาพสี เปลีย่ นภาพคนให้อ้วนข้นึ -ผอมลง หรอื เดก็ -แกก่ ว่าท่เี ป็นจริง • ใส่เอฟเฟ็คต์พิเศษ ให้ภาพ เช่น ทาให้เหมือนกาลังมองภาพผ่านกระจกชนิดและลายต่าง ๆ หรือเหมือนเงาสะท้อนในน้า เปลย่ี นภาพถ่ายใหด้ คู ล้ายภาพวาดด้วยเครื่องมือหลากหลายชนิด ใส่ประกายแสง หรอื เงาใหว้ ัตถุ ทาวตั ถุแบน ๆ ให้ดเู ปน็ 3 มติ ิ เปล่ียนโทนสีของภาพ • สรา้ งภาพกราฟกิ ซง่ึ ผสมผสานระหว่างภาพถ่าย ข้อความ และภาพวัตถุหรือเอฟเฟ็กต์พิเศษ ทส่ี ร้างขึน้ ใน Photoshop เพ่อื ใชใ้ นงานผลิตสื่อโฆษณา ทาปกหนังสอื หรอื นิตยสาร หรือใช้ตกแตง่ เว็บเพจ ความเปน็ มาของ Photoshop - Photoshop เป็นโปรแกรมของบรษิ ัท Adobe (“อะ-โด-บี”้ ) ซ่งึ เปน็ ผู้พัฒนา ซอฟตแ์ วร์ด้านกราฟิก และอุตสาหกรรมการพิมพ์รายสาคัญ รวมถึงเป็นผู้คิดค้นภาษา PostScript และไฟล์แบบ PDF (Portable Document Format) ที่ใช้กันในวงการพิมพ์และการจัดรูปแบบเอกสารบนอินเตอร์เน็ตด้วย ดังน้ัน Photoshop จึงสามารถทางานร่วมและแลกเปล่ียนไฟล์กับโปรแกรมอื่น ๆ ที่ใช้ทางานด้านกราฟิกได้อย่าง กวา้ งขวาง เช่น โปรแกรม Illustrator, PageMaker และ Acrobat ซง่ึ ทัง้ หมดน้เี ป็นของ Adobe เชน่ กนั - Photoshop ออกเวอรช์ ่ันแรกในปี 1990 และได้รับการพฒั นาตอ่ เนอ่ื งมาเรื่อย ๆ เปน็ เวอร์ช่นั 2,2.5, 3, 4, 5, 5.5 และ 6 ,7 ,CS2,CS3,CS4,CS5 จนล่าสุดคือ เวอร์ช่ัน CS6 ในขณะน้ี โดยมีขีดวามสามารถ ใหม่ๆ สาหรับการจัดการกับภาพขึ้นมาอีกตัวหนึ่ง คือ Adobe Bridge CS 6 ซึ่งเป็นโปรแกรมที่ใช้สาหรับ

2 จดั การภาพถ่ายของเรา ซึ่งทาหน้าท่ีเหมือนการทางานใน Explorer หรือบางอย่างอาจจะทาได้ดีกว่าด้วยซ้า เช่น การจัดกลุ่มภาพ การแสดงรายละเอียดของภาพ เช่น กล้องที่ใช้ถ่ายด้วยเลนส์แบบไหน โฟกัสเท่าไร ค่า white balance เท่าไร เป็นต้น และที่สาคัญคือสามารถดูตัวอย่างไฟล์ภาพของ Photoshop นามสกุล .psd ได้ โดยไมต่ อ้ งเปิดดูใน Photoshop และยงั มคี าสง่ั อัตโนมตั ิทสี่ ามารถเลอื กใช้กับไฟล์ภาพได้อกี ด้วย เวบ็ กราฟกิ และ Adobe Photoshop - องค์ประกอบสาคญั ในการทา Web ให้ดนู ่าสนใจ คงหนีไมพ่ ้นรูปภาพท่นี ามตกแต่ง ซ่งึ ผู้พฒั นาหลายๆ คน บ้างก็นาภาพสาเร็จมาใช้งาน บ้างก็นาภาพจากเว็บอื่นๆ ที่ดูสวยงามมาใช้ และก็มีไม่น้อยท่ีสร้างภาพเอง โดยอาศัยโปรแกรมกราฟิกต่างๆ เช่น Photoshop, Photo Impact, Paint Shop เป็นต้น โปรแกรม Photoshop นับว่าเป็นโปรแกรมกราฟิกสุดฮิต ที่นิยมใช้ในการปรับแต่งภาพ หรือสร้างภาพ เพ่ือนามาใช้งาน ในเว็บ เนอื่ งจากมีฟังก์ชันการทางาน ท่ีหลากหลาย มีฟิลด์เตอร์เพื่อปรับแต่งภาพ จากค่ายต่างๆ ทาให้ง่ายต่อ การปรับแต่งภาพตามต้องการ เดิมทีนิยมใช้ Photoshop เพ่ืองานสื่อส่ิงพิมพ์ (Desktop Publishing) แต่ ปัจจุบัน Web Design มีบทบาทในงานธุรกจิ และงานการศึกษาสงู มาก จึงนา Photoshop มาใช้ในงานนดี้ ้วย การทาภาพกราฟิกเพ่ือใช้ในงานเว็บ มีหลักการเฉพาะ แตกต่างไปจากงานส่ือสิ่งพิมพ์ ทั้งเรื่องความละเอียด ของภาพ (Resolution) ท่ใี ช้แค่ 72 dpi หรอื จานวนสีทีใ่ ช้แสดงผล เปน็ ต้น ดังน้ันการศึกษาถึง ลักษณะเฉพาะ ในการใช้ Photoshop สร้างกราฟกิ ในงานเว็บ จึงเป็นศาสตรท์ ่ีนา่ สนใจอกี ศาสตรห์ นงึ่ การสรา้ งงานต้องตั้ง Resolution เป็น 72 dpi ด้วย

3 ความสามารถของโปรแกรม Photoshop มีอยู่มากมายอย่างท่ีเรานึกไม่ถึงแต่ที่เป็นความสามารถหลักๆของตัวโปรแกรมเองจะถูกแบ่งเป็น 2 เรอื่ ง คอื แก้ไขตกแต่งภาพถา่ ย:งานนเ้ี ป็นงานถนดั ของ Photoshop เช่น การแก้ไขภาพท่ีมือให้สว่างการลบร้ิว รอยที่ไมต่ ้องการ ออกจากภาพรวมถึงตัดต่อนาภาพหลายๆภาพมารวมกันโดยในส่วนน้ีจะเรียกว่าเป็นส่วนของ งานรที ัชออกแบบ สรา้ งสรรคง์ านกราฟกิ :ใช้ Photoshop ช่วยในการสร้างภาพสามติ คิ วามสามารถในส่วนนี้จะ เป็นเร่ืองของการขีดๆ เขียนๆออกแบบสร้างงานกราฟิกเช่นการวาภาพตัวการ์ตูนหรือการออกแบบสื่อส่ิงพิมพ์ ชนดิ ตา่ งๆ 1. งานออกแบบสิ่งพิมพ์ ในงานออกแบบส่งิ พิมพ์ทกุ ชนิด เช่น การออกแบบภาพสามมติ ิ , ออกแบบโลโก้ , แบนเนอร์,โบร ชวั ร,์ นามบตั ร, ใบปลิว, แผ่นพับ, หนังสือ, แคตาลอกสินค้า ,โปสเตอร์, ปา้ ยโฆษณา, ปา้ ยหน้าร้านเรา สามารถใช้โปรแกรมPhotoshopชว่ ยในการทางานได้เปน็ อย่างดี 2. งานออกแบบเวบ็ ไซต์ เพอื่ ให้เว็บไซตจ์ าเป็นอยา่ งย่ิงท่ตี อ้ งมภี าพกราฟิกทสี่ วยงามน่าสนใจท้ังการตกแต่งด้วยภาพขนาดต่าง ๆ การสรา้ งโลโก้ประกอบเว็บไซต์การสร้างตัวอักษรซ่ึงการทางานเหล่านี้จาเป็นท่ีจะต้องใช้โปรแกรม Photoshop ชว่ ยในการออกแบบ 3. งานแก้ไขซอมแซมภาพ ภาพต้นฉบับท่ีเราได้มาในบางครั้งมีข้อบกพร่องหลายๆ อย่าง เป็นต้นว่า ภาพมืดเกินไปภาพมีรอย ขรขุ ระหรอื มี Noise, ภาพเบลอเกนิ ไปเป็นต้น การท่เี ราจะนะภาพที่มีข้อบกพร่องเหล่านี้มาใช้งานจาเป็นต้อง ทาการแกไ้ ขและซอ่ มแซมภาพดังกลา่ วกอ่ นเพื่อให้ภาพที่มีความสมบรู ณเ์ หมาะสมกบั งาน 4. งานตัดตอดดั แปลงภาพหรือสร้างสรรคง์ านกราฟิกสมยั ใหม งานกราฟิกปัจจุบันผสานเข้ากับการใช้ชีวิตประจาวันจนเป็นเร่ืองท่ีไม่ไกลตัวไม่ว่าจะเป็นถุงใส่ของปก ซีดีปฏิทินตั้งโต๊ะหน้าจอคอมพิวเตอร์เว็บไซต์หนังสือปกวารสารนิตยสารการ์ดป้ายประชาสัมพันธ์เครื่องหมาย สัญลักษณ์งานเหล่านี้ก็เกิดจากการใช้งานโปรแกรมช่วยในการออกแบบนาภา พมาสร้างสรรค์งานกราฟิกที่ สวยงามมีประโยชน์ใช้สอยที่ดีตลอดจนมแี นวคิดในการออกแบบท่ีดี ความต้องการของ Photoshop cs6 โปรแกรม Adobe Photoshop CS6 มกี ารพัฒนาคาสงั่ และเคร่ืองมือต่าง ๆ ข้ึนอย่างมากมายจงึ เป็น โปรแกรมทตี่ ้องการทรัพยากรเคร่ืองคอ่ นข้างสงู และเพื่อให้การสร้างงานกราฟิกมปี ระสิทธภิ าพและเปน็ ไปด้วย ความสะดวก จงึ ควรทาการตรวจสอบเครือ่ งคอมพิวเตอรท์ ี่ใช้งานอยู่ ว่ามีทรัพยากรเพียงพอหรือไมก่ ่อนที่จะทา การตดิ ตัง้ โปรแกรม โดยคณุ สมบัตขิ องเคร่ืองคอมพิวเตอร์ท่ีเหมาะสมในการตดิ ต้ังโปรแกรม Adobe Photoshop CS6 มรี ายละเอียดดงั น้ี  1.1 ระบบปฏิบตั ิการ Microsoft Windows XP (Service Pack 3) หรอื ระบบปฏิบตั ิการ Windows 7 (Service Pack 1) หรือระบบปฏบิ ัตกิ าร Windows 8

4  1.2 หนว่ ยประมวลผลกลาง (CPU) เปน็ ของ Intel® Pentium® 4 หรอื AMD Athlon® 64 processor ขน้ึ ไป  1.3 หน่วยความจา (RAM) ขนาด 1 GB ขึ้นไป  1.4 พ้ืนทจ่ี ัดเก็บข้อมลู (Hard disk) ขนาด 1 GB ของพนื้ ทวี่ า่ งบนฮารด์ ดิสก์ท่ใี ช้ไดส้ าหรับการ ตดิ ตง้ั  1.5 จอแสดงผลมคี วามละเอียดไมน่ ้อยกวา่ 1024 x 768 พกิ เซล แสดงผลแบบ 16 บติ และมี หนว่ ยความจาไมน่ ้อยกวา่ 256 MB  1.6 ไดร์ฟ DVD-ROM การเข้าสูโปรแกรม Photoshop CS6 1. > ไปที่ ป่มุ start 2. > All program 3. > โฟลเดอร์ Adobe master collection cs6 4. > Adobe Photoshop CS 6 หมายเหตุ Adobe Photoshop CS 6 จะมีทั้ง 36 bit และ 64 bit คือ Adobe Photoshop CS 6 จะเป็น 32 bit ส่วน AdobePhotoshopCS6 (64bit) จะเป็น 64 bit การเลือกใช้ผมแนะนาถ้าเคร่ือง 32 bit ใหใ้ ช้ Adobe Photoshop CS 6 และถ้าเครอื่ ง 64 bit ใหใ้ ช้ Adobe Photoshop CS 6 (64 bit) หากเป็นเวอรช์ ัน่ อ่ืน Function แต่ล่ะตวั อาจจะไมไ่ ด้อยทู่ ่ีเดียวกนั

5 หนา้ จอแรกของโปรแกรมPhotoshop เมื่อเราเขา้ โปรแกรมมาแล้วจะเจอหน้าต่างการทางานของโปรแกรม Photoshop cs6 ซง่ึ จะประกอบ ไปดว้ ย Menu bar option bar Toolbar Palette ต่างๆในการใชง้ านแต่องค์ประกอบก็จะแตกตา่ งกนั ไป การสร้างและกาหนดขนาดไฟล์งานใหม่ ในกรณีที่เราต้องการสร้างไฟล์งานใหม่ ให้คลิกเมนู File -> New และให้ผู้ใช้กาหนดขนาดของ ไฟล์งานใหม่โดยระบุช่อื ไฟลง์ าน ในช่อง Name ขนาดความสูงความกว้างของพื้นที่ทางาน ในส่วน ImageSize ตามความต้องการ กาหนดลักษณะพื้นหลังในส่วน Contents โดย White (สีขาว), BackgroundColor (สีท่ี เรากาหนด) , Transparent (สีพื้นแบบ - โปรง่ ใส,ไมแ่ สดงสีพืน้ โลง่ )

6 การเปดิ ไฟล์ใหม่ขนึ้ มาทางาน 1. Click ที่เมนู File 2. เลือกคาสัง่ New หรอื กด Ctrl + N 3. จะปรากฏหนา้ ต่าง New Name ต้งั ชื่อใหก้ บั งาน Preset ช่องสาหรบั เลือกพืน้ ท่ี ท่ีโปรแกรมกาหนดมาให้ Width ความกว้าง ซึง่ มหี น่วยตา่ ง ๆ เชน่ Pixel ,เซนติเมตร ,น้ิว Height ความสงู ซงึ่ มีหนว่ ยต่าง ๆ เช่น Pixel , เซนติเมตร ,นิ้ว Resolution ค่าความละเอยี ด ( ซงึ่ ความละเอียดบนหน้าจอ = 72) color mode เลือกชนดิ ของระบบสี การเปิดไฟลภ์ าพ เมือ่ เรามีรปู ภาพ เช่น ภาพถา่ ยซ่ึงต้องการนามาปรับแต่งเพิ่มเติมเราจะต้องทาการเปิดไฟล์รูปภาพน้ัน ขน้ึ มา จากนัน้ คอ่ ยกาหนดรปู แบบการปรับแต่งตามความต้องการการเปิดไฟล์รูปภาพทาได้โดยคลิกท่ีเมนูFile- >Open จะปรากฏวนิ โดว์ Open จากคลิกเลือกชื่อไฟลร์ ูปภาพทตี่ ้องการเมื่อได้ภาพท่ีต้องการแล้วให้คลิกท่ีปุ่ม Open ถ้ า

7 ต้องการยกเลกิ ใหค้ ลกิ ท่ีปุ่ม Cancel - การเปิด File jpegต่างๆ การเปิดไฟล์ใหม่ขึ้นมาทางาน 1. Click ท่เี มนู File 2. เลือกคาสั่ง Open หรือกด Ctrl +O 3. จะปรากฏหน้าต่างเพอ่ื หาไฟลข์ ้นึ ภาพแสดงการค้นหาและเลอื กไฟลท์ ีต่ อ้ งการเปิด 4. จะไดไ้ ฟล์ภาพทเ่ี ราตอ้ งการ

8 การยอ-ขยายภาพ 1. เราต้องการแก้ไขขนาดรปู ภาพทีเ่ ราได้เปิดขน้ึ มาให้ตรงกับความต้องการใหค้ ลกิ ทเ่ี มนู Image->Image Size จะปรากฏวินโดว์ Image Size จากนั้นให้กาหนดขนาดของรูปภาพเปิดภาพที่เรา ต้องการจะย่อหรือขยาย ขนาด ด้วยโปรแกรม Photoshop CS6 2. ไปทีเ่ มนู Image => Image Size หรือกดปุ่ม Alt + Ctrl = I

9 3. จากรูปจะไดค้ า่ ดังนี้ - Pixel Dimensions จะมีขนาดอยู่ 3.52M ท่ีขนาดกว้างยาว 960x1280pixel - Document Size จะอยู่ที่ 33.87x45.16cm (เราสามารถปรบั เปล่ียนหน่วยเป็นนิว้ ,%,mm หรอื อย่างอ่ืนก็ได้) - Resolution โดยท่วั ไปถ้าเป็นรปู ท่ใี ชต้ าม web social ต่างๆ เรามักจะใช้แค่ 72 ppi (pixelperinch) แต่ถ้าเป็นตามขนาดงานพิมพ์แลว้ แค่ตรงนี้ควรจะสูงๆไว้ก่อนเพ่อื ความละเอียดของงาน - ควรจะเลือก Constrain Proportions ไว้ทุกคร้ังเพ่ือที่จะคงอัตราส่วนกว้าง-ยาวเอาไว้ คราว น้ี เราจะเพ่ิมหรือขนาดรูป ก็สามารถทาได้เลยโดยการปรับแก้ท่ีช่องตามที่ได้อธิบายด้านบน ตามวัตถุประสงค์ของ เราแกเ้ สร็จกเ็ ซฟงานไดเ้ ลย

10 4. ในการเซฟไฟล์ โปรแกรม Photoshop CS 6 จะถามเราอีกครั้ง ในเรื่องของคุณภาพไฟล์วา่ จะเอา ขนาดไหน(ตามรูป) ใน ตวั อย่างจะเลือกแค่ 8 ก็พอเพยี งพอแลว้ โดยค่ายงิ่ มากขนาดไฟล์ก็จะใหญ่ขึ้นตาม การบนั ทกึ งานบนั ทึกไฟล์ Photoshop(.PSD) การแก้ไขไฟล์ภาพโดยการสร้างกราฟิก เพ่ิมการตัดต่อหรือเปล่ียนแปลงลักษณะของไฟล์ภาพท่ีมีผล กับโครงสร้างเดิมของภาพเม่ือเลือกคาสั่ง File > Save จะแสดงไดอะล็อกบ็อกซ์ Save As ขึ้นมาโดยจะเลือก รปู แบบของไฟล์เป็น Photoshop (*.PSD, *.PDD) เปน็ ค่าพ้ืนฐานดงั นี้ คุณสมบัติของไฟล์ PSD จะเก็บรายละเอียดการทางานต่าง ๆ เช่น เลเยอร์, ฟอนต์และเส้นพาธ ไว้ได้ อย่าง ครบถว้ นช่วยใหก้ ารนาไฟลภ์ าพกลับมาแกไ้ ขทาไดง้ ่ายในขณะที่ไฟล์ประเภทอื่นจะเก็บข้อมูลเหล่าน้ีไม่ได้ หรอื ไดเ้ พยี งบางสว่ น

11 บันทกึ ไฟลท์ บั ของเดมิ การเปิดไฟลภ์ าพมาตกแตง่ สี,แสงเงาหรือกำหนดค่าเอฟเฟ็กต์ใหก้ บั ภาพแต่ไม่ได้ใช้คาสั่งเกีย่ วกับการ สร้างเลเยอร์(เลเยอร์คือช้นั ทจี่ ัดวางรูปภาพ)หรอื สร้างกราฟิกอน่ื ๆเพ่มิ เติมในภาพเมื่อเลือกคำสงั่ File>Save โปรแกรมจะให้บันทกึ ทับชื่อไฟล์เดิมรูปแบบเดิม(จะไม่มีไดอะล็อกบ๊อกซ์SaveAs เปดิ ขน้ึ มาหากไม่ต้องการใหท้ ับ ไฟล์เดมิ ต้องคลกิ เลอื กคาสง่ั File>SaveAs ) บันทึกเป็นไฟล์รูปแบบอ่ืนๆ นอกจากการบันทึกเป็นไฟล์ .psd และบนั ทึกลงในรปู แบบของไฟล์ต้นฉบันเดมิ แลว้ ยังบันทึกไฟล์ ภาพเกบ็ ไว้ในรปู แบบอื่น ๆ ได้ตามตอ้ งการ โดยคลกิ เลอื กคาสัง่ File > Save As แล้วเลอื กรปู แบบของ ไฟล์ในช่อง Format ซ่ึงจะมีรูปแบบไฟล์ใหเ้ ลือกหลายแบบดงั ภาพ การเลกิ ใช้งานโปรแกรม เมอื่ เราต้องการเลกิ ใช้งานโปรแกรม Adobe Photoshop ดาเนินการดังน้ี - คลิกเลือกคาส่ัง File --> Exit หรือคลิกเมาสท์ ่ีเคร่อื งหมาย - จากนั้นโปรแกรมจะปิดโดยอัตโนมัติ