Phoshop

Phoshop คืออะไร โปรแกรมPhotoshopเป็นโปรแกรมสร้างและแก้ไขรปู ภาพอย่างมอื อาชพี โดยเฉพาะนักออกแบบในทกุ วงกาย่อมรู้จักโปรแกรมตวั น้ดี ี โปรแกรม Photoshop เป็นโปรแกรมทมี่ ีเคร่ืองมอืมากมายเพ่ือสนบั สนุนการสรา้ งงานประเภทสิ่งพิมพ์ งานวิดที ศั น์ งานนาเสนอ งานมัลตมิ ีเดียตลอดจนงานออกแบบและพัฒนาเว็บไซต์ ในชุดโปรแกรม Adobe Photoshopจะประกอบด้วยโปรแกรมสองตัวได้แก่ Photoshop และ ImageReady การทจ่ี ะใชง้ านโปรแกรม Photoshopคณุ ต้องมีเครอ่ื งทมี่ ีความสามารถสงู พอควร มคี วามเร็วในการประมวลผล และมีหน่วยความจาท่ีเพียงพอ ไมเ่ ชน่ นัน้ การสร้างงานของคณุ คงไมส่ นุกแน่ เพราะการทางานจะชา้ และมีปัญหาตามมามากมาย ขณะนี้โปรแกรม Photoshop ได้พัฒนามาถงึ ร่นุ Adobe Photoshop CSทม่ี า http://www.kados.th.gs/web-k/ados/Phoshop.htmlลกั ษณะหนา้ ต่างของโปรเเกรมเม่อื เรียกใช้งานโปรแกรม Adobe PhotoShop (ตวั อย่างท่แี นะนาคอื Adobe PhotoShop6.0) จะปรากฏหนา้ ต่างการทางาน ดงั น้ี

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

เครือ่ งมอื พน้ื ฐาน Zoom ใช้ในการขยายภาพวตั ถุเข้า-ออก เพื่อใหเ้ ราสามารถมองเห็นงานไดช้ ดั เจนยิ่งขน้ึเมือ่ ต้องการขยายภาพใหใ้ หญ่ขน้ึ ให้นาเคอร์เซอร์ไปคลกิ ทภ่ี าพถ้าตอ้ งการทาให้ภาพเลก็ ลง ให้กด ค้างไวแ้ ลว้ จึงไปคลิกที่ภาพหาก Double Click ทีเ่ คร่อื งมือ zoom จะเปน็ การขยายภาพใหส้ โู่ หมด 100% อย่างรวดเร็ว Hand ใช้ในการเลื่อนภาพ ในกรณีที่ภาพมขี นาดใหญ่ ไม่สามารถมองไดท้ ่ัวถึงหากทาการ Double Click ทเี่ ครอ่ื งมือ Hand จะเป็นการปรบั หน้าจอภาพ ให้อยใู่ นโหมดพอดกี บักรอบภาพ (Actual Size) Selection เป็นเครอ่ื งมือที่ใช้ในการสรา้ งขอบเขต ซง่ึ จะมใี หห้ ลายแบบขึ้นอย่กู ับงานท่ีเราตอ้ งการสรา้ งสามารถ Double Click เพื่อเปิดหน้าต่างควบคุม (Options)ประกอบการทางาน เชน่ กาหนดค่าความฟงุ้ ของขอบ (Feather) เป็นต้น

Move ใช้ในการยา้ ยภาพท่ีเราทางานอยู่การปรบั ขนาดของภาพภาพที่นามาใชป้ ระกอบเวบ็ ไมค่ วรมขี นาดใหญเ่ กินไป หากท่านนาภาพมาใช้งาน และพบวา่ มีขนาดใหญม่ าก ควรทาการย่อขนาดของภาพดว้ ย PhotoShop กอ่ นนาไปใช้งานจรงิ ไมค่ วรใช้Attribute Width & Height ใน TAG ควบคมุ ขนาด เพราะจะทาให้ การโหลดภาพช้ากว่าปกติ โดยคาสงั่ ทีใ่ ช้ในการยอ่ / ขยายขนาดภาพ คือ Image, Image Size... ซ่งึ ปรากฏจอภาพทางานดงั นี

การใช้สีเคร่ืองมอื แรกท่ีอยใู่ น Tool Bar ท่ีเกี่ยวกบั สีคือเมอื่ คลกิ เข้าไปใน Foreground/Background Color จะเจอกบั Color Picker เพ่อื ใชใ้ นการเลือกสที ต่ี ้องการ

- คลิกเลอื กสีที่ตอ้ งการแล้วกดปมุ่ OK- สามารถกดท่ีปุ่ม Default color เพื่อคืนค่าสีเป็น \"ขาว/ดา\"- สามารถกดปุ่ม Swap color เพ่อื กลบั ค่าสีท่ีเลือกเรายงั สามารถเลือกสไี ด้จาก Palette Color และ Swatches โดยการเขา้ ไปที่เมนู Window /Show Color, Show Swatchesคาส่งั ปรับแต่งภาพภาพทผี่ ่านการสแกน หรอื ภาพจากแหลง่ อืน่ ๆ ก่อนนามาใช้งาน มักจะต้องปรับแต่งสีกอ่ นเสมอ

ดว้ ยคาส่งั Image, AdjustLevels เป็นการปรบั ความสวา่ ง-มืดของภาพ โดยการเติมสีขาว-ดาลงไป ซ่งึ เราจะใช้กราฟHistogram ในการปรับระดับสีกด Alt ค้างไว้ จะเปล่ียนป่มุ Cancel เปน็ Reset ทาให้กลบั ไปท่คี า่ เร่ิมตน้Auto Levels เปน็ การปรับความสวา่ ง-มดื ของภาพ โดยอัตโนมตั ิ ซึ่งจะคานงึ ถงึ ระดับความสว่างและมืดของสีในแต่ละ ChannelAuto Contrast เป็นการปรบั ความสว่าง-มืดของภาพ โดยอตั โนมัติ ซ่งึ จะคานงึ ถึงพื้นที่ทส่ี วางและมดื ของภาพ แล้วปรบั ให้เห็นความชดั เจนมากยิ่งขน้ึCurves เปน็ การปรบั ความสวา่ ง-มดื ของภาพ คลา้ ยกับ Levels โดยการใชเ้ สน้ Curves เป็นตวั กาหนด ซึ่งจะเป็นการเปรียบเทยี บระหว่างสเี ดิมกับสีใหม่

Color Balance เป็นการปรับแตง่ ความสมดุลของสภี าพ โดยใช้โหมดสเี ป็นตัวกาหนด เชน่CMYK, RGB..Brightness/Contrast เปน็ การปรับคา่ ความสว่าง-มดื และความแตกตา่ งของสีโดยรวมHue/Saturation เปน็ การปรับแต่งโทนสีโดยคานงึ ถึงพื้นฐานการมองเหน็ ของมนษุ ยค์ ือHue = ค่าความสะทอ้ นแสงSaturation = ความเข้มขน้ ของสีBrightness = ความสว่าง-มืดDesaturate เป็นการเอาคา่ สีออกจากภาพให้เหลอื แตส่ ีขาว-ดา โดยท่ีโหมดภาพจะยังคงเดิมReplace Color เป็นการแทนทส่ี ใี นภาพดว้ ยสใี หม่

Channel Mixer เปน็ การปรับแตง่ โทนสีแต่ละสโี ดยใช้โหมดสเี ปน็ ตัวกาหนด เช่น CMYK,RGBInvert เป็นการปรบั สีในภาพใหเ้ ป็นสีตรงข้ามEqualize เป็นการกระจายค่าความสว่าง-มดื ของภาพ ให้มคี า่ เท่ากัน มกั ใช้กับภาพทสี่ แกนมาThreshold เปน็ การเปล่ียนภาพสี ให้เป็นภาพที่มีแต่สขี าว-ดา โดยใชค้ า่ Threshold เปน็ตัวกาหนดการตดั ภาพการนาเอาภาพขนาดใหญ่ มาใสใ่ นเว็บเพจ ไมใ่ ช่วธิ ีท่ีดีของการนาเสนอ เพราะจะทาใหก้ ารโหลดภาพเสยี เวลามาก วิธีท่ดี ีท่ีสุด คอื ควรตดั ภาพเปน็ ช้ินเล็ก แล้วนาภาพมาประกอบกันเปน็ ชิน้ อกีครงั้ ดว้ ยเทคนิคการประกอบภาพผ่านเอกสารเว็บ ดังน้ันเนอื้ หานจ้ี ะแนะนาการตดั ภาพ เป็นสว่ นๆ ก่อน เพื่อเปน็ แนวทาง และเปน็ การเตรยี มภาพขัน้ ต้น ไว้กอ่ น1. เตรียมภาพท่ีต้องการ และเปดิ ไว้บนหน้าต่างการทางานของ Adobe Photoshop2. ขยายหน้าต่างภาพ ใหเ้ ห็นพืน้ ทว่ี า่ งรอบภาพ

3. เปิดแถบบรรทัด ด้วยคาสั่ง View, Show Rulers4. เลอื กเครื่องมือ Move Tool5. นาเมาส์ไปชใี้ นแถบไมบ้ รรทัด คลิกปมุ่ เมาส์ค้างไว้ แล้วลากเมาส์ (กรณีทีช่ ี้ท่ีบรรทัดแนวนอน ก็ให้ลากเมาส์ลงมา และกรณีทช่ี ีใ้ นไม้บรรทัดแนวตงั้ ก็ให้ลากเมาสไ์ ปด้านขวา) จะปรากฏเสน้ นาสายตา (Guide Line : มกั เป็นสีนา้ เงิน)6. เลอื่ นเส้นนาสายตา ไปยงั ตาแหนง่ ที่เหมาะสมของภาพ แล้วปล่อยน้ิวจากเมาส์ เพอ่ื ยนื ยนั ตาแหน่7. หากต้องการตาแหนง่ อน่ื กท็ าขัน้ ตอนที่ 5 - 6 ซ้า จนได้ครบทกุ ตาแหนง่

8. ถา้ ตอ้ งการปรบั ตาแหนง่ ของเสน้ นาสายตา ที่วางไวแ้ ล้ว ให้นาเมาสไ์ ปชี้ท่ีเส้นน้นั ๆ จะพบวา่Mouse Pointer มรี ูปร่างเปน็ ลูกศรสองหัว ให้กดปมุ่ เมาสค์ ้างไว้ แลว้ ปรบั ตาแหนง่9. ถา้ ต้องการลบเส้นนาสายตาเสน้ ใด ให้นาเมาสล์ ากเสน้ นาสายตาเส้นที่ต้องการ ไปปลอ่ ยในแถบไมบ้ รรทดั10. หากต้องการลบเส้นนาสายตาทกุ เส้น ให้เลือกคาสั่ง View, Clear Guides11. ตรวจสอบวา่ ภาพมีการกาหนดเป็น Layer หรือไม่ หากเปน็ Layer จะต้องทาการรวม Layerกอ่ น ดว้ ยคาส่ัง Layer, Flatten Image12. เปลีย่ นเครื่องมือเปน็ Selection Tools ทตี่ ้องการ เชน่13. กาหนดพื้นทีร่ อบกรอบท่ีกาหนดไว้ ทลี ะกรอบ14. เลอื กคาสงั่ Edit, Copy เพอื่ คดั ลอกขอ้ มูลทีเ่ ลือก ไว้ใน Clipboard15. เลือกคาสั่ง File, New เพอ่ื เปดิ พ้นื ที่งานใหม่ โดยไม่ตอ้ งตง้ั คา่ ใดๆ ให้กดปุ่ม ได้เลย16. เลอื กคาสัง่ Edit, Paste เพื่อวางข้อมูลจาก Clipboard บนหนา้ ตา่ งที่เตรียมไว้17. จดั เกบ็ งาน ด้วยไฟล์ฟอรแ์ มตที่ตอ้ งการ18. ทาขนั้ ตอนท่ี 13 - 17 ซ้า กับภาพตาแหน่งอ่ืน

การใส่ลกั ษณะพิเศษใหก้ ับขอ้ ความขอ้ ความตา่ งๆ สามารถเติมลกั ษณะพิเศษได้ เช่น อักษรนูน, มเี งา เปน็ ตน้1. เปดิ Layer Palette2. คลกิ เลือกเลเยอรท์ ตี่ ้องการ3. คลกิ ทีป่ ุ่ม Add a Layer Style ดา้ นลา่ งของ Layer Palette4. เลือกรายการ Layer Style ทต่ี ้องการ5. ปรากฏหนา้ ตา่ ง Layer Style ทีเ่ ลือก เชน่ เม่อื เลือก Drop Shadow จะปรากฏรายการเลอื กดังนี้6. ปรับค่าท่ีต้องการ สามารถสังเกตผลทเ่ี ลือก ได้จากข้อความจริง เม่ือไดผ้ ลที่ต้องการให้คลกิ ปมุ่OK7. การยกเลิก Style ท่ีเลือก ใหค้ ลิกเอาเคร่อื งมือถูกออกจากรายการ Style ทปี่ รากฏด้านซ้ายมือของหนา้ ต่าง Layer Style