View Full Version : เทคนิคเบื้องต้นและวิธีการใช้โปรแกรม Photoshop Cs5


NuRay
07-06-2012, 15:22
เอามาแบ่งปัญกันค่ะกับเทคนิคเบื้องต้นและวิธีการใช้โปรแกรม Photoshop Cs5 สำหรับมือใหม่แบบสุดสุด
อ่านกันเล่นเล่นได้เลยนะค่ะ ใครชอบก็กด Thanks ให้ด้วยค่ะ จะได้รู้ว่าชอบกระทู้แนวนี้วันหลังจะได้นำมาโพสอีก
ช่วงนี้อาการเปลี่ยนแปลงบ่อย ระวังกันด้วยนะค่ะอยู่เล่นPhotoshop Cs5 กันที่บ้านดีกว่าค่ะ

http://board.roigoo.com/attachment.php?attachmentid=3369&stc=1&d=1339057500 (http://board.roigoo.com/tags/photoshop.html)
ทำไมเธอคนนี้สวยได้ขนาดนีั้ง้าาาาาแต่งภาพป่าวหว่า


http://www.siamfreestyle.com/traveltip/uploads/283f3e48fb55b8ecb5ca6f4e64a2947a.JPEG (http://board.roigoo.com/tags/photoshop.html)โปรแกรม Adobe Photoshop (อะโดบี โฟโตชอป) หรือที่มักเรียกกันว่า Photoshop (โฟโตชอป) เป็นโปรแกรมสร้างและแก้ไขรูปภาพ ที่มีความสามารถในการจัดการแก้ไขและตกแต่งรูปภาพ (photo editing and retouching) แบบแรสเตอร์ โปรแกรม photoshop นี้ถือได้ว่าเป็นโปรแกรมที่ดีที่สุด และน่าใช้ที่สุดสำหรับการแก้ไขภาพก็ว่าได้ เรียกว่า ถ้าพูดถึงการแก้ไขรูปภาพดิจิตอล ต้องพูดถึงโปรแกรม Adobe Photoshop เลยทีเดียว โปรแกรม photoshop ผลิตโดยบริษัทอะโดบีซิสเต็มส์
โปรแกรม Photoshop มีเครื่องมือมากมาย ครอบคลุมการใช้สร้างงานประเภทสิ่งพิมพ์ งานวิดีทัศน์ งานนำเสนอ งานมัลติมีเดีย ตลอดจนงานออกแบบและพัฒนาเว็บไซต์ Photoshop สามารถใช้ในการตกแต่งภาพตั้งแต่เล็กๆน้อยๆ เช่น ลบตาแดง, ลบรอยแตกของภาพ, ปรับแก้สี, เพิ่มสีและแสง ไปจนถึงการตกแต่งภาพแบบมืออาชีพ เช่น การใส่เอฟเฟกต์ให้กับรูป เช่น ทำภาพสีซีเปีย, การทำภาพโมเซค, การสร้างภาพพาโนรามาจากภาพหลายภาพต่อกัน นอกจากนี้ยังใช้ได้ในการตัดต่อภาพ และการซ้อนฉากหลังเข้ากับภาพ
Photoshop สามารถทำงานกับระบบสี RGB, CMYK, Lab และ Grayscale และสามารถจัดการกับไฟล์รูปภาพที่สำคัญได้ เช่น ไฟล์นามสกุล JPG, GIF, PNG, TIF, TGA โดยไฟล์ที่โฟโตชอปจัดเก็บในรูปแบบเฉพาะของตัวโปรแกรมเอง จะใช้นามสกุลของไฟล์ว่า PSD จะสามารถจัดเก็บคุณลักษณะพิเศษของไฟล์ที่เป็นของโฟโตชอป เช่น เลเยอร์, แชลแนล, โหมดสี รวมทั้งสไลส์ ได้ครบถ้วน
การใช้โปรแกรม Photoshop Cs5
Photoshop Cs5 จะแตกต่างจาก Cs3 และ Cs4 ไปบ้างเล็กน้อยกล่าวคือโดยพื้นฐานจะคงเดิม แต่จะปรับการใช้งานให้ดูง่ายขึ้นมีการเก็บรวบรวมเครื่องมือที่เกี่ยวข้องเอาไว้ในที่เดียวกันเพิ่มชุดเครื่องมือเข้ามาใหม่ และยังลดขั้นตอนการทำงานให้น้อยลงทำให้ใช้งานสะดวกยิ่งขึ้น ในเวอร์ชั่นนี้ได้เพิ่มคำสั่งและแถบเครื่องมือที่ใช้บ่อย ๆ วางแยกออกมาจากกลุ่มเครื่องมือเดิม เช่นเครื่องมือปรับมุมมอง เครื่องมือปรับแต่งภาพที่รวมอยู่ในพาเนลเดียวกัน เช่นพาเนล Adjustments ส่วนการทำงานหลัก ๆยังคงอิงการใช้งานเหมือนเวอร์ชั่นที่ผ่าน ๆ มา
http://www.siamfreestyle.com/traveltip/uploads/e7a6b36a8197b9d57b93c2982b6372b8.JPEG (http://board.roigoo.com/tags/photoshop.html)
Application Bar (แอพพลิเคชั่นบาร์) จะเป็นแถบเครื่องมือที่เก็บปุ่มคำสั่งที่ใช้งานบ่อย ๆ เอาไว้ เช่น เปิดโปรแกรม Bridge หมุนพื้นที่ทำงาน ย่อ-ขยายภาพ, จัดเรียงวินโดว์ภาพ และจัดองค์ประกอบของเครื่องมือตามพื้นที่ใช้งาน (Workspace)
Menu Bar (เมนูบาร์) ประกอบด้วยกลุ่มคำสั่งต่าง ๆ ที่ใช้จัดการกับไฟล์, ทำงานกับรูปภาพ และใช้การปรับแต่งการทำงานของโปรแกรม โดยแบ่งเมนูตามลักษณะงาน นอกจากนี้บางเมนูหลัก จะมีเมนูย่อยซ้อนอยู่ โดยสังเกตจากเครื่องหมาย http://board.roigoo.com/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAIAAAB/UwMIAAAAs0lEQVQokZ2RSw7EMAhDae9/VceGZD+zsCbqTx21LCKi8GIw8Xke8Z6pKpIkM1OSpG3SWqsqSTvGz35wAiAzMxOAr1V1ZPyfJFf33iVZ2SeACx33M8aIiNYayW3PJHcMSWOuWNd1WRZfPYy72DFz4jGGpPhF790KJi8YqwGICEtFhI258G266danTmZWlb05zmNbp9EGdIrjTgFMG+Ykd4zV3YkTL+SO8Zcummv5o/Mo3jBfSFzkuXY/q5UAAAAASUVORK5CYII= (http://www.com5dow.com/) ซึ่งคุณต้องเปิดเข้าไปเพื่อเลือกคำสั่งภายในอีกที
Tool Panel (ทูลพาเนล) หรือ กล่องเครื่องมือ จะประกอบไปด้วยเครื่องมือต่าง ๆ ที่ใช้ในการวาด ตกแต่ง และแก้ไขภาพ เครื่องมือเหล่านี้มีจำนวนมาก ดังนั้นจึงมีการรวมเครื่องมือที่ทำหน้าที่คล้าย ๆ กันไว้ในปุ่มเดียวกัน โดยจะมีลักษณะรูปสามเหลี่ยมอยู่บริเวณมุมด้านล่างดังภาพ http://board.roigoo.com/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAdCAIAAADdBCBlAAAD+ElEQVRIib1WTU/yShRG/4kR+oExxpAooQox+IFChMSo0b2ujBsixIU7ExcmuHBrYlhIbCCSaIKiiKiIBaSdtjO09M+8d3HyTiqWu7res2g6Q+c5zzznmTO4/vxmuP4PdJ7nGYZhWZbjOI7jeJ7nbEGH8AEd8jzPsiyshSHDMDzPe73eb+gej8eyLNM0CSGmaXa7XcMwMMZdpzAMwzAMTdMMw+j1eoQQeBJCDMMghHAc18+dEIIxhp/hBd5/osMkIGKMTdPUdd0wDEis63o/d47jYAHg2rnD8GcCmKd7hRmMsWVZbrfbAR1j3Ov1YBmo9JMyDU3TEEKKomiapigK0IdM/cpQdEDBGEMmimiHJoQghBBC6XS6VCqVSqXz83OEEKxyRqcKgI52aHsxMcaqqkqSlE6ni8Xi3d3d2dlZNBptNpu0Hh6P5xs6y7KgoK7r8AW8ULKwkhCiqmq73T44OCgUCsVi8fT0NBKJ3N/ff35+gizdbpfneQdl+kpkL50dOplMiqIoiuLJycny8nI+n69UKp1OhzrYwZG0jGAbVVVN06TOwRgjhCRJSqVSlUqlXC5nMpmlpSVRFCuViiRJqqrSvfajsyxLKUNQO2OMHx4e9vb2gsFgIBA4PDx8eXm5uroKh8PX19fValWSJDhZtHIO3Km1McYgOsZY07SLiwu/3x8KhXZ2djY2NhKJxP7+/urqaqFQeHp6AmjyN5zROY4D4qZpUi/qup7L5Xw+XyKRSCaTyWRybW0tGo2Gw+FcLvf4+NhqtTRNg1Jpmtbr9ZzRGYYBw1Avapp2e3sbCATW19d3d3e3trbi8fjKysrc3NzMzEy5XG40GhhjKDWcwYHcvV4vVA+gEUKFQkEQhHg8DjpEIpGFhYXFxUVBEGKx2NvbmyzLCCHLsn72DIeqgmcajcbx8XEsFpuamtre3t7c3Jz7G6FQaHp62ufzXV5eNptNukvamgZ6hp7VRqMxOzvrdrv9fr8gCIIgBINBQRD8fv/k5OT4+PjR0VG9XlcUxd7vgD49TQ7cqXDtdjuVSgmCAHfFyMiIx+OZmJiYn5/PZrO1Wu3r64v2artVBuoO/R3OaqfTeX9/L5VK2Ww2k8mIopjP529ubp6fn19fX2VZ1jQNhNZ13bIskOjfqkr9Dh5vtVr1er1Wq1WrVXh+fHxIkgSdVtd1u32B1tDQ0MBOwDAMJKeNTFEUhJAsy7IsK4qiqircdn1dyDRN0zRdLpfL5Rro97GxMWILyoj6TFVVyA0BOWATAD08PDzQM6Ojo71ej97a0L9orWAG2jJNDN/QTNQwzqeJKmO/vmENNR8hxLIsenbsfxrsV42D3//b+Ib+S/G76P8ABqDH1EMTa7oAAAAASUVORK5CYII= เพื่อบอกให้รู้ว่าในปุ่มนี้ยังมีเครื่องมืออื่นอยู่ด้วย
Option Bar (ออปชั่นบาร์) เป็นส่วนที่ใช้ปรับแต่งค่าการทำงานของเครื่องมือต่าง ๆ โดยรายละเอียดในออปชั่นบาร์จะเปลี่ยนไปตามเครื่องมือที่เราเลือกจากทูล บ็อกซ์ในขณะนั้น เช่น เมื่อเราเลือกเครื่องมือ Brush (พู่กัน) บนออปชั่นบาร์จะปรากฏออปชั่นที่ใช้ในการกำหนดขนาด และลักษณะหัวแปรง, โหมดในการระบายความโปร่งใสของสี และอัตราการไหลของสี เป็นต้น
Palette(พาเล็ต) เป็นวินโดว์ย่อย ๆ ที่ใช้เลือกรายละเอียด หรือคำสั่งควบคุมการทำงานต่าง ๆ ของโปรแกรม ใน Photoshop มีพาเนลอยู่เป็นจำนวนมาก เช่น พาเล็ต Color ใช้สำหรับเลือกสี, พาเล็ต Layers ใช้สำหรับจัดการกับเลเยอร์ และพาเล็ต Info ใช้แสดงค่าสีตรงตำแหน่งที่ชี้เมาส์ รวมถึงขนาด/ตำแหน่งของพื้นที่ที่เลือกไว้

<table style="width: 262px; height: 23px;" border="1" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> Menu Bar Photoshop Cs5</td> </tr> </tbody> </table> รายละเอียดแต่ละเมนู ใน Menu Bar Photoshop Cs5
<table style="width: 650px;" border="1" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> http://www.siamfreestyle.com/traveltip/uploads/cceedacd0ca2c7f0a3bc113476c77e3e.JPEG</td> <td> รวมคำสั่งที่ใช้จัดการกับไฟล์รูปภาพ เช่น สร้างไฟล์ใหม่, เปิด, ปิด, บันทึกไฟล์, นำเข้าไฟล์, ส่งออกไฟล์ และอื่น ๆ ที่เกี่ยวกับไฟล์
</td> </tr> <tr> <td> http://www.siamfreestyle.com/traveltip/uploads/582c6c3357ad22f84f074b5cb3eca0de.JPEG</td> <td> รวมคำสั่งที่ใช้สำหรับแก้ไขภาพ และปรับแต่งการทำงานของโปรแกรมเบื้องต้น เช่น ก๊อปปี้, วาง, ยกเลิกคำสั่ง, แก้ไขเครื่องมือ และอื่น ๆ
</td> </tr> <tr> <td> http://www.siamfreestyle.com/traveltip/uploads/5ca7c3a098aa55639697c29dd2bcc065.JPEG</td> <td> รวมคำสั่งที่ใช้ปรับแต่งภาพ เช่น สี, แสง, ขนาดของภาพ (image size), ขนาดของเอกสาร (canvas), โหมดสีของภาพ, หมุนภาพ และอื่น ๆ
</td> </tr> <tr> <td> http://www.siamfreestyle.com/traveltip/uploads/0b91f26ada6c61444eda7dbe13ca969b.JPEG</td> <td> รวมคำสั่งที่ใช้จัดการกับเลเยอร์ ทั้งการสร้างเลเยอร์, แปลงเลเยอร์ และการจัดการกับเลเยอร์ในด้านต่าง ๆ
</td> </tr> <tr> <td style="vertical-align: top;"> http://www.siamfreestyle.com/traveltip/uploads/d1ab877fcbad6e4ce3cfeb8391dcbe1b.JPEG</td> <td style="vertical-align: top;"> รวมคำสั่งที่ใช้จัดการกับเลเยอร์ ทั้งการสร้างเลเยอร์, แปลงเลเยอร์ และการจัดการกับเลเยอร์ในด้านต่าง ๆ
</td> </tr> <tr> <td> http://www.siamfreestyle.com/traveltip/uploads/85f16d6889072d801b954d8b71b25ded.JPEG</td> <td> รวมคำสั่งที่ใช้ปรับแต่ง และสร้างเอฟเฟ็กต์พิเศษให้กับรูปภาพ
</td> </tr> <tr> <td style="vertical-align: top;"> http://www.siamfreestyle.com/traveltip/uploads/d7f730bfad0ffbd9338790b34726b206.JPEG</td> <td style="vertical-align: top;"> รวมคำสั่งที่ใช้กับภาพแบบ 3 มิติ (มีเฉพาะในเวอร์ชั่น Photoshop Cs5 Extended)
</td> </tr> <tr> <td> http://www.siamfreestyle.com/traveltip/uploads/244ae9a28501c97143c31012b473484f.JPEG</td> <td> ใช้ปรับแต่งการแสดงผลของส่วนประกอบต่าง ๆ ในหน้าจอของโปรแกรม เช่น ไม้บรรทัด, เส้นกริด และการย่อ/ขยายมุมมองของภาพ เป็นต้น
</td> </tr> <tr> <td> http://www.siamfreestyle.com/traveltip/uploads/88195d75c37636640dea4cdf9d647302.JPEG</td> <td> ใช้ปรับแต่งการแสดงผลของส่วนประกอบต่าง ๆ ในหน้าจอของโปรแกรม เช่น ไม้บรรทัด, เส้นกริด และการย่อ/ขยายมุมมองของภาพ เป็นต้น
</td> </tr> <tr> <td> http://www.siamfreestyle.com/traveltip/uploads/1af3199ca0362b06a9ebd4ca83cd9a4e.JPEG</td> <td> มีเมนูคำสั่งที่เกี่ยวข้องกับการแสดงผลของหน้าต่างภาพ, ซ่อน/แสดงเครื่องมือ และพาเนลต่าง ๆ ที่ใช้ทำงาน เช่น เปิด/ปิด แถบเครื่องมือ, พาเนล, จัดพื้นที่ ฯลฯ
</td> </tr> <tr> <td> http://www.siamfreestyle.com/traveltip/uploads/3004ffdaa62c8d57d83cda3b00379d10.JPEG</td> <td> เรียกดูคำอธิบายในการทำงานต่าง ๆ ของเครื่องมือหรือคำสั่งภายในโปรแกรม
</td> </tr> </tbody> </table>
<table style="width: 368px; height: 23px;" border="1" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> การเปิด-ปิด Panel ต่างๆ ใน Photoshop Cs5</td> </tr> </tbody> </table> วิธีการเปิด Panel
การเปิดพาเนลใด ๆ ขึ้นมาใช้งานนั้นสามารถทำได้หลายวิธีดังนี้
วิธีที่ 1 เลือกเปิดจากเมนู Window
- เลือกคำสั่ง Windowเลือก Panel ที่ต้องการเปิด หรืออาจจะกดคีย์ลัดก็ได้ ซึ่งแสดงอยู่หลังชื่อแต่ละ Panel
http://www.siamfreestyle.com/traveltip/uploads/b70052d5893f59b303b749af9a853245.JPEG (http://board.roigoo.com/tags/photoshop.html)
วิธีที่ 2
- คลิกเปิด/ปิดพาเนล จากไอคอนที่แสดงอยู่บนแถบพาเนลที่พับเก็บ
- คลิกที่ชื่อแถบพาเนลที่ซ้อนกันอยู่ ซึ่งอาจจะอยู่ในกลุ่มเดียวกัน
http://www.siamfreestyle.com/traveltip/uploads/665c85f7acae14313bc9e80990f5ef39.JPEG
วิธีการปิด Panel
วิธีที่


1เลือกคำสั่ง Window >คลิกที่ชื่อ Panel ที่ต้องการปิด

วิธีที่ 2


คลิกขวาบนแถบชื่อพาเนล แล้วเลือก Close

http://www.siamfreestyle.com/traveltip/uploads/a79f610162d7877feb9632b28b5ccbf3.JPEG
วิธีที่ 3


แล้วเลือก Close หรือ Close Tab Group ได้

http://www.siamfreestyle.com/traveltip/uploads/2b592e4b729ee3f78dd372900893a05f.JPEG
<table style="width: 300px;" border="1" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> การเปิดไฟล์ภาพที่มีอยู่เข้า Photoshop
</td> </tr> </tbody> </table> Photoshop มีคุณสมบัติเด่นที่สามารถเปิดไฟล์รูปภาพประเภทต่าง ๆ ได้สารพัดรูปแบบ เช่น GIF, JPG (JPEG), TIF (TiFF), BMP, PNG และอื่นๆ รวมทั้งไฟล์ PSD ซึ่งเป็นรูปแบบพื้นฐานของ Photoshop เอง
วิธีเปิดไฟล์ทำได้ดังนี้


เลือกคำสั่ง File > Open (หรือกดคีย์ลัด Ctrl+O)
ในช่อง Look in เลือกไดรว์ และโฟลเดอร์ที่จัดเก็บไฟล์
ดูตัวอย่างภาพ และคลิกเลือกชื่อไฟล์จากรายการ (กด Shift หรือ Ctrl ช่วยเลือกหลาย ๆ ไฟล์ได้)
คลิกปุ่ม Open

http://www.siamfreestyle.com/traveltip/uploads/034c34d7518f93e0d7889591b3b03157.JPEG

ถ้าต้องการเปิดไฟล์ภาพล่าสุดที่เพิ่งใช้ไปไม่นาน ซึ่งจะช่วยลดเวลาการหาภาพในเครื่องของเราได้ มีวิธีการดังนี้ไปที่คำสั่งFile > Open Recent > เลือกไฟล์ภาพที่ต้องการ
http://www.siamfreestyle.com/traveltip/uploads/e8f302ad309539b7aa6db6c92fc069d2.JPEG

<table style="width: 350px;" border="1" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> เปิดไฟล์แบบ Smart Object ใน Photoshop Cs5
</td> </tr> </tbody> </table> หากเราเปิดไฟล์ภาพขึ้นมา แล้วต้องการปรับย่อ-ขยายขนาดของภาพบนเลเยอร์โดยให้รักษาความคมชัดของภาพจากการปรับ ก็เลือกเปิดไฟล์ภาพแบบ Open As Smart Object ได้ ซึ่งจะเหมาะสำหรับภาพบิทแมพที่ต้องการเปิดมาแก้ไขขนาดของภาพหรือการเปิดไฟล์ภาพเวคเตอร์ เช่น Al หรือ PDF ดังนี้
วิธีการเปิดไฟล์แบบ Smart Object


เลือกคำสั่ง File > Open As Smart Object
เลือกตำแหน่งที่เก็บไฟล์ภาพ
คลิกเลือกไฟล์ภาพ
คลิก Open

http://www.siamfreestyle.com/traveltip/uploads/242df56c3f80dae1710101b69b82d0c2.JPEG (http://board.roigoo.com/tags/photoshop.html)
<table style="width: 280px; height: 47px;" border="1" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> การบันทึกไฟล์ภาพใน Photoshop Cs5
</td> </tr> </tbody> </table>
การเปิดไฟล์ภาพขึ้นมาตกแต่งหรือแก้ไขด้วย Photoshop นั้นเมื่อสร้างหรือตกแต่งภาพเสร็จแล้ว เราจะต้องบันทึกไฟล์ด้วยเพื่อเก็บการเปลี่ยนแปลงที่ทำกับภาพ โดยเลือกบันทึกไฟล์ได้หลายรูปแบบขึ้นอยู่กับวัตถุประสงค์ของการนำไปใช้งานสำหรับไฟล์ประเภทแรกที่ควรบันทึกคือ รูปแบบ PSD ของ Photoshop เองเพื่อเก็บเป็นต้นฉบับไว้สำหรับนำมาแก้ไขในภายหลังจากนั้นจึงสั่งบันทึกไฟล์เป็นประเภทอื่น เช่น GIF หรือ JPG เพื่อให้เหมาะสำหรับการนำไปใช้งานในแต่ละกรณี
บันทึกไฟล์ Photoshop (.PSD)
การแก้ไขไฟล์ภาพโดยการสร้างกราฟิก เพิ่มการตัดต่อ หรือเปลี่ยนแปลงลักษณะของไฟล์ภาพที่มีผลกับโครงสร้างเดิมของภาพ เมื่อเลือกคำสั่ง File > Save จะแสดงไดอะล็อกบ็อกซ์ Save As ขึ้นมา โดยจะเลือกรูปแบบของไฟล์เป็น Photoshop (*.PSD, *.PDD) เป็นค่าพื้นฐานดังนี้
** คุณสมบัติของไฟล์ PSD จะเก็บรายละเอียดการทำงานต่าง ๆ เช่น เลเยอร์, ฟอนต์ และเส้นพาธ ไว้ได้อย่างครบถ้วนช่วยให้การนำไฟล์ภาพกลับมาแก้ไขทำได้ง่าย ในขณะที่ไฟล์ประเภทอื่นจะเก็บข้อมูลเหล่านี้ไม่ได้ หรือได้เพียงบางส่วน
http://www.siamfreestyle.com/traveltip/uploads/9bf60994bcdcbfa85802485ae57c8385.JPEG (http://board.roigoo.com/tags/photoshop.html)
บันทึกไฟล์ทับของเดิม
การเปิดไฟล์ภาพมาตกแต่งสี, แสงเงา หรือกำหนดค่าเอฟเฟ็กต์ให้กับภาพ แต่ไม่ได้ใช้คำสั่งเกี่ยวกับการสร้างเลเยอร์ (เลเยอร์ คือ ชั้นที่จัดวางรูปภาพ) หรือสร้างกราฟิกอื่น ๆ เพิ่มเติมในภาพ เมื่อเลือกคำสั่ง File > Save โปรแกรมจะให้บันทึกทับชื่อไฟล์เดิม รูปแบบเดิม (จะไม่มีไดอะล็อกบ๊อกซ์ Save As เปิดขึ้นมา หากไม่ต้องการให้ทับไฟล์เดิม ต้องคลิกเลือกคำสั่ง File > Save As เอง)
บันทึกเป็นไฟล์รูปแบบอื่น ๆ
นอกจากการบันทึกเป็นไฟล์ .psd และบันทึกลงในรูปแบบของไฟล์ต้นฉบันเดิมแล้ว ยังบันทึกไฟล์ภาพเก็บไว้ในรูปแบบอื่น ๆ ได้ตามต้องการ โดยคลิกเลือกคำสั่ง File > Save As แล้วเลือกรูปแบบของไฟล์ในช่อง Format ซึ่งจะมีรูปแบบไฟล์ให้เลือกหลายแบบดังภาพ
http://www.siamfreestyle.com/traveltip/uploads/87079de1b8fbbe4cbcbb64145242d4e2.JPEG (http://board.roigoo.com/tags/photoshop.html)
บันทึกไปใช้กับเว็บเพจ หรืออุปกรณ์อื่น
รูปภาพที่นำไปใช้กับเว็บเพจ จะต่างจากรูปภาพที่นำไปใช้กับงานด้านอื่น ๆ คือ ชนิดของภาพที่จะนำไปใช้บนเว็บเพจนั้น ต้องเป็น GIF, JPG หรือ PNG เท่านั้น และควรให้ไฟล์มีขนาดเล็ก ขนาดภาพต้องพอดี ไม่ใหญ่จนเกินไป เมื่อผู้ชมเปิดเข้าไปในเว็บไซต์จะได้โหลดภาพได้เร็วยิ่งขึ้น โปรแกรมจึงมีคำสั่งสำหรับบันทึกรูปภาพไปใช้ในเว็บเพจโดยเฉพาะ คือ Save for Web & Devices โดยคำสั่งนี้จะให้กำหนดค่าออปชั่นการบันทึกภาพประเภทต่าง ๆ พร้อมกับดูภาพตัวอย่าง ขนาดของไฟล์ และระยะเวลาในการดาวน์โหลดเปรียบเทียบกันได้อีกด้วย ดังนี้


เลือกคำสั่ง File > Save for Web & Devices
กำหนดออปชั่นต่าง ๆ ในการแปลงไฟล์ แล้วดูภาพ ขนาด และเวลาในการดาวน์โหลดเปรียบเทียบกันในไดอะล็อกบ็อกซ์ Save for Web & Devices ดังภาพหน้า
เลือกภาพจากกรอบตัวอย่างที่ต้องการใช้งาน
คลิกปุ่ม Save เพื่อบันทึกภาพ
บนไดอะล็อกบ๊อกซ์ Save Optimized As เลือกตำแหน่งโฟลเดอร์ที่จะจัดเก็บในช่อง Save in
กำหนดชื่อไฟล์ภาพในช่อง File name
คลิกปุ่ม Save

http://www.siamfreestyle.com/traveltip/uploads/c3c043af5062ff5a5027764115e88b89.JPEG (http://board.roigoo.com/tags/photoshop.html)



(http://www.com5dow.com/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99-Adobe-Photoshop.html)

Goo-มัน-อึน
08-06-2012, 13:59
สารรูปไว้ก่อนว่าอ่านไม่หมดนะครับ มึน ข้อมูลเยอะ สมองผมมันปรับคลื่นรับไม่ทัน เข้ามาขอบคุณเฉยๆเพราะตัวผมยังใช้ไม่ค่อยเป็นอะนะ โหลดมาเก็บไว้ก็นานแล้ว คงได้ฤกษ์หัดใช้ซะที