โครงการออกเเบบป้ายประชาสัมพันธ์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัลด้วยโปรเเกรม Adobe photoshop เเละโปรเเกรม Adobe Illustrator

การออกแบบปา้ ยประชาสมั พนั ธส์ าขาเทคโนโลยีธุรกจิ ดิจทิ ลั ด้วยโปรแกรม
Adobe Photoshop และ Adobe Illustrator

Design Publicity Signage In Digital Business Technology With
Adobe Photoshop And Illustrator Programs.

นายจริ ายุ วงษพ์ ทิ ักษ์ รหสั นักเรยี น 6122040003
นางสาวอรัชพร เพช็ รพราว รหสั นักเรียน 6122040035

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

ก

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

สาขาวชิ า โปรแกรม Adobe Photoshop และ Adobe Illustrator
ชอ่ื ผ้จู ดั ทำ
อาจารยท์ ่ีปรกึ ษาโครงการ Design Publicity Signage In Digital Business Technology
ปีการศกึ ษา
With Adobe Photoshop And Adobe Illustrator Programs.

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

1. นายจริ ายุ วงษ์พทิ ักษ์ รหัสนักเรยี น 6122040003

2. นางสาวอรชั พร เพ็ชรพราว รหสั นักเรียน 6122040035

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

นางศลิษา หนเู สมียน

2563

บทคัดยอ่

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

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

ระดับดีมาก (x̅=4.72, S.D.=0.40) โดยแบ่งเป็นท้ังหมด 3 ด้าน ได้แก่ ด้านผลสัมฤทธ์ิอยู่ในระดับดี

มาก (x̅=4.77, S.D. =0.43), ด้านการออกแบบช้ินงานอยู่ในระดับดีมาก (x̅=4.70, S.D.=0.46)

และด้านประสิทธิภาพอยูใ่ นระดับดมี าก (x̅=4.69, S.D.= 0.46) ตามลำดับ

ก

คำสำคัญ : แนวคิดเกี่ยวกับการออกแบบ/ แนวคิดเก่ียวกับเทคโนโลยีธุรกิจดิจิทัล/
แน วคิ ด เก่ี ย ว กั บ ป้ าย ป ระช าสั ม พั น ธ์/ แน วคิ ด เกี่ ยว กั บ โป รแ ก รม Adobe Illustrator/
แนวคิดเกี่ยวกับโปรแกรม Adobe Photoshop cc 2019

ข

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

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

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

คณะผู้จดั ทำ

สารบญั ค

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

1.1 ความเปน็ มาและความสำคัญของโครงการ 1
1.2 วตั ถปุ ะสงค์ของโครงการ 1
1.3 ขอบเขตของโครงการ 2
1.4 ผลท่ีคาดวา่ จะไดร้ ับ 3
1.5 คำจำกดั ความ 3
บทท่ี 2 เอกสารและทฤษฎีท่เี กี่ยวขอ้ ง
2.1 แนวคิดเกย่ี วกับการออกแบบ 4
2.2 แนวคิดเกี่ยวกบั การเทคโนโลยธี รุ กิจดิจิทัล 8
2.3 แนวคิดเกี่ยวกบั ปา้ ยประชาสัมพันธ์ 8
2.4 แนวคดิ เกี่ยวกับโปรแกรม Adobe Illustrator 11
2.5 แนวคิดเกยี่ วกับโปรแกรม Adobe Photoshop 21
บทท่ี 3 วธิ ีการดำเนินโครงการ
3.1 การศึกษาข้อมลู เบื้องตน้ 35
3.2 ประชากรและกลุม่ ตวั อย่าง 35
3.3 ข้นั ตอนการดำเนนิ งาน 37
3.4 เคร่ืองมือท่ีใช้ในการเกบ็ รวบรวมข้อมูล 42
3.5 ขั้นตอนการดำเนินการและเกบ็ รวบรวมข้อมูล 43

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

บทที่ 3 วิธีการดำเนินโครงการ หน้า
3.6 พิจารณาจากคะแนนตามเกณฑ์
3.7 สถติ ิท่ีใช้ในการวิเคราะห์ข้อมูล 43
44
บทท่ี 4 ผลการวิเคราะห์ขอ้ มลู
4.1 ผลการดำเนนิ งาน 45

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

บรรณานุกรม 57
ภาคผนวก 62
65
ก แบบเสนออนมุ ัติโครงการ 63
ข ภาพขน้ั ตอนการทำโครงการ
ค แบบประเมินความพงึ พอใจ
ประวตั ผิ จู้ ดั ทำ

ง

สารบัญตาราง

ตารางท่ี หนา้

4.1 แสดงจำนวนของผตู้ อบแบบประเมนิ จำแนกตามเพศ 46

4.2 แสดงจำนวนของผูต้ อบแบบประเมินจำนวนตามอายุ 47

4.3 แสดงความพึงพอใจด้านการออกแบบชิ้นงาน 48

4.4 แสดงความพึงพอใจดา้ นประสิทธภิ าพ 49

4.5 แสดงความพึงพอใจดา้ นผลสมั ฤทธิ์ 50

4.6 แสดงสถติ ิระดับความพึงพอใจของนักเรียน นักศึกษา สาขาเทคโนโลยีธุรกิจดิจทิ ัล 51

ทีป่ ระเมินโครงการโครงการออกแบบปา้ ยประชาสมั พันธ์ สาขาเทคโนโลยีธรุ กจิ ดิจิทลั

ดว้ ยโปรแกรม Adobe Photoshop และโปรแกรม Adobe Illustrator

สารบญั ภาพ จ

ภาพท่ี หน้า
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 แสดงป้ายขนาดใหญ่ (Billboard) 8
2.9 แสดงปา้ ยโรลอัพ (Roll up) 9
2.10 แสดงป้ายX-stand (X-banner, X-frame) 9
2.11 แสดงป้ายไวนิล (Vinyl) 10
2.12 แสดงแผ่นภาพโปสเตอร์ (Poster) 10
2.13 แสดงป้ายโฆษณาทางอินเทอรเ์ น็ต หรือ แบนเนอร์ (Banner) 11
2.14 แสดงโปรแกรม Adobe Illustrator 11
2.15 แสดงส่วนประกอบของโปรแกรม Adobe Illustrator 12
2.16 แสดงแถบ Menu Bar แถบควบคุมโปรแกรม 12
2.17 แสดงแถบ File 13
2.18 แสดงแถบ Edit 13
2.19 แสดงแถบ Type 14
2.20 แสดงแถบ Select 14
2.21 แสดงแถบ Effect 15
2.22 แสดงแถบ Help 15
2.23 แสดงแถบ Window 16
2.24 แสดงกล่องเคร่ืองมือ Tool Box 17
2.25 แสดง control Panel 17
2.26 แสดงพนื้ ท่ีการทำงน Art Board 18
2.27 แสดงพาเนลควบคมุ การทำงาน Panel 18

จ

สารบัญภาพ (ต่อ) หน้า
19
ภาพท่ี 19
2.28 แสดงไฟล์ตดิ ตัง้ Adobe Illustrator 20
2.29 แสดงการ Zip ไฟล์ 20
2.30 แสดงการคลิกท่ี โฟรเ์ ดอร์ทท่ี ำการ Zip ไฟล์มาแลว้ ทำการคลิก๊ ท่ี set up 21
2.31 แสดงการตดิ ต้ังโปรแกรม 21
2.32 แสดงการตดิ ต้ังโปรแกรมสำเร็จและกดเปดิ เพื่อใชง้ าน 22
2.33 แสดงโปรแกรม Adobe Photoshop cc 2019 23
2.34 แสดงผูค้ ิดคน้ Adobe Photoshop 23
2.35 แสดงส่วนประกอบของโปรแกรม Adobe Photoshop cc 2019 23
2.36 แสดง Menu Bar 24
2.37 แสดงแถบ File 24
2.38 แสดงแถบ Edit 25
2.39 แสดงแถบ Image 25
2.40 แสดงแถบ Layer 26
2.41 แสดงแถบ Select 26
2.42 แสดงแถบ Filter 27
2.43 แสดงแถบ View 27
2.44 แสดงแถบ window 28
2.45 แสดงแถบ Help 29
2.46 แสดง Tool Bar 30
2.47 แสดงเครอ่ื งมือและคณุ สมบตั ิ 30
2.48 แสดง Option bar สิ่งทค่ี วบคุมเคร่อื งมือทีใ่ ชง้ าน Tools control menu 30
2.49 แสดง Windows Desing พ้ืนท่ีออกแบบ 31
2.50 แสดง Control Bar 32
2.51 แสดง Panel menu เมนขู องพ้นื ท่ีทำงาน 32
2.52 แสดงไฟลต์ ดิ ต้งั Adobe Photoshop CC 2019 33
2.53 แสดงการ Zip ไฟล์
2.54 แสดงโฟร์เดอร์ทท่ี ำการ Zip ไฟลม์ าแลว้ ทำการคล๊ิกท่ี set up

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

ภาพท่ี หน้า
2.55 แสดงการติดต้ังโปรแกรม 33
2.56 แสดงการเปิดโปรแกรม 34
3.1 แสดงตัวอย่างทฤษฎีมอแกน 36
3.2 แสดง Flowchart ขน้ั ตอนการทำงาน 37
3.2 แสดง Flowchart ข้ันตอนการทำงาน (ต่อ) 38
3.3 แสดง Flowchart ขน้ั ตอนสร้างชน้ิ งาน 39
3.4 แสดงการออกแบบ Background 40
3.5 แสดงการออกแบบฟอนต์ 40
3.6 แสดงการตกแตง่ ส่วนประกอบต่าง ๆ 41
3.7 แสดงคิวอาร์โค้ดของช้ินงาน 41
4.1 แสดงแผนภมู เิ พศของผตู้ อบแบบสอบถามจำแนกตามเพศ 46
4.2 แสดงแผนภูมอิ ายขุ องผ้ตู อบแบบสอบถามจำแนกตามอายุ 47
4.3 แสดงแผนภูมิความพึงพอใจดา้ นการออกแบบชิ้นงาน 48
4.4 แสดงแผนภูมิความพึงพอใจด้านประสิทธิภาพ 49
4.5 แสดงแผนภูมิความพึงพอใจดา้ นผลสัมฤทธิ์ 50
4.6 แสดงแผนภูมิความพงึ พอใจดา้ นสถิติ 52

บทที่ 1
บทนำ

บทที่ 1
บทนำ

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

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

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

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

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

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

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

2

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

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

วทิ ยาลยั เทคนิคระยอง จำนวน 503 คน
1.3.1.2 กลุ่มตัวอย่าง คือ นักเรียน นักศึกษา สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล

วทิ ยาลยั เทคนคิ ระยอง จำนวน 217 คน
1.3.2 ขอบเขตช้นิ งาน
1.3.2.1 ดา้ นฮารด์ แวร์
1) คอมพวิ เตอรพ์ กพา Asus TUF Gaming FX505DV-HN227T intel CORE
i57thGen
2) โทรศัพท์มอื ถอื I phone 6s
1.3.2.2 ด้านซอฟตแ์ วร์
1) โปรแกรม Adobe Photoshop cc 2019
2) โปรแกรม Adobe Illustrator
3) ใช้ระบบปฏิบตั กิ าร Windows 10
1.3.3 เครื่องมือที่ใชใ้ นการประเมินผล คือ ป้ายประชาสัมพันธ์สาขาวิชาเทคโนโลยีธุรกิจดจิ ิทัล

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

3

1.4 ผลทีค่ าดวา่ จะได้รับ
1.4.1 ได้ป้ายประชาสัมพันธ์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัลด้วยโปรแกรม Adobe

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

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

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

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

มอี ยูใ่ หด้ ีขน้ึ และมรี ปู แบบท่ีเปลีย่ นไปจากเดมิ การถา่ ยทอดรูปแบบจากความคิดออกมาเป็นผลงาน
1.5.2 แนวคิดเกี่ยวกับเทคโนโลยีธุรกิจดิจิทัล หมายถึง เทคโนโลยีในปัจจุบันที่ส่งผลต่อธุรกิจ

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

ต้องการนำเสนอเพื่อประชาสัมพันธจ์ ากผูส้ ่งไปส่ผู รู้ ับ
1.5.4 แนวคิดเกี่ยวกับโปรแกรม Adobe Illustrator หมายถึง ซอฟต์แวร์สำหรับสร้าง

ภาพกราฟิกในรูปแบบ Vector และคุณภาพของผลงานท่ีสรา้ งขนึ้ นั้นจะไมม่ ีปญั หาเรอื่ งความละเอยี ด
1.5.5 แนวคิดเกี่ยวกับโปรแกรม Adobe Photoshop cc 2019 หมายถึง โปรแกรมใน

ตระกลู Adobe ท่ใี ชส้ ำหรบั ตกแต่งภาพถา่ ยและภาพกราฟฟกิ ได้อย่างมีประสทิ ธิภาพ

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

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

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

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

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

5

2.1.2 ประเภทของการออกแบบ
2.1.2.1 การออกแบบทางสถาปัตยกรรม (Architecture Design) เป็นการออกแบบ

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

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

6

2.1.2.2 การออกแบบผลิตภัณฑ์ (Product Design) เป็นการออกแบบเพื่อการผลิต
ผลิตภัณฑ์ชนิดต่าง ๆ งานออกแบบสาขานี้มีขอบเขตกว้างขวางมากที่สุดและแบ่งออกได้มากมาย
หลายลักษณะนักออกแบบรับผิดชอบเกี่ยวกับประโยชน์ใช้สอยและความสวยงามของผลิตภัณฑ์
งานออกแบบประเภทน้ี ได้แก่ งานออกแบบเฟอร์นิเจอร์ งานออกแบบครุภัณฑ์ งานออกแบบเครื่อง
สุขภัณฑ์ งานออกแบบเครื่องใช้สอยต่าง ๆ งานออกแบบเครื่องประดับ อัญมณี งานออกแบบ
เครื่องแต่งกาย งานออกแบบภาชนะบรรจุผลิตภัณฑ์ งานออกแบบผลิตเครื่องมือต่าง ๆ ฯลฯ
[www.sites.google.com]

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

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

7
2.1.2.4 การออกแบบตกแต่ง (Decorative Design) เป็นการออกแบบเพื่อการตกแต่ง
สิ่งต่าง ๆ ให้สวยงามและเหมาะสมกับประโยชน์ใช้สอยมากขึ้นนักออกแบบเรียนว่า มัณฑนากร
ซึ่งมักทำงานร่วมกับสถาปนิกงานออกแบบประเภทนี้ ได้แก่ งานตกแต่งภายใน งานตกแต่งภายนอก
งานจัดสวนและบริเวณ งานตกแต่งมุมแสดงสินค้า การจัดนิทรรศการ การจัดบอร์ด การตกแต่งบน
ผวิ หนา้ ของสง่ิ ต่าง ๆ เปน็ ต้น ฯลฯ [www.sites.google.com]

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

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

8

2.2 แนวคดิ เกยี่ วกับเทคโนโลยธี ุรกิจดจิ ทิ ลั
2.2.1 เทคโนโลยีธุรกิจดิจิทัล หมายถึง สาขาวิชาที่เน้นศึกษาเทคโนโลยีในปัจจุบันที่ส่งผลต่อ

ธุรกิจโดยนำเทคโนโลยีดิจิทัลมาใช้ในธุรกิจในทุกด้านเพื่อได้ระบบดิจิทัลที่ถูกต้องเหมาะสมและ
ทันสมัยกับธุรกิจและสร้างเพื่อให้เกิดการได้เปรียบทางธุรกิจทุกด้านพัฒนาการใช้คอมพิวเตอร์ในการ
ดำเนินธุรกิจ และการพัฒนาอาชีพ จัดการเรียนการสอนการสร้างระบบสารสนเทศฐานข้อมูล
สำนักงานอัตโนมัติการนำฮารด์แวร์ ซอฟแวร์ และเทคโนโลยีในการสื่อสารมาใช้กับระบบสารสนเทศ
ระบบสารสนเทศประเภทตา่ ง ๆ ที่ใช้ในการจดั การ การบรหิ ารและการวางแผนในองคก์ าร
[www.google.com]

ภาพท่ี 2.7 แสดงเทคโนโลยีธรุ กิจดิจทิ ลั
2.3 แนวคดิ เก่ียวกบั ป้ายประชาสมั พันธ์

2.3.1 ป้ายประชาสมั พนั ธ์ หมายถึง หนทางหรือวถิ ีทางในการนาํ ขา่ วสารท่ีต้องการนำเสนอเพื่อ
ประชาสัมพันธ์จากผู้ส่งไปสู่ผู้รับในปัจจุบันสื่อในการประชาสัมพันธ์มีมากมายและหลากหลาย
อันเป็นผลเนื่องมาจากการพัฒนาดา้ นเทคโนโลยขี องโลก [www.stou.ac.th]

2.3.2 ประเภทของป้ายประชาสัมพนั ธ์
2.3.2.1 ป้ายขนาดใหญ่ (Billboard) คือ ป้ายขนาดใหญ่ มักจะติดไว้ที่มุมสดุดตา เช่น

ตามถนน สแี ยก อาคารสูงๆ [www.design365days.com]

ภาพท่ี 2.8 แสดงปา้ ยขนาดใหญ่ (Billboard)

9
2.3.2.2 ป้ายโฆษณาทางเท้า (Cut out) จะเป็นป้ายที่มีขนาดไม่ใหญ่มากมองเห็นใน
ระดบั สายตา เชน่ ปา้ ยโฆษณาหนา้ รา้ น ป้ายหาเสยี ง เป็นต้น [www.design365days.com]

1) ป้ายโรลอัพ (Roll up) ไว้ใช้แสดงภาพสินค้าป้ายโฆษณาสินค้าและ
สามารถม้วนเก็บได้ น้ำหนักเบาสะดวกตอ่ การขนยา้ ย ติดต้ังงา่ ย [www.design365days.com]

ภาพที่ 2.9 แสดงปา้ ยโรลอัพ (Roll up)
2) X-stand (X-banner, X-frame) ไว้นำเสนอสื่อต่าง ๆ ในรูปแบบของแบน
เนอร์ เหมาะกับงานออกบูธขายสินค้า งานจัดแสดงต่าง ๆ เพราะน้ำหนักเบาง่าย
ตอ่ การขนยา้ ย โดยที่โครงสรา้ งจะเหมอื นรปู ตวั 111 X [www.design365days.com]

ภาพท่ี 2.10 แสดงปา้ ยX-stand (X-banner, X-frame)

10
3) ไวนิล (Vinyl) เป็นป้ายพลาสติกชนิดพิเศษคุณภาพสูง นิยมนำมาใช้งาน
กลางแจ้ง เนื่องจากไวนิลมีความคงทน จึงจะเห็นมากมายตามข้างทาง ป้ายธงญี่ปุ่นก็ทำมาจากไวนิล
ป้ายโฆษณาหาเสยี ง หรอื จะนำมาตกแต่งหนา้ รา้ นเพือ่ ความนา่ สนใจ [www.design365days.com]

ภาพท่ี 2.11 แสดงป้ายไวนลิ (Vinyl)
2.3.2.3 แผ่นภาพโปสเตอร์ (Poster) เป็นสื่อสิ่งพิมพ์ที่มีหลายขนาดใช้ประดับ
หอ้ งเลก็ ๆ จนไปถึงติดตามทส่ี าธารณะขนาดใหญ่ [www.design365days.com]

ภาพที่ 2.12 แสดงแผน่ ภาพโปสเตอร์ (Poster)

11
2.3.2.4 ป้ายโฆษณาทางอินเทอร์เน็ต หรือ แบนเนอร์ (Banner) ป้ายหรือสื่อโฆษณาที่
ติดอยู่ตามเว็บไซต์ต่าง ๆ เพราะปัจจุบันคนใช้อินเทอร์เน็ตกันเป็นจำนวนมากยิ่งเวบ็ ใหญ่ๆวันนึงมีคน
เข้าออกเป็นหม่นื ๆคน Banner จึงเปน็ อีกทางเลอื กนึงท่ีเป็นทน่ี ิยมมาก [www.design365days.com]

ภาพท่ี 2.13 แสดงป้ายโฆษณาทางอนิ เทอรเ์ นต็ หรือ แบนเนอร์ (Banner)
2.4 แนวคิดเกีย่ วกบั โปรแกรม Adobe Illustrator

2.4.1 โปรแกรม Adobe Illustrator เป็นซอฟต์แวร์สำหรับสร้างภาพกราฟิกในรูปแบบ
Vector โดยมีคุณลักษณะที่สำคัญที่สุดนั่นก็คือคุณภาพของผลงานที่สร้างขึ้นนั้นจะไม่มีปัญหาเรื่อง
ความละเอียดในการแสดงภาพตามสื่อต่าง ๆ ไม่ว่าจะนำไปขยายหรือลดแค่ไหนก็ตามภาพจะไม่ต้อง
เสียความละเอียดหรือความคมชัดแม้แต่น้อยเมื่อเปรียบเทียบกับภาพที่แก้ไขโดยใช้เครื่องมืออื่น ๆ
[www.beartheschool.com]

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

12
2.4.2 ประวตั คิ วามเปน็ มา

2.4.2.1 เป็นโปรแกรมวาดภาพกราฟิกแบบเวกเตอร์ซ่ึงบริษัท Adobe System
รุ่นแรกจัดทำขึ้นในปี ค.ศ. 1986 เพื่อใช้งานกับเครื่องแมคอินทอช และได้พัฒนารุ่นท่ี 2 ออกมาให้ใช้
งานไดก้ บั วนิ โดวซ่งึ ไดร้ บั ความพงึ พอใจและการตอบรับที่ดีจากผ้ใู ช้ [www.beartheschool.com]

2.4.3 ส่วนประกอบของโปรแกรม Adobe Illustrator
2.4.3.1 ส่วนประกอบของโปรแกรม Adobe Illustrator

ภาพท่ี 2.15 แสดงสว่ นประกอบของโปรแกรม Adobe Illustrator
2.4.4 แถบ Menu Bar แถบควบคุมโปรแกรม

ภาพที่ 2.16 แสดงแถบ Menu Bar แถบควบคุมโปรแกรม

13
2.4.4.1 File เป็นหมวดของคำส่งั ที่จัดการเกี่ยวกับไฟลแ์ ละโปรแกรมทั้งหมดไม่วา่ จะ
เป็นการ เปิด-ปดิ ไฟลก์ ารบนั ทึกไฟล์การนำภาพเขา้ มาใช้ (Place) ตลอดจนการออกจากโปรแกรม
(Exit)

ภาพท่ี 2.17 แสดงแถบ File
2.4.4.2 Edit เป็นหมวดของคำสั่งที่จัดการแก้ไข เช่น Undo Cut Copy Paste รวมท้ัง
การกำหนดคุณสมบัติต่าง ๆ ที่มีผลต่อการปรับแต่งภาพด้วยเช่นการสร้างรูปแบบ
(Define Pattern) การกำหนดค่าสี (Color Setting) เป็นต้น

ภาพท่ี 2.18 แสดงแถบ Edit

14
2.4.4.3 Type เป็นหมวดของคำสั่งที่ใช้จัดการตัวหนังสือ เช่น Fonts Paragraph
เป็นต้น

ภาพท่ี 2.19 แสดงแถบ Type
2.4.4.4 Select เปน็ หมวดของคำส่งั ทีใ่ ชใ้ นการเลือกวัตถุสามารถเลอื กดว้ ยคณุ สมบัติได้
เช่น เลอื กวัตถทุ ่มี ี Fill และ Stroke แบบเดยี วกนั วัตถทุ ่อี ยู่บน Layer เดยี วกันและอ่ืน ๆ เปน็ ต้น

ภาพท่ี 2.20 แสดงแถบ Select

15
2.4.4.5 Effect เป็นหมวดของคำสั่งที่ใช้สร้างเทคนิคพิเศษให้กับภาพคล้าย Filter
แต่จะไม่มีผลกบั รปู ร่างของ PathView เป็นหมวดของคำส่ังเกี่ยวกับการมองทุกส่ิงในงาน เช่น Zoom
Show/Hide Ruler Bounding Box Outline Mode/Preview Mode

ภาพท่ี 2.21 แสดงแถบ Effect
2.4.4.6 Help เป็นหมวดที่รวบรวมวิธีการใช้งานและคำแนะนำเพื่อช่วยเหลือผู้ใช้
โปรแกรม

ภาพท่ี 2.22 แสดงแถบ Help

16
2.4.4.7 Window เป็นหมวดของคำสั่งเกี่ยวกับการเปิด-ปิดหน้าต่างเครื่องมือต่าง ๆ
เช่น Palette Tool Box เป็นต้น [www.illustrator441.wordpress.com]

ภาพที่ 2.23 แสดงแถบ Window

17

2.4.5 กลอ่ งเครอื่ งมอื Tool Box

ภาพที่ 2.24 แสดงกล่องเคร่ืองมือ Tool Box
2.4.6 คอนโทรลพาเนล Control Panel เป็นแถบตวั เลอื กสำหรบั กำหนดค่าต่าง ๆ ของวัตถุ
เพื่ออำนวยความสะดวกแก่ผู้ใช้ให้สามารถกำหนดค่าสี ขนาด ตำแหนง่ และคณุ สมบัตติ ่าง ๆ ของวตั ถุ
ที่เลอื กไดง้ า่ ยขน้ึ [www.illustrator441.wordpress.com]

ภาพท่ี 2.25 แสดง control Panel

18
2.4.7 พื้นที่การทำงาน Art borad เป็นบริเวณที่เราใช้วางวัตถุเพื่อสร้างชิ้นงานส่วนพื้นที่
นอกเหนอื จากนน้ั (Scratch area) เป็นบรเิ วณทเี่ ราวางวตั ถุแตไ่ มต่ ้องการให้แสดงในชิน้ งานใช้เพื่อพัก
วตั ถหุ รอื เผอ่ื ไว้ใช้ในภายหลงั [www.illustrator441.wordpress.com]

ภาพที่ 2.26 แสดงพน้ื ทกี่ ารทำงน Art Board
2.5.8 พาเนลควบคุมการทำงาน (Panel) เปน็ หนา้ ต่างย่อยท่ีรวบรวมคุณสมบัติการทำงานของ
เครอ่ื งมือตา่ ง ๆ ให้เราเลือกปรบั แตง่ การใชง้ านไดง้ า่ ยๆไมต่ ้องเปดิ หาแถบคำสงั่ ซึ่งพาเนลจะถกู จดั เก็บ
ไว้ในกรอบจัดเกบ็ พาเนลดา้ นขวาของหน้าจอ พาเนลด้านขวาของหนา้ จอ
[www.illustrator441.wordpress.com]

ภาพท่ี 2.27 แสดงพาเนลควบคุมการทำงาน Panel

19

2.4.9 วธิ กี ารติดตงั้ โปรแกรม Adobe Illustrator
2.4.9.1 ดับเบลิ คลกิ๊ Adobe Illustrator ทโี่ หลดเข้ามา

ภาพท่ี 2.28 แสดงไฟล์ติดตั้ง Adobe Illustrator
2.4.9.2 ทำการ Zip ไฟล์เพ่อื ทำการติดต้ัง

ภาพที่ 2.29 แสดงการ Zip ไฟล์

20

2.4.9.3 คลกิ ที่ โฟร์เดอรท์ ่ีทำการ Zip ไฟล์มาแล้วทำการคล๊ิกที่ set up

ภาพท่ี 2.30 แสดงการคลิกท่ี โฟรเ์ ดอร์ทท่ี ำการ Zip ไฟล์มาแล้วทำการคล๊ิกท่ี set up
2.4.9.4 คล้ิกท่ี continue เพอื่ ทำการติดต้ังโปรแกรม

ภาพที่ 2.31 แสดงการติดตั้งโปรแกรม

21

2.4.9.5 ตดิ ต้ังโปรแกรมสำเร็จและกดเปิดเพ่ือใช้งาน

ภาพที่ 2.32 แสดงการตดิ ตงั้ โปรแกรมสำเร็จและกดเปดิ เพ่ือใชง้ าน
2.5 แนวคดิ เกย่ี วกับโปรแกรม Adobe Photoshop cc 2019

2.5.1 โปรแกรม Adobe Photoshop cc 2019 เป็นโปรแกรมในตระกูล Adobe ที่ใช้สำหรับ
ตกแต่งภาพถ่ายและภาพกราฟฟิกได้อย่างมีประสิทธิภาพไม่ว่าจะเป็นงานดา้ นสิ่งพิมพ์ นิตยสาร และ
งานด้านมัลติมีเดียอีกทั้งยังสามารถ retouching ตกแต่งภาพและการสร้างภาพซึ่งกำลังเป็นที่มนิยม
สูงมากในขณะนี้เราสามารถใช้โปรแกรม Photoshop ในการตกแต่งภาพการใส่ Effect ต่าง ๆ
ให้กับภาพและตัวหนังสือ การทำภาพขาวดำ การทำภาพถ่ายเป็นภาพเขียน การนำภาพมารวมกัน
การ Retouch ตกแต่งภาพต่าง [www. bps.in.th]

ภาพที่ 2.33 แสดงโปรแกรม Adobe Photoshop cc 2019

22

2.5.2 ประวตั ิความเป็นมา
2.5.2.1 โปรแกรม Photoshop เวอร์ชั่นแรกนั้นเริ่มต้นสร้างขึ้นในปี ค.ศ. 1990

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

2.5.3 ผูค้ ้นพบโปรแกรม Adobe Photoshop
2.5.3.1 โปรแกรม Adobe photoshop ถูกสร้างโดยสองพี่น้องนักศึกษาปริญญาเอก

กบั พนักงานของ ILM พีน่ ้องคู่นี้คอื Thomas Knoll นักศกึ ษาปริญญาเอกที่ University of Michigan
ในขณะนั้นเขาทำโปรแกรมแสดงผลกราฟิกบน Mac Plus โดยใช้ชื่อว่า Display เมื่อน้องชายของเขา
คือ John ซึ่งเป็นนักถ่ายภาพสมัครเล่นและทำงานที่ ILM มาเห็นโปรแกรมเข้าก็บอกว่า
มันเหมือนกับโปรแกรม Pixar Image Computers (สมัยท่ีPixar ยังอยู่กับLucasFilm และยังไม่ทำ
หนัง) ทั้งสองคนจึงมองเห็นโอกาสธุรกิจ Display เพิ่มความสามารถในการแปลงภาพเข้ามาตามท่ี
John เหน็ สมควรก่อนจะเปลี่ยนช่ือเป็น ImagePro และไปเรข่ ายตามบริษัทซอฟต์แวร์แต่ก็ไม่ประสบ
ความสำเร็จสุดท้ายมาเจอกับ Adobe และก็กลายเป็น Photoshop ที่เรารู้จักกันจนทุกวันนี้
[www.suphatsara365.wordpress.com]

Tomas Knoll John Knoll

ภาพท่ี 2.34 แสดงผคู้ ิดคน้ Adobe Photoshop

23

2.5.4 สว่ นประกอบของโปรแกรม Adobe Photoshop CC 2019
2.5.4.1 ส่วนประกอบของโปรแกรม Adobe Photoshop CC 2019

ภาพท่ี 2.35 แสดงสว่ นประกอบของโปรแกรม Adobe Photoshop cc 2019
2.5.5 Menu Bar แถบควบคุมโปรแกรม

ภาพที่ 2.36 แสดง Menu Bar
2.5.5.1 File รวมคำสั่งท่ีใช้จัดการกบั ไฟลร์ ูปภาพ เช่น สร้างไฟลใ์ หม่, เปิด, ปิด, บันทึก
ไฟล์, นำเขา้ ไฟล์, สง่ ออกไฟล์ และอน่ื ๆ ทีเ่ กีย่ วกบั ไฟล์

ภาพที่ 2.37 แสดงแถบ File

24
2.5.5.2 Edit เปน็ เคร่อื งมือรวมคำส่งั ทใี่ ช้สำหรับแก้ไขภาพและคอยชว่ ยปรับแตง่ การ
ทำงานของโปรแกรมเบอื้ งตน้ เชน่ กอ๊ ปปี้ วาง ยกเลกิ คำสง่ั แก้ไขเคร่ืองมือ และอน่ื ๆ

ภาพที่ 2.38 แสดงแถบ Edit
2.5.5.3 Image คำสงั่ ทใ่ี ชป้ รับแตง่ ภาพ เช่น สี แสง ขนาดของภาพ
ขนาดของเอกสาร โหมดสขี องภาพ หมนุ ภาพ และอน่ื ๆ

ภาพที่ 2.39 แสดงแถบ Image

25
2.5.5.4 Layer รวมคำสั่งที่ใช้จัดการกับเลเยอร์ ทั้งการสร้างเลเยอร์แปลง
เลเยอร์ และการจดั การกบั เลเยอร์ในด้านตา่ ง ๆ

ภาพที่ 2.40 แสดงแถบ Layer
2.5.5.5 Select รวม คำสั่งเกี่ยวกบั การเลอื กวตั ถุหรือพื้นที่บนรูปภาพ เพื่อนำไปใช้งาน
รว่ มกับคำสั่งอื่น ๆ เช่น เลือกเพื่อเปลี่ยนสี, ลบ หรือใช้เอฟเฟก็ ตต์ ่าง ๆ กบั รูปภาพ

ภาพท่ี 2.41 แสดงแถบ Select

26

2.5.5.6 Filter เปน็ คำสงั่ การเลน่ Effects ตา่ ง ๆ สำหรบั รูปภาพและวัตถุ

ภาพท่ี 2.42 แสดงแถบ Filter

2.5.5.7 View เป็นคำสั่งเกี่ยวกับมุมมองของภาพและวัตถุในลักษณะต่าง ๆ เช่น
การขยายภาพและยอ่ ภาพให้ดูเลก็

ภาพท่ี 2.43 แสดงแถบ View

27
2.5.5.8 Window เป็นส่วนคำสั่งในการเลือกใช้อุปกรณ์เสริมต่าง ๆ ที่จำเป็นในการใช้
สรา้ ง Effects ตา่ ง ๆ

ภาพท่ี 2.44 แสดงแถบ window
2.5.5.9 Help เปน็ คำสั่งเพื่อแนะนำเก่ยี วกับการใชโ้ ปรแกรมฯและจะมลี ายละเอียดของ
โปรแกรมอยู่ในน้นั [www. bps.in.th]

ภาพท่ี 2.45 แสดงแถบ Help

28

2.5.6 Tool Bar แถบเคร่ืองมือ
2.5.6.1 Tool Panel (ทูลพาเนล) หรือ กล่องเครื่องมือจะประกอบไปด้วยเครื่องมือ

ต่าง ๆ ที่ใช้ในการวาด ตกแต่ง และแก้ไขภาพ เครื่องมือเหล่านี้มีจำนวนมากดังนั้นจึงมีการรวม
เครื่องมือที่ทำหน้าที่คล้ายๆกันไว้ในปุ่มเดียวกันโดยจะมีลักษณะรูปสามเหลี่ยมอยู่บริเวณมุมด้านล่าง
ดังภาพ 2 เพื่อบอกให้รวู้ า่ ในป่มุ น้ียังมีเครอ่ื งมืออน่ื อยู่ดว้ ย [www. bps.in.th].

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

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

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

ภาพท่ี 2.46 แสดง Tool Bar

29

2.5.6.2 เครื่องมอื และคณุ สมบัติ

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.47 แสดงเคร่ืองมือและคุณสมบัติ

30

2.5.7 Option bar สงิ่ ท่คี วบคุมเครอื่ งมอื ทีใ่ ชง้ าน Tools control menu
2.5.7.1 Option Bar (ออปชั่นบาร์) เป็นส่วนที่ใช้ปรับแต่งค่าการทำงานของเครื่องมือ

ต่าง ๆ โดยรายละเอียดในออปชั่นบาร์จะเปลี่ยนไปตามเครื่องมือที่เราเลือกจากทูลบ็อกซ์ในขณะนั้น
เช่น เมื่อเราเลือกเครื่องมือ Brush (พู่กัน) บนออปชั่นบาร์จะปรากฏออปชั่นที่ใช้ในการกำหนดขนาด
และลักษณะหวั แปรง, โหมดในการระบายความโปร่งใสของสแี ละอัตราการไหลของสี
[www. bps.in.th]

ภาพท่ี 2.48 แสดง Option bar ส่ิงที่ควบคมุ เครอ่ื งมือท่ใี ช้งาน Tools control menu
2.5.8 Windows Desing พื้นที่ออกแบบ

ภาพท่ี 2.49 แสดง Windows Desing พื้นทอี่ อกแบบ
2.5.9 Control Bar

2.4.10.1 มี 3 ป่มุ ดว้ ยกนั ประกอบด้วย
1) Minimize คือ การพบั โปรแกรมมาเกบ็ ไวท้ ่ีทารส์ บารด์ ้านล่าง
2) Restorn คือ การยอ่ หนา้ ต่างโปรแกรม ให้เล็กลงหรือใหเ้ ต็มหน้าจอ
3) Close คอื การใชป้ ิดโปรแกรมเม่อื ไม่ต้องการใช้งาน [www. bps.in.th]

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

31

2.5.10 Panel menu เมนูของพื้นท่ีทำงาน

ภาพท่ี 2.51 แสดง Panel menu เมนขู องพ้ืนทท่ี ำงาน

32

2.5.11 วิธตี ิดต้งั โปรแกรม Adobe Photoshop CC 2019
2.5.11.1 ดบั เบลิ คลิก๊ Adobe Photoshop CC 2019 ท่ีโหลดเขา้ มา

ภาพที่ 2.52 แสดงไฟล์ตดิ ต้ัง Adobe Photoshop CC 2019
2.5.11.2 ทำการ Zip ไฟล์เพอ่ื ทำการติดต้ัง

ภาพที่ 2.53 แสดงการ Zip ไฟล์

33

2.5.11.3 คลกิ ที่ โฟร์เดอรท์ ่ที ำการ Zip ไฟลม์ าแลว้ ทำการคลิ๊กท่ี set up

ภาพที่ 2.54 แสดงโฟร์เดอร์ท่ีทำการ Zip ไฟลม์ าแลว้ ทำการคลกิ๊ ที่ set up
2.5.11.4 คล้กิ ที่ continue เพื่อทำการติดต้ังโปรแกรม

ภาพท่ี 2.55 แสดงการติดตั้งโปรแกรม

34

2.5.11.5 ตดิ ตง้ั โปรแกรมสำเร็จและกดเปิดเพ่ือใช้งาน

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

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

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

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

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

3.1 การศกึ ษาข้อมูลเบือ้ งต้น
3.1.1 หาขอ้ มลู จากเอกสารและสอ่ื ต่าง ๆ ที่นา่ สนใจในการออกแบบปา้ ยประชาสมั พนั ธ์
3.1.2 ศกึ ษาการทำงานของโปรแกรม Adobe Photoshop และโปรแกรม Adobe Illustrator

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

3.1.3 ศกึ ษาทฤษฎแี ละแนวคดิ ใหม่ ๆ ท่ีเหมาะสมตอ่ การนำมาออกแบบเพื่อพฒั นาให้ดยี ่งิ ข้ึน
3.1.4 สำรวจกลุ่มเป้าหมายและจัดทำโครงร่างแบบสอบถามความพึงพอใจที่มีต่อป้าย
ประชาสัมพนั ธ์สาขาวชิ าเทคโนโลยีธรุ กจิ ดจิ ทิ ลั

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

วิทยาลัยเทคนคิ ระยอง จำนวน 503 คน
3.2.2 กลุ่มตัวอย่าง คือ นักเรียน นักศึกษา สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล

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

36
ภาพที่ 3.1 แสดงตวั อยา่ งทฤษฎมี อแกน

37

3.3 ขั้นตอนการดำเนนิ งาน
3.3.1 การออกแบบผงั งาน

เริม่ ตน้

1
1

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

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

ผูส้ อนโครงการ

ผา่ น

1
1

วางเคา้ โครงการออกแบ1บป้ายประชาสัมพันธ์

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

โครงการ

ผ่าน
1

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