สอน Photoshop พื้นฐาน

สอน พน้ื ฐาน

คานาเวบ็ ไซต์นน้ี จ้่ี ดั ทาขน้ึ เพอื่ เป็นส่วนหนง่ึ ของวชิ าคอมพวิ เตอร์เพอื่ ใหไ้ ด้ศกึ ษาหาความร้ใู นเรอ่ื งการทาเวบ็ สาเรจ็ รปู และได้ศกึ ษาอย่างเขา้ ใจเพอื่ เป็นประโยชนก์ บัการเรยี นผูจ้ ดั ทาหวงั ว่า เวบ็ ไซต์นจ้ี ะเป็นประโยชนก์ บั ผูอ้ ่าน หรอื นกั เรยี น นกั ศกึ ษา ทก่ี าลงั หาขอ้ มูลเรอ่ื งนอ้ี ยู่ หากมขี อ้ แนะนาหรอื ขอ้ ผดิ พลาดประการใดผูจ้ ดั ทาขอนอ้ มรบั ไว้และขออภยั มา ณ ทนี่ ด้ี ้วย

สารบญั หนา้โครงสร้างหน้าตาของ โปรแกรม 5การสร้างไฟล์งาน 6-7 8-9การดึงรปู ภาพเข้าโปรแกรม 10-13การจัดการเลเยอร์ 14 15การตัดต่อ และ ลบรปู ภาพบางส่วนการลบภาพบางส่วน ด้วยเครื่องมอื ยางลบ 16การใส่ข้อความ 17-19การบนั ทึกไฟล์งาน

โครงสร้างหนา้ ตาของ โปรแกรม Photoshopเชื่อวา่ หลายคนที่เปิดโปรแกรม โฟโต้ชอป ขน้ึ มาในครั้งแรกๆ กเ็ รมิ่ จะท้อแลว้ รู้สกึ วา่ มนั ยาก เพราะมันดมู อี ะไรก็ไมร่ ู้เยอะแยะเต็มไปหมด ไม่วา่ จะแถบเมนู ,ฟังกช์ ่นั , ไอคอนแถบเครือ่ งมอื ตา่ งๆ และปุ่มอะไรอน่ื ๆ อกี เพียบ แต่จริงๆ แล้วมันไม่ยากอยา่ งทค่ี ดิ โดยจะขอแบง่ แบบครา่ วๆ ออกเปน็ 3 สว่ น หลักๆ ดงั น้ี1. แถบเมนู ด้านบน (Photoshop Menu Bar) : หลักๆ แล้ว จะใชจ้ ัดการกับองคป์ ระกอบภาพรวม ของ โปรแกรม photoshop เช่น การสรา้ งไฟลง์ าน และบันทกึ ไฟลง์ าน (File) , ปรับแสงสีรูปภาพ (Image) , เพม่ิ เอฟเฟคใหร้ ปู ภาพ (Filter) , ปรบั แตง่ รูปแบบหน้าตาของโปรแกรม (View) และ อืน่ ๆ2. กลอ่ งเครือ่ งมอื ดา้ นซ้าย (Photoshop Tools box) : เปน็ ส่วนที่รวบรวมเครอ่ื งมือต่างๆ ให้เลือกใช้งานไดส้ ะดวกมากขึ้น ไม่ว่าจะเป็น เครอ่ื งมอื ตัดภาพ ลบภาพ เทสี ระบายสี เพมิ่ ขอ้ ความ Text และ อ่นื ๆ3. แถบจดั การเลเยอร์ ดา้ นขวา (Photoshop Layer Panel) : เป็นส่วนท่ใี ชจ้ ดั การกับ องคป์ ระกอบย่อยๆ ทั้งหมดท่รี วมอย่ใู นไฟลง์ าน โฟโต้ชอป (Photoshop‘s Layer) ไม่วา่ จะเปน็ องคป์ ระกอบของรูปภาพแต่ละรูป (Image Layer) , ข้อความ (Text Layer) รวมถึง องค์ประกอบยอ่ ยอ่ืนๆ

1. การสร้างไฟล์งาน (Create File in Photoshop)ในการเริม่ ตน้ ท่จี ะสร้างผลงานอะไรกแ็ ลว้ แต่ดว้ ย โปรแกรม Photoshop นัน้ เราจะตอ้ งทาการสร้างไฟลง์ านขึ้นมากอ่ น ซึ่งการสรา้ งไฟล์งานนน้ั กเ็ ปรียบเสมอื นกบั การที่ สร้างแผน่ กระดาษว่างๆ ขึ้นมา 1 แผน่ เพอ่ื ใช้สาหรบั วาดรปู หรือ ใสร่ ูปภาพอะไรกต็ าม ท่ีตอ้ งการจะตกแต่งลงไปในแผ่นกระดาษแผ่นนน้ั ๆ นัน่ เองซง่ึ วธิ กี ารสรา้ งไฟล์งานนัน้ ใหก้ ดท่ี ปุ่ม File ในแถบเมนูด้านบน แล้วตามด้วย ปมุ่ New (จาง่ายๆ ว่า File > New)

หลงั จากนน้ั โปรแกรมจะขึน้ หนา้ ต่างใหมข่ น้ึ มาเพ่ือให้เรา ต้งั ช่อื ไฟล์งาน พรอ้ มกบั เลือกวา่ ต้องการขนาดใหญ่เทา่ ไหร่ ความละเอยี ดมากนอ้ ยแค่ไหน (ซงึ่ อนั น้ีไม่มกี ฎเกณทต์ ายตัว ข้นึ อยู่กับเราวา่ อยากจะได้ขนาดใหญแ่ คไ่ หน) แต่โดยทั่วไปแลว้ ถา้ ไมใ่ ชง่ านของโรงพิมพท์ ต่ี อ้ งการความละเอียดแบบสงู เวอ่ ร์ เราใช้ขนาดท่ปี ระมาณ 800 x 600 px หรอื 1024 x 768 px ก็พอแล้ว ขนาดไฟล์ (File Size) จะไดไ้ มใ่ หญจ่ นเกินไป เม่ือต้ังขนาดได้แลว้ ก็กด ปมุ่ OK

จากนั้นเราก็จะไดก้ ระดาษข้นึ มา 1 แผน่ ตามขนาดท่เี ราไดต้ ั้งเอาไว้ เปน็ อันเสร็จส้นิ วิธกี ารสรา้ งไฟลง์ าน

2. การดึงรปู ภาพเข้าโปรแกรม (Images to Photoshop)สาหรับการนารูปภาพเข้ามาใชง้ านในโปรแกรม Photoshop สามารถทาได้หลายวิธดี ว้ ยกัน แต่วิธีทง่ี า่ ยสดุ คอื การลากและวาง (Drag and Drop) เราแค่เลือกไฟล์รปู ภาพทตี่ อ้ งการจะใช้ จากนัน้ กใ็ ชเ้ ม้าสค์ ลกิ ทไี่ ฟล์รูปภาพนน้ั ๆ (คลกิ ซา้ ยค้าง) แลว้ กล็ ากมาวางลงในส่วนของหนา้ กระดาษ (ไฟล์งานที่เราสร้างไว้ในโปรแกรม โฟโตช้ อป ) เพยี งเทา่ นี้รูปภาพก็จะเข้ามาอยู่ในโปรแกรม ให้เราตกแตง่ รีทชั ไดต้ ามใจชอบ

หลงั จากท่ีเราดึงภาพเข้ามาในโปรแกรม โฟโตช้ อป แลว้ ภาพที่ดึงเขา้ มากจ็ ะปรากฎขน้ึ บนหน้ากระดาษไฟลง์ านที่เราสร้างข้ึน พรอ้ มกับสรา้ งเลเยอร์ใหโ้ ดยอัตโนมัติ ดังน้ัน การจดั การกับเลเยอร์ จึงเปน็ สิ่งจาเป็นในข้นั ถัดไปทเ่ี ราจะตอ้ งเรยี นรู้

3. การจัดการเลเยอร์ (Photoshop ‘s Layer Panel)ซ่งึ ถ้าจะพูดใหเ้ ขา้ ใจง่ายๆ แล้ว ในสว่ นของ เลเยอร์ (Layer) ในโปรแกรม โฟโต้ชอป ก็เปรียบเหมอื นกบั เศษกระดาษชิน้ เล็กๆ ทีอ่ ยบู่ นไฟลง์ านของเรา โดยเราจะนาเศษกระดาษนั้นๆ มาตัด หรอื ต่อกนั กไ็ ด้ ยงิ่ ถ้ามเี ศษกระดาษชิน้ เลก็ ๆ อย่มู ากเท่าไร ก็เทา่ กับว่าในไฟล์งานนน้ั ๆ กจ็ ะมเี ลเยอรม์ ากขึ้นเท่านั้นน่นั เอง(ถา้ ยงั สบั สนอยู่ ลองดูภาพด้านลา่ ง นา่ จะชว่ ยใหเ้ ขา้ ใจไดง้ า่ ยมากขึ้น โดยในภาพตวั อย่างได้มีการลากไฟลร์ ูปภาพทั้งหมด 4 รปู ภาพ เขา้ มาไวใ้ นไฟลง์ านเดยี วกนั ดงั นนั้ จงึ มที ัง้ หมด 4 เลเยอร)์ เม่อื พอจะเขา้ ใจรปู แบบของเลเยอร์แลว้ ก็มาลองดกู ารใชง้ านของมนั กันต่อ โดยในขนั้ พื้นฐานน้นั 3 ส่วนหลักๆ ทีเ่ ราควรรกู้ ค็ ือ

1. การแสดงผลของเลเยอร์ – เลเยอร์ที่อย่บู น จะแสดงผลทบั เลเยอร์ท่อี ยู่ลา่ งเสมอ เชน่ ถ้าในไฟล์งานของเรามเี ลเยอร์อยู่ทง้ั หมด 4 เลเยอร์ ถา้ นาทง้ั 4 เลเยอร์ มาวางไว้ตาแหน่งเดียวกัน (ซ้อนๆ กนั หลายๆ ภาพ) โดยเรยี ง Layer ไลจ่ ากบนลงลา่ ง ดงั น้ี Layer 3 , Layer 4 , Layer 1 และ Layer 2 ผลลัพท์ของภาพท่ีจะแสดงผลอยบู่ นสดุ (ไม่ถกู เลเยอรใ์ ดๆ บดบงั ) ก็จะเปน็ Layer 3 นนั่ เอง

2. การสร้างเลเยอร์ใหม่เราสามารถสร้างเลเยอร์ใหมๆ่ (Create New Layer) เพม่ิ ขน้ึ มาได้เร่อื ยๆ ตามตอ้ งการ เพ่อื ท่ีจะทาการตกแต่ง เพ่มิ เตมิ รปู ภาพโดยทีไ่ มใ่ ห้ปะปนกบั เลเยอร์ของเดมิ ด้วยการกดปุ่ม สัญลกั ษณะไอคอนส่ีเหลี่ยม 2 อันซ้อนกัน ทอ่ี ยู่บริเวณด้านลา่ งของแถบเลเยอร์ (โปรแกรมจะมรี ะบบการรันเลขของเลเยอรต์ อ่ ใหเ้ องโดยอัตโนมัติ เชน่ ถ้าของเดมิ มี Layer 1-4 อยู่แล้ว เม่อื กดสร้างใหม่ก็จะเปน็ Layer 5 , 6 , 7 , 8 เพ่มิ ขึน้ ไปเรื่อยๆ)

3. การลบเลเยอร์เกา่ (เลเยอรท์ ไ่ี ม่ไดใ้ ชง้ านแล้ว)เมอื่ ไฟลง์ านเรา ถูกใส่เขา้ ไปหลายๆ รูปภาพ กเ็ รม่ิ จะมเี ลเยอร์เยอะมากข้ึนเร่ือยๆ อาจทาให้เกิดความสบั สน ยุ่งยากในการจดั เรียง ดังน้ันเราจงึ ควรรูว้ ธิ ลี บเลเยอร์เกา่ ๆ ท่ไี ม่ได้ใช้งานแลว้ ออกไปบ้าง ซง่ึ วิธีการลบท่งี ่ายสดุ กค็ อื ให้กดเลอื กเลเยอร์ทจี่ ะลบ แล้ว กดปมุ่ Delete (บนแปน้ คยี ์บอรด์ ) หรือ จะกด ปุ่มไอคอนรปู ถังขยะ ท่ดี า้ นล่างของแถบเลเยอร์ ก็ได้เช่นกนั เพียงแคน่ ้ีรูปภาพในเลเยอรน์ นั้ ๆ ก็จะถูกลบออกไปทนั ที

4. การตัดต่อ และ ลบรปู ภาพบางส่วนและก็มาถึงในสว่ นของการ “ตัดตอ่ รปู ภาพ” กนั ลา้ วว ในสว่ นนจี้ ริงๆ สามารถทาไดห้ ลายวธิ มี ากๆ ขน้ึ อยูก่ บั ความถนัดและความชอบของแตล่ ะคน ซ่งึ ทางทมี งานจะขอแนะนาเฉพาะเครื่องมือพื้นฐานเร่ิมตน้ แบบที่ใชง้ านง่ายๆ ก่อน (เพราะนค่ี อื หลักสตู รเรง่ รดั แหะๆๆ) มาเร่ิมกันเลยดกี ว่าภาพรวมของเคร่ืองมอื ตัดต่อภาพขั้นพ้นื ฐาน (Basic Photoshop Tools)

การลบภาพบางส่วน ด้วยเคร่ืองมอื ยางลบ (Eraser Tool)จัดเป็นเคร่ืองมอื ทใี่ ช้ ลบสว่ นบางส่วนของรปู ภาพ ในแบบที่เบสคิ และรวดเร็วทส่ี ดุ (ต่อยอดมาจากโปรแกรม Paint เลยทเี ดยี ว) วธิ ใี ชก้ แ็ ค่กดทีเ่ ครอื่ งมือไอคอนรปู ยางลบ แลว้ ก็นาไปใชล้ บส่วนใดๆ ก็ได้ตามท่ตี ้องการได้เลย แต่ถ้าตอ้ งการปรบั ขนาดของยางลบใหใ้ หญ่ข้นึ หรอื เล็กลง กก็ ด คลิกขวา แลว้ เล่อื นแถบ Size เพื่อปรับขนาดตามท่ตี อ้ งการได้เลย

5. การใส่ข้อความ (Text in Photoshop)สาหรับการใส่ข้อความตวั อกั ษรลงในไฟล์งานของ โปรแกรม โฟโตช้ อป นัน้ เปน็ เรอื่ งท่งี า่ ยมาก เพยี งแคก่ ดปมุ่ เครือ่ งมอื Text ทเ่ี ปน็ ไอคอนสญั ลักษณ์ตัว T แลว้ คลกิ ลงในตาแหน่งท่ีต้องการจะพิมพ์ขอ้ ความ เพียงเท่านี้โปรแกรมกจ็ ะสรา้ ง Layer Text ขึ้นมา ให้เราสามารถพมิ พข์ อ้ ความไดท้ ันทีถ้าตอ้ งการ เปลย่ี นฟอนต์ (Fonts) ปรับขนาด (Size) หรอื เปลย่ี นสี (Color) ขอ้ ความตวั อักษร ก็สามารถกดทแ่ี ถบพาแนลดา้ นบนได้เลย

6. การบันทึกไฟล์งาน (Save As from Photoshop)สาหรับขั้นตอนการบนั ทึกไฟล์ หรอื การ Save ไฟลง์ านน้ัน จัดเป็นขัน้ ตอนทส่ี าคัญมากๆ เลยทีเดียว เพราะถ้าทางานจนเสรจ็ แต่ลืมเซฟ หรือ เซฟไฟลผ์ ิด อาจทาให้เกิดอาการงานเขา้ ได้ ซึง่ โปรแกรมโฟโตช้ อป สามารถแปลงไฟล์ และ บนั ทกึ ไฟล์รปู ภาพออกมาได้หลากหลายนามสกุล (Format) ด้วยกัน แตน่ ามสกลุหลกั ของตวั โปรแกรมโฟโต้ชอป จะมนี ามสกลุ ว่า .PSDไฟล์ PSD เรยี กไดว้ ่าเป็นไฟล์ต้นฉบบั (Source File) ทส่ี ามารถเปดิ แก้ไข เพ่ิมเติมต่อจากเติมได้ทุกอย่าง (แต่ตอ้ งเปดิ ด้วย โปรแกรม Photoshop เทา่ นั้น) ดงั น้นัโดยทวั่ ไปแล้วคนมกั จะบันทึกไฟล์ออกมา 2 นามสกุล ก็คอื ไฟล์ .PSD ท่ีเปน็ ไฟล์ตน้ ฉบับ และ อกี ไฟล์ คอื ไฟล์ .JPG (jpeg) ท่เี ป็นไฟลร์ ูปภาพยอดนยิ ม และใชก้ ันอย่างแพร่หลายนน่ั เองวธิ ีการบนั ทึกไฟลง์ าน .PSD และ .JPGข้ันแรกให้กด ปมุ่ File ทแ่ี ถบเมนูด้านบน ตามด้วย ปุม่ Save As…

จากนัน้ โปรแกรมจะขน้ึ หนา้ ตา่ งมาให้เลือก พน้ื ท่ีสาหรับการบนั ทกึ ไฟล์ (Save in:) , ชอ่ื ไฟล์ (File name:) รวมถึง นามสกุลไฟล์ (Format) ท่ีตอ้ งการ ควรเลอื กบันทึกไฟล์ ในรปู แบบของนามสกลุ .PSD กอ่ น แลว้ ค่อยบนั ทึกไฟล์เปน็ นามสกลุ อนื่ ๆ ต่อ เมื่อเลือกเสร็จเรยี บรอ้ ยแลว้ กส็ ามารถกด ปมุ่ Save เพ่อื บันทึกไฟล์งานได้ทันที ภาพตวั อยา่ งการบนั ทกึ ไฟลง์ าน นามสกุล .PSD

ภาพตวั อย่างการบนั ทกึ ไฟลง์ าน นามสกุล .JPEG

ขอขอบคุณเวบ็ อ้างองิ http://thaiphotoshop.net/basic1-photoshop/