ปก-ผสาน (1)

การออกแบบสือ่ เชิญชวนเรื่องการลดขยะภายในสาขาเทคโนโลยธี รุ กจิ ดิจิทัล
วิทยาลยั เทคนิคระยอง โดยโปรแกรม Adobe Photoshop CC 2020
Media design encourages waste reduction within the field
of Digital Business Technology in Rayong Technical College
By Adobe Photoshop CC 2020

นางสาวชญาดา ซิว 6122040004
นางสาวปาริชาติ เขยี นหวาน 6122040020
นางสาวมนิ ตรา วมิ ลเศรษฐ์ 6122040026

โครงการนเ้ี ปน็ ส่วนหนงึ่ ของรายวชิ าโครงการ รหัสวชิ า (2204-8501)
ภาคเรียนที่ 2 ปกี ารศกึ ษา 2563
สาขาวิชาเทคโนโลยธี ุรกิจดจิ ทิ ลั
วิทยาลยั เทคนคิ ระยอง

การออกแบบสื่อเชญิ ชวนเรอ่ื งการลดขยะภายในสาขาเทคโนโลยีธุรกิจดิจิทัล
วิทยาลัยเทคนคิ ระยอง โดยโปรแกรม Adobe Photoshop CC 2020
Media design encourages waste reduction within the field
of Digital Business Technology in Rayong Technical College
By Adobe Photoshop CC 2020

นางสาวชญาดา ซิว 6122040004
นางสาวปาริชาติ เขียนหวาน 6122040020
นางสาวมินตรา วิมลเศรษฐ์ 6122040026

โครงการนเ้ี ปน็ สว่ นหน่ึงของรายวชิ าโครงการ รหสั วชิ า (2204-8501)
ภาคเรยี นท่ี 2 ปีการศึกษา 2563
สาขาวิชาเทคโนโลยธี ุรกิจดิจทิ ัล
วิทยาลยั เทคนคิ ระยอง

ก

ชือ่ โครงการ การออกแบบสื่อเชิญชวนเรื่องการลดขยะภายในสาขาวชิ าเทคโนโลยี

สาขาวชิ า ธุรกิจดิจิทลั โดยใช้โปรแกรม Adobe Photoshop CC 2020
ผู้รับผดิ ชอบโครงการ
อาจารย์ท่ปี รกึ ษาโครงการ Media design encourages waste reduction within the Field
ปกี ารศกึ ษา
of digital business technology. Rayong Technical College

By program Adobe Photoshop CC 2020

เทคโนโลยธี ุรกจิ ดจิ ิทลั

1. นางสาวชญาดา ซวิ รหสั นักเรียน 6122040004

2. นางสาวปาริชาติ เขยี นหวาน รหสั นักเรยี น 6122040020

3. นางสาวมนิ ตรา วมิ ลเศรษฐ์ รหสั นกั เรยี น 6122040026

นางสาวอจั ฉราภรณ์ เกล้ยี งพรอ้ ม

Mr. Eisenhower S. Matoto

2563

บทคัดย่อ

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

ผลทไ่ี ดจ้ ากแบบสอบถามความพึงพอใจพบว่าเป็นเพศชาย จานวน 68 คน ร้อยละ 35.6 และเพศ
หญิง จานวน 123 คน ร้อยละ 64.4 จานวนของผู้ตามแบบสอบถามจาแนกตามอายุ 15-16 จานวน 33
คน ร้อยละ 17.3, อายุ 17-18 จานวน 99 คน ร้อยละ 51.8 และอายุ 19-20 จานวน 59 คน ร้อยละ
30.9 ระดับความพึงพอใจที่มีต่อป้ายส่ือเชิญชวนเรื่องการลดขยะภายในสาขาวชิ าเทคโนโลยธี รุ กจิ ดิจิทัล

วิทยาลัยเทคนิคระยอง ภาพรวมอยู่ในระดับดีมาก ( ̅ = 4.04, S.D.=0.04) โดยแบ่งเป็นทั้งหมด 3 ด้าน

ก

ได้แก่ ดา้ นการออกแบบช้ินงานอยู่ในระดบั ดีมาก ( ̅ = 4.06, S.D.=0.85), ด้านประสิทธภิ าพอย่ใู นระดับ
ดีมาก ( ̅ = 4.05, S.D. = 0.94) และด้านผลสัมฤทธ์ิอยู่ในระดับดีมาก ( ̅ = 4.06, S.D = 0.93)
ตามลาดับ
คาสาคัญ : การออกแบบ/ เทคโนโลยี/ โปรแกรม Adobe Photoshop CC 2020/ ส่ือเชญิ ชวน

ข

กิตติกรรมประกาศ

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

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

คณะผู้จดั ทำ

สารบัญ ค

บทคดั ย่อ หน้า
กติ ตกิ รรมประกาศ ก
สารบัญ ข
สารบัญตาราง (ต่อ) ค
สารบัญภาพ (ต่อ) ง
บทที่ 1 บทนา จ

1.1 ความเป็นมาและความสาคัญของโครงการ 1
1.2 วัตถปุ ระสงค์ของโครงการ 1
1.3 ขอบเขตของโครงการ 2
1.4 ผลที่คาดวา่ จะได้รับ 2
1.5 คาจากัดความ 3
บทที่ 2 เอกสารและทฤษฎีที่เก่ยี วข้อง
2.1 การออกแบบ 4
2.2 เทคโนโลยี 8
2.3 โปรแกรม 9
2.4 สื่อเชญิ ชวน 22
บทที่ 3 วิธกี ารดาเนินงานโครงการ
3.1 การศึกษาข้อมูลเบือ้ งต้น 24
3.2 ประชากรและกลุม่ ตัวอยา่ ง 24

สารบัญ (ตอ่ ) ค

บทท่ี 3 วิธีการดาเนนิ งานโครงการ หน้า
3.3 ข้นั ตอนการดาเนินงาน
3.4 เครอ่ื งมือทใี่ ชใ้ นการเก็บรวบรวมขอ้ มลู 26
3.5 ขน้ั ตอนการดาเนนิ การ และเกบ็ รวบรวมข้อมูล 31
3.6 พจิ ารณาจากคะแนนตามเกณฑ์ 32
3.7 สถิติทใ่ี ช้ในการวเิ คราะหข์ ้อมลู 33
34
บทที่ 4 ผลการวิเคราะห์ข้อมูล
4.1 ผลการดาเนินการ 35

บทที่ 5 สรปุ อภิปรายผล และขอ้ เสนอแนะ 42
5.1 สรปุ อภิปรายผล 43
5.2 ประโยชน์ที่ได้รบั

บรรณานกุ รม
ภาคผนวก

ก แบบเสนออนุมตั โิ ครงการ
ข ภาพขนั้ ตอนการจัดทาโครงการ
ง แบบสอบถามความพงึ พอใจ
ค ค่มู ือการใชป้ ้าย
จ ประวตั ผิ จู้ ัดทา

ง

สารบัญตาราง หน้า
35
ตารางที่ 36
4.1 แสดงจำนวนของผู้ตอบแบบสอบถำมคดิ เปน็ ร้อยละ จำแนกตำมเพศ 37
4.2 แสดงจำนวนของผู้ตอบแบบสอบถำม คดิ เป็นร้อยละ จำแนกตำมอำยุ 38
4.3 แสดงระดับควำมพึงพอใจด้ำนกำรออกแบบชิ้นงำน 39
4.4 แสดงระดบั ควำมพงึ พอใจดำ้ นประสทิ ธภิ ำพ 40
4.5 แสดงระดับควำมพึงพอใจด้ำนผลสมั ฤทธ์ิ
4.6 แสดงระดบั ควำมพงึ พอใจด้ำนสถิตขิ องนกั เรียนระดับชั้นประกำศนียบัตรวิชำชีพ
ท่ีตอบแบบสอบถำมของโครงกำรออกแบบปำ้ นสอ่ื เชญิ ชวนเร่อื งกำรลดขยะภำยใน
สำขำวิชำเทคโนโลยธี รุกิจดิจิทัล ดว้ ยโปรแกรม Adobe Photoshop CC 2020

สารบัญภาพ จ

ภาพท่ี หน้า
2.1 แสดงการออกแบบ 4
2.2 แสดงการออกแบบทางสถาปัตยกรรม 5
2.3 แสดงการออกแบบผลติ ภัณฑ์ (Product Design) 6
2.4 แสดงการออกแบบทางวิศวกรรม (Engineering Design) 6
2.5 แสดงการออกแบบตกแต่ง (Decorative Design) 7
2.6 แสดงการออกแบบส่ิงพิมพ์ (Graphic Design) 7
2.7 แสดงรูปแบบเทคโนโลยี 8
2.8 แสดงโปรแกรม Adobe Photoshop CC 2020 9
2.9 แสดงผ้คู น้ พบ 10
2.10 แสดงการตดิ ต้ังไฟล์ Adobe Photoshop CC 2020 10
2.11 แสดงการ Extract ไฟลโ์ ปรแกรมเพื่อติดต้งั 11
2.12 แสดงการรนั โปรแกรมท่จี ะติดตั้ง 11
2.13 แสดงการติดตั้งผ่าน Set-Up.exe 12
2.14 แสดงการเปดิ โปรแกรม 12
2.15 แสดงเคร่ืองมือ Adobe Photoshop 13
2.16 แสดง Menu Bar 13
2.17 แสดงเครอ่ื งมือไฟล์ 13
2.18 แสดงเครื่องมือ Edit 14
2.19 แสดงเครอื่ งมือ Image 14

สารบญั ภาพ (ต่อ) จ

ภาพท่ี หน้า
2.20 แสดงเครื่องมือ Layer 15
2.21 แสดงเครือ่ งมือ Type 15
2.22 แสดงเครื่องมือ Select 16
2.23 แสดงเครื่องมือ Filter 16
2.24 แสดงเครอ่ื งมือ View 17
2.25 แสดงเครื่องมือ Windows 17
2.26 แสดงเครอ่ื งมือ Help 18
2.27 แสดงกลมุ่ คาสงั่ 19
2.28 แสดงเครื่องมือ และคุณสมบัติ 20
2.29 แสดง Option Bar 21
2.30 แสดงพืน้ ท่ีออกแบบ 21
2.31 แสดง Panel Manu 21
2.32 แสดง Control Bar 22
2.33 แสดงส่อื สงิ่ พิมพ์ 22
2.34 แสดงส่อื เทคโนโลยี 23
3.1 แสดงตวั อยา่ งทฤษฎี Morgan 25
3.2 แสดง Flowchart ข้นั ตอนการทางาน 27
3.3 แสดง Flowchart ข้ันตอนสร้างช้นิ งาน 28
3.4 แสดงการออกแบบ Background 29

จ

สารบัญภาพ (ต่อ) หน้า
29
ภาพที่ 30
3.5 แสดงการใส่ Logo แผนก 30
3.6 แสดงการใสต่ ัวอักษร 31
3.7 แสดงช้ินงานท่ีเสรจ็ สมบรู ณ์ 100% 35
3.8 แสดง QR Code ช้นิ งาน 36
4.1 แสดงแผนภมู ิจานวนของผ้ตู อบแบบสอบถาม คดิ เปน็ รอ้ ยละ จาแนกตามเพศ 37
4.2 แสดงแผนภูมจิ านวนของผตู้ อบแบบสอบถามคิดเปน็ ร้อยละ จาแนกตามอายุ 38
4.3 แสดงแผนภมู ิระดบั ความพึงพอใจ ด้านการออกแบบชิ้นงาน 39
4.4 แสดงแผนภูมิระดับความพงึ พอใจด้านประสิทธภิ าพ 41
4.5 แสดงแผนภูมริ ะดบั ความพึงพอใจดา้ นผลสมั ฤทธิ์
4.6 แสดงแผนภมู ิระดบั ความพงึ พอใจดา้ นสถติ ิ

บทที่ 1
บทนำ

บทท่ี 1
บทนำ

1.1 ความเปน็ มาและความสำคญั ของโครงการ
เนื่องจากที่ผ่านมาสาขาวิชาเทคโนโลยีธุรกิจดิจิทัลได้เกิดปัญหาเรื่องการทิ้งขยะบนแผนกมา

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

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

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

1.2 วตั ถุประสงค์ของโครงการ
1.2.1 เพื่อออกแบบป้ายเชิญชวนเรื่องการลดขยะภายในสาขาวิชาเทคโนโลยีธุรกิจดิจิทัล

วทิ ยาลยั เทคนคิ ระยอง โดยใชโ้ ปรแกรม Adobe Photoshop
1.2.2 เพื่อศึกษาความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ สาขาวิชาเทคโนโลยี

ธรุ กจิ ดิจิทัล วทิ ยาลัยเทคนิคระยอง ท่ีมตี ่อการออกแบบป้ายเชญิ ชวนเรือ่ งการลดขยะภายในสาขาวิชา
เทคโนโลยีธุรกจิ ดจิ ิทลั วิทยาลัยเทคนิคระยอง ดว้ ยโปรแกรม Adobe Photoshop

2

1.2.3 เพื่อเผยแพร่การออกแบบป้ายเชิญชวนเรื่องการลดขยะภายในสาขาวิชาเทคโนโลยีธุรกจิ
ดิจิทัลวิทยาลัยเทคนิคระยอง ด้วยโปรแกรม Adobe Photoshop ผ่านโครงการประกวดโครงการ
วิชาชีพ ชมรมวิชาชพี สาขาวชิ าเทคโนโลยีธุรกจิ ดิจิทัล

1.3 ขอบเขตของโครงการ
1.3.1 ประชากรและกลุ่มตัวอย่าง
1.3.1.1 ประชากร คอื นกั เรยี นระดบั ประกาศนยี บตั รวชิ าชพี สาขาวิชาเทคโนโลยีธุรกิจ

ดจิ ทิ ลั วิทยาลัยเทคนคิ ระยอง จำนวน 381 คน
1.3.1.2 กลุ่มตัวอย่าง คือ นักเรียนระดับประกาศนียบัตรวิชาชีพ สาขาวิชาเทคโนโลยี

ธรุ กจิ ดจิ ิทลั วทิ ยาลยั เทคนคิ ระยอง จำนวน 191 คน
1.3.2 ขอบเขตชิน้ งาน
1.3.2.1 ดา้ นฮาร์ดแวร์
1) คอมพิวเตอร์พกพา Acer Nitro5 AMD Ryzen7 3750H 2.30GHz
2) คอมพิวเตอร์พกพา acer core i5 8th Gen
3) กลอ้ ง Fuji xa5
1.3.2.2 ด้านซอฟต์แวร์
1) โปรแกรม Adobe Photoshop CC 2020
2) โปรแกรม Adobe Premiere Pro CC 2019
1.3.3 เครื่องมือที่ใช้ในการประเมินผล คือ ป้ายเชิญชวนเรื่องการลดขยะภายในสาขาวิชา

เทคโนโลยธี ุรกจิ ดจิ ิทัล วทิ ยาลัยเทคนิคระยอง ด้วยโปรแกรม Adobe Photoshop และแบบสอบถาม
ความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล
วิทยาลัยเทคนิคระยอง ท่ีมีต่อการออกแบบป้ายเชิญชวนเรื่องการลดขยะภายในสาขาวิชาเทคโนโลยี
ธรุ กิจดิจทิ ลั ด้วยโปรแกรม Adobe Photoshop

1.4 ผลท่คี าดวา่ จะได้รับ
1.4.1 ได้ป้ายเชิญชวนเรื่องการลดขยะภายในสาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิค

ระยอง โดยโปรแกรม Adobe Photoshop
1.4.2 ได้ความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ สาขาวิชาเทคโนโลยีธุรกิจ

ดิจิทัล วิทยาลัยเทคนิคระยอง ที่มีต่อการออกแบบป้ายเชิญชวนเรื่องการลดขยะภายในสาขาวิชา
เทคโนโลยีธรุ กจิ ดิจทิ ัล วทิ ยาลัยเทคนคิ ระยอง โดยโปรแกรม Adobe Photoshop อยใู่ นระดับดีมาก

3

1.4.3 ได้เผยแพร่การออกแบบป้ายเชิญชวนเรื่องการลดขยะภายในสาขาวิชาเทคโนโลยีธุรกิจ
ดิจิทัล วิทยาลัยเทคนิคระยอง โดยโปรแกรม Adobe Photoshop ผ่านโครงการประกวดโครงการ
วชิ าชีพ ชมรมวิชาชพี สาขาวชิ าเทคโนโลยีธุรกจิ ดิจิทลั

1.5 คำจำกัดความ
1.5.1 การออกแบบ หมายถึง การสร้างสรรค์สิ่งใหม่ หรือปรับปรุงดัดแปลงสิ่งที่มีอยู่ให้ดีข้ึน

และมีรปู แบบทเี่ ปลีย่ นไปจากเดิม การถ่ายทอดรปู แบบจากความคดิ ออกมาเปน็ ผลงาน
1.5.2 เทคโนโลยี คือการนำความรู้ทางวทิ ยาศาสตร์มาประดิษฐ์เพื่อให้เกิดความสะดวกรวดเรว็

ในการใชง้ าน และประหยัดเวลาในหลายๆด้าน เชน่ มีการสรา้ งคอมพิวเตอรไ์ วเ้ ขียนอเี มลล์
1.5.3 โปรแกรม Adobe Photoshop CC 2020 (อะโดบี โฟโต้ชอป) เป็นโปรแกรมแต่งรูป ใช้

สำหรบั ตัดตอ่ ภาพ แต่งรูปภาพ ตัดตอ่ ภาพถา่ ยจากกลอ้ ง ตกแตง่ ภาพจากสมาร์ทโฟน ออกแบบโลโก้
1.5.4 สื่อเชิญชวน หมายถึง คำที่มีความหมายคล้ายกันกับคำว่า สื่อสาร ซึ่งหากมีความ

เข้าใจในการใช้หลักของส่ืออย่างถูกต้อง ก็จะสามารถช่วยให้ทุกกระบวนการก่อเกิดประโยชน์

บทที่ 2
เอกสารและทฤษฎที เี่ กี่ยวขอ้ ง

บทท่ี 2
เอกสารและทฤษฎที ีเ่ กี่ยวขอ้ ง

เพ่ือเปน็ แนวทางในการจดั ทาโครงการครงั้ นี้ คณะผจู้ ดั ทาไดศ้ กึ ษาเอกสารและทฤษฎที ่ี
เก่ียวขอ้ งตา่ ง ๆ ดังน้ี

2.1 การออกแบบ
2.2 เทคโนโลยี
2.3 โปรแกรม
2.4 ส่อื เชิญชวน
2.1 การออกแบบ
2.1.1 การออกแบบ หมายถงึ การสรา้ งสรรค์ส่ิงใหม่ หรือปรับปรุงดดั แปลงสิง่ ทีม่ ีอยใู่ ห้ดขี ้ึน และ
มีรูปแบบที่เปล่ียนไปจากเดิม การถ่ายทอดรูปแบบจากความคิดออกมาเป็นผลงาน ท่ีผู้อ่ืนสามารถ
มองเห็น รับรู้ หรือสัมผัสได้ ซ่ึงการออกแบบครอบคลุมถึงการออกแบบวัตถุ ระบบ หรือ ปฏิสัมพันธ์
ของมนุษย์ และยังรวมไปถึง การคิดเชิงออกแบบ (design thinking) แบบที่ออกมาอาจเป็นสิ่งที่
เป็นไปได้จริง หรือแบบที่เป็นเพียงนามธรรมก็ได้ ผู้ท่ีออกแบบจะเรียกว่า นักออกแบบ ซ่ึงหมายถึงคน
ท่ีทางานวิชาชพี ในสาขาการออกแบบที่แตกต่างกนั ไป [https://th.wikipedia.org]

ภาพท่ี 2.1 แสดงการออกแบบ

5
2.1.2 ประเภทของการออกแบบ

2.1.2.1 การออกแบบทางสถาปตั ยกรรม (Architecture Design) เป็นการออกแบบเพื่อ
การกอ่ สร้าง ส่ิงก่อสรา้ งตา่ ง ๆ นักออกแบบสาขานี้ เรียกว่า สถาปนิก (Architect) ซ่ึงโดยท่วั ไปจะตอ้ ง
ทางานร่วมกับ วิศวกรและมัณฑนากร โดยสถาปนิก รับผิดชอบเก่ียวกับประโยชน์ใช้สอยและความ
งามของส่ิงก่อสร้าง งานทางสถาปัตยกรรม ได้แก่ สถาปัตยกรรมทั่วไป เป็นการออกแบบส่ิงก่อสร้าง
ทั่วไป เช่น อาคาร บ้านเรือน ร้านค้า โบสถ์ วิหาร ฯลฯ สถาปัตยกรรมโครงสร้าง เป็นการออกแบบ
เฉพาะโครงสร้างหลักของอาคาร สถาปัตยกรรมภายใน เปน็ การออกแบบท่ีต่อเนื่องจากงานโครงสร้าง
ที่เปน็ สว่ นประกอบของอาคาร งานออกแบบภูมิทัศน์ เป็นการออกแบบที่มีบริเวณกว้างขวาง เปน็ การ
จัดบริเวณพื้นท่ีต่าง ๆ เพ่ือให้เหมาะสมกับประโยชน์ใช้สอยและความสวยงามงานออกแบบผังเมือง
เป็นการออกแบบที่มีขนาดใหญ่ และมีองค์ประกอบซับซ้อน ซ่ึงประกอบ ไปด้วยกลุ่มอาคารจานวน
มาก ระบบภูมิทัศน์ ระบบสาธารณปู โภค ฯลฯ [https://th.wikipedia.org]

ภาพที่ 2.2 แสดงการออกแบบทางสถาปตั ยกรรม

6

2.1.2.2 การออกแบบผลติ ภัณฑ์ (Product Design) เปน็ การออกแบบเพื่อการผลิต
ผลิตภณั ฑ์ชนิดต่าง ๆ งานออกแบบสาขานี้มีขอบเขตกวา้ งขวางมากที่สุดและแบ่งออกได้มากมาย
หลายลกั ษณะ นกั ออกแบบรับผดิ ชอบเก่ยี วกบั ประโยชน์ใช้สอยและความสวยงามของผลิตภณั ฑ์
งานออกแบบประเภทนี้ ได้แก่ งานออกแบบเครอ่ื งใชส้ อยต่าง ๆ งานออกแบบเคร่ืองประดบั งาน
ออกแบบเครื่องแตง่ กาย งานออกแบบภาชนะบรรจุผลติ ภณั ฑ์ งานออกแบบผลติ เครื่องมอื ต่างๆ
[https://th.wikipedia.org]

ภาพท่ี 2.3 แสดงการออกแบบผลติ ภณั ฑ์ (Product Design)
2.1.2.3 การออกแบบทางวิศวกรรม (Engineering Design) เป็นการออกแบบเพื่อการ
ผลิตผลิตภัณฑ์ชนิดต่าง ๆ เช่นเดียวกับการออกแบบผลิตภัณฑ์ซึ่งมีความเก่ียวข้องกันต้องใช้ความรู้
ความสามารถและเทคโนโลยีในการผลิตสูง ผู้ออกแบบคือวิศวกร ซ่ึงจะรับผิดชอบในเรื่องของ
ประโยชน์ใช้สอย ความปลอดภัยและกรรมวิธีในการผลิตบางอย่างต้องทางานร่วมกันกับนักออกแบบ
สาขาตา่ ง ๆ ด้วย งานออกแบบประเภทนี้ ได้แก่ งานออกแบบเครือ่ งใช้ไฟฟา้ งานออกแบบเครอ่ื งยนต์
งานออกแบบเคร่ืองจักรกล งานออกแบบเครอ่ื งมอื ส่อื สาร งานออกแบบอปุ กรณอ์ ิเล็กทรอนิกส์ตา่ ง ๆ
[https://th.wikipedia.org]

ภาพท่ี 2.4 แสดงการออกแบบทางวิศวกรรม (Engineering Design)

7
2.1.2.4 การออกแบบตกแตง่ (Decorative Design) เปน็ การออกแบบเพ่ือการตกแต่ง
สิ่งต่าง ๆ ใหส้ วยงามและเหมาะสมกบั ประโยชนใ์ ชส้ อยมากขึน้ นักออกแบบเรียกวา่ มัณฑนากร ซ่ึง
มกั ทางานรว่ มกับสถาปนิก งานออกแบบประเภทนี้ ได้แก่ งานตกแตง่ ภายใน งานตกแต่งภายนอก
งานจดั สวนและบรเิ วณ การจัดนทิ รรศการ การจดั บอรด์ [https://th.wikipedia.org]

ภาพที่ 2.5 แสดงการออกแบบตกแตง่ (Decorative Design)
2.1.2.5 การออกแบบส่ิงพิมพ์ (Graphic Design) เป็นการออกแบบเพื่อทางผลิตงาน
ส่ิงพิมพ์ชนิดต่าง ๆ ได้แก่ หนังสือหนังสือพิมพ์ โปสเตอร์ นามบัตร บัตรต่าง ๆ งานพิมพ์ลวดลายผ้า
งานพิมพ์ภาพลงบนส่ิงของเครื่องใช้ต่าง ๆ งานออกแบบรูปสัญลักษณ์ เคร่ืองหมายการค้า ฯลฯ
[https://th.wikipedia.org]

ภาพที่ 2.6 แสดงการออกแบบสงิ่ พิมพ์ (Graphic Design)

8

2.2 เทคโนโลยี
2.2.1 เทคโนโลยี คือการนาความรทู้ างวทิ ยาศาสตร์มาประดิษฐเ์ ปน็ สงิ่ ตา่ ง ๆ เพ่ือใหเ้ กิดความ

สะดวกรวดเรว็ ในการใช้งาน และประหยัดเวลาในหลาย ๆ ด้าน เชน่ มกี ารสรา้ งคอมพิวเตอรไ์ วเ้ ขยี น
อเี มลล์สะดวกรวดเร็วกว่าการเขยี นโทรเลข เทคโนโลยเี ป็นสิง่ ทีม่ นุษย์นามาจากความรทู้ างธรรมชาติ
มาคิดคน้ และดัดแปลงเพ่ือแก้ไขปญั หาในการดารงชีวิตตา่ ง ๆ เทคโนโลยมี ีความหมายค่อนข้างกว้าง
โดยท่ัวไปมีความหมายถึงธรรมชาติวิทยาและต่อเนื่องมาถึงวทิ ยาศาสตรม์ าเป็นการปฏบิ ัติประยุกต์
ใช้ในปจั จุบัน [ https://sites.google.com]

2.2.2 ประเภทของเทคโนโลยี เทคโนโลยีแบ่งออกเป็น 3 ลกั ษณะ
2.2.2.1 เทคโนโลยีในลักษณะของกระบวนการ ( process) เป็นการใชอ้ ย่างเปน็ ระบบ

ของวธิ กี ารทางวทิ ยาศาสตร์หรอื ความรตู้ า่ งๆท่ไี ดร้ วบรวมไว้ เพอ่ื นาไปสผู่ ลในทางปฏบิ ัติ โดยเชอื่ ว่า
เป็นกระบวนการท่เี ช่อื ถือได้และนาไปสกู่ ารแก้ปัญหาตา่ ง ๆ

2.2.2.2 เทคโนโลยใี นลกั ษณะผลผลติ หมายถงึ วัสดุและอุปกรณท์ ่ีเปน็ ผลมาจากการใช้
กระบวนการทางเทคโนโลยี

2.2.2.3 เทคโนโลยีในลักษณะผสมของกระบวนการและผลผลิต (process
and product) เช่น ระบบคอมพิวเตอร์ซ่ึงมีการทางานเปน็ ปฏิสมั พนั ธร์ ะหวา่ งตัวเครื่องกับโปรแกรม
[ https://sites.google.com]

2.2.3 ประโยชนข์ องเทคโนโลยี เทคโนโลยมี ีประโยชน์หลายด้านไม่ว่าจะเป็นดา้ นการศึกษาดา้ น
สารสนเทศดา้ นอาหารและด้านเกษตรแต่ละดา้ นล้วนมปี ระโยชนม์ ากมาย เชน่ ดา้ นการศึกษาเรา
สามารถศึกษาหาขอ้ มูลได้สะดวกและรวดเรว็ กว่าการเปิดตาราหนงั สอื [https://sites.google.com]

ภาพที่ 2.7 แสดงรปู แบบเทคโนโลยี

9

2.3 โปรแกรม
2.3.1 โปรแกรม Adobe Photoshop CC 2020 (อะโดบี โฟโต้ชอป) เป็นโปรแกรมแต่งรูป ใช้

สาหรับตัดต่อภาพ แต่งรูปภาพ ตัดต่อภาพถ่ายจากกล้อง ตกแต่งภาพจากสมาร์ทโฟน แก้ไข
รายละเอียดของภาพ ออกแบบโลโก้ ออกแบบป้ายโฆษณาต่าง ๆ ออกแบบภาพกราฟฟิกระดับมือ
อาชพี แก้ไขภาพถา่ ยทมี่ คี วามละเอยี ดสูงโดยไม่ทาลายไฟล์ภาพตน้ ฉบับ [https://th.wikipedia.org]

ภาพที่ 2.8 แสดงโปรแกรม Adobe Photoshop CC 2020
2.3.2 ประวัติความเปน็ มา

2.3.2.1 โปรแกรม Photoshop เวอรช์ ่นั แรกน้ันเรม่ิ ตน้ สร้างข้นึ ในปี ค.ศ. 1990 และไดร้ ับ
การพัฒนามาเรื่อยๆจากเวอรช์ ั่น 2 2.5 3 4 5 5.5 เวอร์ชั่น 6 7 CS จนถงึ เวอร์ชั่นล่าสดุ ในปัจจบุ ัน
ที่เรียกกันว่าเวอร์ช่ัน CS3 , CS4 โดยได้ทาการเพิ่มประสิทธิภาพการจัดการกับภาพกราฟิกข้ึนเร่ือยๆ
จากเดิมที่เน้นใช้งานเพื่อการสร้างภาพส่ิงพิมพ์ ก็หันมาเน้นเกี่ยวกับการจัดการภาพกราฟิกที่ใช้บนเว็บ
มากยิ่งข้ึน และนอกจากน้ีแล้วยังได้สร้างโปรแกรม ImageReady ซึ่งเป็นโปรแกรมท่ีใช้สร้าง
ภาพเคล่ือนไหวควบคู่มากับโปรแกรม Photoshop อีกด้วย เพื่อเพิ่มความสามารถเก่ียวกับการทา
ภาพกราฟิกที่ใช้สาหรบั การทาเว็บโดยเฉพาะ [https://th.wikipedia.org]

10

2.3.3 ผู้คิดคน้ โปรแกรม Photoshop
2.3.3.1 ปัจจุบันโปรแกรม Photoshop เป็นโปรแกรมท่ีได้รับความนิยมอย่างมากจาก

ผู้สร้างเว็บไซต์ ไม่ว่าจะเป็นการนามาสร้างหรือตกแต่งภาพ เน่ืองมาจากคุณสมบัติท่ีโดดเด่น ใช้งาน
ง่าย มีเอฟเฟคต่าง ๆ ให้เลือกใช้งานมากมาย หลายคนคงคิดว่า Photoshop เกิดมาจากทีม
โปรแกรมเมอร์ของ Adobe แต่จริง ๆ แล้ว มันถูกสร้างโดยสองพ่ีน้องนักศึกษาปริญญาเอก กับ
พนักงานของ ILM พี่น้องคูน่ ีค้ ือ Thomas Knoll นักศกึ ษาปรญิ ญาเอกท่ี University of Michigan
[https://th.wikipedia.org]

Tomas Knoll John Knoll
ภาพท่ี 2.9 แสดงผ้คู น้ พบ

2.3.4 วิธีติดตั้งโปรแกรม Adobe Photoshop CC 2020
2.3.4.1 ดบั เบลิ คล๊ิก ไฟล์ Zip Adobe Photoshop CC 2020 ทเี่ ราโหลดมา ดังรูป

ภาพท่ี 2.10 แสดงการตดิ ต้งั ไฟล์ Adobe Photoshop CC 2020

11

2.3.4.2 Extract ไฟลโ์ ปรแกรมเพ่ือตดิ ตัง้

ภาพที่ 2.11 แสดงการ Extract ไฟลโ์ ปรแกรมเพื่อติดตงั้
2.3.4.3 รนั โปรแกรมทีจ่ ะติดต้ัง

ภาพท่ี 2.12 แสดงการรันโปรแกรมทีจ่ ะตดิ ต้งั

12

2.3.4.4 ติดตงั้ ผ่าน Set-up.exe

ภาพที่ 2.13 แสดงการติดต้งั ผา่ น Set-up.exe
2.3.4.5 เสรจ็ แลว้ ลองเปดิ Photoshop cc 2020

ภาพท่ี 2.14 แสดงการเปิดโปรแกรม

13

2.3.5 สว่ นประกอบของโปรแกรม Adobe Photoshop CC 2020
2.3.5.1 ส่วนประกอบของโปรแกรม Adobe Photoshop CC 2020

ภาพที่ 2.15 แสดงเครื่องมอื Adobe Photoshop CC 2020
2.3.6 สว่ นที่ 1 Menu Bar แถบควบคุมโปรแกรม

ภาพที่ 2.16 แสดง Menu Bar
2.3.6.1 File หมายถงึ รวมคาสงั่ ทีใ่ ชจ้ ัดการกบั ไฟลร์ ูปภาพ เชน่ สรา้ งไฟล์ใหม่, เปิด,
ปิด,บันทึกไฟล์, นาเข้าไฟล์, สง่ ออกไฟล์ และอ่ืน ๆ ทเ่ี กยี่ วกับไฟล์ [https://th.wikipedia.org]

ภาพท่ี 2.17 แสดงเครื่องมือ File

14
2.3.6.2 Edit หมายถึง เครื่องมอื รวบรวมคาสั่งทีใ่ ชส้ าหรับแกไ้ ขและคอยช่วยปรับแตง่
การทางานของโปรแกรมเบ้ืองต้น เช่น copy วาง ยกเลกิ คาส่ัง แกไ้ ขเครื่องมือ และอน่ื ๆ
[https://th.wikipedia.org]

ภาพท่ี 2.18 แสดงเคร่ืองมือ Edit
2.3.6.3 Image หมายถึง คาสงั่ ที่ใช้ปรบั แต่งภาพ เชน่ สี แสง ขนาดของภาพ ขนาด
ของเอกสาร โหมดสขี องภาพ หมุนภาพ และอ่ืน ๆ [https://th.wikipedia.org]

ภาพท่ี 2.19 แสดงเครื่องมือ Image

15
2.3.6.4 Layer หมายถึง รวมคาสั่งท่ีใช้จัดการกับเลเยอร์ทงั้ การสรา้ งเลเยอร์แปลงเลเยอร์
และการจดั การกับเลเยอร์ในด้านตา่ ง ๆ [https://th.wikipedia.org]

ภาพที่ 2.20 แสดงเครื่องมือ Layer
2.3.6.5 Type หมายถึง การจดั การและปรับแตง่ เกยี่ วกับข้อความ
[https://th.wikipedia.org]

ภาพท่ี 2.21 แสดงเคร่ืองมือ type

16
2.3.6.6 Select รวม คาสั่งเกยี่ วกับการเลอื กวตั ถหุ รือพืน้ ท่ีบนรปู ภาพ เพ่ือนาไปใชง้ าน
รว่ มกบั คาสง่ั อนื่ ๆ เช่น เลอื กเพือ่ เปล่ียนสี ลบ หรือใช้เอฟเฟกตต์ า่ ง ๆ กับรูปภาพ
[https://th.wikipedia.org]

ภาพท่ี 2.22 แสดงเครื่องมือ Select
2.3.6.7 Filter เปน็ คาสงั่ การเลน่ Effects ตา่ งๆสาหรบั รปู ภาพและวตั ถุ
[https://th.wikipedia.org]

ภาพที่ 2.23 แสดงเครื่องมือ Filter

17
2.3.6.8 View เปน็ คาส่งั เกย่ี วกบั มมุ มองของภาพและวัตถุในลักษณะต่าง ๆ เชน่
การขยายภาพและยอ่ ภาพให้ดเู ลก็ [https://th.wikipedia.org ]

ภาพท่ี 2.24 แสดงเครื่องมือ View
2.3.6.9 Window เป็นสว่ นคาสัง่ ในการเลือกใช้อปุ กรณ์เสรมิ ต่างๆทีจ่ าเป็นในการใช้
สร้าง Effects ตา่ ง ๆ [https://th.wikipedia.org]

ภาพท่ี 2.25 แสดงเครื่องมือ Window

18
2.3.6.10 Help เป็นคาสั่งเพื่อแนะนาเก่ียวกบั การใช้โปรแกรมฯและจะมลี ายละเอยี ดของ
โปรแกรมอย่ใู นน้ัน [https://th.wikipedia.org]

ภาพที่ 2.26 แสดงเคร่อื งมือ Help

19

2.3.7 สว่ นท่ี 2 Tool Bar แถบเครือ่ งมือ

แถบสีแดง คือ กลุ่มคาสัง่ Serection เพอ่ื เลอื กพ้ืนทใี่ นส่วนต่างๆ ของภาพ

แถบสเี ขยี ว คอื กลมุ่ คาส่ัง Edit สาหรบั การปรบั แตง่ ระบายสี การลบ
บางส่วน

แถบสีเหลือง คือ กล่มุ คาสั่งเกี่ยวกบั การสร้าง ตวั อักษร วาดภาพ

แถบสสี ม้ คอื คาสั่ง View ใช้ยอ่ ขยาย ดูช้ินงาน
แถบสีฟา้ คือ คาส่ังเลือกสี Foreground หรอื Background
แถบสมี ว่ ง คือ คาส่งั Quick Mash คาสงั่ เกี่ยวกบั หนา้ จอ

ภาพท่ี 2.27 แสดงกลุม่ คาสัง่

20

2.3.8 สว่ นท่ี 3 เครอื่ งมือและคุณสมบตั ิ

Move ใชเ้ ลอื กพ้ืนทีบ่ นภาพเป็นท่ีเปน็ รปู หรือเลือกเป็นแถวคอลมั น์ ขนาด 1 พิเซล
Marquee ใช้สาหรบั ย้ายพืน้ ท่ที ่เี ลอื กไว้ของภาพ หรอื ยา้ ยภาพในเลเยอร์หรือยา้ ยเสน้ ไกด์
Lasso ใชเ้ ลอื กพน้ื ท่บี นภาพเปน็ แนวเขตแบบอสิ ระ
Quick Serection Tool ใชร้ ะบายเพ่ือเลือกพืน้ ท่ตี อ้ งการแก้ไข
Crop ใชต้ ดั ขอบภาพ
Eyedropper ใชเ้ ลือกสจี ากสตี า่ ง ๆ บนภาพ
Healing Brush ใช้ตกแต่งลบรอยตาหนใิ นภาพ
Brush ใชร้ ะบายลงบนภาพ
Clone Stamp ใชท้ าสาเนาภาพ โดยกอ๊ ปปีภ้ าพจากบริเวณอ่ืนมาระบาย
History Brush ใชร้ ะบายภาพด้วยภาพของขนั้ ตอนเดิมทีผ่ ่านมาหรือภาพทบ่ี นั ทึกไว้
Eraser ใชล้ บภาพบางสว่ นทีไ่ ม่ต้องการ
Gradient ใชเ้ ตมิ สแี บบไล่ระดบั โทนสหี รือความทบึ
Blur ใชร้ ะบายภาพใหเ้ บลอ
Dodge ใชร้ ะบายเพอ่ื ใหภ้ าพสว่างขึ้น
Pen ใช้วาดเสน้ พาธ (Path)
Horizontal Type ใชพ้ มิ พ์ตัวอกั ษรหรอื ขอ้ ความลงบนภาพ
Path Selection ใชเ้ ลือกและปรบั แตง่ รูปทรงของเสน้ พาธ
Rectangle ใช้วาดรูปทรงเรขาคณติ หรือรูปทรงสาเรจ็ รปู

Hand ใช้เลือ่ นดูสว่ นต่าง ๆ ของภาพ
Zoom ใชย้ อ่ หรือขยายมมุ มองภาพ
Set Background Color ใชส้ าหรบั กาหนดสี
Quick Mash เปดิ แสดงหนา้ กระดาษ แบบ Full screen

ภาพที่ 2.28 แสดงเคร่ืองมือและคุณสมบัติ

21

2.3.9 ส่วนท่ี 4 การควบคมุ เคร่อื งมือท่ีใชง้ าน

ภาพที่ 2.29 แสดง Option bar
2.3.10 สว่ นท่ี 5 Windows Design พ้นื ท่ีออกแบบ

ภาพท่ี 2.30 แสดงพ้นื ทีอ่ อกแบบ
2.3.11 สว่ นที่ 6 Panel menu เมนขู องพื้นท่ีทางาน

ภาพท่ี 2.31 แสดง Panel menu

22

2.3.12 ส่วนท่ี 7 Control Bar 2
3

1 ภาพที่ 2.32 แสดง Control Bar

2.3.12.1 Minimize คอื การพบั โปรแกรมมาเก็บไวท้ ี่ ทาร์สบาร์ด้านลา่ ง
2.3.12.2 Restorn คือ การยอ่ หนา้ ตา่ งโปรแกรม ให้เล็กลง หรอื ใหเ้ ตม็ หน้าจอ
2.3.12.3 Close คือ การใชป้ ดิ โปรแกรมเม่อื ไม่ตอ้ งการใชง้ าน
[https://th.wikipedia.org]

2.4 สื่อเชญิ ชวน
2.4.1 สื่อเชิญชวน หมายถึง คาที่มีความหมายคล้ายกันกับคาว่า สื่อสาร แต่ทั้งนี้จะมีการ

จากัดนิยามท่ีแตกต่างออกไป โดยในโลกยุคปัจจุบันนับได้ว่ามีการใช้ส่ือกันเป็นอย่างมาก ซ่ึงสื่อน้ัน
จะสามารถถ่ายทอดหรือแลกเปล่ียนความรู้ หรือแม้แต่การสั่งการหรือบริหารงาน ประสานงานกัน
ท้ังในหมู่ผู้ร่วมงานหรือระหว่าง ผู้บังคับบัญชาและผู้ใต้บังคับบัญชา ซ่ึงหากมีความเข้าใจในการใช้
หลักของสื่ออย่างถูกต้อง ก็จะสามารถช่วยให้ทุกกระบวนการก่อเกิดสาระที่มีคุณภาพสาคัญได้
หลายแง่มุม [ https://www.classstart.org ]

2.4.2 ประเภทของสอ่ื ส่ือสามารถจาแนกออกตามลกั ษณะไดเ้ ป็น 3 ประเภท คือ
2.4.2.1 สือ่ สิ่งพิมพ์ หมายถึง หนงั สือและเอกสารสง่ิ พิมพ์ต่าง ๆ ท่ีแสดงหรือเรยี บเรียง

สาระความรตู้ า่ ง ๆ โดยใช้ตวั หนงั สอื ทเ่ี ปน็ ตัวเขยี นหรือตัวพิมพ์เปน็ สื่อในการแสดงความหมาย สอ่ื
สงิ่ พมิ พม์ ีหลายชนิด ได้แก่ เอกสาร หนงั สอื พิมพ์ นติ ยสาร บนั ทกึ [https://www.classstart.org]

ภาพที่ 2.33 แสดงส่อื ส่งิ พิมพ์

23

2.4.2.2 สือ่ เทคโนโลยี หมายถงึ สือ่ การเรียนรู้ที่ผลิตขึน้ ใช้ควบคูก่ ับเคร่อื งมือ
โสตทัศนวสั ดุ หรือ เครอ่ื งมอื ที่เป็นเทคโนโลยีใหมๆ่ เชน่ แถบบันทึกภาพพร้อมเสยี ง(วดิ ที ัศน์) ภาพนิ่ง
แถบบนั ทึกเสยี ง สอื่ คอมพิวเตอรช์ ว่ ยสอน นอกจากนี้สอื่ เทคโนโลยี ยังรวมถึงกระบวนการต่าง ๆ ท่ี
เกย่ี วขอ้ งกับการนาเทคโนโลยีมาประยุกต์ใชใ้ นกระบวนการเรียนรู้ เช่น การใชอ้ นิ เทอรเ์ น็ตเพ่ือการ
เรยี นรู้ การศกึ ษาทางไกลผา่ นดาวเทียม [ https://www.classstart.org ]

ภาพท่ี 2.34 แสดงสอ่ื เทคโนโลยี
2.4.2.3 ส่ืออน่ื ๆ นอกเหนือจากส่ือ 2 ประเภททกี่ ลา่ วไปแลว้ ยงั มสี ่ืออนื่ ๆท่ีสง่ เสริมการ
เรียนรู้ของผูเ้ รียน ซ่ึงมคี วามสาคัญไมย่ ง่ิ หยอ่ นไปกว่าส่ือสิง่ พมิ พแ์ ละสื่อเทคโนโลยี สอื่ ทีก่ ลา่ วนี้ ไดแ้ ก่

1) บคุ คล หมายถึง บุคคลที่มคี วามรู้ ความสามารถ ความเชย่ี วชาญในสาขาตา่ ง
ๆ ซึง่ สามารถถ่ายทอด สาระความรู้ แนวคิดและ ประสบการณไ์ ปสบู่ ุคคลอน่ื เชน่ บุคลากรในทอ้ งถ่นิ
แพทย์ ตารวจ นกั ธรุ กจิ เปน็ ต้น [ https://www.classstart.org ]

2) ธรรมชาติและสงิ่ แวดลอ้ ม หมายถงึ สิ่งมีอย่ตู ามธรรมชาตแิ ละสภาพแวดล้อม
ตัวผ้เู รียน เชน่ พชื ผักผลไม้ ปรากฏการณ์ ห้องปฏบิ ัติการ เป็นต้น[https://www.classstart.org ]

3) กจิ กรรม / กระบวนการ หมายถึง กจิ กรรมหรอื กระบวนการทีผ่ ้สู อนและ
ผู้เรียนกาหนดขึ้นเพอ่ื สร้างเสรมิ ประสบการณก์ ารเรยี นรู้ ใช้ในการฝกึ ทักษะซ่ึงต้องใชก้ ระบวนการคิด
การปฏบิ ตั ิ การเผชิญสถานการณแ์ ละการประยุกตค์ วามรู้ของผู้เรยี น เชน่ บทบาทสมมติ การสาธิต
การจัดนทิ รรศการ การทาโครงงาน เกม เพลง เป็นต้น [ https://www.classstart.org ]

4) วัสดุ เคร่ืองมือและอปุ กรณ์ หมายถึง วสั ดุท่ปี ระดษิ ฐ์ขึ้นใชเ้ พ่ือประกอบการ
เรยี นรู้ เชน่ หนุ่ จาลอง แผนที่ ตาราง สถติ ิ รวมถึงสื่อประเภทเคร่ืองมือและอุปกรณ์ที่จาเป็นต้องใช้
ในการปฏบิ ตั ิงานต่าง ๆ เชน่ อุปกรณ์ทดลองวทิ ยาศาสตร์ เคร่ืองมือช่าง เป็นต้น
[https://www.st.ac.th]

บทท่ี 3
วธิ ีการดำเนนิ การ

บทที่ 3

วธิ ีการดาเนินงานโครงการ

การดาเนินโครงการ “การออกแบบสื่อเชญิ ชวนเร่ืองการลดขยะภายในสาขาวชิ าเทคโนโลยธี ุรกิจ
ดิจิทลั วทิ ยาลัยเทคนิคระยอง โดยโปรแกรม Adobe Photoshop CC 2020” มีรายละเอยี ด
ในการดาเนินงานโครงการ ดงั น้ี

3.1 การศึกษาข้อมูลเบ้ืองตน้
3.2 ประชากรและกลุ่มตวั อย่าง
3.3 ขน้ั ตอนการดาเนนิ งาน
3.4 เครอื่ งมือทใ่ี ช้ในการเก็บรวบรวมขอ้ มูล
3.5 ขั้นตอนการดาเนินการและเก็บรวบรวมข้อมูล
3.6 พิจารณาจากคะแนนตามเกณฑ์
3.7 สถติ ิที่ใชใ้ นการวเิ คราะห์ข้อมูล

3.1 การศกึ ษาข้อมูลเบ้อื งต้น
3.1.1 ศกึ ษาข้อมลู เรื่องขยะบนสาขาวชิ าเทคโนโลยธี ุรกจิ ดิจิทลั โดยการสังเกตการณจ์ ากการทิง้

ขยะตามจุดต่าง ๆ บนแผนก
3.1.2 ศึกษาการทางานของโปรมแกรม Adobe Photoshop CC 2020 โปรแกรมตกแต่งรูป

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

3.1.3 ศึกษาหลักแนวคิดใหมๆ่ ที่น่าสนใจ
3.1.4 สารวจกลมุ่ เปา้ หมายและจดั ทาโครงร่างปา้ ยเชิญชวน

3.2 ประชากรและกลุ่มตัวอย่าง
3.2.1 ประชากร คือ นกั เรยี นระดับประกาศนยี บัตรวชิ าชีพ สาขาวิชาเทคโนโลยธี รุ กจิ ดิจิทัล

วทิ ยาลัยเทคนคิ ระยอง จานวน 381 คน
3.2.2 กล่มุ ตวั อย่าง คอื นักเรยี นระดับประกาศนียบตั รวชิ าชพี สาขาวชิ าเทคโนโลยธี รุ กิจดิจทิ ลั

วทิ ยาลยั เทคนคิ ระยอง จานวน 191 คน

25
ภาพที่ 3.1 แสดงตวั อย่างทฤษฎี Morgan

26

3.3 ขนั้ ตอนการดาเนินงาน
3.3.1 ขัน้ ตอนการทางาน

เรมิ่ ตน้

ศกึ ษาและรวบรวมข้อมูล

นาเสนอโครงการต่ออาจารย์ ไมผ่ า่ น
ที่ปรกึ ษาและอาจารย์ผู้สอน

โครงการ

ผา่ น

วางเคา้ โครงการออกแบบป้ายเชิญชวน

นาเสนอโครงการต่ออาจารย์ ไม่ผา่ น
ท่ีปรกึ ษาและอาจารยผ์ ูส้ อน

โครงการ

ผา่ น
1

27

1

ดาเนนิ การออกแบบป้ายเชิญชวน
ตกแต่งให้เสร็จสมบูรณ์

ทาการทดสอบปา้ ยและ ไม่ผา่ น
นามาแก้ไข
ผ่าน

นาป้ายเชิญชวนมาตดิ ตงั้ และเก็บผล

สรุปผลแบบสอบถามความพึงพอใจ

จัดทารปู เลม่ ใหเ้ สรจ็ สมบูรณ์

จบ

ภาพท่ี 3.2 แสดง Flowchart ขัน้ ตอนการทางาน

28

3.3.2 ขัน้ ตอนการสรา้ งชิ้นงาน
เร่ิมต้น
หาข้อมลู

วางเค้าโครงการออกแบบป้ายเชญิ ชวน
เรมิ่ ออกแบบป้ายเชิญชวน

แก่ไขการออกแบบป้ายเชิญชวน

ทาการทดสอบปา้ ย ไม่ผ่าน

ผา่ น
สัง่ จัดทาปา้ ยเชิญชวน

จบ
ภาพท่ี 3.3 แสดง Flowchart ข้ันตอนสร้างชิน้ งาน

29

3.3.2.1 ออกแบบ Background

ภาพท่ี 3.4 แสดงการออกแบบ Background
3.3.2.2 ใสโ่ ลโก้แผนกลงในBackground

ภาพท่ี 3.5 แสดงการใสโ่ ลโก้แผนก

30
3.3.2.3 ใส่ตวั อักษรหรือคาพูดเชิญชวนทีต่ อ้ งการลงไปในป้ายและตกแต่งให้สวยงาม

Z

ภาพที่ 3.6 แสดงการใส่ตวั อักษร
3.3.2.4 ชิ้นงานทเี่ สรจ็ สมบรู ณ์ 100%

ภาพที่ 3.7 แสดงชิน้ งานทเ่ี สร็จสมบูรณ์ 100%

31

3.3.2.5 ใส่ QR Code ชน้ิ งาน

ภาพท่ี 3.8 แสดง QR Code ช้ินงาน

3.4 เครอ่ื งมือท่ใี ช้ในการเกบ็ รวบรวมข้อมูล
3.4.1 สื่อเชิญชวนเรื่องการลดขยะภายในสาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ปีการศึกษา 2563

ด้วยโปรแกรม Adobe Photoshop CC 2020
3.4.2 เครื่องมือท่ีใช้ในการศึกษาเชิงปริมาณ (Quamtitative Research) เป็นแบบสอบถาม

ความพึงพอใจที่ผู้จดั ทาโครงการสร้างขน้ึ จานวน 1 ฉบับ โดยยดึ ตามวตั ถปุ ระสงค์และกรอบแนวคิดใน
การทาโครงการแบ่งออกเปน็ 3 สว่ น คอื

สว่ นที่ 1 ขอ้ มลู ทั่วไปของผู้ตอบแบบสอบถาม ไดแ้ ก่ เพศ อายุ ของผู้ตอบแบบสอบถาม
ความพึงพอใจ

ส่วนที่ 2 ข้อมูลความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ จานวน 191
คน ท่ีมีต่อการออกแบบสื่อเชิญชวนเร่ืองการลดขยะภายในสาขาวิชาเทคโนโลยีธุรกิจดิจิทัล
วิทยาลัยเทคนิคระยอง โดยโปรแกรม Adobe Photoshop CC 2020 มีลักษณะเป็นแบบสอบถาม
แบบมาตราส่วนประมาณคา่ แบง่ เปน็ 5 ระดับ [https:/www.ms.src.ku.ac.th]

5 หมายถึง ความพงึ พอใจมากทสี่ ดุ
4 หมายถึง ความพึงพอใจมาก
3 หมายถึง ความพงึ พอใจปานกลาง
2 หมายถงึ ความพงึ พอใจนอ้ ย
1 หมายถงึ ความพึงพอใจน้อยทส่ี ดุ

32

ส่วนท่ี 3 ข้อเสนอแนะการจัดทาโครงการ การออกแบบส่ือเชิญชวนเร่ืองการลดขยะ
ภายในสาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ปีการศึกษา 2563 ด้วยโปรแกรม Adobe Photoshop CC
2020

3.4.3 การสร้างเครอื่ งมือทใี่ ช้ในการเก็บรวบรวมข้อมูลมดี งั นี้
3.4.3.1 กาหนดโครงการสร้างและขอบข่ายเนื้อหาสาระของแบบสอบถามความพึงพอใจ

โดยกาหนดเน้ือหาสาระที่นามาสร้างแบบสอบถามให้เห็นขอบเขตของคาถามท่ีสอดคล้องกับ
วัตถปุ ระสงค์และครอบคลมุ เรือ่ งทีจ่ ะศึกษาโดยคาแนะนาจากครทู ปี่ รึกษาโครงร่างการจัดทาโครงการ

3.4.3.2 ศกึ ษาแนวทางทฤษฎีหลักการสรา้ งแบบสอบถามจากตาราบทความทางวิชาการ
3.4.3.3 ศึกษาวิธีสร้างแบบสอบถามมาตราส่วนประมาณค่า สร้างแบบสอบถามความพึง
พอใจฉบับรา่ งโดยเขยี นข้อความที่สอดคล้องกบั ตวั แปรที่ศึกษาให้ครบถ้วนตามโครงการสรา้ ง 5 ระดับ
คือ ระดบั มากทีส่ ุด ระดับมาก ระดับปานกลาง ระดับน้อย ระดับนอ้ ยท่สี ุด
3.4.3.4 ดาเนินการสร้างแบบสอบถามความพึงพอใจขึ้นมาให้ครอบคลุมกับการจัดทา

โครงการการออกแบบส่ือเชญิ ชวนเรื่องการลดขยะภายในสาขาวิชาเทคโนโลยีธุรกิจดิจทิ ัลปกี ารศึกษา

2563 ดว้ ยโปรแกรม Adobe Photoshop CC 2020

3.4.3.5 ตรวจสอบคุณภาพแบบสอบถามโดยให้อาจารย์ที่ปรึกษาโครงการตรวจสอบเพ่ือ
ความถกู ต้องของเน้อื หาที่ใชเ้ พ่ือใหส้ อดคล้องกับวตั ถปุ ระสงค์ของโครงการและปรับปรงุ ตามคาแนะนา
มาจัดทาแบบสอบถามความพึงพอใจฉบบั สมบูรณ์เพ่ือนามาใชต้ ่อของอาจารย์ท่ปี รึกษา

3.4.3.6 จัดทาแบบสอบถามความพึงพอใจฉบับสมบูรณ์ตามคาแนะนาของอาจารย์ท่ี
ปรึกษาโครงการ นามาจัดทาแบบสอบถามความพงึ พอใจฉบับสมบูรณ์

3.5 ขนั้ ตอนการดาเนนิ การและเก็บรวบรวมขอ้ มูล
3.5.1 ศึกษาและหาข้อมูล
3.5.2 ออกแบบปา้ ยส่อื เชญิ ชวนเรือ่ งการลดขยะ
3.5.3 แกไ้ ขในส่วนท่ีคดิ วา่ ไม่เป็นไปตามท่ีต้องการ
3.5.4 นาเสนองานในรูปแบบแผนผัง
3.5.5 จัดทารปู เล่มโครงการใหส้ มบรู ณ์
3.5.6 สรุปผลจากการประเมนิ การทาโครงการ
3.5.7 จัดทารายงานผลการดาเนนิ งานและเสนอต่ออาจารย์ที่ปรึกษาโครงการ

33

3.6 พิจารณาจากคะแนนตามเกณฑ์
เคร่ืองมือในการเก็บรวบรวมข้อมูล ได้แก่ แบบสอบถามเพ่ือสารวจความพึงพอใจของ

นกั เรยี นระดับประกาศนียบตั รวชิ าชีพ สาขาวชิ าเทคโนโลยธี รุ กิจดิจิทัล วิทยาลัยเทคนิคระยอง

3.6.1 สร้างแบบสอบถามซึ่งมีมาตราส่วนประมาณคา่ (Rating scale) 5 ระดับ ดงั น้ี

[https:/www.ms.src.ku.ac.th]

5 หมายถึง ความพงึ พอใจมากท่สี ดุ

4 หมายถึง ความพึงพอใจมาก

3 หมายถงึ ความพงึ พอใจปานกลาง

2 หมายถงึ ความพึงพอใจน้อย

1 หมายถงึ ความพึงพอใจน้อยที่สดุ

3.6.2 เกณฑ์การประเมินค่าความพงึ พอใจ กาหนดคา่ คะแนนออกเปน็ 5 ระดับ ดังนี้

4.50 - 5.00 หมายถงึ ความพึงพอใจมากท่ีสุด

3.50 – 4.49 หมายถึง ความพึงพอใจมาก

2.50 – 3.49 หมายถึง ความพงึ พอใจปานกลาง

1.50 – 2.49 หมายถึง ความพงึ พอใจนอ้ ย

0.00 – 1.49 หมายถึง ความพึงพอใจนอ้ ยที่สุด

หมายเหตุ คะแนน 3.50 ข้นึ ไป หรอื มากขึ้นไปถือวา่ ผ่านเกณฑ์

34

3.7 สถติ ิทใ่ี ชใ้ นการวิเคราะหข์ อ้ มลู
ในการจัดทาโครงการ การออกแบบสื่อเชิญชวนเร่ืองการลดขยะภายในสาขาวิชาเทคโนโลยี

ธุรกิจดิจิทัล ปีการศึกษา 2563 ด้วยโปรแกรม Adobe Photoshop CC 2020 สถิติท่ีใช้ในการ
วิเคราะห์ข้อมูลแบ่งออกได้ ดงั นี้ [https:/www.ms.src.ku.ac.th]

3.7.1 ค่าสถิติรอ้ ยละ (Percentage) มีสูตรดงั นี้

สูตร = x 100

เมื่อ
แทน คา่ รอ้ ยละ

แทน จานวนหรือความถที่ ่ีต้องการ

แทน จานวนขอ้ มลู ทั้งหมด

3.7.2 การหาคา่ เฉล่ยี ( ⃐ )

สตู ร ̅ = ∑



เม่อื ̅ แทน คา่ เฉลยี่
∑ แทน ผลรวมของทั้งหมด
แทน จานวนขอ้ มลู

3.7.3 การหาค่าเฉลี่ยเบีย่ งเบนมาตรฐาน (S.D. Standard Deviation)

สูตร . = √ ∑ 2−(∑ )2

( −1)

เม่อื . แทน สว่ นเบีย่ งเบนมาตราฐาน
∑ แทน ผลรวมของเลขคณิตในกล่มุ ท้งั หมด
แทน จานวนคะแนนในกลมุ่
∑ 2 แทน ผลรวมของเลขคณติ แต่ละตวั กาลังสอง

บทที่ 4
การวิเคราะหข์ อ้ มลู

บทที่ 4
ผลการวเิ คราะห์ข้อมูล

จากการดาเนินโครงการได้มีการติดตามประเมินผล ผู้ประเมินผลดาเนินการวิเคราะห์ข้อมูล
และแปรความตามลาดับดังนี้
4.1 ผลการดาเนินการ

ผลการดาเนินงานโครงการเรื่องการออกแบบส่ือเชิญชวนเร่ืองการลดขยะภายในสาขาวิชา
เทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ด้วยโปรแกรม Adobe Photoshop CC 2020 จาก
การวิเคราะห์ท่ัวไปจากผู้ตอบแบบสอบถามทั้งหมด จานวน 191 คน จาแนกตามเพศ และระดับชั้น
แสดงจานวนผู้ตอบแบบสอบถาม
ตารางท่ี 4.1 แสดงจานวนของผตู้ อบแบบสอบถามคดิ เปน็ ร้อยละจาแนกตามเพศ

กล่มุ ท่ี เพศ จานวน รอ้ ยละ
1 ชาย 68 35.60
2 หญิง 123 64.40
รวม 191 100.00

จากตารางที่ 4.1 แสดงจานวนของผู้ตอบแบบประเมินจาแนกตามเพศ ได้แก่ เพศชาย
จานวน 68 คน คิดเป็นร้อยละ 35.60 ของประชากรทั้งหมด และเพศหญิง จานวน 123 คน คิดเป็น
รอ้ ยละ 64.40 ของประชากรทง้ั หมด

แผนภูมิแสดงจานวนของผตู้ อบแบบสอบถามคิดเป็นร้อยละจาแนกตามเพศ

35.6%

64.4%

ชาย หญิง
ภาพที่ 4.1 แสดงแผนภูมจิ านวนของผ้ตู อบแบบสอบถามคิดเปน็ ร้อยละจาแนกตามเพศ