โครงงานคอมพิวเตอร์ การใช้โฟโต้ชอปเบื้องต้น

โครงงานคอมพิวเตอร์ เรื่อง การใช้ Photoshop เบื้องต้น เสนอ คุณครูฉวี โคนพันธ์ จัดทำโดย 1. นายนลธชัย บุตรราช เลขที่ 30 รหัสประจำตัว 26229 2. นายธนดล ล้นหลาม เลขที่ 5 รหัสประจำตัว 23231 3. นายทัศวี ผานคำ เลขที่ 29 รหัสประจำตัว 26228 4. นางสาวพรธิตา เทพวงษา เลขที่25 รหัสประจำตัว 25518 5. นางสาวกัลยา เชี่ยวชาญ เลขที่34 รหัสประจำตัว 26234 ชั้นมัธยมศึกษาปีที่ 6/6 รายงานฉบับนี้เป็นส่วนประกอบของรายวิชาโครงงานคอมพิวเตอร์ โรงเรียนธาตุนารายณ์วิทยา สังกัดเขตพื้นที่การศึกษามัธยมศึกษาเขต 23 ภาคเรียนที่ 2 ปีการศึกษา 2565

ก เรื่อง การใช้ Photoshop เบื้องต้น โดย 1.นายนลธชัย บุตรราช เลขที่ 30 2. นายธนดล ล้นหลาม เลขที่ 5 3. นายทัศวี ผานคำ เลขที่ 29 4. นางสาวพรธิตา เทพวงษา เลขที่ 25 5. นางสาวกัลยา เชี่ยวชาญ เลขที่ 34 ชั้นมัธยมศึกษาปีที่ 6/6 โรงเรียนธาตุนารายณ์วิทยา สังกัดเขตพื้นที่การศึกษามัธยมศึกษาเขต 23 ครูที่ปรึกษาพิเศษ นายพรชัย สิทธิชัย และนายชุติพงศ์ พันธุ์สมบัติ บทคัดย่อ คณะผู้จัดทําได้คิดทำโครงการนี้นั้นเพื่อสร้างสื่อการเรียนการสอน Adobe Photoshop เรื่อง การใช้ Photoshop เบื้องต้นวัตถุประสงค์ของโครงการนี้เพื่อให้ผู้คนสนใจเกี่ยวกับการใช้ Photoshop และ ยังมีความรู้ความเข้าใจเกี่ยวกับประเภทและลักษณะของโปรแกรม Adobe Photoshop เพื่อตัดพื้นหลังที่มี ประโยชน์กับสังคม โครงการสื่อการเรียนการสอนโปรแกรม Adobe Photoshop เรื่อง การใช้ Photoshop เบื้องต้น เน้นการศึกษาสามารถศึกษาได้ทุกคนที่สนใจในด้านนี้ โดยนําข้อมูลมานําเสนอให้ดูน่าสนใจมากยิ่งขึ้นและยังศึกษา เพิ่มเติมได้ โดยจะมีการสอนเป็นขั้นเป็นตอนในคลิปวิดีโอ และยังมีทริกในการใช้งานของด้าน Adobe Photoshop ทำขึ้นได้ด้วยตัวเอง ประโยชน์ของสื่อการเรียนการสอนโปรแกรม Adobe Photoshop เรื่อง การใช้ Photoshop เบื้องต้น โครงการนี้เรียบเรียงข้อมูลให้สะดวกต่อการศึกษาค้นคว้าและยังสามารถทำแบบทดสอบหลังเรียนเพื่อทดสอบ ความรู้ความเข้าใจในเรื่องการใช้ Photoshop เบื้องต้นของผู้เรียนได้ละยังนําความรู้ที่ได้จากเรียนการใช้ Photoshop เบื้องต้นที่มีประโยชน์กับตนเองและสังคมอีกมายมายเพื่อพัฒนาการการใช้ Photoshop เบื้องต้น ได้ในอีกภายภาคหน้า

ข กิตติกรรมประกาศ ขอขอบพระคุณโรงเรียนธาตุนารายณ์วิทยาอย่างมากที่เอื้อเฟื้อสถานที่ให้ทำ โครงการและขอขอบพระคุณ อาจารย์ที่สอนให้ได้เข้าใจในการทำงานและสอนให้รู้เรื่องวิชาความรู้ต่าง ๆ รวมไปถึงการทำโครงสื่อการเรียนการ สอนโปรแกรม Adobe Photoshop เรื่อง การใช้ Photoshop เบื้องต้น โครงการสื่อการเรียนการสอนฉบับนี้ได้ทำขึ้นมาด้วยความตั้งใจและความพยายามเป็นอย่าง มากโดยได้รับ ความร่วมมือเป็นอย่างดีจึงขอขอบคุณ คุณครูพรชัย สิทธิชัย และคุณครูชุติพงศ์ พันธุ์สมบัติ ที่ปรึกษาที่ได้ให้ความ สนับสนุนและให้ความช่วยเหลือรวมทั้งคำปรึกษาคำแนะนําและแก้ไขข้อผิดพลาดตลอดการทำโครงการนี้ออกมาได้ อย่างสมบูรณ์แบบ ขอขอบพระคุณคุณครูและสมาชิกในกลุ่มที่ให้การช่วยเหลือและให้กําลังใจในทุกๆด้านจนทำให้ ประสบความสำเร็จลุล่วงไปด้วยดีสุดท้ายความรู้และประโยชน์ของโครงการฉบับนี้ขอมอบความดีที่ได้ให้แก่ผู้ มีพระคุณทุกท่านและขอขอบพระคุณมา ณ โอกาศนี้ คณะผู้จัดทำ นลธชัย บุตรราช ธนดล ล้นหลาม ทัศวี ผานคำ พรธิตา เทพวงษา กัลยา เชี่ยวชาญ

ค สารบัญ หน้า บทคัดย่อ ก กิตติกรรมประกาศ ข สารบัญ ค-ง สารบัญตาราง จ สารบัญรูปภาพ ฉ บทที่ 1 บทนำ 1 ความเป็นมาและความสำคัญ 1 วัตถุประสงค์ 1 ขอบเขตของการศึกษาค้นคว้า 1 ผลที่คาดว่าจะได้รับจากการศึกษา 1 นิยามศัพท์ 2 บทที่ 2 เอกสารที่เกี่ยวข้อง 3 อะโดบี โฟโตชอป 3 ประวัติ 3 ความสามารถตกแต่งภาพ 3 คุณสมบัติพื้นฐานของโปรแกรม 3 ส่วนประกอบของโปรแกรม 4 ความสามารถพื้นฐานของ Adobe photoshop ที่ควรทราบ 5 ระบบงานในปัจจุบัน 13 ปัญหาระบบงานในปัจจุบัน 13 ทฤษฎีที่เกี่ยวข้อง 13 บทที่ 3 วิธีการดำเนินงาน 16 การวางแผนการศึกษาค้นคว้า 16 วิธีการดำเนินการ 16 บทที่ 4 ผลการดำเนินงาน 18 หลักการออกแบบโปรแกรม 18 ขั้นตอนการพัฒนา โปรแกรม 18

ง สารบัญ(ต่อ) หน้า บทที่ 5 สรุปผลการดำเนินงาน สรุปผลการดำเนินการ 20 ปัญหาและอุปสรรคในการดำเนินโครงการ 20 บรรณานุกรม 22 ภาคผนวก 23

จ สารบัญตาราง หน้า ตารางที่1 แผนปฏิบัติงาน 1 8

ฉ สารบัญรูปภาพ หน้า รูปที่ 1 หน้าจอแรกของโปรแกรม Photoshop 7 2 การสร้างและกำหนดขนาดไฟล์งานใหม่ 8 3 การเปิดไฟล์ภาพ 9 4 การย่อ-ขยายภาพ 10-12 5 การบันทึกงานบันทึกไฟล์ Photoshop(.PSD) 13

1 บทที่ 1 บทนำ 1.1 ความเป็นมาและความสำคัญ ปัจจุบันงานด้านการออกแบบและตกแต่งภาพโดยใช้คอมพิวเตอร์ ได้เข้ามามีบทบาทกับการ สร้างสรรค์ผลงานมากขึ้น และยังสามารถนำมาประยุกต์ใช้กับงานด้านต่างๆ ได้ เช่น การตกแต่งภาพ การ สร้างสรรค์ภาพ การเพิ่มถูกเล่นให้กับขึ้นงานต่างๆ ซึ่ง Photoshop เป็นโปรแกรมสร้างงานกราฟิก ตกแต่ง รูปภาพและผลิตสื่อสิ่งพิมพ์ ที่ได้รับความนิยมอันดับด้นๆ อีกทั้งยังออกแบบงานกราฟิกให้ขึ้นงานมีความ โดดเด่นได้ด้วยตนเองภายในเวลาอันรวดเร็ว เพราะบางคนอาจไม่รู้ไม่จักวิธีใช้โปรแกรม Adobe Photoshop เบื้องต้นอย่างการใช้เครื่องมือในการตัดต่อรูปภาพหรือการแต่งรูปภาพ โปรแกรมกราฟิกที่ใช้งานกันตั้งแต่มือสมัครเล่นแต่งภาพเล่นๆ เป็นงานอดิเรกไปจนมืออาชีพ ใช้เพื่อสร้าง งาน สร้างอาชีพ สำหรับผู้ที่ชื่นชอบการแต่งภาพไม่ว่าจะเป็นมือใหม่หรือมือเก่าก็คงไม่มีใครปฏิเสธได้ว่า Photoshop เป็นโปรแกรมสำหรับสร้างงานค้านกราฟิกที่รองรับเกือบทุกสายงาน บุคลากรในหลายสาขาอาชีพให้ ความสนใจและนิยมใช้กันอย่างแพร่หลาย ผู้จัดทำโครงงานเต็งเห็นความสำคัญในการใช้งานโปรแกรมคอมพิวเตอร์ประเภทต่างๆ สำหรับ บุคคลทั่วไปที่สนใจ จึงได้จัดทำโครงงานโปรแกรม Adobe Photoshop เพื่อพัฒนาทักษะการใช้งาน โปรแกรม กราฟิก และสามารถนำความรู้ไปประยุกต์ใช้ในงานของสาขาอาชีพของตนได้ 1.2 วัตถุประสงค์ 1. เพื่อให้ผู้เรียนพัฒนาความรู้ความสามารถในการใช้โปรแกรม Photoshop เบื้องต้น 2. เพื่อเป็นแนวทางจัดการเรียนการสอนและพัฒนาการเรียนการสอนเรื่องโปรแกรม Photoshop เบื้องต้น 3. ทราบระดับความพึงพอใจของผู้ใช้สื่อการเรียนรู้ด้วยโปรแกรม Adobe Photoshop และนำไปปรับปรุงพัฒนา ผลงานให้มีคุณภาพยิ่งขึ้น 1.3 ขอบเขตของการศึกษาค้นคว้า 1. ขอบเขตเนื้อหา เรื่อง วิธีการใช้ Photoshop เบื้องต้น ประกอบด้วยวีดิโอแนะนำการใช้ Photoshop เบื้องต้น 2. โปรแกรมที่ใช้ในการดำเนินงาน ได้แก่ 1.โปรแกรมAdobe Photoshop 2.โปรแกรม Adobe Premiere Pro 1.4 ผลที่คาดว่าจะได้รับจากการศึกษา 1. ได้เรียนรู้วิธีการทำงานของเครื่องมือในโปรแกรม Photoshop 2. ผู้เรียนสามารถจำเครื่องมือต่างๆภายในโปรแกรม Photoshop และนำไปใช้ได้

2 1.5 นิยามศัพท์ 1. File หมายถึง คำสั่งเกี่ยวกับการจัดเก็บ และเรียกใช้ไฟล์รูปภาพต่างๆ 2. Edit หมายถึง คำสั่งเกี่ยวกับการแก้ไขลักษณะของรูปภาพและ Image ต่างๆ 3. Imag หมายถึง คําสั่งการจัดการรูปภาพและ Image ต่างเช่น การเปลี่ยนสีและการเปลี่ยนขนาด 4. Laye หมายถึง ชั้นหรือลำดับของรูปภาพและวัตถุที่เราต้องการจะทำ Effects 5. Select เป็นคำสั่งการเลือกพื้นที่หรือส่วนต่างของรูปภาพและวัตถุในการที่จะเล่น Effectsต่างๆ 6. Filter เป็นคำสั่งการเล่น Effects ต่างๆสำหรับรูปภาพและวัตถุ 7. View เป็นคำสั่งเกี่ยวกับมุมมองของภาพ และวัตถุในลักษณะต่างๆ เช่น การขยายภาพ และย่อภาพให้ดูเล็กลง 8. Winddow เป็นส่วนคำสั่งในการเลือกใช้อุปกรณ์เสริมต่างๆที่จําเป็นในการใช้สร้าง Effecต่างๆ 9. Helpoolbox เป็นคำสั่งเพื่อแนะนำเกี่ยวกับการใช้โปรแกรมฯและจะมีลายละเอียดของโปรแกรมอยู่ในนั้น

3 บทที่ 2 เอกสารที่เกี่ยวข้อง 2.1 อะโดบี โฟโตชอป (Adobe Photoshop) มักเรียกสั้นๆ ว่า โฟโตชอป เป็นโปรแกรมประยุกต์ที่มี ความสามารถในการจัดการแก้ไขและตกแต่งรูปภาพ (photo editing and retouching) แบบแรสเตอร์ผลิตโดย บริษัทอะโดบีซิสเต็มส์ซึ่งผลิตโปรแกรมด้านการพิมพ์อีกหลายตัวที่ได้รับความนิยม เช่น Illustrator และ InDesign ปัจจุบันโปรแกรมโฟโตชอปได้พัฒนามาถึงรุ่น CC (Creative Cloud) 2.2 ประวัติ ใช้งาน PostScript ไปใช้กับเครื่องพิมพ์LaserWriter ของตนเอง หลังจากนั้น Adobe มีซอฟต์แวร์ที่ เกี่ยวข้องกับกราฟิกหลายชนิด และเข้าซื้อกิจการบริษัท แมคโครมีเดีย เมื่อปี 2005 นอกจากนี้อะโดบี ติดอันดับ บริษัทดีเด่นที่น่าทำงานด้วยหลายปีติดต่อกัน จัดอันดับโดยนิตยสารฟอรบส์แต่ก็เป็นที่รู้กันในวงการว่าเป็นบริษัทที่ มีจรรยาบรรณและการปฏิบัติกับลูกค้าที่แย่ที่สุดไม่ว่าจะเป็นบริการหลังการขายราคาที่สูงมากอีกทั้งยังผูกขาด ตลาดอย่างสมบูรณ์ 2.3 ความสามารถตกแต่งภาพ โปรแกรมโฟโตชอปเป็นโปรแกรมที่มีความสามารถใช้ได้หลายรอบในการจัดการไฟล์ข้อมูลรูปภาพที่มี ประสิทธิภาพ การทำงานกับไฟล์ข้อมูลรูปภาพของโฟโตชอปนั้น ส่วนใหญ่จะทำงานกับไฟล์ข้อมูลรูปภาพที่จัดเก็บ ข้อมูลรูปภาพแบบ Raster โฟโตชอปสามารถใช้ในการตกแต่งภาพได้หลากหลาย เช่น ลบตาแดง, ลบรอยแตกของ ภาพ, ปรับแก้สี, เพิ่มสีและแสง หรือการใส่เอฟเฟกต์ให้กับรูป เช่น ทำภาพสีซีเปีย, การทำภาพโมเซค, การสร้าง ภาพพาโนรามาจากภาพหลายภาพต่อกัน นอกจากนี้ยังใช้ได้ในการตัดต่อภาพ และการซ้อนฉากหลังเข้ากับภาพ โฟโตชอปสามารถทำงานกับระบบสีRGB, CMYK, Lab และ Grayscale และสามารถจัดการกับไฟล์ รูปภาพที่สำคัญได้ เช่น ไฟล์นามสกุล JPG, GIF, PNG, TIF, TGA โดยไฟล์ที่โฟโตชอปจัดเก็บในรูปแบบเฉพาะของ ตัวโปรแกรมเอง จะใช้นามสกุลของไฟล์ว่า PSD จะสามารถจัดเก็บคุณลักษณะพิเศษของไฟล์ที่เป็นของโฟโตชอป เช่น เลเยอร์, ชันแนล, โหมดสี รวมทั้งสไลส์ ได้ครบถ้วน 2.4 คุณสมบัติพื้นฐานของโปรแกรม โปรแกรม Photo shop เป็นโปรแกรมในตระกูล Adobe ที่ใช้สำหรับตกแต่งภาพถ่ายและภาพกราฟิก ได้ อย่างมีประสิทธิภาพ ไม่ว่าจะเป็นงานด้านสิ่งพิมพ์ นิตยสาร และงานด้านมัลติมีเดีย อีกทั้งยังสามารถ retouching ตกแต่งภาพและการสร้างภาพ ซึ่งกำลังเป็นที่นิยมสูงมากในขณะนี้ เราสามารถใช้โปรแกรม Photoshop ในการ

4 ตกแต่งภาพ การใส่ Effect ต่าง ๆ ให้กับภาพ และตัวหนังสือ การทำภาพขาวดำ การทำภาพถ่ายเป็นภาพเขียน การนำภาพมารวมกัน การ Retouch ตกแต่งภาพต่าง ๆ สามารถเรียนรู้วิธีการใช้โปรแกรม Adobe Photoshop นี้ได้ด้วยตัวเอง สามารถที่จะทำการแก้ไขภาพ ตกแต่งภาพ ซ้อนภาพในรูปแบบต่างๆ ได้อย่างง่ายดาย และสิ่งที่ขาดไม่ได้ก็คือ การใส่ข้อความประกอบลงในภาพ ด้วย และเนื่องด้วย Adobe Photoshop มีการพัฒนาโปรแกรมมาอย่างต่อเนื่อง แต่ที่สำคัญ เมื่อเรียนรู้การใช้ คำสั่งในเวอร์ชันเก่า ก็ยังคงสามารถนำไปประยุกต์ใช้กับเวอร์ชันใหม่ๆ ได้ด้วย 2.5 ส่วนประกอบของโปรแกรม 1. เมนูของโปรแกรม Application menu หรือ Menu bar ประกอบด้วย 1.1 File หมายถึง รวมคำสั่งที่ใช้จัดการกับไฟล์รูปภาพ เช่น สร้างไฟล์ใหม่, เปิด, ปิด, บันทึกไฟล์, นำเข้าไฟล์, ส่งออกไฟล์ และอื่น ๆ ที่เกี่ยวกับไฟล์ 1.2 Edit หมายถึง รวมคำสั่งที่ใช้สำหรับแก้ไขภาพ และปรับแต่งการทำงานของโปรแกรมเบื้องต้น เช่น ก๊อปปี้, วาง, ยกเลิกคำสั่ง, แก้ไขเครื่องมือ และอื่น ๆ 1.3 Image หมายถึง รวมคำสั่งที่ใช้ปรับแต่งภาพ เช่น สี, แสง, ขนาดของภาพ (image size), ขนาดของเอกสาร (canvas), โหมดสีของภาพ, หมุนภาพ และอื่น ๆ 1.4 Layer หมายถึง รวมคำสั่งที่ใช้จัดการกับเลเยอร์ ทั้งการสร้างเลเยอร์, แปลงเลเยอร์ และการจัดการกับเลเยอร์ ในด้านต่าง ๆ 1.5 select รวม คำสั่งเกี่ยวกับการเลือกวัตถุหรือพื้นที่บนรูปภาพ (Selection) เพื่อนำไปใช้งานร่วมกับคำสั่งอื่น ๆ เช่น เลือกเพื่อเปลี่ยนสี, ลบ หรือใช้เอฟเฟกต์ต่าง ๆ กับรูปภาพ 1.6 Filter เป็นคำสั่งการเล่น Effects ต่างๆสำหรับรูปภาพและวัตถุ 1.7 View เป็นคำสั่งเกี่ยวกับมุมมองของภาพและวัตถุในลักษณะต่างๆ เช่น การขยายภาพและย่อภาพให้ดูเล็ก 1.8 Window เป็นส่วนคำสั่งในการเลือกใช้อุปกรณ์เสริมต่างๆที่จำเป็นในการใช้สร้าง Effects ต่าง ๆ 1.9 Help เป็นคำสั่งเพื่อแนะนำเกี่ยวกับการใช้โปรแกรมฯ และจะมีรายละเอียดของโปรแกรมอยู่ในนั้น 2. เมนูของพื้นที่ทำงาน Panel menu Panel (พาเนล) เป็นวินโดว์ย่อย ๆ ที่ใช้เลือกรายละเอียด หรือคำสั่งควบคุมการทำงานต่าง ๆ ของโปรแกรม ใน Photoshop มีพาเนลอยู่เป็นจำนวนมาก เช่น พาเนล Color ใช้สำหรับเลือกสี, พาเนล Layers ใช้สำหรับจัดการ กับเลเยอร์ และพาเนล Info ใช้แสดงค่าสีตรงตำแหน่งที่ชี้เมาส์ รวมถึงขนาด/ตำแหน่งของพื้นที่ที่เลือกไว้ 3. พื้นที่ทำงาน Stage หรือ Panel เป็นพื้นที่ว่างสำหรับแสดงงานที่กำลังทำอยู่

5 4. เครื่องมือที่ใช้งาน Tools panel หรือ Tools box Tool Panel (ทูลพาเนล) หรือ กล่องเครื่องมือ จะประกอบไปด้วยเครื่องมือต่าง ๆ ที่ใช้ในการวาด ตกแต่ง และ แก้ไขภาพ เครื่องมือเหล่านี้มีจำนวนมาก ดังนั้นจึงมีการรวมเครื่องมือที่ทำหน้าที่คล้าย ๆ กันไว้ในปุ่มเดียวกัน โดย จะมีลักษณะรูปสามเหลี่ยมอยู่บริเวณมุมด้านล่างดังภาพ 2 เพื่อบอกให้รู้ว่าในปุ่มนี้ยังมีเครื่องมืออื่นอยู่ด้วย 5. สิ่งที่ควบคุมเครื่องมือที่ใช้งาน Tools control menu หรือ Option bar Option Bar (ออปชันบาร์) เป็นส่วนที่ใช้ปรับแต่งค่าการทำงานของเครื่องมือต่าง ๆ โดยรายละเอียดในออปชั่นบาร์ จะเปลี่ยนไปตามเครื่องมือที่เราเลือกจากทูลบ็อกซ์ในขณะนั้น เช่น เมื่อเราเลือกเครื่องมือ Brush (พู่กัน) บนออป ชันบาร์จะปรากฏออปชันที่ใช้ในการกำหนดขนาด และลักษณะหัวแปรง, โหมดในการระบายความโปร่งใสของสี และอัตราการไหลของสี เป็นต้น 2.6 ความสามารถพื้นฐานของ Adobe photoshop ที่ควรทราบ มีอยู่มากมายอย่างที่เรานึกไม่ถึงแต่ที่เป็นความสามารถหลักๆของตัวโปรแกรมเองจะถูกแบ่งเป็น 2 เรื่อง คือ แก้ไขตกแต่งภาพถ่าย:งานนี้เป็นงานถนัดของ Photoshop เช่น การแก้ไขภาพที่มือให้สว่างการลบ ริ้วรอยที่ไม่ต้องการ ออกจากภาพรวมถึงตัดต่อนาภาพหลายๆภาพมารวมกันโดยในส่วนนี้จะเรียกว่าเป็นส่วน ของงานรีทัชออกแบบ สร้างสรรค์งานกราฟิก:ใช้ Photoshop ช่วยในกรสร้างภาพสามิติความสามารถใน เป็นเรื่องของการขีดๆ เขียนๆออกแบบสร้างงานกราฟิกเช่นการวาภาพตัวการ์ตูนหรือก สื่อสิ่งพิมพ์ชนิดต่างๆ 1. งานออกแบบสิ่งพิมพ์ ในงานออกแบบสิ่งพิมพ์ทุกชนิด เช่น การออกแบบภาพสามมิติ , ออกแบบโลโก้ , แบนเนอร์,โบร ชัวร์,นามบัตร, ใบปลิว, แผ่นพับ, หนังสือ, แคตาลอกสินค้า .โปสเตอร์. ป้ายโฆษณา. ป้ายหน้าร้านเรา สามารถใช้โปรแกรมPhotoshopช่วยในการทำงานได้เป็นอย่างดี 2. งานออกแบบเว็บไซต์ เพื่อให้เว็บไชค์จำเป็นอย่างยิ่งที่ต้องมีภาพกราฟิกที่สวยงามน่าสนใจทั้งการตกแต่งด้วยภาพขนาดต่าง ๆ การสร้างโลโก้ประกอบเว็บไซต์การสร้างตัวอักษรซึ่งการทำงานเหล่านี้จำเป็นที่จะต้องใช้โปรแกรม Photoshop ช่วยในการออกแบบ 3. งานแก้ไขซ่อมแซมภาพ ภาพต้นฉบับที่เราได้มาในบางครั้งมีข้อบกพร่องหลายๆ อย่าง เป็นต้นว่า ภาพมืดเกินไปภาพมีรอย ขรุขระหรือมี Noise, ภาพเบลอเกินไปเป็นต้น การที่เราจะนะภาพที่มีข้อบกพร่องเหล่านี้มาใช้งาน

6 จำเป็นต้องทำการแก้ไขและซ่อมแซมภาพดังกล่าวก่อนเพื่อให้ภาพที่มีความสมบูรณ์เหมาะสมกับงาน 4. งานตัดต่อตัดแปลงภาพอสร้างสรค์งานกราฟิกสมัยใหม่ งานกราฟิกปัจจุบันผสานเข้ากับการใช้ชีวิตประจำวันจนเป็นเรื่องที่ไม่ใกลตัวไม่ว่าจะเป็นถุงใส่ของปก ซีดีปฏิทินตั้งโต๊ะหน้าจอคอมพิวเตอร์เว็บไซค์หนังสือปกวารสารนิตยสารการ์ดป้ายประชาสัมพันธ์เครื่องหมาย สัญลักษณ์งานเหล่านี้ก็เกิดจากการใช้งานโปรแกรมช่วยในการออกแบบนาภาพมาสร้างสรรค์งานกราฟิกที่ สวยงามมีประโยชน์ใช้สอยที่ดีตลอดจนมีแนวคิดในการออกแบบที่ดี

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

8 Name ตั้งชื่อให้กับงาน Preset ช่องสำหรับเลือกพื้นที่ ที่โปรแกรมกำหนดมาให้ Width ความกว้าง ซึ่งมีหน่วยต่าง ๆ เช่น Pixel ,เซนติเมตร ,นิ้ว Height ความสูง ซึ่งมีหน่วยต่าง ๆ เช่น Pixel , เซนติเมตร ,นิ้ว Resolution ค่าความละเอียด ( ซึ่งความละเอียดบนหน้าจอ = 72) color mode เลือกชนิดของระบบสี

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

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

11 3. จากรูปจะได้ค่าดังนี้ - Pixel Dimensions จะมีขนาดอยู่ 306.8k ที่ขนาดกว้างยาว 283x370pixel - Document Size จะอยู่ที่ 9.99x13.04cm (เราสามารถปรับเปลี่ยนหน่วยเป็นนิ้ว,%,mm หรือ อย่างอื่นก็ได้) - Resolution โดยทั่วไปถ้าเป็นรูปที่ใช้ตาม web social ต่างๆ เรามักจะใช้แค่ 72 ppi (pixelperinch) แต่ถ้าเป็นตามขนาดงานพิมพ์แล้วแค่ตรงนี้ควรจะสูงๆไว้ก่อนเพื่อความละเอียดของงาน - ควรจะเลือก Constrain Proportions ไว้ทุกครั้งเพื่อที่จะคงอัตราส่วนกว้าง-ยาวเอาไว้ คราวนี้ เราจะเพิ่มหรือขนาดรูป ก็สามารถทำได้เลยโดยการปรับแก้ที่ช่องตามที่ได้อธิบายด้านบน ตามวัตถุประสงค์ ของเราแก้เสร็จก็เซฟงานได้เลย

12 4. ในการเซฟไฟล์ โปรแกรม Photoshop จะถามเราอีกครั้ง ในเรื่องของคุณภาพไฟล์ว่าจะเอา ขนาดไหน (ตามรูป) ในตัวอย่างจะเลือกแค่ 8 ก็พอเพียงพอแล้ว โดยค่ายิ่งมากขนาดไฟล์ก็จะใหญ่ขึ้นตาม

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

14 2.7 ระบบงานในปัจจุบัน E-Learningรูปแบบการเรียนรู้ในปัจจุบันการพัฒนาเทคโนโลยีในด้านต่าง ๆ โดยเฉพาะ เทคโนโลยี ทางด้านคอมพิวเตอร์และเทคโนโลยีทางด้านการสื่อสารและเป็นไปได้อย่างรวดเร็วส่งผลให้เกิดนำเทคโนโลยีต่างๆ เหล่านี้มาใช้ในการศึกษาให้มีคุณภาพและยังสามารถเรียนรู้แบบออนไลน์หรือ E-Learningผ่านเครือข่าย คอมพิวเตอร์อินเทอร์เน็ตแต่ถึงอย่างนั้นสื่อการเรียนการสอนแบบเว็บไซต์ซึ่ง บางครั้งอาจต้องเสียเงินในการซื้อแอพ ในการอ่านหรือการหาข้อมูลซึ่งในกรณีที่ไม่เข้าใจในเนื้อหาของ การเรียนก็ไม่สวามารถถามได้ จึงทำให้เกิดปัญหา ความยากลำบากในการเรียนรู้ ปัจจุบันโปรแกรมระบบฐานข้อมูลสำคัญกับงานด้านรักษาความปลอดภัยและการตรวจสอบ ข้อมูลเป็น อย่างมากจึงจัดทำการศึกษาวิธีการจัดหน้าให้สวยงามและถูกต้องตามความต้องการของ ผู้จัดทำในแต่ละข้อมูล คณะผู้จัดทำจึงนำ Google Site มาเป็นสื่อการสอนของการออกแบบหน้าฟอร์ม เพื่อให้ผู้คนที่สนใจเรื่องนี้มาศึกษา หาความรู้และต้นทุนในการจัดการหลักสูตรต่ำลงด้วยรูปแบบการ เรียนการสอนในระบบทางไกลที่นักเรียนไม่ต้อง เดินทางมาเข้าชั้นเรียน และสามารถรองรับนักเรียนได้อย่างไม่มีขีดจำกัด 2.8 ปัญหาระบบงานในปัจจุบัน 1.ปัญหาด้านการหาข้อมูลในการทำสื่อการสอน 2.ปัญหาเรื่องสีสันไม่ดึงดูดเท่าที่ควร 3.ข้อมูลบางเว็บไซต์อาจน้อยเกินไปและมีบางข้อมูลที่ไม่ถูกต้อง 4.เนื้อหาบางอย่างไม่ชัดเจนครบถ้วน 5.เว็บไซต์บางเว็บอาจจะมีความน่าสนใจไม่มากนักจึงอาจทำให้ไม่มีความน่าสนใจในเว็บไซต์ 2.9 ทฤษฎีที่เกี่ยวข้อง องค์ประกอบของการออกแบบสื่อการเรียนการสอน 1. ความเรียบง่าย (Simplicity) หมายถึง การจำกัดองค์ประกอบเสริมให้เหลือเฉพาะ องค์ประกอบหลัก กล่าวคือในการสื่อสารเนื้อหากับผู้ใช้นั้น เราต้องเลือกเสนอสิ่งที่เราต้องการนำเสนอ จริง ๆ ออกมาในส่วนของ กราฟิก สีสัน ตัวอักษรและภาพเคลื่อนไหว ต้องเลือกให้พอเหมาะ ถ้าหากมีมากเกินไปจะรบกวนสายตาและสร้าง

15 ความคำราญต่อผู้ใช้ตัวอย่างเว็บไซต์ที่ได้รับการออกแบบที่ดีได้แก่ เว็บไซต์ของบริษัทใหญ่ ๆ อย่างเช่น Apple Adobe Microsoft หรือ Kokia ที่มีการออกแบบ เว็บไซต์ในรูปแบบที่เรียบง่าย ไม่ซับซ้อน และใช้งานอย่างสะดวก 2. ความเป็นเอกลักษณ์ (Identity) ในการออกแบบเว็บไซต์ต้องคำนึงถึงลักษณะของ องค์กรเป็นหลัก เนื่องจากเว็บไซต์จะสะท้อนถึงเอกลักษณ์และลักษณะขององค์กร การเลือกใช้ตัวอักษร ชุดสี รูปภาพหรือกราฟิก จะมีผลต่อรูปแบบของเว็บไซต์เป็นอย่างมาก ตัวอย่างเช่น ถ้าเรา ต้องออกแบบเว็บไซต์ของธนาคารแต่เรากลับ เลือกสีสันและกราฟิกมากมาย อาจทำให้ผู้ใช้คิดว่าเป็น เว็บไซต์ของสวนสนุกซึ่งส่งผลต่อความเชื่อถือขององค์กรได้ 3. ความสม่ำเสมอ (Consistency) หมายถึง การสร้างความสม่ำเสมอให้เกิดขึ้นตลอดทั้ง เว็บไซต์ โดย อาจเลือกใช้รูปแบบเดียวกันตลอดทั้งเว็บไซต์ก็ได้ เพราะถ้าหากว่าแต่ละหน้าในเว็บไซต์นั้นมีความแตกต่างกันมาก จนเกินไป อาจทำให้ผู้ใช้เกิดความสับสนและไม่แน่ใจว่ากำลังอยู่ในเว็บไซต์เดิมหรือไม่ เพราะฉะนั้นการออกแบบ เว็บไซต์ในแต่ละหน้าควรที่จะมีรูปแบบ สไตล์ของกราฟิก ระบบเนวิเกชั่น (Navigation) และโทนสีที่มีความ คล้ายคลึงกันตลอดทั้งเว็บไซต์ 4. เนื้อหา (Useful Content) ถือเป็นสิ่งสำคัญที่สุดในเว็บไซต์ เนื้อหาในเว็บไซต์ต้อง สมบูรณ์และได้รับ การปรับปรุงพัฒนาให้ทันสมัยอยู่เสมอ ผู้พัฒนาต้องเตรียมข้อมูลและเนื้อหาที่ผู้ใช้ต้องการให้ถูกต้องและสมบูรณ์ เนื้อหาที่สำคัญที่สุดคือเนื้อหาที่ทีมผู้พัฒนาสร้างสรรค์ขึ้นมาเองและไม่ไปซ้ำกับเว็บอื่นเพราะจะถือเป็นสิ่งที่ดึงดูด ผู้ใช้ให้เข้ามาเว็บไซต์ได้เสมอแต่ถ้าเป็นเว็บที่ลิงค์ข้อมูลจากเว็บอื่น ๆ มาเมื่อใดก็ตามที่ผู้ใช้ทราบว่าข้อมูลนั้นมาจาก เว็บใดผู้ใช้ก็ไม่จำเป็นต้องกลับมาใช้งานลิงค์เหล่านั้นอีก 5. ระบบเนวิเกชั่น (User-Friendly Navigation) เป็นส่วนประกอบที่มีความสำคัญต่อ เว็บไซต์มาก เพราะจะ ช่วยไม่ให้ผู้ใช้เกิดความสับสนระหว่างดูเว็บไซต์ ระบบเนวิเกชั่นจึงเปรียบเสมือน ป้ายบอกทาง ดังนั้นการ ออกแบบเนวิเกชั่น จึงควรให้เข้าใจง่าย ใช้งานได้สะดวก ถ้ามีการใช้กราฟิกก็ควรสื่อความหมาย ตำแหน่งของการ วางเนวิเกชั่นก็ควรวางให้สม่ำเสมอ เช่น อยู่ตำแหน่งบนสุดของ ทุกหน้าเป็นต้น ซึ่งถ้าจะให้ดีเมื่อมีเนวิเกชั่นที่เป็น กราฟิกก็ควรเพิ่มระบบเนวิเกชั่นที่เป็นตัวอักษรไว้ส่วนล่างด้วย เพื่อช่วยอำนวยความสะดวกให้กับผู้ใช้ที่ยกเลิกการ แสดงผลภาพกราฟิกบนเว็บเบรา เซอร์ 6. คุณภาพของสิ่งที่ปรากฏให้เห็นในเว็บไซต์ (Visual Appeal) ลักษณะที่น่าสนใจของ เว็บไซต์นั้น ขึ้นอยู่กับ ความชอบส่วนบุคคลเป็นสำคัญ แต่โดยรวมแล้วก็สามารถสรุปได้ว่าเว็บไซต์ที่ น่าสนใจนั้นส่วนประกอบต่าง ๆ ควร มีคุณภาพ เช่น กราฟิกควรสมบูรณ์ไม่มีรอยหรือขอบขั้นบันได้ให้เห็น ชนิดตัวอักษรอ่านง่ายสบายตา มีการเลือกใช้ โทนสีที่เข้ากันอย่างสวยงาม เป็นต้น 7. ความสะดวกของการใช้ในสภาพต่าง ๆ (Compatibility) การใช้งานของเว็บไซต์นั้นไม่ควรมีขอบจำกัด กล่าวคือ ต้องสามารถใช้งานได้ดีในสภาพแวดล้อมที่หลากหลาย ไม่มีการบังคับให้ผู้ใช้ต้องติดตั้งโปรแกรมอื่นใด เพิ่มเติม นอกเหนือจากเว็บบราวเซอร์ ควรเป็นเว็บที่แสดงผลได้ดีในทุก ระบบปฏิบัติการ สามารถแสดงผลได้ในทุก ความละเอียดหน้าจอ ซึ่งหากเป็นเว็บไซต์ที่มีผู้ใช้บริการ มากและกลุ่มเป้าหมายหลากหลายควรให้ความสำคัญกับ เรื่องนี้ให้มาก 8. ความคงที่ในการออกแบบ (Design Stability) ถ้าต้องการให้ผู้ใช้งานรู้สึกว่าเว็บไซต์มีคุณภาพ ถูกต้อง และ เชื่อถือได้ ควรให้ความสำคัญกับการออกแบบเว็บไซต์เป็นอย่างมาก ต้อง ออกแบบวางแผนและเรียบเรียงเนื้อหา

16 อย่างรอบคอบ ถ้าเว็บที่จัดทำขึ้นอย่างลวก ๆ ไม่มีมาตรฐาน การออกแบบและระบบการจัดการข้อมูล ถ้ามีปัญหา มากขึ้นอาจส่งผลให้เกิดปัญหาและทำให้ผู้ใช้หมด ความเชื่อถือ 9. ความคงที่ของการทำงาน (Function Stability) ระบบการทำงานต่าง ๆ ในเว็บไซต์ควรมีความถูกต้อง แน่นอน ซึ่งต้องได้รับการออกแบบสร้างสรรค์และตรวจสอบอยู่เสมอ ตัวอย่างเช่น ลิงค์ต่าง ๆ ในเว็บไซต์ ต้อง ตรวจสอบว่ายังสามารถลิงค์ข้อมูลได้ถูกต้องหรือไม่ เพราะเว็บไซต์อื่นอาจมีการเปลี่ยนแปลงได้ตลอดเวลา ปัญหา ที่เกิดจากลิงค์ ก็คือ ลิงค์ขาด ซึ่งพบได้บ่อยเป็นปัญหาที่สร้าง ความรำคาญกับผู้ใช้เป็นอย่างมาก

17 บทที่ 3 วิธีการดำเนินงาน การวางแผนการศึกษาค้นคว้า 3.1 กำหนดจุดศึกษา ศึกษาโปรแกรม Adobe Photoshop ,Adobe Premiere Pro ,Canva 3.2 วัสดุอุปกรณ์ 1.เครื่องคอมพิวเตอร์พร้อมเชื่อมต่อระบบเครือข่ายอินเทอร์เน็ต 2.ซอฟต์แวร์ -โปรแกรมAdobe Photoshop -โปรแกรม Adobe Premiere Pro -โปรแกรม Canva 3.3 วิธีดำเนินการศึกษา ขั้นตอนในการดำเนินงาน ตอนที่ 1 การศึกษา การรวบรวมข้อมูล. 1. คิดหัวข้อโครงงานเพื่อนำเสนออาจารย์ที่ปรึกษา 2. ศึกษาค้นคว้ารวบรวมข้อมูล ที่เกี่ยวขอ้งกบัโครงงานในการสร้างสื่อวีดีทัศน์ 3. ศึกษาโปรแกรม Adobe Premiere Pro ในการสร้าง 4. จัดทำโครงร่างโครงงานเสนออาจารย์ที่ปรึกษา 5. ออกแบบสื่อวีดีทัศน์ 6. จัดทำโครงงานสร้างสื่อวีดีทัศน์เรื่องสื่อเพื่อการศึกษาการใช้ photoshop เบื้องต้น 7. เผยแพร่ผลงานโดยการนำเสนอผ่านสื่อวีดีทัศน์ 8. ทำเอกสารสรุปรายงานโครงงาน ตอนที่ 2 การกำหนดประชากร กลุ่มตัวอย่าง การเตรียมวัสดุอุปกรณ์ 1. ประชากรกลุ่มตัวอย่าง นักเรียนห้อง ม.6/6 2. เครื่องคอมพิวเตอร์พร้อมเชื่อมต่อระบบเครือข่ายอินเทอร์เน็ต 3. ซอฟต์แวร์

18 -โปรแกรมAdobe Photoshop -โปรแกรม Adobe Premiere Pro ตอนที่ 3 การวิเคราะห์ข้อมูล การสรุปผล 1. การดำเนินงานโครงงานนี้บรรลุวัตถุประสงค์ที่ได้กำหนดไว้ คือ เพื่อให้ผู้เรียนพัฒนาความรู้ ความสามารถในการใช้โปรแกรม Photoshop เบื้องต้นได้ สื่อเพื่อการศึกษา Photoshop เป็นสื่อวีดีทัศน์ และ สไลด์ ผ่านอินเทอร์เน็ต กลุ่มFacebook มีทั้งภาพและเสียงสร้างความสนใจช่วยพัฒนาให้ความรู้ของผู้ชมมีความ เข้าใจเกี่ยวกับการใช้โปรแกรม Photoshop เบื้องต้น สื่อเพื่อการศึกษา Photoshop จึงเป็นสื่อที่มีประโยชน์เป็น การนา ซอฟต์แวร์มาพัฒนาประยุกตใช้ได้อย่างมีประสิทธิภาพและเกิดประโยชน์ 3.4 สถิติที่ใช้ในการวิเคราะห์ข้อมูล 1.จำนวนกลุ่มตัวอย่างที่สามารถใช้โปรแกรม Photoshop เบื้องต้นได้ 3.5 ตารางแผนปฏิบัติงาน ขั้นตอนการดำเนินงาน ระยะเวลาการดำเนินงาน พ.ย. 2565 ธ.ค. 2566 ม.ค. 2566 ก.พ. 2566 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1. คิดเลือกหัวข้อเรื่องโครงงาน 2. ศึกษาค้นคว้า เก็บรวบรวมข้อมูล 3. เขียนเค้าโครงของโครงงาน 4. นำเสนอเค้าโครงของโครงงาน 5. ทำการทดลองโครงงานเบื้องต้น 6. นำเสนอเค้าโครงของโครงงาน (ฉบับสมบูรณ์) 7. ปฏิบัติการศึกษา ทดลอง เก็บข้อมูล วิเคราะห์ แปรผล 8. เขียนรายงานโครงงาน 9. นำเสนอโครงงาน

19 บทที่ 4 ผลการดำเนินงาน ผลการดำเนินงาน โดรงการโปรแกรม Adobe Photoshop ในครั้งนี้ซึ่งทำให้สะดวกรวดเร็วต่อการค้นหาการ จัดทำ ซึ่งเป็นการนำเอาข้อมูลที่เป็นเอกสารเข้ามาในโปรแกรม Adobe Photoshop เพื่อบุคคลที่สนใจสามารถจะ ค้นหาข้อมูลและดูรายละเอียดต่างๆให้สามารถทำการค้นหาข้อมูลในโปรแกรม Adobe Photoshop 4.1 หลักการออกแบบโปรแกรม Adobe Photoshop CS3 หลักการออกแบบโปรแกรม Adobe Photoshop การออกแบบและพัฒนาโปรแกรม Adobe Photoshop สามารถทำได้หลายระบบ ขึ้นอยู่กับลักษณะของข้อมูล ความชอบของผู้พัฒนา ตลอดจน กลุ่มเป้าหมายที่ต้องการนำเสนอ เช่น หากกลุ่มเป้าหมายเป็นเด็กวัยรุ่น และนำเสนอข้อมูลเกี่ยวกับความบันเทิง อาจจะออกแบบให้มีทิศทางการไหลของหน้าโปรแกรม Adobe Photoshop CS3ที่หลากหลายใช้ลูกเล่นได้ มากกว่าโปรแกรม Adobe Photoshop ที่นำเสนอให้กับผู้ใหญ่ หรือเว็บด้านวิชาการ ทั้งนี้หลักการออกแบบ โปรแกรม Adobe Photoshop สามารถแบ่งได้สามลักษณะ คือ แบบลำดับขั้น ( Hierarchy) เป็นการจัดแสดงหน้าเว็บเรียงตามลำดับกิ่งก้าน แตกแขนงต่อเนื่อง ไปเหมือนต้นไม้กลับหัว เหมาะสำหรับการนำเสนอข้อมูล ที่มีการแบ่งเป็นหมวดหมู่ที่ไม่มากนัก และมีข้อมูลย่อยไม่ลึกมาก เช่นโปรแกรม Adobe Photoshop แนะนำ แบบเชิงเส้น ( Linear) เป็นการจัดแสดงหน้าโปรแกรม Adobe Photoshop เรียงต่อเนื่องไปในทิศทางเดียว เหมาะสำหรับการนำเสนอ ข้อมูลที่เป็นรูปภาพ เช่นโปรแกรม Adobe Photoshop นำเสนอสไลด์จาก Microsoft PowerPoint แบบผสม (Combination) เป็นการจัดหน้าเว็บชนิดผสมระหว่างแบบลำดับขั้น และแบบเชิงเส้น มักจะเป็นแบบที่นิยมใช้กันอย่างแพร่หลายในปัจจุบัน เนื่องจากสามารถควบคุมการนำเสนอและการเรียกดูได้ สะดวก และรวดเร็ว 4.2 ขั้นตอนการพัฒนา โปรแกรม Adobe Photoshop ขั้นตอนการพัฒนาโปรแกรม Adobe Photoshop เกี่ยวข้องกับระบบปฏิบัติการหลายระบบ การ พัฒนาโปรแกรม Adobe Photoshop ที่ดีควรมีการวางแผนก่อนเสมอเพื่อให้การ แสดงผลได้ถูกต้องตรงกับความ ต้องการเพราะขบวนการพัฒนาโปรแกรม Adobe Photoshop จะต้องเกี่ยวข้องกับระบบปฏิบัติการ (Operating System:OS) หลายระบบ กล่าวคือขณะที่สร้างเอกสาโปรแกรม Adobe Photoshop ผู้พัฒนาอาจจะใช้

20 คอมพิวเตอร์ที่มีระบบปฏิบัติการดอส (DOS) หรือระบบปฏิบัติการ Windows แต่หลังจากที่พัฒนาแล้วเสร็จ จะต้องทำเอกสารโปรแกรม Adobe Photoshop ที่ทำการโอนไปยังเครื่องแม่ข่ายอาจจะถูกเรียกดูจาก คอมพิวเตอร์ระบบอื่นๆเช่น Macintosh เป็นต้น จากความสัมพันธ์ดังกล่าว นักพัฒนาโปรแกรม Adobe Photoshop จึงควรจะศึกษาถึง ข้อกำหนดพื้นฐานที่ควรทราบก่อนอันได้แก่ การกำหนด ชื่อโฟลเดอร์ไฟล์เอกสารเว็บไฟล์ภาพกราฟิกตลอดจน ไฟล์อื่นๆที่จะนำมาใช้ในการทำโปรแกรม Adobe Photoshop เพราะระบบปฏิบัติการUNIX มีลักษณะการตั้งชื่อ แบบ Case-Sensitive หมายถึง ตัวอักษรตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก (A และ a) จะถือว่าเป็นตัวอักษรคนละตัว กัน ไม่เหมือนกับระบบปฏิบัติการ DOS หรือ Windows ที่ถือว่าเป็นตัวอักษรตัวเดียวกัน ดังนั้นหาก ผู้พัฒนา ใช้Windows เป็นระบบปฏิบัติการของเครื่องในการสร้างเอกสารเว็บ และกำหนดชื่อไฟล์Index.htm แต่ขณะที่ ป้อนคำสั่งเพื่อลิงค์ไฟล์ผ่านแป้นพิมพ์เป็น index.html เมื่อโอนถ่ายเอกสารเว็บนั้นๆไปยังเครื่องแม่ข่ายที่ ใช้UNIX เป็นระบบปฏิบัติการจะเกิดปัญหาในการแสดงผลได้ เพราะระบบปฏิบัติการที่เครื่องแม่ข่ายจะเห็นเป็น ไฟล์ที่แตกต่างกันเนื่องจากชื่อไฟล์ไม่ เหมือนกันจากที่กล่าวมาข้างต้นขั้นตอนการพัฒนาโปรแกรม Adobe Photoshop เพื่อให้ได้ผลลัพธ์ที่ถูกต้องและตรงกับความต้องการของผู้ใช้สามารถสรุปเป็นหัวข้อได้ดังนี้ 1.วางแผนการโปรแกรม Adobe Photoshop 2. กำหนดไดเร็กทรอรี่ หรือโฟลเดอร์ (Directory/Folder) ที่ใช้เก็บเอกสารโปรแกรม Adobe Photoshop 3. สร้างภาพหรือจัดหาภาพที่เกี่ยวข้องกับเนื้อหา แล้วจัดเก็บไว้ในไดเร็กทรอรี่ตามข้อ 4. สร้างเอกสารโปรแกรม Adobe Photoshop โดยกำหนดชื่อไฟล์เอกสาร ตามข้อกำหนดของ ผู้ดูแลระบบเครือข่ายและจัดเก็บไว้ในไดเร็กทรอรี่ตามข้อ 5. ตรวจสอบผลเอกสารโปรแกรม Adobe Photoshop 6. ส่งข้อมูลขึ้นเครื่องแม่ข่าย (Server) และทำการตรวจสอบผลการเรียกดูจากเครื่องแม่ข่าย

21 บทที่ 5 สรุปผลการดำเนินงาน การศึกษาและวิเคราะห์แนะนำข้อมูลต่างๆของโปรแกรม Adobe Photoshop และแนะนำข้อมูลต่างๆ ของ Photoshop ว่ามีข้อมูลบางส่วนใดบ้างที่น่าสนใจและแนะนำให้มีการเพิ่มเนื้อหาสาระสำคัญที่น่าสนใจมากขึ้น 5.1 ความสำเร็จจากการศึกษา จากการศึกษาโปรแกรม Adobe Photoshop ทำให้รู้จักวิธีการสร้างโปรแกรม Adobe Photoshop การตกแต่งภาพ ใส่ลูกเล่นให้กับ โปรแกรม Adobe Photoshop วิเคราะห์ข้อมูลการวางแผนการ ทำงาน รวมไปถึงการหาข้อมูล มาประกอบการทำงานจากข้อมูลต่างๆที่เกี่ยวข้อง ที่นำสู่การจัดทำ โปรแกรม Adobe Photoshop ที่มีความสวยงามและน่าสนใจมากขึ้นอีกด้วย 5.2 การนำผลการศึกษาไปปรับปรุงใช้งาน การพัฒนาโปรแกรม Adobe Photoshop แนะนำความรู้ต่างๆสามารถนำผลการศึกษาไป ปรับปรุงใช้งานเป็นโปรแกรม Adobe Photoshop ที่สามารถออนไลน์บนอินเทอร์เน็ตได้จริง แต่ถ้าผู้จะนำไป พัฒนาต่อควรจะปรับปรุงเรื่อง - การลิงค์ไปยังโปรแกรม Adobe Photoshop อื่นๆที่น่าสนใจ - เพิ่มรายละเอียดข้อมูลต่างๆมากขึ้น - การอัพเดตข้อมูล - การสำรองข้อมูลเป็นเว็บมาสเตอร์ 5.3 วิธีการศึกษา - ศึกษาความต้องการของผู้ใช้งาน - ทำการศึกษาข้อมูลโปรแกรม Adobe Photoshop 5.4 การศึกษาในโอกาสต่อไป ในการพัฒนาโปรแกรม Adobe Photoshop แนะนำการตกแต่ง ลูกเล่นใหม่ๆ ในโอกาสต่อไป ควรศึกษาในขอบเขตที่แตกต่างไปจากระบบงานเดิมหรือควรมีการเพิ่มเติมขอบเขตการศึกษาให้ครอบคลุมในส่วน ปีกย่อยๆ ที่เกี่ยวข้อง ในเว็บไซต์เพื่อความสมบูรณ์ของเว็บไซต์มากขึ้นกว่าเดิม และได้ความถูกต้องเพื่อที่จะได้เป็น โปรแกรม Adobe Photoshop ที่มีประสิทธิภาพ และเป็นที่สนใจของผู้เข้ามาเยี่ยมชมต่อไป 5.5 ปัญหาและอุปสรรคในการดำเนินโครงการ ผลจากการทดลอง ครั้งที่ 1. ขาดความรู้ความเข้าใจเกี่ยวกับการออกแบบโปรแกรม Adobe Photoshop

22 ครั้งที่ 2.โปรแกรม Adobe Photoshop สามารถเปิดใช้งานได้แต่เนื้อหายังไม่พร้อมใช้งาน ครั้งที่ 3.โปรแกรม Adobe Photoshop สามารถเปิดใช้งานได้แต่เนื้อหาใช้งานได้บางส่วน ครั้งที่ 4.โปรแกรม Adobe Photoshop สามารถเปิดใช้งานได้และเนื้อหาสมบูรณ์แบบ ดั้งนั้นผล การทดลอง สรุปได้ว่า การพัฒนาโปรแกรม Adobe Photoshop

23 บรรณานุกรม • https://www.longtunman.com/4598 • https://sites.google.com/site/22012419karchiporkaermkrafiks/1-pra-wati-khwm-pen-makhxng-adobe-photoshop • http://learnbasicphotoshop.blogspot.com/2013/12/5.html • https://th.wikipedia.org/wiki/%E0%B8%AD%E0%B8%B0%E0%B9%82%E0%B8%94%E0%B 8%9A%E0%B8%B5_%E0%B9%82%E0%B8%9F%E0%B9%82%E0%B8%95%E0%B8%8A%E0 %B8%AD%E0%B8%9B • http://www.repository.rmutt.ac.th/xmlui/bitstream/123456789/2703/1/RMUTT147733.pdf

24 ภาคผนวก

25

26

27

28