ก
คำนำ
รำยงำนเร่ืองประวตั ิควำมเป็ นมำของ Adobe Photoshop เป็ นส่วนหน่ึงของรำยวิชำส่ือ
สิ่งพิมพ์ จดั ทำข้ึนเพื่อศึกษำประวตั ิควำมเป็ นมำของ Adobe Photoshop คุณสมบตั ิพ้ืนฐำนของ
โปรแกรม ควำมสำมำรถพ้ืนฐำนของ Adobe Photoshop เคร่ืองมือพ้ืนฐำนของโปรแกรม Tools
ควำมหมำยและควำมสำคญั ของเลเยอร์ Layer กำรบนั ทึกงำน
หวงั วำ่ รำยงำนเล่มน้ีจะเป็นประโยชนแ์ ก่ผสู้ นใจท่ีจะศึกษำเกี่ยวกบั เร่ืองน้ี
ผจู้ ดั ทำ
นำย ฮำฟิ ส อำแว
ข หนำ้
ก
สำรบญั ข
1
เรื่อง 2
คำนำ 2
สำรบญั 5
ประวตั ิควำเป็นมำของ Adobe Photoshop 6
คุณสมบตั ิพ้ืนฐำนของโปรแกรม 7
ควำมสำมำรถพ้นื ฐำนของ Adobe Photoshop 8
เครื่องมือพ้ืนฐำนของโปรแกรม Tools
ควำมหมำยและควำมสำคญั ของเลเยอร์ Layer
กำรบนั ทึกงำน
อำ้ งอิง
1
Adobe Photoshop
ประวตั ิควาเป็นมาของ Adobe Photoshop
Photoshop เป็นโปรแกรมของบริษัท Adobe (อ่านว่า อะ-โด-บี้) ซึ่งเป็นผู้พัฒนาโปรแกรมกราฟิก
รายใหญ่ ไม่ว่าจะเป็นโปรแกรม Illustrator, PageMaker และ Acroba สร้างโดยสองพี่น้องนักศิกษาปริญญา
เอก กับพนกั งานของ ILM พน่ี อ้ งคู่น้ีคอื Thomas Knoll นักศึกษาปรญิ ญาเอกที่ University of Michigan
โปรแกรม Photoshop เวอร์ช่ันแรกนน้ั เร่มิ ตน้ สรา้ งขึ้นในปี ค.ศ. 1990 และไดร้ ับการพฒั นามาเร่อื ยๆ
จากเวอรช์ ั่น 2, 2.5, 3, 4, 5, 5.5 เวอรช์ ั่น 6, 7, CS จนถึงเวอร์ชน่ั ล่าสดุ ในปัจจุปนั ท่เี รยี กกันวา่ เวอรช์ ั่น CS3 ,
CS4 โดยได้ทำการเพิ่มประสิทธิภาพการจัดการกับภาพกราฟิกขึ้นเรื่อยๆ จากเดิมที่เน้นใช้งานเพื่อการสร้าง
ภาพสิ่งพิมพ์ ก็หันมาเน้นเกี่ยวกับการจัดการภาพกราฟิกที่ใช้บนเว็บมากยิ่งขึ้น และนอกจากนี้แล้วยังได้สร้าง
โปรแกรม ImageReady ซึง่ เป็นโปรแกรมที่ใชส้ ร้างภาพเคลือ่ นไหวควบคู่มากบั โปรแกรม Photoshop อีกดว้ ย
เพื่อเพิ่มความสามารถเกี่ยวกับการทำภาพกราฟิกที่ใช้สำหรับการทำเว็บโดยเฉพาะ ปัจจุบันโปรแกรม
Photoshop เป็นโปรแกรมที่ได้รับความนิยมอย่างมากจากผู้สร้างเว็บไซต์ ไม่ว่าจะเป็นการนำมาสร้างหรือ
ตกแตง่ ภาพ เนือ่ งมาจากคณุ สมบตั ิทโี่ ดดเดน่ ใชง้ านงา่ ย มเี อฟเฟคตา่ งๆ ให้เลอื กใชง้ านมากมาย
2
คุณสมบตั ิพ้ืนฐำนของโปรแกรม
โปรแกรม Photo shop เป็นโปรแกรมในตระกลู Adobe ที่ใชส้ ำหรับตกแต่งภำพถำ่ ยและภำพ
กรำฟฟิ ก ไดอ้ ยำ่ งมีประสิทธิภำพ ไมว่ ำ่ จะเป็นงำนดำ้ นสิ่งพิมพ์ นิตยสำร และงำนดำ้ นมลั ติมีเดีย อีกท้งั ยงั
สำมำรถ retouching ตกแต่งภำพและกำรสร้ำงภำพ ซ่ึงกำลงั เป็นที่มนิยมสูงมำกในขณะน้ี เรำสำมำรถใช้
โปรแกรม Photoshop ในกำรตกแต่งภำพ กำรใส่ Effect ต่ำง ๆใหก้ บั ภำพ และตวั หนงั สือ กำรทำภำพขำวดำ
กำรทำภำพถ่ำยเป็นภำพเขียน กำรนำภำพมำรวมกนั กำร Retouch ตกแต่งภำพต่ำง
เรำสำมำรถเรียนรู้วิธีกำรใชโ้ ปรแกรม Adobe Photoshop น้ีไดด้ ว้ ยตวั เอง คุณสำมำรถที่จะทำกำร
แกไ้ ขภำพ ตกแต่งภำพ ซอ้ นภำพในรูปแบบต่ำงๆ ไดอ้ ยำ่ งง่ำยดำย และส่ิงที่ขำดไม่ไดก้ ค็ ือ กำรใส่ขอ้ ควำม
ประกอบลงในภำพดว้ ย และเน่ืองดว้ ย Adobe Photoshop มีกำรพฒั นำโปรแกรมมำอยำ่ งต่อเน่ือง ทำใหเ้ รำ
จำเป็นตอ้ งศึกษำคำสงั่ ต่ำงๆ ใหเ้ ขำ้ ใจ แต่ที่สำคญั เมื่อคุณเรียนรู้กำรใชค้ ำสงั่ ในเวอร์ชน่ั เก่ำ คุณกย็ งั คง
สำมำรถนำไปประยกุ ตใ์ ชก้ บั เวอร์ชน่ั ใหมๆ่ ไดด้ ว้ ยครับ
ควำมสำมำรถพ้ืนฐำนของ Adobe Photoshop ที่ควรทรำบ
• ตกแต่งหรือแกไ้ ขรูปภำพ
• ตดั ต่อภำพบำงส่วน หรือท่ีเรียกวำ่ crop ภำพ
• เปลี่ยนแปลงสีของภำพ จำกสีหน่ึงเป็นอีกสีหน่ึงได้
• สำมำรถลำกเสน้ แบบฟรีสไตล์ หรือใส่รูปภำพ สี่เหล่ียม วงกลม หรือสร้ำงภำพไดอ้ ยำ่ งอิสระ
• มีกำรแบ่งช้นั ของภำพเป็น Layer สำมำรถเคลื่อนยำ้ ยภำพไดเ้ ป็นอิสระต่อกนั
• กำรทำ cloning ภำพ หรือกำรทำภำพซ้ำในรูปภำพเดียวกนั
• เพิ่มเติมขอ้ ควำม ใส่ effect ของขอ้ ควำมได้
• Brush หรือแปรงทำสี ที่สำมำรถเลือกรูปแบบสำเร็จรูปในกำรสร้ำงภำพไดแ้ ละอื่นๆ อีกมำกมำ
3
โปรแกรม Adobe Photoshop CS6 เม่ือทำกำรเปิ ดโปรแกรมแลว้ จะพบหนำ้ ตำของโปรแกรม
มีส่วนสำคญั หลกั ท่ีที่ตอ้ งรู้ดงั น้ี
1. เมนูของโปรแกรม Application menu หรือ Menu bar ประกอบดว้ ย
1. File หมำยถึง รวมคำสง่ั ที่ใชจ้ ดั กำรกบั ไฟลร์ ูปภำพ เช่น สร้ำงไฟลใ์ หม่, เปิ ด, ปิ ด, บนั ทึกไฟล,์ นำเขำ้
ไฟล,์ ส่งออกไฟล์ และอ่ืน ๆ ท่ีเกี่ยวกบั ไฟล์
2. Edit หมำยถึง รวมคำสงั่ ที่ใชส้ ำหรับแกไ้ ขภำพ และปรับแต่งกำรทำงำนของโปรแกรมเบ้ืองตน้ เช่น
ก๊อปป้ี , วำง, ยกเลิกคำสงั่ , แกไ้ ขเคร่ืองมือ และอื่น ๆ
3. Image หมำยถึง รวมคำสง่ั ท่ีใชป้ รับแต่งภำพ เช่น สี, แสง, ขนำดของภำพ (image size), ขนำดของ
เอกสำร (canvas), โหมดสีของภำพ, หมุนภำพ และอ่ืน ๆ
4. Layer หมำยถึง รวมคำสงั่ ที่ใชจ้ ดั กำรกบั เลเยอร์ ท้งั กำรสร้ำงเลเยอร์, แปลงเลเยอร์ และกำรจดั กำรกบั เล
เยอร์ในดำ้ นตำ่ ง ๆ
5. select รวม คำสงั่ เกี่ยวกบั กำรเลือกวตั ถุหรือพ้นื ที่บนรูปภำพ (Selection) เพอ่ื นำไปใชง้ ำนร่วมกบั คำสง่ั
อ่ืน ๆ เช่น เลือกเพอื่ เปลี่ยนสี, ลบหรือใชเ้ อฟเฟ็กตต์ ่ำง ๆ กบั รูปภำพ
6. Filter เป็นคำสงั่ กำรเล่น Effects ต่ำงๆสำหรับรูปภำพและวตั ถุ
7. View เป็นคำสงั่ เกี่ยวกบั มุมมองของภำพและวตั ถุในลกั ษณะต่ำงๆ เช่น กำรขยำยภำพและยอ่ ภำพใหด้ ู
เลก็
8. Window เป็นส่วนคำสง่ั ในกำรเลือกใชอ้ ุปกรณ์เสริมต่ำงๆท่ีจำเป็นในกำรใชส้ ร้ำง Effects ต่ำงๆ
9. Help เป็นคำสงั่ เพอ่ื แนะนำเกี่ยวกบั กำรใชโ้ ปรแกรมฯและจะมีลำยละเอียดของโปรแกรมอยใู่ นน้นั
4
2. เมนูของพ้ืนท่ีทำงำน Panel menu
Panel (พำเนล) เป็นวนิ โดวย์ อ่ ย ๆ ที่ใชเ้ ลือกรำยละเอียด หรือคำสงั่ ควบคุมกำรทำงำนต่ำง ๆ ของ
โปรแกรม ใน Photoshop มีพำเนลอยเู่ ป็นจำนวนมำก เช่น พำเนล Color ใชส้ ำหรับเลือกสี, พำเนล Layers ใช้
สำหรับจดั กำรกบั เลเยอร์ และพำเนล Info ใชแ้ สดงคำ่ สีตรงตำแหน่งท่ีช้ีเมำส์ รวมถึงขนำด/ตำแหน่งของ
พ้ืนที่ท่ีเลือกไว้
3. พ้นื ท่ีทำงำน Stage หรือ Panel
เป็นพ้ืนท่ีวำ่ งสำหรับแสดงงำนท่ีกำลงั ทำอยู่
4. เคร่ืองมือท่ีใชง้ ำน Tools panel หรือ Tools box
Tool Panel (ทูลพำเนล) หรือ กลอ่ งเคร่ืองมือ จะประกอบไปดว้ ยเครื่องมือต่ำง ๆ ท่ีใชใ้ นกำรวำด ตกแต่ง
และแกไ้ ขภำพ เคร่ืองมือเหล่ำน้ีมีจำนวนมำก ดงั น้นั จึงมีกำรรวมเคร่ืองมือท่ีทำหนำ้ ท่ีคลำ้ ย ๆ กนั ไวใ้ นป่ ุม
เดียวกนั โดยจะมีลกั ษณะรูปสำมเหลี่ยมอยบู่ ริเวณมุมดำ้ นล่ำงดงั ภำพ 2 เพอ่ื บอกใหร้ ู้วำ่ ในป่ ุมน้ียงั มีเครื่องมือ
อ่ืนอยดู่ ว้ ย
5. สิ่งท่ีควบคุมเคร่ืองมือที่ใชง้ ำน Tools control menu หรือ Option bar
Option Bar (ออปชน่ั บำร์) เป็นส่วนท่ีใชป้ รับแต่งค่ำกำรทำงำนของเครื่องมือต่ำง ๆ โดยรำยละเอียดใน
ออปชน่ั บำร์จะเปล่ียนไปตำมเคร่ืองมือท่ีเรำเลือกจำกทูลบอ็ กซใ์ นขณะน้นั เช่น เมื่อเรำเลือกเคร่ืองมือ Brush
(พกู่ นั ) บนออปชน่ั บำร์จะปรำกฏออปชน่ั ท่ีใชใ้ นกำรกำหนดขนำด และลกั ษณะหวั แปรง, โหมดในกำร
ระบำยควำมโปร่งใสของสี และอตั รำกำรไหลของสี เป็นตน้
5
เครื่องมือพ้นื ฐำนของโปรแกรม Tools
Tool Panel (ทลู พำเนล) หรือ กลอ่ งเคร่ืองมือ จะประกอบไปดว้ ยเครื่องมือต่ำง ๆ ที่ใชใ้ นกำรวำด ตกแต่ง
และแกไ้ ขภำพ เคร่ืองมือเหล่ำน้ีมีจำนวนมำก ดงั น้นั จึงมีกำรรวมเครื่องมือท่ีทำหนำ้ ท่ีคลำ้ ย ๆ กนั ไวใ้ นป่ ุม
เดียวกนั โดยจะมีลกั ษณะรูปสำมเหลี่ยมอยบู่ ริเวณมุมดำ้ นล่ำงดงั ภำพ 2 เพื่อบอกใหร้ ู้วำ่ ในป่ ุมน้ียงั มีเคร่ืองมือ
อ่ืนอยดู่ ว้ ย
ทำกำรแบ่งกลมุ่ เครื่องมือไดด้ งั ภำพต่อไปน้ี
6
ควำมหมำยและควำมสำคญั ของเลเยอร์ Layer
เลเยอร์ Layer ชิ้นงำนยอ่ ย หรือเรียกใหเ้ ขำ้ ใจง่ำยคือ ช้นั ของชิ้นงำนใหญ่ เป็นหลกั กำรทำงำนของโปรแกรม
Photoshop นน่ั คือกำรนำช้นั ต่ำงๆ มำผสมกนั เพอื่ ปรับแต่งใหเ้ กิดควำมสวยงำมมำกข้ึน
สำมำรถทำอะไรกบั เลเยอร์
แสดงหรือซ่อน (Show or Hide Layer) กำรคลิกที่รูปดวงตำแต่ละคร้ัง จะเป็นกำรเปิ ดเพื่อแสดง หรือปิ ดเพอ่ื
ซ่อนสีิงที่อยใู่ นเลเยอร์ เช่น ถำ้ เรำไม่ตอ้ งกำรใหแ้ สดงภำพของเลเยอร์ใด กท็ ำกำรปิ ด หรือซ่อนไป
คดั ลอก และ ทำซ้ำเลเยอร์ (Copy and Duplicate Layer) แบ่งเป็น
กำรคดั ลอเเลเยอร์จำกชิ้นงำนหน่ึงไปยงั อีกชิ้นงำนหน่ึง ทำไดห้ ลำยวิธี
• คลิกเลเยอร์ที่ตอ้ งกำรทำกำรคดั ลอก ใชโ้ ปรแกรมเมนู Edit เลือก Copy หรือกดป่ ุม Ctrl C คลิก
Tab ของชิ้นงำนที่เรำตอ้ งกำรจะใหเ้ ลเยอร์น้นั มำวำงไวแ้ ลว้ คลิก Edit เลือก Paste หรือกดป่ ุม
Ctrl V
• คลิกเลเยอร์ที่ตอ้ งกำรทำกำรคดั ลอก คลิกขวำท่ีเมำ้ ส์ เลือก Duplicate Layer จะไดห้ นำ้ ต่ำงตำม
ภำพดำ้ นลำ่ ง ใส่ช่ือในช่อง Destination ใหเ้ ป็นชื่อชิ้นงำนท่ีเรำตอ้ งกำรนำเลเยอร์น้ีไปไว้
• คลิกเลเยอร์ที่ตอ้ งกำรทำกำรคดั ลอกคำ้ งไว้ แลว้ ลำกไปยงั อีก Tab ของอีกชิ้นหน่ึงโดยตรง
7
กำรบนั ทึกงำน
สมมุติวำ่ เรำไดแ้ ต่งรูป พระทรำย ดงั ตวั อยำ่ งภำพดำ้ นล่ำง เสร็จเรียบร้อยแลว้ เรำตอ้ งกำรบนั ทึกกำรทำงำน ทำ
ตำมข้นั ตอนดงั ต่อไปน้ี
ไปที่ File > Save as จะปรำกฎหนำ้ ต่ำงดงั รูปดำ้ นล่ำง
ช่อง File name คือใหเ้ รำต้งั ช่ืองำน
ช่อง Format คือ กำรบนั ทึกไฟลง์ ำนประเภทต่ำงๆ เช่น PSD , JPEG , TIFF และอ่ืนๆ
เมื่อเลือกเสร็จเรียบร้อยแลว้ กด Save กจ็ ะทำกำรบนั ทึกสำเร็จ
8
อำ้ งอิง
https://sites.google.com/site/ajareeratpmtech/khwam-ru-phun-than-keiyw-kab-
porkaerm-photoshop-cs6
https://sites.google.com/site/22012419karchiporkaermkrafiks/1-pra-wati-khwm-pen-
ma-khxng-adobe-photoshop