รวมเล่มโปรเจ็ค

โมชันกราฟิก เรื่อง ความมน่ั คงปลอดภยั ของระบบสารสนเทศ
Motion Graphic Information Systems Security

พมิ พ์ชนก ปญั ญาไว
สาธติ กลา่ รัศมี

ปริญญานพิ นธน์ ี้ เปน็ ส่วนหนึง่ ของการศึกษาตามหลักสูตรบริหารธรุ กิจบณั ฑิต
สาขาวิชาระบบสารสนเทศ คณะบริหารธรุ กิจและเทคโนโลยสี ารสนเทศ

มหาวทิ ยาลัยเทคโนโลยรี าชมงคลสวุ รรณภมู ิ ศนู ย์พระนครศรอี ยธุ ยา วาสกุ รี
ปีการศึกษา 2563

ก

ชือ่ ปรญิ ญานพิ นธ์ โมชนั กราฟกิ เรือ่ งความมนั่ คงปลอดภยั ของระบบสารสนเทศ
โดย Motion Graphic Information Systems Security
นางสาวพิมพช์ นก ปญั ญาไว รหัสนกั ศึกษา 262319221026
นายสาธติ กล่ารัศมี รหัสนกั ศึกษา 261319221032

คณะกรรมการอนุมัติให้ปริญญานิพนธ์ฉบับนี้ เป็นส่วนหนึ่งของการศึกษาวิชาปริญญานิพนธ์
(Senior Project) และการศึกษาตามหลักสูตรบริหารธุรกิจบัณฑิต สาขาวิชาระบบสารสนเทศ
คณะบริหารธุรกิจและเทคโนโลยีสารสนเทศ มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ
ศูนยพ์ ระนครศรีอยธุ ยา วาสกุ รี

……………………………………
(อาจารย์อศั วิน เทยี นสันต์)

อาจารย์ท่ปี รึกษา

……………………………………
(ดร.แสงทอง บุญมี)
อาจารยท์ ี่ปรกึ ษา

……………………………………
(ผศ.อดิศกั ดิ์ สาระธรรม)

กรรมการ

ข

ชือ่ ปรญิ ญานพิ นธ์ โมชนั กราฟิกเรอื่ งความม่ันคงปลอดภยั ของระบบสารสนเทศ
โดย Motion Graphic Information Systems Security
สาขาวิชา นางสาวพิมพช์ นก ปญั ญาไว รหัสนักศึกษา 262319221026
นายสาธติ กลา่ รศั มี รหสั นักศึกษา 262319221032
อาจารย์ที่ปรึกษา ระบบสารสนเทศ
ปีการศกึ ษา คณะบรหิ ารธุรกจิ และเทคโนโลยสี ารสนเทศ
มหาวทิ ยาลัยเทคโนโลยีราชมงคลสวุ รรณภูมิ ศนู ยพ์ ระนครศรีอยธุ ยา วาสกุ รี
อาจารย์อศั วิน เทยี นสันต์
ดร.แสงทอง บุญมี
2563

บทคดั ย่อ

การจดั ท่าโครงงานคร้งั น้ี มวี ตั ถปุ ระสงค์ 1) เพอ่ื พฒั นาสื่อโมชันกราฟิก เรอื่ งความมน่ั คงปลอดภัย
ของระบบสารสนเทศ ในรายวิชา ความมั่นคงปลอดภัยของระบบสารสนเทศ แก่นักศึกษาระดับช้ัน
ปริญญาตรีปที ี่ 1 (เทยี บโอน) สาขาวชิ าระบบสารสนเทศ มหาวทิ ยาลัยเทคโนโลยรี าชมงคลสุวรรณภูมิ
ศูนย์พระนครศรีอยุธยา วาสุกรี จ่านวน 40 คน ให้มีความรู้มากยิ่งข้ึน 2) เพ่ือสอบถามความพึงพอใจ
ของนักศึกษาระดับช้ันปริญญาตรีปีท่ี 1 (เทียบโอน) สาขาวิชาระบบสารสนเทศ มหาวิทยาลัย
เทคโนโลยีราชมงคลสุวรรณภูมิ ศูนย์พระนครศรีอยุธยา วาสุกรี จ่านวน 40 คน ที่ได้รับชมส่ือโมชัน
กราฟิกน้ี

กลุ่มตัวอย่างท่ีใช้ในการศึกษา ได้แก่ นักศึกษาระดับปริญญาตรี หลักสูตรเทียบโอน ชั้นปีที่ 1
จา่ นวนนักศกึ ษา 40 คน การคดั เลือกกลุ่มตัวอยา่ งใช้วิธแี บบเจาะจง (Purposive Sampling)

เคร่ืองมือที่ใช้ในการด่าเนินงาน ได้แก่ 1) โปรแกรมเพื่อการพัฒนาสื่อโมชันกราฟิก
2) แบบสอบถามความพึงพอใจแบบมาตราสว่ นประมาณค่า (Rating Scale) 5 ระดับ โดยสถิติท่ีใชใ้ น
การวิเคราะห์ข้อมูล ไดแ้ ก่ คา่ เฉลยี่ ส่วนเบี่ยงเบนมาตรฐาน

ค

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

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

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

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

ผู้จัดทาหวังเป็นอย่างย่ิงว่า ปริญญานิพนธ์ฉบับน้ีจะเป็นประโยชน์สาหรับผู้ที่สนใจ หาก
ปรญิ ญานพิ นธ์ฉบับนขี้ าดตกบกพร่องหรือไมส่ มบูรณป์ ระการใด ผู้จัดทาขอกราบขออภัยมา ณ โอกาสนี้

พมิ พช์ นก ปัญญาไว
สาธิต กลา่ รศั มี

สารบัญ ง

คำขออนุมัตปิ รญิ ญำนิพนธ์ หนา้
บทคดั ย่อ ก
กติ ตกิ รรมประกำศ ข
สำรบญั ค
สำรบัญภำพ ง
สำรบัญภำพ (ต่อ) จ
สำรบัญภำพ (ตอ่ ) ฉ
บทท่ี 1 บทนา ช
1
1.1 ควำมเป็นมำและควำมสำคญั ของปัญหำ 1
1.2 วตั ถุประสงค์ของโครงงำน 2
1.3 ขอบเขตของโครงงำน 2
1.4 นยิ ำมศพั ทเ์ ฉพำะ 3
1.5 เคร่อื งมือที่ใช้ในโครงงำน 3
1.6 ข้ันตอนกำรดำเนนิ งำน 4
1.7 ประโยชน์ทค่ี ำดวำ่ จะได้รับ 5
บทท่ี 2 ทฤษฎแี ละงานวิจัยทเี่ กี่ยวข้อง 6
2.1 ทฤษฎีทเี่ กยี่ วข้องกับระบบงำน 7
2.2 โปรแกรมที่ใชใ้ นกำรสร้ำงสอ่ื โมชนั กรำฟิก 20
2.3 งำนวิจยั หรอื ระบบงำนทเ่ี กีย่ วข้อง 36
บทท่ี 3 วธิ กี ารดาเนินงาน 31
3.1 ประชำกรและกล่มุ ตัวอย่ำง 38
3.2 เคร่ืองมือท่ีใชใ้ นกำรดำเนินงำน 38
3.3 เกบ็ รวบรวมขอ้ มูล 38
3.4 วเิ ครำะหข์ ้อมูล 38
3.5 ออกแบบ Storyboard 39
3.6 กำรทดสอบสื่อโมชนั กรำฟกิ 81
3.7 ประเมินควำมพงึ พอใจท่ีมีตอ่ สื่อ 81
บรรณานกุ รม
ประวัติผู้จัดทาปรญิ ญานพิ นธ์

สารบญั ภาพ จ

ภาพท่ี หน้า
2.1 ความมัน่ คงปลอดภยั ของระบบสารสนเทศ 7
2.2 ภยั คกุ คาม 11
2.3 เสน้ ตา่ ง ๆ 14
2.4 รูปรา่ ง รูปทรง 14
2.5 พื้นผวิ 15
2.6 ทว่ี ่าง 15
2.7 สี 16
2.8 ตวั อักษร 16
2.9 ตวั อยา่ งทฤษฎีเกย่ี วกับการเขียนสตอรีบอรด์ 19
2.10 โปรแกรม Adobe After Effects CS6 20
2.11 โทรทัศน์ 22
2.12 ภาพยนตร์ 23
2.13 Internet 23
2.14 Animation 24
2.15 Presentation 24
2.16 สว่ นประกอบของโปรแกรม Adobe After Effects CS6 25
2.17 โปรแกรม Adobe Illustrator CS6 26
2.18 ภาพแบบพิกเซล 27
2.19 ภาพกราฟกิ ส์เวกเตอร์ 28
2.20 สว่ นประกอบของโปรแกรม Adobe Illustrator 28
2.21 โปรแกรม Adobe Photoshop cs6 29
2.22 กล่มุ เคร่ืองมือในการตกแต่งภาพ 30
2.23 โปรแกรม Adobe Premiere Pro 2019 31
2.24 กล่มุ เคร่ืองมือในโปรแกรม Adobe Premiere Pro 33
2.25 โปรแกรม Audacity 34
2.26 เคร่ืองมือ Audacity 34
2.27 วธิ ีการใช้งาน Envelope Tool 35
3.1 ตราสญั ลกั ษณ์มหาวทิ ยาเทคโนโลยรี าชมงคลสุวรรณภูมิ 40
3.2 ชอ่ื เรื่อง ความมนั่ คงปลอดภยั ของระบบสารสนเทศ 41
3.3 หุน่ ยนต์พดู อธิบาย 42
3.4 โล่ X และอุปกรณ์รอบข้าง 43

ฉ

สารบัญภาพ (ตอ่ ) หน้า
44
ภาพท่ี 45
3.5 โล่ √ และอุปรกรณร์ อบข้าง 46
3.6 ภาพคอมพิวเตอร์ที่มีโลค่ วามปลอดภัย 47
3.7 ภาพคอมพิวเตอรท์ ี่มโี ล่ความปลอดภัยและไวรสั 48
3.8 หนุ่ ยนต์อธิบายองค์ประกอบของความม่ันคงปลอดภัยของข้อมูล 49
3.9 ภาพแฟ้ม 50
3.10 ภาพแฟ้มคลิปบอรด์ 51
3.11 ภาพแฟ้มอปั โหลดข้อมูล 52
3.12 ภาพตัวหนงั สอื ภยั คุกคามต่อระบบคอมพวิ เตอร์ 53
3.13 ภาพคอมพวิ เตอร์ มเี คร่ืองหมาย ! 54
3.14 Hacker กาลังใชค้ อมพิวเตอร์ 55
3.15 Cracker กาลงั การแก้ไขรหสั 56
3.16 ภาพตัวหนงั สอื มัลแวร์ชนดิ ต่าง ๆ 57
3.17 Malware 58
3.18 Virus 59
3.19 อาการของไวรสั 60
3.20 Worm 61
3.21 อาการของเวริ ม์ 62
3.22 Trojan horse 63
3.23 อาการของมา้ โทรจัน 64
3.24 Spy Ware 65
3.25 อาการของสปายแวร์ 66
3.26 Adware 67
3.27 อาการของแอดแวร์ 68
3.29 Phishing 69
3.30 อาการของฟิชชิ่ง 70
3.31 Spam 71
3.32 อาการของสแปม 72
3.33 แนวทางปอ้ งกนั ภัยคุกคามทางอินเทอรเ์ น็ต สาหรบั ผใู้ ช้อินเทอรเ์ น็ตทว่ั ไป
3.34 เพม่ิ ความระมัดระวังในการใช้อนิ เทอร์เน็ต

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

ภาพที่ หน้า
3.35 การใชบ้ ริการอินเทอรเ์ นต็ 73
3.36 ตดิ ตามข้อมลู ข่าวสารเกีย่ วกบั ความม่นั คงปลอดภัย 74
3.37 แนวทางปอ้ งกนั ภัยคุกคามทางอนิ เทอร์เน็ต สาหรับ หนว่ ยงาน 75
3.38 ตรวจสอบและยนื ยันสิทธกิ ารเข้าระบบ 76
3.39 เพ่ิมมาตรการป้องกันเว็บไซต์สาคัญ 77
3.40 แจ้งเจ้าหน้าที่ของหน่วยงานและพนักงาน 78
3.41 ขอขอบคุณ 79
3.42 จดั ทาโดย 80

1

บทที่ 1
บทนำ

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

มาก ซ่ึงเกิดจากการขยายตัวของธุรกิจเอง โดยแตกตา่ งจากในอดีต ซ่ึงการเข้าถงึ เครือข่ายคอมพิวเตอร์
น้ัน ไม่ได้มีการแพร่หลายอย่างในปัจจบุ ัน เม่ือธุรกิจมีความเจริญเติบโตขึ้นองค์กรก็หลกี เลี่ยงไม่ไดเ้ ลย
ทีจ่ ะนําเอาเทคโนโลยเี ข้ามาใชภ้ ายในองค์กร ซึ่งให้สามารถแข่งขันกับธุรกจิ ที่อยใู่ นประเภทเดียวกันได้
และขอ้ มลู ทอ่ี ยู่ภายในระบบคอมพิวเตอร์ก็มีความสําคญั เป็นอย่างมาก ท่ีจะนํามาวเิ คราะหส์ ง่ิ ต่าง ๆ ท่ี
เราต้องการ และเป็นไปไม่ได้เลยที่บุคลากรภายในองค์กรจะไม่ใชง้ านข้อมูลต่าง ๆ เหล่านั้น จะเห็นได้
อย่างชัดเจนเลยว่า การใช้งานอินเตอร์เน็ตนน้ั ทําให้สามารถติดต่อสอื่ สารทางธุรกิจได้เป็นอย่างดีไมว่ ่า
จะรับสง่ อีเมล์ เขา้ ชมเว็บไซตต์ ่าง ๆ แตอ่ ยา่ งไรกด็ ี กเ็ ปน็ ดาบสองคมที่พรอ้ มจะทาํ ลายเราได้อยูท่ ุกเมื่อ
ซึ่งการที่ผูใ้ ช้งานเองเขา้ เว็บไซต์ที่ไมเ่ หมาะสม ไม่ว่าจะเปน็ เวบ็ ไซตท์ ผี่ ดิ กฎหมายหรือเข้าไปดาวน์โหลด
โปรแกรมต่าง ๆ ภายในอินเตอร์เน็ต ซึ่งในบางครั้งเราไม่รู้ตัวว่าเราได้ของแถมมาด้วย เม่ือเราติดตั้ง
โปรแกรมดังกล่าวแล้ว เคร่ืองเราก็จะถูกไวรัส และในบางครั้งไวรสั น้นั จะกระจ่ายตัวไปอยใู่ นเครอื ข่าย
ภายในองค์กรของเราเอง อาจจะทําให้ข้อมูลที่ถกู ขโมยไปตกอยู่กับผ้ไู ม่หวังดี หรืออาจเป็นการล่อลว่ ง
ให้เข้าไปใช้งานบางเว็บไซต์โดยท่ีผู้ใชง้ านไม่ทันรู้ตัวโดยที่มีลักษณ์คล้ายกัน หรือเว็บไซต์ปลอมโดยเรา
ไม่ทันสังเกต ซึ่งเว็บไซต์ดังกล่าวนั้นจะหลอกดักจับ username และ password ของผู้ใช้งาน และใน
ปัจจุบันการใช้งานระบบเครือข่าย Wireless ก็เป็นช่องทางหน่ึงท่ีทําให้ผไู้ ม่ประสงค์ดี ที่จะเข้าภายใน
ระบบเครือข่ายในองค์กรดังน้ัน การที่จะหยุดต้นต่อกับปัญหาต่าง ๆ ท่ีผ่านมา จึงต้องมีระบบรักษา
ความปลอดภัย ภายในองค์กร ระบบนี้จะเปรียบไดจ้ ากผู้รักษาความปลอดภัยดา่ นแรกที่เข้ามาภายใน
บรษิ ทั ต้องมีการตรวจตราผู้ท่ีเข้ามาติดต่อกับบุคคลภายใน แต่ถ้าเป็นผู้รักษาความปลอดภยั ของระบบ
เครือข่ายคอมพิวเตอร์แล้วน้ัน ก็คือ ไฟร์วอลล์ (Firewall) ท่ีจะทําหน้าท่ีเป็นผู้รักษาความปลอดภัย
ใหก้ บั ระบบเครือข่ายที่จะคอยดแู ลป้องกนั เครอื ข่ายใหม้ ีความปลอดภยั มากย่ิงขนึ้

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

2

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

1.2 วัตถปุ ระสงค์ของโครงงำน
1.2.1 เพ่ือพัฒนาสื่อโมชันกราฟิก เร่ืองความม่ันคงปลอดภัยของระบบสารสนเทศ ในรายวิชา

ความม่ันคงปลอดภัยของระบบสารสนเทศ แก่นักศึกษาระดับชั้นปริญญาตรีปีท่ี 1 (เทียบโอน)
สาขาวิชาระบบสารสนเทศ มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ ศูนย์พระนครศรีอยุธยา
วาสกุ รี จํานวน 40 คน ให้มคี วามรมู้ ากยิง่ ขน้ึ

1.2.2 เพื่อสอบถามความพึงพอใจของนักศึกษาระดับชั้นปริญญาตรีปีที่ 1 (เทียบโอน) สาขาวิชา
ระบบสารสนเทศ มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ ศูนย์พระนครศรีอยุธยา วาสุกรี
จาํ นวน 40 คน ท่ีไดร้ บั ชมสื่อโมชนั กราฟิกน้ี

1.3 ขอบเขตของโครงงำน
นาํ เสนอเผยแพรค่ วามรู้ในรปู แบบส่ือโมชนั กราฟกิ ดังนี้
1.3.1 ด้านเน้ือหา
1.3.1.1 ความหมายและองค์ประกอบของความม่ันคงปลอดภยั ของระบบสารสนเทศ
1.3.1.2 ภัยคกุ คามตอ่ ระบบคอมพิวเตอร์
- Hacker
- Cracker
- Malware มี 7 ประเภท
- Virus
- Worm
- Trojan House
- Spyware
- Adware
- Spam
- Phishing
1.3.1.3 แนวทางปอ้ งกันภยั คุกคามทางอนิ เทอร์เน็ต เพื่อการรักษาความมนั่ คงปลอดภัย
- สาํ หรบั ผใู้ ชอ้ ินเทอรเ์ น็ตทว่ั ไป
- สาํ หรับ หน่วยงาน
1.3.2 ด้านประเภทไฟล์
เป็นไฟลป์ ระเภท .MP4 เวลา 5 - 6 นาที

3

1.3.3 ดา้ นประชากรและกลุ่มตวั อยา่ ง
นกั ศกึ ษาระดับชนั้ ปรญิ ญาตรีปที ี่ 1 (เทียบโอน) สาขาวิชาระบบสารสนเทศ มหาวิทยาลัย

เทคโนโลยีราชมงคลสุวรรณภมู ิ ศูนย์พระนครศรีอยุธยา วาสุกรี จาํ นวน 40 คน

1.4 นิยำมศัพทเ์ ฉพำะ

สอ่ื (Media) หมายถึง ตัวกลางทีช่ ว่ ยในการถา่ ยทอดเรื่องราว ขา่ วสาร ความรู้ เหตกุ ารณ์ แนวคิด
สถานการณ์ ฯลฯ ท่ีผ้สู ่งสารต้องการไปยงั ผ้รู บั สาร

โมชัน (Motion) หมายถึง การเคล่อื นไหว
กราฟิก (Graphic) หมายถึง ภาพ เป็นได้หลายอย่างไม่ใช่แค่เพียง ภาพถ่าย เท่านั้น แต่ไม่ว่าจะ
เปน็ ภาพการ์ตนู รปู ส่ีเหลี่ยม สามเหลย่ี ม เสน้ ทกุ อยา่ งลว้ นนับเปน็ ภาพกราฟกิ ได้
โมชันกราฟิก หมายถึง ภาพกราฟิกแบบเคล่ือนไหว จะเป็นการนํากราฟิกต่าง ๆ มาขยับและ
เคล่ือนไหวให้เกิดความน่าสนใจซ่ึงจะช่วยสร้างความสนุกสนานให้กับงานกราฟิก ท่ีเป็นภาพนิ่งและ
บอกเล่าเร่ืองราวข้อมูลต่าง ๆ ได้ดี ซ่ึงส่งผลให้การส่ือสารเร่ืองราวต่าง ๆ น้ันมีประสิทธิภาพดีมาก
ยิง่ ขนึ้ กวา่ เดิม
สอ่ื โมชันกราฟิก หมายถึง วิธกี ารนาํ เสนอข้อมลู หรือความรู้ที่ผ่านการออกแบบใหส้ ื่อสารดว้ ยภาพ
ข้อความ เสียงบรรยายประกอบ และเทคนิคการสร้างการเคลื่อนไหวของภาพอย่างสร้างสรรค์ เพ่ือ
นาํ เสนอเนอ้ื หาหรือข้อมูลท่คี อ่ นขา้ งซบั ซ้อนให้ผรู้ ับสาร เขา้ ใจได้งา่ ย
ความม่ันคงปลอดภัย (Security) หมายถึง สถานะท่ีมีความปลอดภัยไร้กังวล หรืออยู่ในสถานะท่ี
ไมม่ อี ันตรายและได้รบั การปอ้ งกนั จากภัยอนั ตรายท้งั ที่เกิดขึ้นโดยต้งั ใจหรือบงั เอิญ
ความม่ันคงปลอดภัยของระบบสารสนเทศ (Information System Security) หมายถึง การ
ป้องกันข้อมูลสารสนเทศรวมถึงองค์ประกอบอ่ืน ๆ ท่ีเกี่ยวข้อง เช่น ระบบและฮาร์ดแวร์ที่ใช้ในการ
จัดเก็บและถ่ายโอนข้อมูลสารสนเทศนั้นให้รอดพ้นจากอันตรายอยู่ในสถานะที่มีความปลอดภัยไร้
ความกงั วลและความกลวั

1.5 เคร่อื งมอื ท่ีใชใ้ นโครงงำน
1.5.1 ฮาร์ดแวร์ (Hardware)
- CPU Intel® Core™ i3-6100U 2.3 GHz
- Hard disk 1000 GB
- Ram 4 GB
- Windows : 64-bit Operating System
- Mouse
- Keyboard
1.5.2 ซอฟต์แวร์ (Software)
- โปรแกรมวาดภาพและตัดตอ่ ภาพ
- โปรแกรมตดั ต่อวดี โี อ
- โปรแกรมบนั ทึกเสยี ง

4

1.6 ขัน้ ตอนกำรดำเนนิ งำน
1.6.1 ศกึ ษาประชากรและกลุ่มตวั อย่าง
ประชากรและกลุ่มตัวอย่างในการจัดทําสื่อโมชันกราฟิก ในคร้ังนี้ คือ นักศึกษาระดับชั้น

ปริญญาตรีปีท่ี 1 (เทียบโอน) จํานวน 40 คน ท่ีศึกษาในรายวิชา 306-31-05 ความมั่นคงปลอดภัย
ของระบบสารสนเทศ

1.6.2 เคร่อื งมือที่ใชใ้ นการดาํ เนินงาน
เครื่องมือที่ใช้ในการดําเนินงานในการพัฒนาส่ือโมชันกราฟิก โดยใช้โปรแกรม Adobe

After Effects CS6 โปรแกรม Adobe Illustrator CS6 โปรแกรม Adobe Premiere Pro 2019
โปรแกรม Audacity รวมถึงเครื่องมือท่ีใช้ในการประเมินความพึงพอใจท่ีมีต่อส่ือได้แก่ แบบสอบถาม
ประเมินความพึงพอใจต่อสื่อ โดยใช้สถิติในการวิเคราะห์ข้อมูล คือ ค่าเฉลี่ยเลขคณิต และส่วน
เบย่ี งเบนมาตราฐาน

1.6.3 เกบ็ รวบรวมข้อมูล
ศกึ ษารวบรวมข้อมูลรายละเอียดจากเวบ็ ไซต์ต่าง ๆ เรอื่ งเก่ยี วกับความมัน่ คงปลอดภัยของ

ระบบสารสนเทศ ขอคําแนะนําในรายวิชาความมั่นคงปลอดภัยของระบบสารสนเทศ จาก
ผู้ชว่ ยศาสตราจารย์อดศิ กั ด์ิ สาระธรรม หวั หน้าสาขาวิชาระบบสารสนเทศและคอมพวิ เตอรธ์ ุรกจิ

1.6.4 วิเคราะห์ข้อมูล
จากการจัดเก็บรวบรวมข้อมูลน้ัน นําข้อมูลท่ีได้จากการรวบรวมมาทําการวิเคราะห์ข้อมูล

เพอื่ นาํ ไปใช้ในการออกแบบต่อไป
1.6.5 ออกแบบ Storyboard
ขนั้ ตอนการออกแบบสตอรีบ่ อรด์ มดี ังนี้
1.6.5.1 การทําโครงเรื่อง โดยการศึกษาข้อมูลเร่ืองความมั่นคงปลอดภัยของระบบ

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

1.6.5.2 ออกแบบตัวละคร และฉากประกอบ จากการท่ีได้วิเคราะห์ลักษณะของตัวละคร
และฉากประกอบแล้ว ก็ดาํ เนินการออกแบบตวั ละครกบั ฉากและวาดขนึ้ เป็นแบบร่าง

1.6.5.3 จัดทําสตอรี่บอร์ด เม่ือออกแบบตัวละครและฉากแล้วก็นํามาทําเป็นแบบร่าง
ประกอบกับเน้ือเร่ืองตั้งแต่ต้นเร่ืองจนจบ เพ่ือเตรียมนําไปจัดทําร่วมกับโปรแกรมคอมพิวเตอร์ท่ีใชใ้ น
การจัดทาํ โมชนั กราฟกิ

1.6.6 การทดสอบส่อื โมชนั กราฟกิ
เป็นขั้นตอนของการทดสอบก่อนท่ีจะนําไปปฏิบัติการใช้งานจริง โดยการทดสอบข้อความ

ภาพเคลื่อนไหว เสียง เพือ่ ตรวจสอบการทํางานของส่ือ หากมีขอ้ ผดิ พลาดเกดิ ขนึ้ จะไดย้ ้อนกลบั ไปเพ่ือ
ปรบั ปรุงแกไ้ ข

1.6.7 ประเมินความพงึ พอใจที่มตี อ่ ส่ือ
เคร่ืองมือท่ีใช้ในการประเมินความพึงพอใจท่ีมีต่อสื่อโมชันกราฟิก คือแบบสอบถามแบบ

มาตราสว่ นประมาณค่า (Rating Scale) 5 ระดับ เพื่อหาค่าเฉล่ียและสว่ นเบี่ยงเบนมาตรฐาน

5

1.7 ประโยชนท์ คี่ ำดว่ำจะได้รบั
1.7.1 ได้สื่อโมชันกราฟิก เรื่อง ความม่ันคงปลอดภัยของระบบสารสนเทศ เพื่อเผยแพร่ความรู้

ให้แก่นักศึกษาระดับช้ันปริญญาตรีปีท่ี 1 (เทียบโอน) สาขาวิชาระบบสารสนเทศ มหาวิทยาลัย
เทคโนโลยีราชมงคลสุวรรณภูมิ ศูนยพ์ ระนครศรีอยุธยา วาสกุ รี จํานวน 40 คน

1.7.2 นักศึกษาระดับชั้นปริญญาตรีปีที่ 1 (เทียบโอน) สาขาวิชาระบบสารสนเทศ มหาวิทยาลัย
เทคโนโลยีราชมงคลสุวรรณภูมิ ศูนย์พระนครศรีอยุธยา วาสุกรี จํานวน 40 คน ได้รับความรู้เกี่ยวกับ
ความมั่นคงปลอดภยั ของระบบสารสนเทศ และแนวทางการป้องกนั ภยั คุกคามทางอนิ เตอรเ์ น็ต

1.7.3 นักศึกษาระดับชั้นปริญญาตรีปีที่ 1 (เทียบโอน) สาขาวิชาระบบสารสนเทศ มหาวิทยาลัย
เทคโนโลยีราชมงคลสุวรรณภูมิ ศูนย์พระนครศรีอยุธยา วาสุกรี จํานวน 40 คน มีความเข้าใจ เรื่อง
ความมนั่ คงปลอดภยั ของระบบสารสนเทศ มากขึ้น

1.7.4 นักศึกษาระดับช้ันปริญญาตรีปีท่ี 1 (เทียบโอน) สาขาวิชาระบบสารสนเทศ มหาวิทยาลัย
เทคโนโลยีราชมงคลสุวรรณภูมิ ศูนย์พระนครศรีอยุธยา วาสุกรี จํานวน 40 คน ตระหนักระมัดระวัง
เรื่องภยั คุกคามตอ่ ระบบคอมพวิ เตอร์และตระหนักรจู้ ักการป้องกนั ภัยคกุ คามทางอินเทอร์เน็ต

1.7.5 ได้ทราบผลความพึงพอใจของนักศึกษาระดับชั้นปริญญาตรีปีที่ 1 (เทียบโอน) สาขาวิชา
ระบบสารสนเทศ มหาวทิ ยาลยั เทคโนโลยรี าชมงคลสวุ รรณภูมิ ศูนย์พระนครศรีอยุธยา วาสกุ รีจาํ นวน
40 คน ทไี่ ด้รับชมสื่อโมชนั กราฟิกน้ี

6

6

บทท่ี 2
ทฤษฎีและงานวจิ ัยท่เี กย่ี วขอ้ ง

ในการสร้างส่ือการเรียนการสอนในรูปแบบโมชันกราฟิก เรื่องความม่ันคงปลอดภัยของระบบ
สารสนเทศ ในรายวิชา ความมั่นคงปลอดภัยของระบบสารสนเทศ ( Information Systems
Security ) ของนักศึกษาระดับช้ันปริญญาตรีปีที่ 1 (เทียบโอน) สาขาวิชาระบบสารสนเทศ
มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ ศูนย์พระนครศรีอยุธยา วาสุกรี ซึ่งผู้จัดทามีการศึกษา
แนวคดิ ทฤษฎตี า่ ง ๆ และงานวจิ ัยท่เี กยี่ วข้อง ดังต่อไปน้ี

2.1 ทฤษฎีท่ีเกีย่ วข้องกบั ระบบงาน
2.1.1 ความรู้เกี่ยวกบั ความมัน่ คงปลอดภัยของระบบสารสนเทศ
2.1.2 ทฤษฎเี ก่ียวกบั โมชันกราฟิก
2.1.3 หลกั การสรา้ งโมชันกราฟิก
2.1.4 ทฤษฎีเกยี่ วกบั การเขียนสตอรบี อร์ด

2.2 โปรแกรมท่ใี ชใ้ นการสรา้ งส่อื โมชนั กราฟิก
2.2.1 โปรแกรมสร้างภาพเคลอ่ื นไหว
2.2.2 โปรแกรมวาดภาพ
2.2.3 โปรแกรมตกแตง่ ภาพ
2.2.4 โปรแกรมตดั ต่อวิดโี อ
2.2.5 โปรแกรมบันทึกเสยี งและตดั เสียงรบกวน

2.3 งานวจิ ยั หรือระบบงานทเ่ี ก่ยี วขอ้ ง

7

2.1 ทฤษฎีทเี่ กย่ี วข้องกบั ระบบงาน
2.1.1 ความรเู้ กีย่ วกับความม่นั คงปลอดภยั ของระบบสารสนเทศ
2.1.1.1กความม่นั คงปลอดภัย (Security) หมายถงึ สถานะทม่ี ีความปลอดภัยไร้กังวล หรอื

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

ความม่ันคงปลอดภัยของระบบสารสนเทศ (Information System Security)
หมายถึง การปอ้ งกนั ข้อมูลสารสนเทศรวมถึงองค์ประกอบอ่นื ๆ ท่เี กย่ี วข้อง เช่น ระบบและฮาร์ดแวร์
ท่ีใช้ในการจัดเก็บและถ่ายโอนข้อมูลสารสนเทศน้ันให้รอดพ้นจากอันตรายอยู่ในสถานะที่มีคว าม
ปลอดภัยไรค้ วามกงั วลและความกลวั

ภาพท่ี 2.1 ความม่นั คงปลอดภัยของระบบสารสนเทศ
ทมี่ า : http://aliya234.blogspot.com/2016

2.1.1.2 ประวัตขิ องการรกั ษาความปลอดภยั ของข้อมลู
การรกั ษาความปลอดภัยด้านกายภาพ (Physical Security) ในอดตี ข้อมลู ท่สี าคัญ

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

การรักษาความปลอดภัยด้านการส่ือสาร (Communication Security)ยุคของจู
เลียสซีซาร์ (ยุคศตวรรษที่ 2) มีการคิดค้นวิธีใช้สาหรับ “ซ่อน” ข้อมูลหรือการเข้ารหัสข้อมูล

8

(Encryption) ช่วงสงครามโลกครั้งท่ี 2 เยอรมันใช้เคร่ืองมือท่ีเรียกว่าเอ็มนิกมา (Enigma) เข้ารหัส
ข้อมูลทรี่ ับ/สง่ ระหวา่ งหน่วยงานทหาร

การรกั ษาความปลอดภยั การแผ่รังสี (Emissions Security) ในชว่ งทศวรรษ 1950
มีการค้นพบว่าข้อมลู ทีร่ บั /สง่ สามารถอ่านได้โดยการอ่านสัญญาณไฟฟ้าทส่ี ่งผ่านสายโทรศัพท์อุปกรณ์
อิเล็กทรอนิกส์ทุกประเภทจะมีการแผ่รังสีออกมาเครื่องเข้ารหัสจะรับเข้าข้อความแล้วเข้ารหัสและ
ส่งไปบนสายโทรศัพท์ซึ่งมีการค้นพบว่าสัญญาณไฟฟ้าที่แทนข้อมูลท่ียังไม่ได้เข้ารหัสก็ถูกส่งไปบน
สายโทรศัพท์ด้วยข้อมูลเดิมท่ียังไม่ได้ถูกเข้ารหัสน้ันสามารถกู้คืนได้ถ้าใช้เคร่ืองมือท่ี ดีสหรัฐอเมริกา
ต้องกาหนดมาตรฐานที่ช่ือเทมเพสต์ (Tempest) ควบคุมการแผ่รังสีของอุปกรณ์คอมพิวเตอร์เพ่ือลด
การแผร่ งั สที ีอ่ าจใชส้ าหรับการกูค้ นื ข้อมูลได้

การรกั ษาความปลอดภยั คอมพวิ เตอร์ (Computer Security) ชว่ งทศวรรษ 1970
เดวิดเบลล์และลีโอนาร์ดลาพาดูลาพัฒนาแม่แบบสาหรับการรักษาความปลอดภัยของคอมพิวเตอร์
แบ่งออกเป็น 4 ช้ันคือไม่ลับลับลับมากและลับท่ีสุดผู้ท่ีสามารถเข้าถึงข้อมูลในระดับใดระดับหนึ่งได้
จะตอ้ งมสี ิทธ์เิ ทา่ กับหรือสงู กว่าชั้นความลบั ของข้อมลู น้ันดังน้ันผู้ทม่ี ีสทิ ธ์นิ ้อยกว่าช้ันความลับของไฟล์
จะไมส่ ามารถเข้าถงึ ไฟลน์ ้ันได้ แนวคิดนี้ได้ถูกนาไปใช้ในกระทรวงกลาโหมของสหรัฐอเมริกาโดยได้ช่ือ
ว่ามาตรฐาน 5200.28 หรือออเรนจ์บุ๊ค (Orange Book) ซ่ึงได้กาหนดระดับความปลอดภัยของ
ค อ ม พิ ว เ ต อ ร์ อ อ ก เ ป็ น ร ะ ดั บ ต่ า ง ๆ คื อ D, C1 , C2 , B1 , B2 , B3 , A1 ใ น แ ต่ ร ะ ดั บ
ออเรนจ์บุ๊คได้กาหนดฟังก์ชันตา่ ง ๆ ท่ีระบบต้องมีระบบท่ีต้องการใบรบั รองว่าจัดอย่ใู นระดับใดระบบ
นั้นตอ้ งมีทง้ั ฟังกช์ นั ตา่ ง ๆ ทก่ี าหนดในระดับนนั้ ๆ พร้อมทั้งการรับประกันในระดับนน้ั ได้ดว้ ย

การรักษาความปลอดภัยเครือข่าย (Network Security) เมื่อคอมพิวเตอร์
เช่อื มตอ่ กันเขา้ เป็นเครือข่ายปญั หาใหม่ก็เกิดขึน้ เช่นการสื่อสารคอมพวิ เตอร์เปลย่ี นจาก WAN มาเป็น
LAN ซ่ึงมีแบนด์วิธท่ีสูงมากอาจมีหลายเครื่องท่ีเชื่อมต่อเข้ากับส่ือเดียวกันการเข้ารหัสโดยใช้เครื่อง
เข้ารหัสเดี่ยว ๆ อาจไม่ได้ผล ในปี 1987 จึงได้มีการใช้มาตรฐาน TNI หรือเรดบุ๊ค (Red Book) ซ่ึงได้
เพิ่มส่วนที่เกี่ยวข้องกับเครือข่ายเข้าไปแต่มีข้อกาหนดเกี่ยวกับฟังก์ชนั และการรับประกันมากทาให้ใช้
เวลามากเกินไปในการตรวจสอบระบบ

การรักษาความปลอดภัยข้อมูล (Information Security) ไม่มีวิธีการใดที่สามารถ
แก้ปัญหาเก่ียวกับการรักษาความปลอดภัยได้ทั้งหมด ความปลอดภัยที่ดีต้องใช้ทุกวิธีการท่ีกล่าวมา
รว่ มกันจงึ จะสามารถใหบ้ ริการการรกั ษาความปลอดภัยข้อมลู ได้

2.1.1.3 องค์ประกอบของระบบสารสนเทศกับความม่ันคงปลอดภัย
Software ยอ่ มต้องอยู่ภายใต้เง่ือนไขของการบริหารโครงการ ภายใตเ้ วลา ตน้ ทุน

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

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

มีความจาเป็นสาหรับข้อมูลท่ีเป็นความลับ ซ่ึงต้องอาศัยนโยบายความปลอดภัยและกลไกป้องกันที่ดี
ควบคกู่ ัน

9

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

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

Network เครือข่ายคอมพิวเตอร์ การเช่ือมต่อระหว่างคอมพิวเตอร์และระหว่าง
เครือข่ายคอมพิวเตอร์ ทาให้เกิดอาชญากรรมและภัยคุกคามคอมพิวเตอร์ โดยเฉพาะการเช่ือมต่อ
ระบบสารสนเทศเข้ากบั เครือข่ายอินเตอร์เน็ต
ทม่ี า : https://sites.google.com/site/kanokwant551/khwam-mankhng-plxdphay-khxng-
rabb-sarsnthes

2.1.1.4 องคป์ ระกอบของความม่ันคงปลอดภัยของระบบสารสนเทศ
ความลับ (Confidentiality) เน่ืองจากข้อมูลบางอย่างมีความสาคัญจาเป็นต้อง

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

หลกั การคอื การเปลีย่ นรปู แบบข้อมลู ท่ีอ่านออกให้อยู่ในรปู แบบที่ไมส่ ามารถ
อ่านออกหรือเข้าใจได้ โดยมีการใช้ Key (Password) ในกระบวนการเข้ารหัสและถอดรหัส
ตัวอย่างเช่น การซื้อสินค้าผ่านระบบเว็บไซต์ด้วยบัตรเครดิต ซึ่งบริษัทบัตรเครติดต้องมีการรักษา
ความลับของลูกค้าโดยต้องมีการกรอกข้อมูลยืนยันพร้อมรหัสผ่านจึงจะสามารถทา การซ้ือสินค้าได้
สาหรับผูท้ ่ีใช้บริการเวบ็ ไซต์มีส่ิงท่สี ามารถสงั เกตได้คือ เวบ็ ไซตท์ ่ีมกี ารเข้ารหัสจะใช้โพรโทคอล https
แทน http โดยโพรโทคอล https จะมีการเข้ารหสั ก่อนส่งข้อมลู ทาใหแ้ มจ้ ะถกู ดักฟงั ข้อมูลไปแต่หาก
ถอดรหัสไม่ได้ก็จะไม่สามารถอ่านข้อมูลนั้นได้ ต่างจากโพรโทคอล http ซึ่งส่งข้อมูลเป็นตัวอักษร
ธรรมดาที่สามารถอ่านไดท้ ันที

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

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

10

ไม่ได้รับอนุญาต กลไกหลักที่ใช้ในการรักษาความคงสภาพ ประกอบด้วย 2 ส่วน คือ การป้องกัน
(Prevention) และการตรวจสอบ (Detection)

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

2) การตรวจสอบ (Detection) เพ่ือดูว่าข้อมูลยังคงมีความน่าเชื่อถือได้อยู่
หรอื ไม่ ซ่ึงสามารถตรวจเชค็ วเิ คราะหเ์ หตุการณต์ ่าง ๆ ท่เี กดิ ข้นึ จาก Log File

ความพร้อมใช้ (Availability) หมายถึง ความสามารถในการใช้ข้อมูลหรือ
ทรพั ยากรเมอ่ื ต้องการ สารสนเทศจะถูกเข้าถงึ หรือเรยี กใช้งานได้อย่างราบรื่น โดยผู้ใช้หรอื ระบบอื่นท่ี
ได้รับอนุญาตเท่าน้ัน หากเป็นผู้ใช้หรือระบบท่ีไม่ได้รับอนุญาต การเข้าถึงหรือเรียกใช้งานจะถูก
ขัดขวางและล้มเหลวในท่ีสุด ความพร้อมใช้งานจัดเป็นส่วนหนึ่งของความมั่นคง ความน่าเช่ือถือ
(Reliability) ของระบบ ระบบอาจถูกโจมตีโดยผไู้ ม่ประสงค์ดีที่พยายามทาให้ระบบไม่สามารถใช้งาน
ได้ แนวทางการป้องกัน เช่น การทาโหลดบาลานซซิง (Load Balancing) เพ่ือกระจายงานให้กับ
เคร่ืองแม่ข่ายหลายเคร่ือง หรือการทาระบบสารอง (Backup System) เพ่ือให้สามารถกู้คืนข้อมูลได้
หากขอ้ มูลเสียหาย

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

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

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

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

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

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

11

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

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

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

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

ฟิซชิ่ง เป็นการหลอกลวงทางอินเทอร์เน็ตเพ่ือขอข้อมูลท่ีสาคัญเช่นรหัสผ่านหรือ
หมายเลขบตั รเครดิต อาการ เชน่ มีหนา้ ตา่ งโฆษณาผุดข้ึนมาบ่อย ๆ จนหนา้ ลาคาร

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

ภาพที่ 2.2 ภยั คุกคาม
ทมี่ า : https://www.agir21.org

12

2.1.1.6กแนวทางป้องกันภัยคุกคามทางอินเทอร์เน็ต เพ่ือการรักษาความม่ันคงปลอดภัย
สาหรับ ผูใ้ ชอ้ ินเทอรเ์ น็ตทว่ั ไป

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

2. การใช้บรกิ ารอนิ เทอร์เน็ต อย่าต้ังรหัสผา่ นเหมือนกันทกุ ระบบ เพราะหากคุณ
โดนแฮกเกอร์เจาะระบบสาเรจ็ แลว้ ระบบอ่ืน ๆ กอ็ าจถูกเจาะระบบด้วยหากใช้รหัสผ่านเดียวกัน

3. ติดตามข้อมูลข่าวสารเกี่ยวกับความมั่นคงปลอดภัย และอ่านพิจารณาข้อมูล
กอ่ นการแชร์ต่อ ไมส่ ง่ ต่อข้อมูลทไ่ี มไ่ ด้รับการยืนยนั จากผู้เกี่ยวข้อง

2.1.1.7กแนวทางป้องกันภัยคุกคามทางอินเทอร์เน็ต เพื่อการรักษาความม่ันคงปลอดภัย
สาหรบั หน่วยงาน

1. ตรวจสอบและยนื ยนั สทิ ธิการเข้าระบบทส่ี าคัญของบญั ชผี ูใ้ ช้
2. เพิ่มมาตรการป้องกันเว็บไซต์สาคัญด้วยระบบการป้องกันการโจมตี เช่น
WebApplicationFirewall
3. แจ้งเจ้าหน้าที่ของหน่วยงานและพนักงาน ให้เพ่ิมความระมัดระวังในการใช้
อินเทอรเ์ นต็ โดยหลกี เลย่ี งการเขา้ เว็บไซต์ที่ไม่เหมาะสม
4. หากพบพิรุธว่าระบบถูกโจมตีเช่น ไม่สามารถเข้าใช้งานระบบ/เว็บไซต์ได้หรือ
มีความล่าช้ากว่าปกติควรตรวจสอบข้อมูลการเข้าถึงระบบที่สาคัญ เช่น ข้อมูล Log ย้อนหลัง 30 วัน
เพ่อื ตรวจหาความผิดปกตใิ นการเข้าถึงข้อมูล
5. ต้ังค่าระบบงานที่สาคัญให้บันทึกเหตุการณ์ (Log) การเข้าใช้งานระบบไม่ต่า
กว่า 90 วนั หรอื ตามทกี่ ฎหมายกาหนด
6. หากเป็นไปได้ให้หน่วยงานส่งรายช่ือผู้ติดต่อ (Contact Point) กรณีเกิดเหตุ
ภัยคุกคามไซเบอร์มายังศูนย์ประสานการรักษาความมั่นคงปลอดภัยระบบคอมพิวเตอร์ประเทศไทย
:ThaiCERT (ไทยเซริ ต์ )

13

2.1.2 ทฤษฎเี ก่ยี วกับโมชันกราฟิก
ทฤษฎีเกี่ยวกับโมชันกราฟิก Motion Graphics เกิดมาจากการผสมคา 2 คา คือ Motion

หมายถึง การเคล่ือนไหวส่วน Graphics หมายถึง ศิลปะที่สื่อความหมายด้วยเสน้ ภาพวาด สญั ลกั ษณ์
ภาพถา่ ย กราฟแผนภมู ิการ์ตูนตา่ ง ๆ ที่ถูกตง้ั ใจออกแบบ ดงั นนั้ Motion Graphics กค็ ือ ภาพกราฟิก
ท่ีเคลื่อนไหวได้ Motion Graphics หรืออาจเรียกว่า Motion Design ซ่ึงมีความหมายเดียวกัน โดย
Justin Cone ผกู้ ่อตัง้ เว็บไซต์ Motionographer ทเี่ ปน็ เหมอื น Hub ของคนอุตสาหกรรมนี้ได้อธิบาย
ถึง Motion Design ในงาน FITC 2017 ไว้ว่าเป็นส่ือท่ีผสมผสานระหว่างส่ือภาพกราฟิก และส่ือ
ภาพเคลื่อนไหว รวมท้งั ผสมผสานเทคนคิ กระบวนการคดิ และแก้ปญั หาแบบงานออกแบบกราฟิกการ
เล่าเร่ือง ภาษาทางภาพยนตร์ และ Animation ทั้งนี้ Motion Graphics น้ันไม่จาเป็นต้องมีบท
สนทนาของตัวละครในการเล่าเรื่อง แต่จาเป็นต้องมี Concept ท่ตี อ้ งการส่ือสารท่ชี ัดเจน ซงึ่ อาจมีตัว
2 มุมกล้อง ทั้งในเร่ืองของขนาดภาพ มุมภาพและการเคล่ือนกล้อง Branding ส่วนหน่ึงเพราะมี
รากฐานมาจากงาน Graphic Design ตัวอย่างเช่นงาน Title Design, Broadcast Design หรือ
Music Video Motion Graphics นั้นมีขอบเขตที่ค่อนข้างกว้างไม่ได้จากัดอยู่แค่ Infographic ใน
รูปแบบ Motion Graphics ที่นิยมในปัจจุบันขณะเดียวกัน Motion ละครหรือไม่มีก็ได้โดยการเล่า
เรื่องอาจใช้เทคนิคเดียหรือผสมผสานเทคนิคที่หลากหลายทั้ง 2D/3D Animation การออกแบบ
กราฟิก การผลิตภาพยนตร์ เพื่อส่ือสารเน้ือหาที่เราต้องการให้สาเร็จ โดย Motion Graphics จะมี
ลักษณะท่ีชัดเจน คือ การให้ความสาคัญเรื่อง Art Direction และGraphics บางช้ินก็สามารถจัดเป็น
Animation ไดเ้ พราะมีการผสมผสานรูปแบบต่าง ๆ จาก Animation และ Visual Effect เข้ามาเพ่ือ
สร้างเป็นผลงาน(www.beartheschool.com)

6 องค์ประกอบสาคัญของ Graphic Design ที่คนทากราฟิกต้องรู้ ซ่ึงประกอบไปด้วยเส้น
รปู รา่ ง รปู ทรง นา้ หนกั พ้นื ผิว สี ท่ีว่าง และตัวอักษร

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

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

14

ภาพที่ 2.3 เสน้ ตา่ ง ๆ
ทีม่ า : https://www.motiongraphicplus.com/archives/3185
2. รูปรา่ ง รปู ทรง และน้าหนัก รปู รา่ งคือการรวมเขา้ ของเส้นแบบต่าง ๆ จนเกิดเป็นความ
ยาว ความสงู เรียกได้ว่าเปน็ รูปรา่ ง 2 มิติ ซ่ึงรปู รา่ งมีผลตอ่ การทา Graphic Design มาก เพราะเปน็
หนงึ่ ในองค์ประกอบสาคัญท่ีกาหนดอารมณแ์ ละทิศทางของงาน
สว่ นรปู ทรงน้นั คือรปู ร่างที่ถกู เพิ่มมติ ิของความลึกเขา้ มาด้วย ในขณะทีน่ ้าหนกั จะเปน็ เรื่อง
ของแสง-เงา ซ่ึงทาใหเ้ รารู้วา่ รปู รา่ งน้นั มีน้าหนกั เท่าไหร่ ทบึ หรอื โปรง่ แสง

ภาพที่ 2.4 รูปร่าง รปู ทรง
ที่มา : https://www.motiongraphicplus.com/archives/3185

15

3. พ้ืนผิว พ้ืนผิวขรุขระเหมือนกระดาษทรายกับพื้นผิวท่ีเป็นมันปลาบย่อมให้ความรู้สึกท่ี
แตกต่างกันพ้ืนผิวหรือ Texture จึงเป็นอีกหน่ึงองค์ประกอบสาคัญในงาน Graphic Design ท่ีเข้ามา
ชว่ ยในเรอื่ งของการกาหนดสไตลง์ านใหช้ ัดเจนยงิ่ ขึ้น

ภาพท่ี 2.5 พื้นผิว
ทีม่ า : https://www.motiongraphicplus.com/archives/3185
4. ท่ีว่าง หลายๆ คนอาจจะไม่คิดว่าท่ีว่างก็เป็นหนึ่งในองค์ประกอบของงาน Graphic
Design แต่ท่ีว่างน้ีเป็นส่ิงสาคัญที่ขาดไม่ได้เลยล่ะ เพราะนอกจากจะช่วยให้งานดูไม่แน่นเอี๊ยด
จนเกินไปแล้ว ยังช่วยเสริมจุดเด่นให้กับองค์ประกอบอื่น ๆ ด้วย และที่ว่างนี้ก็ไม่ได้หมายถึงท่ีเปล่าๆ
โล่งๆ ทเี่ ราเวน้ ไวโ้ ดยไม่ไดท้ าอะไรเพียงอย่างเดียวหรอกนะ แตย่ งั หมายรวมไปถงึ Background ท่ีเรา
ไมไ่ ด้เข้าไปแตะต้องหรือจดั วางอะไรลงไปดว้ ย

ภาพท่ี 2.6 ที่วา่ ง
ท่ีมา : https://www.motiongraphicplus.com/archives/3185

16

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

ภาพท่ี 2.7 สี
ทีม่ า : https://www.motiongraphicplus.com/archives/3185
6. ตัวอักษร ตัวอักษรเกิดจากการรวมตัวของเส้นหลาย ๆ เส้นเช่นเดียวกับรปู รา่ ง เพียงแต่
สามารถสื่อความหมายแก่ผู้ชมได้ง่ายและรวดเร็วกว่า รูปแบบฟ้อนต์เอง ก็มีให้เลือกมากมายตามแต่
อารมณ์ของงานเช่นเดียวกัน ตัวอกั ษรจงึ เป็นอีกหนึง่ องค์ประกอบในงานดีไซน์ทีส่ าคัญไมแ่ พ้ใครเลย

ภาพที่ 2.8 ตวั อักษร
ทีม่ า : https://www.motiongraphicplus.com/archives/3185

17

2.1.3 หลักการสรา้ งโมชนั กราฟิก
ข้ันตอนการสร้างส่ือโมชันกราฟิกน้ันผู้วิจัยใช้หลัการสร้างการสร้างโมชันกราฟิกตามหลัก

3P ซึ่งจะแบง่ กระบวนการพฒั นางาน เปน็ 3 ข้ันตอน
1. Pre-Production (ขั้นตอนการเตรียมการ)
2. Production (ขนั้ ตอนการผลติ )
- นาภาพตามทีอ่ อกแบบไว้นามาประกอบเข้าใหเ้ ป็นเร่อื งราว
- การกาหนดหลักการเคลื่อนไหวของตัวละคร
- การเตรียมและทดสอบเสียง
- การนาสว่ นประกอบท้งั หมดมาประกอบกันได้แกก่ ารตัดต่อภาพ และการใสเ่ สียง ให้

ไดอ้ งค์ประกอบสมบรู ณ์ ครบถว้ น
3. Post-Production (ขัน้ ตอนหลงั การผลิต)
- การนาเสนองานในรปู แบบวดี ีโอเสนอ
- ขอคาแนะนาจากผเู้ ชี่ยวชาญด้านการออกแบบโมชนั
- ทดลองและปรับปรุงแกไ้ ข

2.1.4 ทฤษฎเี กี่ยวกบั การเขียนสตอรบี อร์ด
การจัดทา สตอรบี อร์ด ใหข้ ้อมลู ดังน้ี การเขยี นภาพนิง่ และข้อความเพอ่ื กาหนดแนวทางใน

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

ส่วนประกอบของสตอรีบอร์ด (Story Board) สตอรีบอร์ด จะประกอบไปด้วยชุดของภาพ
Sketches ของ shot ต่าง ๆ พร้อมคาบรรยายหรือบทสนทนาในเร่ือง ซ่ึงอาจจะทาการเขียนเรื่องย่อ
และบทก่อน หรือสเกต็ ภาพก่อนกไ็ ด้
แล้วจึงค่อยใส่คาบรรยายลงไป อาจมีบทสนทนาหรอื ไม่มีบทสนทนาก็ได้ และสาหรับการกาหนดเสียง
ในแต่ละภาพตอ้ งพจิ ารณาว่าภาพและเสยี งไปดว้ ยกันได้หรือไม่ ไมว่ า่ จะเปน็ เสียงดนตรี เสียงธรรมชาติ
หรือเสียงอื่น ๆ

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

18

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

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

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

วิธีการเขียนสตอรีบอร์ด (Story Board) คือการเขียนกรอบแสดงเร่ืองราวท่ีสมบูรณ์ของ
ภาพยนตรห์ รือหนังแต่ละเรื่อง โดยมกี ารแสดงรายละเอียดท่ีจะปรากฏในแต่ละฉากหรือแต่ละหน้าจอ
เช่น ข้อความ ภาพ ภาพเคล่ือนไหว เสียงดนตรี เสียงพูดและแต่ละอย่างนั้นมีลาดับของการปรากฏวา่
อะไรจะปรากฏข้นึ ก่อน-หลงั อะไรจะปรากฏพร้อมกนั เป็นการออกแบบอยา่ งละเอียดในแตล่ ะหน้าจอ
กอ่ นทจ่ี ะลงมือสรา้ ง

ขน้ั ตอนการทาสตอรีบอร์ด วางโครงเรือ่ งหลัก ไมว่ า่ จะเป็น เร่ือง ตวั ละครหลกั ฉาก ฯลฯ
1. แนวเรือ่ ง
2. ฉาก
3. เนอ้ื เร่ืองยอ่
4. ธมี Theme แกน่ (ขอ้ คดิ /สงิ่ ท่ีต้องการจะสือ่ )
5. ตัวละคร
6. ลาดับเหตุการณ์คร่าว ๆ จุดสาคัญคือ ทุกเหตุการณ์จะเป็นเหตุเป็นผลซึ่งกันและกัน

เหตุการณ์ก่อนหน้าจะทาให้เหตุการณ์ต่อมามีน้าหนักมากขึ้น และต้องหาจุดไคลแมกซ์ Climax ของ
เรอ่ื งได้

7. กาหนดหนา้
8. เขียนบทพูด เป็นขั้นตอนสุดท้ายก่อนลงมือวาดสตอรีบอร์ด ควรเขียนบทพูดและ
บทความคิดท่ีจะใช้เขียนลงในหนังออกมาโดยละเอียด เพื่อท่ีจะได้กาหนดขนาดของบอลลูนและจัด
วางลงบนหนา้ กระดาษไดอ้ ยา่ งเหมาะสม
9. จัดทาสตอรีบอรด์

19

ข้อดีของการทา Storyboard
1. ชว่ ยให้เนอ้ื เร่อื งลน่ื ไหล เพราะได้อ่านทวนตง้ั แต่ตน้ จนจบก่อนจะลงมือวาดจริง
2. ช่วยให้เนอื้ เรื่องไมอ่ อกทะเล เพราะมีแผนการวาดกากับไว้หมดแลว้
3. ชว่ ยกะปรมิ าณบทพดู ให้พอดแี ละเหมาะสมกับหน้ากระดาษและบอลลูนนนั้ ๆ
4. ชว่ ยให้สามารถวาดจบได้ในจานวนหนา้ ที่กาหนด

ภาพท่ี 2.9 ตวั อย่างทฤษฎีเกี่ยวกับการเขยี นสตอรบี อร์ด
แหลง่ ท่ีมา : https://sites.google.com/a/ses26.go.th/krupuhcom5/3-4

20

2.2 โปรแกรมที่ใช้ในการสร้างสอื่ โมชันกราฟกิ
2.2.1 โปรแกรมสร้างภาพเคล่อื นไหว (Adobe After Effects CS6)

ภาพที่ 2.10 โปรแกรม Adobe After Effects CS6
ท่ีมา : https://sites.google.com/site/itzmayberyt/home/2

โปรแกรมสร้างภาพเคลื่อนไหว Adobe After Effect เป็นโปรแกรมท่ีใส่ Effect ให้กับ
ภาพยนตร์ ในข้ันตอนการตัดต่อ ไฟล์ที่นาเข้ามาใช้ในโปรแกรมน้ีได้เกือบทุกชนิดได้ทั้งภาพนิ่ง
ภาพเคล่ือนไหว ไฟล์เสียง ยิ่งถ้าเป็นการทามาจากโปรแกรม 3d แล้วมาทาต่อท่ี After Effect จะทา
ให้งานสมบูรณ์ยิ่งข้ึนโปรแกรม After Effect เป็นโปรแกรมสาหรับงานทางด้าน Video Compost
หรืองานซ้อนภาพวีดีโอรวมถึงงานทางด้านการตกแต่ง หรือเพ่ิมเติม Effect พิเศษให้กับภาพ
โปรแกรม After Effect ก็คือโปรแกรม Photoshop เพียงแต่เปลี่ยนจากการทางานภาพน่ิงมาเป็น
ภาพเคลื่อนไหวผู้ท่ีมีพ้ืนทางด้านการใช้งานโปรแกรม Photoshop มาก่อนก็จะสามารถใช้งาน
โปรแกรม After Effect ได้ง่ายมากข้ึนโดยใช้โปรแกรม Adobe After Effect ซ่ึงเป็นโปรแกรมยอด
นิยมทางด้าน Motion Graphic ใชใ้ นธุรกจิ การตดั ตอ่ ภาพยนตร์ งานโทรทัศน์ การสรา้ ง Project การ
ใช้ Transition , Effect และ Plug in ต่าง ๆ ในการทางาน การตัดต่องาน Motion Graphic เช่น
การบันทึกเสียง , การทาเสียงพากย์ , การใส่ดนตรีประกอบ นอกจากน้ียังมีเทคนิคพิเศษต่าง ๆ เช่น
การทาตัวอกั ษรให้เคลือ่ นไหว , การซอ้ นภาพรว่ มกับโปรแกรมยอดนยิ มต่าง ๆ และการทา Mastering
, การบนั ทึกผลงานลงเทป DV , VHS และการแปลงไฟลเ์ พ่ือทา VCD , DVD

After Effect เป็นโปรแกรมที่ใส่ Effect ให้กับ ภาพยนตร์ ในขั้นตอนการตัดต่อ ไฟล์ท่ี
นาเข้ามาใช้ในโปรแกรมนี้ได้เกือบทุกชนิดได้ทั้งภาพนิ่งภาพเคล่ือนไหวไฟล์เสียง ยิ่งถ้าเป็นการทามา

21

จากโปรแกรม 3d แล้วมาทาต่อท่ี After Effect จะทาให้งานสมบูรณ์ยิ่งข้ึนโดยท่ีสามารถจะนาไฟล์
ท้ังหลายเหล่าน้ีมาใช้งานรว่ มกันเพือ่ ใหไ้ ด้งานทเี่ ปน็ ภาพเคล่ือนไหวช้นิ ใหม่ออกมาจากโปรแกรม After
Effects โดยท่ีสามารถจะนาไฟล์ท้ังหลายเหล่านี้มาใช้งานร่วมกัน เพ่ือให้ได้งานท่ีเป็นภาพเคล่ือนไหว
ชิ้นใหม่ออกมาอยา่ งสมบรู ณ์

โปรแกรม After Effects เป็นโปรแกรมท่ีนิยมใช้ในการทางานด้าน Motion graphic และ
Visual – Effect ท่ีเหมาะในงาน Presentation, Multimedia, งานโฆษณา และรวมไปถึงการทา
Special – Effect ต่าง ๆ ให้กับงานภาพยนตร์ โดยเคร่ืองมือที่ใช้และลักษณะการใช้งานโดยทั่วไปใน
โปรแกรมนั้นจะคล้ายกับโปรแกรมอื่น ๆ ในตระกูล Adobe ดังน้นั ในการเร่ิมตน้ ใช้งาน After Effects
จะงา่ ยขึ้นหากผใู้ ช้เคยใช้โปรแกรม Adobe เชน่ Photoshop ,Illustrator หรอื Premiere มาก่อน

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

การทาภาพเคลื่อนไหวดว้ ยโปรแกรม After Effect โปรแกรม After Effects เป็นโปรแกรม
ท่ีนิยมใช้ในการทางานด้าน Motion graphic และ Visual – Effect ที่เหมาะสาหรับนามาใช้ในงาน
Presentation , Multimedia , งานโฆษณาและรวมไปถึงการทา Special – Effect ตา่ ง ๆ ใหก้ บั งาน
ภาพยนตร์โดยเคร่ืองมือท่ีใช้และลักษณะการใช้งานโดยท่ัวไปในโปรแกรมน้ันก็จะคล้ายกับโปรแกรม
อ่ืน ๆ ในตระกูล Adobe ดังนั้นในการเร่ิมต้นใช้งาน After Effects ก็จะง่ายขึ้นถ้าผู้ใช้เคยได้ใช้
โปรแกรมของ Adobe เชน่ Photoshop , Illustrator หรอื Premiere After Effect เปน็ โปรแกรม
ท่ีใส่ Effect ให้กับ ภาพยนตร์ในขั้นตอนการตัดต่อไฟล์ที่นาเข้ามาใช้ในโปรแกรมนี้ได้เกือบทุกชนิดได้
ท้ังภาพนิง่ ภาพเคลือ่ นไหวไฟลเ์ สยี งย่ิงถ้าเป็นการทามาจากโปรแกรม 3d แลว้ มาทาต่อที่ After Effect
จะทาให้งานสมบรู ณย์ ่ิงขึ้นโดยท่ีสามารถจะนาไฟล์ทั้งหลายเหลา่ นี้มาใช้งานร่วมกนั เพื่อให้ไดง้ านท่ีเป็น
ภาพเคล่อื นไหวชนิ้ ใหม่ออกมาจากโปรแกรม After Effects อยา่ งสมบรู ณ์

การเตรยี มไฟล์ที่จะนามาใช้งานเน่ืองจากในการทางานกบั โปรแกรม After Effects จาเป็น
จะต้องมีการนาไฟล์อ่ืนเข้ามาใช้ร่วมด้วยอยู่เสมอจึงต้องมีการเตรียม ไฟล์ท่ีจะใช้งานไว้ให้เรียบร้อย
ก่อนและจึงนาไฟล์ท่ีได้เตรียมไว้แล้วมาใช้เป็นฟุตเทจในการทางานของโปรแกรม After Effects
ระบบดจิ ติ อลวดิ โี อสาหรับระบบ NTSC digital video ในมาตรฐานของ CCIR – 601 ท่ีนยิ มใช้กันอยู่
ท่ัวไปคือ NTSC D1 จะมีอัตราส่วนเท่ากับ 720 x 486 pixels และเช่นเดียวกันสาหรับ PAL D1
จะมีอตั ราสว่ นเท่ากบั 720 x 576 โดยอัตราส่วน 720 x 486 ของระบบ NTSC D1 จะไมไ่ ด้เป็น 4 : 3
เท่ากับหน้าจอในระบบอ่ืน ๆ และเนื่องจากว่า pixels ของระบบ D1 ไม่ได้มีรูปร่างเป็นสีเ่ หลี่ยมจัตรุ ัส
เหมือน pixels ท่ีใช้ในระบบอ่ืน ๆ แต่จะมีรูปร่างเป็นสี่เหล่ียมผืนผ้าท่ีด้านกว้างมีขนาดแค่ 90% ของ

22

ด้านสูงจึงทาให้ pixels ของระบบ D1 จะมีลักษณะผอมสูงและผลจากความแตกต่างของรูปร่าง
pixels ส่งผลให้งานบางชนิดเกิดการผิดพลาดได้เมื่อมีการย้ายจากระบบหนึ่งไปอีกระบบหนึ่งเม่ือนา
งานจากระบบ NTSC D1 ไปแสดงงานบนหน้าจอคอมพิวเตอร์ก็จะมีภาพท่ีมีลักษณะแคบลง เมื่อ
นาไปใช้งานที่หน้าจอระบบ NTSC D1 ส่วนในระบบ PAL D1 ก็จะมี pixels ในทางกลับกันกับระบบ
NTSC D1 คือ pixels ระบบ PAL D1 จะมีรูปรา่ งเปน็ ส่ีเหล่ียมผืนผา้ ที่กวา้ งเต้ียดังน้ันในการแสดงงาน
ท่ีหน้าจอจะเป็นในทางกลับกันด้วยเช่นกันเม่ือเป็นเช่นนี้จึงทาให้สิ่งสาคัญท่ีควรระวังในการทางานท่ี
ต้องเกี่ยวข้องกับระบบ D1 คืออย่ามองข้ามอัตราส่วนต่าง ๆ ของ pixels เหล่านี้โปรแกรม After
Effects สามารถเลือกที่จะกาหนดการแสดงผลในอัตราส่วนของ pixels ระบบต่าง ๆ ของได้ด้วย
การกาหนดค่าที่หน้าต่าง Composition Settings ในการกาหนดค่าเพื่อสร้างหน่วย Composition
ข้ึนมาและในปัจจุบันก็ได้มี PC ดิจิตอลวีดิโอรุ่นใหม่ๆบางรุ่นท่ีสามารถใช้ได้กับพื้นท่ีการแสดงงานที่มี
ขนาด 720 x 480 pixels โดยระบบน้ีช่ือว่าระบบ DV ( digital video ) ซึ่ง pixel จะมีอัตราส่วน
ที่เท่ากับอัตราส่วนของระบบ D1 Adobe After Effect เป็นโปรแกรมท่ีใช้ในการสร้าง motion
graphic งาน Compositeซ่ึงรูปแบบการใช้งานค่อนข้างง่าย เหมาะสาหรับผู้เริ่มต้นและมีคอนเซ็พท์
ของโปรแกรมทีท่ างานในแบบเลเยอร์ ตวั อย่างผลงานด้วยโปรแกรม After Effects

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

ภาพที่ 2.11 โทรทัศน์
ทีม่ า : https://www.lg.com/th/tv/lg-86NANO91TNA

23

ภาพยนตร์ Special Effects ที่ตระการตาต่าง ๆ ที่เห็นในหนังภาพยนตร์ฉากบู๊แอ็คชัน
ระเบิดเถิดเทิงและเหนือจินตนาการสะใจคนดูกับเทคนิคการตกแต่งต่าง ๆ ท่ีทาให้ภาพยนตร์นั้นดู
สวยงามเสยี เหลือเกินก็สามารถสร้างขึ้นได้ดว้ ยโปรแกรม After Effects

ภาพท่ี 2.12 ภาพยนตร์

ท่มี า : major cineplex

Internet ในเว็บไซด์ต่าง ๆ ที่มีการนาภาพกราฟิกเคลื่อนไหวมาใช้ถ้าสังเกตดี ๆ ก็จะเห็น
ว่าไอ้ภาพเคลื่อนไหวท่ีเราเห็นกันน้ันถึงแม้จะสร้างขึ้นมาด้วยโปรแกรม Multimedia ยอดนิยม เป็น
โปรแกรม Macromedia Flash เป็นเสียส่วนใหญ่แต่ก็จะเห็นว่ามีการนากราฟิกเคลื่อนไหวมาสร้าง
ขน้ึ มาจากโปรแกรม flash น้นั มาตกแต่งใส่ Effects ให้กบั ภาพกราฟิกเคล่ือนไหวนั้น ๆ ด้วยโปรแกรม
After Effects ซึ่งทาให้งานที่ดูธรรมดาในตอนแรกกลับมีชีวิตชีวามีชาติตระกูลและน่าสนใจข้ึนมาทัน
ตาหรอื ถา้ ดดู อี ยแู่ ล้วกจ็ ะยิ่งดดู เี ขา้ ไปใหญ่

ภาพท่ี 2.13 Internet
ทีม่ า : https://collisionsmedia.com

24

Animation งานการ์ตูนแอนิเมช่ันต่าง ๆ ที่เราเห็นกันในบางฉากหรือบางตอนที่สร้าง
Special Effects งามๆ มันส์ ๆ เร้าใจเด็กเล็กจนถึงผู้ใหญ่วัยโจ๋ก็สามารถทาได้ด้วยโปรแกรม After
Effects เช่นเดียวกับงานภาพยนตร์นอกจากน้ีการเคลื่อนไหวของตัวการ์ตูน (ในรูปแบบ 2 มิติ) ก็
สามารถทาไดเ้ หมือนกัน

ภาพที่ 2.14 Animation
ท่มี า : http://www.beartheschool.com

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

ภาพท่ี 2.15 Presentation
ที่มา : www.salesforce.com

25

ภาพที่ 2.16 ส่วนประกอบของโปรแกรม Adobe After Effects CS6
ท่ีมา : http://tamonwanchalita.blogspot.com/blog-post.html

กล่องเคร่ืองมือ (Tool Box)
A. Menu Bar คอื ชดุ คาสั่งควบคุมการทางานทุกรูปแบบของโปรแกรม รวมท้ังคาสัง่
จัดการไฟลช์ ้นิ งานข้นั พ้ืนฐานทั่วไป เช่น เปดิ , ปิด, บันทกึ ไฟล์, เรียกดไู ฟล์ เปน็ ต้น
B. Tools กล่องเคร่ืองมือสาหรบั ควบคมุ แก้ไขตัวชิ้นงานตามตอ้ งการ เชน่ เคล่อื นยา้ ย
ชิ้นงาน, การหมุนชน้ิ งาน, การตกแตง่ Retouchภาพ Video เปน็ ตน้
C. Project พ้นื ทสี่ าหรับจัดเก็บไฟล์ชิน้ งานหรือไฟลต์ ้นฉบับทกุ ชนิด ทั้งภาพถ่าย,
ภาพกราฟิก, ภาพ Video และเสียง ก่อนทจ่ี ะนาเอาไปตกแต่งแก้ไขใช้งาน
D. Composition หนา้ จอสาหรับแสดงผลลพั ธข์ องชิน้ งานทไ่ี ดท้ าลง โดยสามารถตกแต่ง
แกไ้ ขช้นิ งานผ่านทางหน้าจอได้ด้วยเช่นกัน
E. Timeline พน้ื ฐานที่ทางานหลักหรบั คัดแปลกแก้ไขชนิ้ งานในแตล่ ะช่วงเวลาต่างๆ ตาม
ตอ้ งการ นอกจากนีย้ งั ใช้แสดงชว่ งเวลาท่ีช้ินงานแสดงผลลพั ธ์อยผู่ า่ นทางหน้าต่าง Composition อกี
ด้วย
F. Into พนื้ ที่แสดงข้อมลู ตา่ ง ๆ เกี่ยวกับตัวชิ้นงานที่แสดงผลลัพธ์อยู่ เชน่ ค่าสี, ตาแหน่ง
ของชิ้นงานในแกน X แกน Y เปน็ ตน้
G. Audio เปน็ ส่วนทใ่ี ช้ควบคุมระดบั ความดงั และการทางานของเสยี งโดยเฉพาะ
H. Preview ใชค้ วบคมุ การแสดงผลลพั ธ์ของช้ินงานในหน้าต่าง Composition โดยทา
หน้าท่เี หมอื นกบั รโี มทคอนโทรลของเครื่องเลน่ DVD

26

I. Effects & Presets คลงั แสงทเ่ี กบ็ รวบรวมชุดคาสั่งเอฟเฟก็ ต์ต่าง ๆ สาหรบั ตกแต่ง
ชิน้ งานใหส้ วยงามอลังการหลากหลายรปู แบบ

ในการทางานโปรแกรมสรา้ งภาพเคล่ือนไหวสามารถเปดิ โครงงาน (Project) ขึน้ มาทางานได้เพียง
ครงั้ ละ หน่งึ โครงงานเทานัน้ หากมีการสร้างโครงงานใหม่หรือเปดิ โครงงานอน่ื ขึ้นมาทางาน โปรแกรม
จะทาการ เซฟ (save) แล้วปิดโครงงานเดมิ ลงไปแลวจึงเปิดโครงงานใหม่ขึ้นมาทางานแทน
เมอ่ื คลิกเปดิ โปรแกรมสรา้ งภาพเคล่ือนไหวจะมีหน้าต่างขึ้นมาโดยมีคาส่งั ดังนี้

1. Create New Project ในกรณที ีต่ ้องการสรา้ ง Project ใหมข่ ้นึ มาทางาน Project เดิม
สามารถทาได้ โดยคลกิ ท่ี Menu File > New > New Project หรือกดแปน้ Ctrl + Alt + N

2. Open Project ในกรณีทตี่ ้องการเปิด Project งานอื่นขึ้นมาทางานแทน Project เดิม
สามารถทาได้ โดยคลกิ ท่ี Menu File > Open Project หรือกดแปน้ Ctrl + O หลังจากน้นั ใน
หน้าตา่ ง Open เลอื กไฟล์ Project ทีต่ ้องการทางานแล้วคลกิ ปุม Open

3. Close Project การปิดไฟล์ Project ที่กาลงั ทางานอยูส่ ามารถทาได้ โดยคลกิ ที่ Menu
File > Close Project

2.2.2 โปรแกรมวาดภาพ (Adobe Illustrator CS6)

ภาพท่ี 2.17 โปรแกรม Adobe Illustrator CS6
ทีม่ า : www.kaidee.com/product-350177469-Adobe-Illustrator-CS6

โ ป ร แ ก ร ม Adobe Illustrator CS6 IT Genius (https://www.itgenius.co.th) เ ป็ น
โปรแกรมที่ใช้สาหรบั ตกแต่งภาพถา่ ยและภาพกราฟิก ไมว่ า่ จะเป็นงานดา้ นสิง่ พิมพ์ นิตยสาร และงาน
ด้านมัลติมีเดีย อีกท้ังยังสามารถตกแต่งภาพและสรา้ งภาพ สามารถนาโปรแกรมตกแตง่ ภาพใช้ในการ
แต่งภาพ การใส่เอฟเฟ็กต์ให้กับภาพและตัวหนังสือ การทาภาพขาวดาและการทาภาพถ่ายเป็น
ภาพเขียน การนาภาพต่าง ๆ มารวมกันนอกจากนี้แล้วยังเป็นโปรแกรมสร้างและแก้ไขรูปภาพอย่าง
มืออาชพี โปรแกรมตกแต่งภาพเปน็ โปรแกรมที่มเี ครื่องมือเพื่อสนับสนุนการสรา้ งงานประเภทส่ิงพิมพ์
งานวิดีทัศน์ งานนาเสนอ งานมัลติมีเดีย ตลอดจนงานออกแบบและพัฒนาเว็บไซต์ ในชุดโปรแกรม

27

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

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

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

ภาพที่ 2.18 ภาพแบบพกิ เซล
ทม่ี า : https://d.facebook.com/pixyeasypixel/photos/

2. ภาพกราฟิกส์เวกเตอร์ (vector graphics) คือ ภาพที่เกิดจากการกาหนดพิกัดและการ
คานวณค่าบนระนาบสองมิติ รวมทั้งมุมและระยะทาง ตามทฤษฎีเวกเตอร์ในทางคณิตศาสตร์ ในการ
กอ่ ใหเ้ กดิ เปน็ เสน้ หรือรปู ภาพ ขอ้ ดคี ือ ทาให้สามารถย่อขยายได้ โดยคุณภาพไมเ่ ปลี่ยนแปลง ขอ้ เสยี
คือภาพไม่เหมือนภาพจริงเป็นได้เพียงภาพวาด หรือใกลเ้ คียงภาพถ่ายเท่านั้น ขอ้ มูลภาพพวกนี้ ไดเ้ เก่
ไฟล์สกลุ eps, ai (adobe illustrator) เป็นตน้ โปรแกรม Illustrator ทางานแบบ vector graphics
ความแตกต่างระหว่างรูปแบบ vector และแบบ pixel Illustrator น้ันทางานแบบ vector คือจะใช้
ในงานการเขียนภาพ 2 มิติ เป็นโปรแกรมที่มีประโยชน์มากในการทาเว็บไซต์ เพราะทาให้ผู้ใช้งาน
สามารถวาดรูปที่ต้องการขึ้นมาเองได้ แตกต่างจาก Photoshop ที่จะต้องนาภาพอ่ืนมาแต่งเพื่อให้

28

เป็นรปู ทีต่ อ้ งการ ถงึ แมว้ ่าปัจจบุ นั Photoshop จะพัฒนาเครอื่ งมือท่ีสามารถสรา้ งภาพ vector ได้แต่
ความสะดวกก็ยังไม่สู้การใช้งาน Illustrator อยู่ดี ซึ่งในการทางานจริง ๆ แล้วจะต้องอาศัยเครื่องมือ
ทั้ง Photoshop และ Illustrator ควบคู่กันจึงจะได้เป็นชิ้นงานข้ึนมา ซ่ึงท้ัง 2 โปรแกรมก็ทางาน
ควบคู่กันได้ดี ส่วนหน่ึงก็มาจากวา่ ทั้ง 2 โปรมแกรมมาจากบริษัทเดียวกัน( Photoshop , Illustrator
มาจากบรษิ ทั Adobe)

ภาพท่ี 2.19 ภาพกราฟิกสเ์ วกเตอร์
ท่มี า : https://wallhere.com/th/wallpaper/986285

ภาพที่ 2.20 ส่วนประกอบของโปรแกรม Adobe Illustrator
ที่มา : bps.in.th

29

A. กลอ่ งเครื่องมือ (Toolbox) เป็นสว่ นที่เก็บรวบรวมเคร่อื งมือท่ีใช้ในการสร้าง การปรบั แต่ง
และการแก้ไขภาพ
B. แถบเมนคู าส่งั (Menu Bar) เปน็ แถบเมนที่ใชเ้ ก็บคาสงั่ หลัก ๆ ของโปรแกรม
C. แถบปรบั มมุ มองการทางาน (Application bar)
D. แถบปรบั รปู แบบหน้าจอ (Workspace switcher)
E. บริการออนไลน์ (CC Live)
F. กรอบจดั เก็บพาเนล (Dock Panel)
G. พืน้ ท่กี ารทางาน (Artboard) เป็นบริเวรทใี่ ชว้ างวตั ถเุ พอื่ สรา้ งช้นิ งาน
H. พื้นทีภ่ ายนอก (Scratch area) ใช้วางวตั ถุท่ียังไม่ไดใ้ ชใ้ นขณะน้นั
(www.mindphp.com)

2.2.3 โปรแกรมตกแต่งภาพ (Adobe Photoshop cs6)

ภาพที่ 2.21 โปรแกรม Adobe Photoshop cs6
ท่ีมา : https://www.ifinshop.com/product/adobe-photoshop-cs6/

โปรแกรมตกแตง่ ภาพอะโดบี โฟโตชอป (Adobe Photoshop) มักเรียกสัน้ ๆ วา่ โฟโตชอป
เป็นโปรแกรมประยุกต์ท่ีมีความสามารถในการจดั การแก้ไขและตกแต่งรูปภาพ (photo editing and
retouching) แบบแรสเตอร์ ผลิตโดยบริษัทอะโดบีซิสเต็มส์ ซึ่งผลิตโปรแกรมด้านการพิมพ์อีกหลาย
ตัวที่ได้รับความนิยม เช่น Illustrator และ InDesign ปัจจุบันโปรแกรมโฟโตชอปได้พัฒนามาถึงรุ่น
CC (Creative Cloud)

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

30

ให้กับรูป เช่น ทาภาพสีซีเปีย, การทาภาพโมเซค, การสร้างภาพพาโนรามาจากภาพหลายภาพต่อกนั
นอกจากน้ียังใช้ได้ในการตัดต่อภาพ และการซ้อนฉากหลังเข้ากับภาพ โฟโตชอปสามารถทางานกับ
ระบบสี RGB, CMYK, Lab และ Grayscale และสามารถจัดการกับไฟล์รูปภาพที่สาคัญได้ เช่น ไฟล์
นามสกลุ JPG, GIF, PNG, TIF, TGA โดยไฟลท์ ี่โฟโตชอปจัดเก็บในรปู แบบเฉพาะของตวั โปรแกรมเอง
จะใช้นามสกุลของไฟล์ว่า PSD จะสามารถจัดเก็บคุณลักษณะพิเศษของไฟล์ท่ีเป็นของโฟโตชอป เช่น
เลเยอร์, ชันแนล, โหมดสี รวมทงั้ สไลด์ ได้ครบถว้ น

ภาพที่ 2.22 กลุ่มเครื่องมอื ในการตกแตง่ ภาพ
กลอ่ งเคร่อื งมือ (Tool Box)
A กลุ่มเครือ่ งมือ Selection เพ่อื เลือกพ้ืนท่ใี นส่วนต่าง ๆ ของภาพ
B กลมุ่ คาสง่ั Edit สาหรับการปรับแตง่ ระบายสี การลบบางส่วน
C กลุ่มคาสัง่ เก่ยี วกับการสรา้ งตวั อักษร วาดภาพ
D คาสั่ง View ยอ่ ขยายภาพบนหน้าจอ
E คาสั่งเลอื กสี Foreground หรอื Background
F คาส่ัง Quick mask, คาสัง่ เก่ยี วกับหนา้ จอ

31

2.2.4 โปรแกรมตดั ตอ่ วิดีโอ (Adobe Premiere Pro 2019)

ภาพท่ี 2.23 โปรแกรม Adobe Premiere Pro 2019
ทีม่ า : guitarswap.net/product/adobe-premiere-pro-cc-2019

Adobe Premiere Pro เป็นโปรแกรม ท่ีใชต้ ดั ต่อภาพ ท้ังภาพน่งิ และภาพเคล่ือนไหว รวม
ไปถงึ วิดีโอ แม้กระท่งั การทางาน เกยี่ วกับเสียง ขอ้ ความ หรือหากมีข้อมูลรูปภาพจากกล้องดจิ ติ อลอยู่
แล้วก็สามารถนาภาพท่ีได้ถ่ายไว้มาตัดต่อ เพื่อสร้างเป็นภาพยนตร์ส่วนตัวได้ การทางานที่ไม่ยุ่งยาก
ซับซ้อน สามารถจับภาพและเสียงมาวาง (Drag & Drop) ลงบนไทม์ไลน์ (Time line) เคลื่อนย้ายได้
อิสระโดยไม่จากัดจานวนคร้ัง และไม่มกี ารสญู เสียของสัญญาณภาพและเสียง เพียงผูผ้ ลิตต้องมีทักษะ
ท่ีดีในการใช้โปรแกรมกับความคิดสร้างสรรค์เท่านั้น เป็นซอฟแวร์ โปรแกรมที่ใช้ในงานตัดต่อวิดีโอ
และบันทึกตัดต่อเสียงที่แพร่หลายท่ีสุดสามารถผลิตผลงานได้ในระดับมืออาชีพจนถึงการนาไป
ออกอากาศทางสถานีโทรทัศน์ (Broadcasting System ) มีการทางานท่ีไม่ยุ่งยากซับซ้อนมากนัก
สามารถจับภาพและเสยี งมาวาง (Drag & Drop) ลงบนไทม์ไลน์ (Time line) เคล่ือนย้ายได้อิสระโดย
ไม่จากดั จานวนคร้ัง และไม่มีการสญู เสียของสัญญาณภาพและเสียง เพียงผู้ผลิตรายการ ต้องมที กั ษะที่
ดีในการใช้โปรแกรมกับความคิดสร้างสรรค์เท่านั้น Adobe Permiere Pro เป็นโปรแกรมที่ใช้ตัดต่อ
ภาพ ทั้งภาพน่ิงและภาพเคล่ือนไหว ซ่ึงเป็น รวมไปถึงวิดีโอ แม้กระท่ังการทางาน เก่ียวกับเสียง
ข้อความ หรอื หากมีข้อมูลรูปภาพจากกล้อง ดจิ ิตอลอยแู่ ล้ว กส็ ามารถนาภาพท่ีได้ถ่ายไว้มาตดั ต่อเพื่อ
สร้างเป็นภาพยนตร์สาหรับส่วนตัวได้ความสามารถในการปรับและตรวจสอบค่าสี โทนสี ความสว่าง
และแสงเงา ของไฟล์วีดิโอไดม้ ากขึ้น โดยสามารถแทนทค่ี า่ สีแลว้ เปรียบเทียบกบั ไฟลเ์ ดิมไดใ้ นหน้าต่าง
เดียวกัน และยังสามารถตัดต่อเก่ียวกับระบบเสียงได้มากขึ้น Adobe Premiere Pro เพ่ิมขีด
ความสามารถในการสร้างเอ็ฟเฟ็ค รูปแบบต่าง ๆให้กับเสียง อีกทั้งยังเพ่ิมการปรับแต่งเสียง ในระบบ
5.1 Channelนอกจากนั้นยังสามารถสร้างเสยี งคุณภาพสูงได้ด้วย Audio Mixer สนบั สนุนการทางาน
บนมาตรฐานอตุ สาหกรรมอ่ืน ๆAdobe Premiere Pro สามารถผลิตงานคุณภาพสูงได้ดี ไม่วา่ จะเป็น
การสร้างไฟล์คุณภาพ เช่น MPEG 2 หรือแปลงไฟล์ให้ได้รูปแบบสื่อวีดิโอที่หลากหลาย คุณสมบัติ
ต่าง ๆ การทางานแบบ Real-Time Adobe Premiere Pro ได้เพิ่มความสามารถในการตัดต่อแบบ
Real-Time กล่าวคือ สามารถตัดต่อ ตกแต่งและดูผลงานที่สร้าง ได้ทันทีโดยที่ไม่ต้องทาการRender
ก่อน ไม่ว่าจะใส่ Transition การทา Motion Path หรือการทาเอ็ฟเฟ็คต่าง ๆ ก็ตามเราสามารถดผู ล

32

การปรับแต่งได้ที่หน้าจอแสดงผลควบคู่กับการตัดต่อพร้อมกันได้ และสามารถทางานไดห้ ลายซีเควนส์
บนหน้าต่าง Timeline เดียว Adobe Premiere Pro เปิดโอกาสให้เราตัดต่องานท่ีซับซ้อนได้มากข้ึน
โดยสามารถเพิ่มซีเควนส์ และยังทางานได้อย่างไม่จากัดบนหน้าต่างTimeline เพ่ือให้สามารถ
เปรียบเทียบรูปแบบของงานตัดต่อแต่ละชิ้นงานได้ทันที โดยไม่ต้องสร้างโปรเจ็กต์ใหม่หรือเปิดโปร
เจ็กต์อื่น ๆขึ้นมาให้ยุ่งยาก มีระบบปรับแต่งสีสันของโฟล์วิดีโออย่างมือโปร Adobe Premiere Pro
ขยายเช่น การแปลงไฟล์ ให้ได้รูปแบบสื่อวีดิโอที่หลากหลาย เช่น การแปลงไฟล์เป็น
DV,DVD,CD,VCD,SVCD เป็นต้น นอกจากนั้นยังสามารถทางานกับไฟล์ภาพนิ่งและภาพต่อเน่ือง ได้
เชน่ TIFF , TIFF Sequence, PCX ,Al Sequence

การทางานแบบ Real-Time Adobe Premiere Pro ได้เพิ่มความสามารถในการตัดต่อ
แบบ Real-Time กล่าวคือ สามารถตัดต่อ ตกแต่งและดูผลงานที่สร้าง ได้ทันทีโดยที่ไม่ต้องทาการ
Render ก่อน ไม่ว่าจะใส่ Transition การทา Motion Path หรือการทาเอ็ฟเฟ็คต่าง ๆ ก็ตามเรา
สามารถดูผลการปรับแต่งได้ท่ีหน้าจอแสดงผลควบคู่กับการตัดต่อพร้อมกันได้ และสามารถทางานได้
หลายซีเควนส์บนหน้าต่าง Timeline เดียว Adobe Premiere Pro เปิดโอกาสให้เราตัดต่องานท่ี
ซับซ้อนได้มากข้ึน โดยสามารถเพิ่มซีเควนส์ และยังทางานได้อย่างไม่จากัดบนหน้าต่าง Timeline
เพ่ือให้สามารถเปรียบเทียบรูปแบบของงานตัดต่อแต่ละชิ้นงานได้ทันที โดยไม่ต้องสร้างโปรเจ็กต์ใหม่
หรือเปิดโปรเจ็กต์อื่น ๆขึ้นมาให้ยุ่งยาก มีระบบปรับแต่งสีสันของโฟล์วิดีโออย่างมือโปร Adobe
Premiere Pro ขยายเช่น การแปลงไฟล์ ให้ได้รูปแบบส่ือวีดิโอท่ีหลากหลาย เช่น การแปลงไฟล์เป็น
DV,DVD,CD,VCD,SVCD เป็นต้น นอกจากนั้นยังสามารถทางานกับไฟล์ภาพนิ่งและภาพต่อเนื่อง ได้
เช่น TIFF , TIFF Sequence, PCX, Al Sequence

การนาคลปิ วดี ีโอเขา้ มาเพ่ือการใชง้ าน ประเภทของคลิป ประกอบไปดว้ ย
1. คลิปวีดีโอ เปน็ คลปิ ทม่ี ีการเคลอ่ื นไหวและเสยี งรวมกนั
2. คลิปเสยี ง เป็นคลปิ ท่ีมแี ตเ่ สียงอยา่ งเดยี ว
3. คลิปภาพ หรือเป็นรูปภาพนิ่งท่ีเราต้องการนามาใช้ในการตัดต่อเพื่อเพ่ิมสีสันให้

ชน้ิ งาน
การนาคลิปวดี โี อเข้ามาใช้ในโปรแกรม Adobe Premiere
สามารถทาได้โดยการ Import File เข้ามาโดยท่ีเราสามารถนาคลิปวีดีโอ , คลิปเสียง ,

คลปิ รปู ภาพก็ได้
การ Export ไฟล์วีดีโอ โดยปกติแล้วโปรแกรม Premiere Pro จะตั้งค่าไฟล์มาตรฐานของ

การ Export วดี ีโอไว้ให้เป็น Microsoft DV AVI ไว้เรียบรอ้ ยแลว้ ดงั นั้นเราจะสามารถทาการ Export
ไฟลว์ ดี โี อได้

ขอ้ ดขี องโปรแกรม Adobe Premiere Pro
1. ตัวโปรแกรมใชง้ านง่าย
2. การแกส้ ี แก้เสยี งสามารถทาได้งา่ ย
3. ตัวโปรแกรมสามารถทางานร่วมกับโปรแกรมตระกูล Adobe ดว้ ยกันได้ดี
4. ตัวโปรแกรมมที ้ังในระบบปฏบิ ัตกิ าร OS และ Windows

33

ข้อเสยี ของโปรแกรม Adobe Premiere Pro
1. การเรนเดอรอ์ าจจะทาไดช้ ้าถ้าสเปคของคอมพวิ เตอร์ไม่แรงพอ
2. ต้องปล่อยให้วีดีโอทาการเรนเดอร์ก่อน ไม่อย่างนั้นเวลาดูเพลย์แบ็ควีดีโออาจ

กระตกุ ได้
(www.technologyshu.blogspot.com)

ภาพท่ี 2.24 กลมุ่ เคร่ืองมือในโปรแกรม Adobe Premiere Pro
ที่มา : https://www.sites.google.com

ทัง้ หมด กลอ่ งเครอ่ื งมือ (Tool Box)
เปล่ียนแปลง 1. Selection Tool : ใช้เลอื กคลปิ ท่ีตอ้ งการทางาน
2. Ripple Edit Tool : ใชย้ อ่ /ขยายความยาวของ คลิปโดยมีผลต่อความยาวทั้งหมด
3. Rate Stretch Tool : ใชเ้ พิ่มหรือลดความเร็ว ของคลปิ
4. Slip Tool : เลื่อนฉากในคลิปโดยไม่กระทบต่อ คลิปรอบข้างและความยาว

5. Pen Tool : ใช้จัดการกับคยี เ์ ฟรมบนคลิป
6. Hand Tool : ใชเ้ ลอื่ นมุมมองบนหน้าตา่ ง Time line
7. Track Select Tool : ใช้เลือกคลิปทงั้ หมดท่อี ยู่ บน Track เดยี วกนั
8. Rolling Edit Tool : เพิ่มหรือลดความยาวของ คลิป โดยที่ความยาวท้ังหมดไม่

9. Razor Tool : ใชต้ ัดแบง่ คลิปออกเป็นคลิปยอ่ ย

10. Slide Tool : ใช้เล่ือนฉากในคลปิ ซงึ่ จะมผี ล กบั ความยาวทั้งหมด

34

11. Zoom Tool : ใช้ยอ่ หรอื ขยายมุมมองภาพรวม ของหน้าต่าง Time line
2.2.5 โปรแกรมบันทกึ เสียงและตดั เสียงรบกวน (Audacity)

ภาพที่ 2.25 โปรแกรม Audacity
ทีม่ า : https://www.notebookspec.com

เป็นโปรแกรมปรับแต่งเสียงที่สามารถบันทึก เล่น และผสมเสียงหรือทา effect ด้วย
ฟิลเตอร์ต่าง ๆ คุณสามารถแก้ไขเสียงด้วยการ cut, copy และ paste ท้ังยัง undoได้อย่างไม่จากัด
คุณสามารถผสมเสียงหลาย ๆ track เข้าด้วยกัน และบันทึกเป็นไฟล์เสียงได้หลายฟอร์แมต เช่น
WAV, Ogg Vorbis และ AIFF หรือใช้ฟอร์แมตส่วนตัวของ Audacityเพ่ือการปรับแต่งที่ มี
ประสิทธิภาพ Audacity สามารถรองรับฟอร์แมต MP3 โดยใช้ LAME MP3 encoder ภายนอก
Audacity มี amplitude envelope editor, spectrogram mode ที่ ป รั บ แ ต่ ง ไ ด้ แ ล ะ
frequencyanalysis window สาหรับการใช้งานวิเคราะห์เสียง Audacity มี effect ท่ีมีประโยชน์
เช่น เพ่ิมเบส, Wahwah และกาจัดเสียงรบกวน Audacity เป็นโปรแกรม ที่เร็วและเสถียร ทางานได้
ทั้งบน Windows , Linux และ MacOS

ภาพท่ี 2.26 เครอ่ื งมอื Audacity
ทม่ี า : http://chilly-nuple.blogspot.com

35

Selection Tools - ใช้สาหรับเลือกช่วงของ wave ที่ต้องการ เพียงแค่คลิกบริเวณ wave
และลากคลุมไปทางซา้ ยหรือขวาตามต้องการ

Envelope Tool - เวลาทีต่ อ้ งการลดระดับเสียง ให้ความดังลดลง หรอื เพิ่มขึ้น เราสามารถ
คาสัง่ นี้ได้

Draw Tool - ใช้คกู่ ับ Zoom Tool เพื่อปรบั แตง่ ความลึก
Zoom Tool - ยอ่ ขยายในสว่ นของ wave เพื่อใหด้ แู ละแกไ้ ขไดส้ ะดวก
Time Shift - สาหรับย้ายตาแหน่งของเสียง เช่น เรามีไฟล์เสียงด้านบนและล่าง แต่
ต้องการให้ดา้ นลา่ งเลอ่ื นถดั ไปก่อเปน็ ต้น
Multi Tool - รวมคาสัง่ ทกุ อยา่ งอยใู่ นตวั เดยี วกนั ขึ้นกบั เราวา่ จะเลอื กในส่วนไหน
วิธีใช้งานเบ้ืองต้นของโปรแกรม Audacity
1. เปิดโปรแกรม Audacity
2. คลิกเมนู File เลอื กคาสั่ง Open
3. เลือกไฟล์ Aiff, MP3, Wav หรอื OGG เพ่ือเปิด File ทต่ี ้องการตัด
4. คลิกเครื่องมือ Selection Tools คลิกบริเวณ wave และลากไปทางซ้ายหรือขวา

(เลือกชว่ งของเสยี ง) ลองคลิกป่มุ Play จะสงั เกตเหน็ วา่ โปรแกรมจะเลน่ เสยี งเฉพาะท่ี
เลอื กเลน่ เท่าน้นั

ภาพที่ 2.27 วิธกี ารใชง้ าน Envelope Tool
ทมี่ า : http://chilly-nuple.blogspot.com

36

วธิ ีการใช้งาน Envelope Tool
1. เปดิ ไฟล์เสยี งที่ต้องการ
2. คลกิ เลือกคาส่งั Envelope Tool
3. สญั ลักษณ์ของเมาส์จะเปลีย่ นเป็นรูปของคาสง่ั Envelope Tool
4. เลอ่ื นเมาส์ไปยงั ตาแหนง่ ของ wave ทเ่ี ราต้องการปรบั แต่ง
5. คลกิ หน่ึงครั้ง จะสังเกตเห็นมีจุดขาวเพ่ิมขึน้ ณ ตาแหน่งของจุดขาว เราสามารถคลิกลาd
ขนึ้ หรอื ลากลงได้
6. ทดสอบโดยการเล่นไฟล์เสยี ง (ปุ่ม สามเหลยี่ มสเี ขยี ว)

คาสั่งในการตัดเสยี ง (Cut)
1. เปิดโปรแกรม Audacity และเลอื กคาสั่ง File
2. คลิกคาสั่ง Open และเลือกไฟล์ MP3 ท่ตี ้องการ
3. คลิกเลือกคาส่ัง Selection Tool
4. คลกิ เลอื กคลุมช่วงเสยี งทีต่ ้องการ
5. คลิกคาสง่ั Cut หรอื คลิกเมนู Edit และเลือกคาสั่ง Cut ก็ได้เชน่ กัน

2.3 งานวิจัยหรือระบบงานท่ีเก่ยี วข้อง
อัษฎา ลมัยศรี และนภาพร นฤมลฤทธิไกร (2559) ได้ทาการศึกษาโมชันกราฟิก:ความมั่นคง

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

ศิริรักษ์ จารุนนท์วิวัฒน์ และวรรณลิสา มาฆะสวัสดิ์ (2559) ได้ทาการศึกษาโมชันอินโฟกราฟิก:
สเต็กสตอรี่ (Motion infographic: Steak Story) จากการศึกษาของการดาเนินโครงงานน้ี เพ่ือให้
ความรแู้ ละความบันเทิงแก่นักศึกษาและบุคคลที่สนใจเกี่ยวกับเรื่องอาหารสเต็ก โดยมกี ารดาเนนิ เรื่อง
เป็นภาพเคลื่อนไหว 2 มิติโดยจะเน้น ท่ีเนื้อหามีความเข้าใจง่าย และทาให้ผู้ชมสนุกสนานไปกับการ
ดาเนินเรื่อง เพ่ือให้ผู้ชมได้ความรู้เกี่ยวกับสเต็กสามารถส่ังสเต็กได้ถูกต้องตามความต้องการโมชัน
อินโฟกราฟิกส์เรื่อง สเต็กสตอรี่ ได้มีการศึกษาและเก็บรวบรวมข้อมูลเกี่ยวกับสเต็กโดยเริ่มจาก
ออกแบบตัวละครและฉากออกแบบสตอร่ีบอร์ด ก่อนนามาวาดลงในโปรแกรม Adobe Flash
Professional CS6 และใส่เสียงเพอื่ ใหโ้ มชันอินโฟกราฟิกส์มีความน่าสนใจและสมบูรณ์มากขึน้

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

37

สุโรทัย แสนจันทรแดง และ ธวัชชัย สหพงษ์ (2559) ได้ทาการพัฒนาโมชันกราฟิก เรื่องการเลิก
ทาสในสมยั รัชกาลที่ 5 มีวัตถปุ ระสงค์เพื่อพัฒนาโมชันกราฟิก เร่อื งการเลิกทาสในสมัยรัชกาลที่ 5 ให้
มีคุณภาพ และเพ่ือศึกษาความพึงพอใจของกลุ่มเป้าหมายที่มีโมชันกราฟิก เรื่องการเลิกทาสในสมัย
รัชกาลที่ 5 กลุ่มเปา้ หมายไดแ้ ก่ ผเู้ ช่ียวชาญดา้ นโมชันกราฟิกประเมนิ คุณภาพเครื่องมือ จานวน 3 คน
และ นกั ศึกษา คณะเทคโนโลยสี ารสนเทศ มหาวิทยาลัยราชภัฏมหาสารคาม จานวน 30 คน เครื่องมือ
ท่ีใช้คือโมชันกราฟิกเรื่อง การเลิกทาสในสมัยรัชกาลท่ี 5 แบบประเมินคุณภาพ และแบบสอบถาม
ความพึงพอใจ สถิติที่ใช้คือ ค่าเฉลี่ยส่วนเบี่ยงเบนมาตรฐาน ผลการศึกษา พบว่า ผู้เชี่ยวชาญมีความ
คิดเห็นด้วยเกี่ยวกับโมชนั กราฟิก อยู่ในระดับมาก และกลุ่มเป้าหมายมีความพึงพอใจต่อโมชนั กราฟิก
อยู่ในระดับมากทส่ี ดุ

นางสาว รวิษฎา เจริญสุข (2561) ได้ทาการศึกษา “การออกแบบสื่อโมชันกราฟิกเพื่อเผยแพร่
ความรู้เก่ียวกับสารอันตรายต้องห้ามในเคร่ืองสาอาง” จุลนิพนธ์นี้มีวัตถุประสงค์ เพ่ือให้ความรู้และ
ประโยชน์เห็นถงึ ความสาคัญของการเลอื กใช้ผลิตภัณฑเ์ ครอื่ งสาอางในรปู แบบตา่ ง ๆ ในสงั คมประเทศ
ไทยมีครีมหรือเคร่ืองสาอาง หลากหลายรูปแบบที่ปลอดภัยและไม่ปลอดภัยโดยอาจมาได้ในหลาย ๆ
รูปแบบหน่ึงในนั้นก็คือการ ใส่สารที่เป็นอันตรายต่อผู้บริโภค สารเคมีอันตรายแต่ละตัวจะมีคุณสมบตั ิ
แตกต่างกันไปไม่ว่าจะเป็น ทาให้ผิวขาวนุ่มเนยี นซ่ึงสารเคมีเหล่านี้มักจะให้ผลท่ีดีในระยะสั้นแต่ส่งผล
เสียในระยะยาวต่อสุขภาพ ของผู้บริโภคโดยโปรแกรมท่ีใช้พัฒนาโมชันกราฟิกประกอบไปด้วย
โปรแกรม Adobe Illustrator Adobe Photoshop Adobe After Effects และโปรแกรม Adobe
Premiere Pro CS6 ในการพัฒนาผลการดาเนินจุลนิพนธ์นี้พบว่าคนส่วนใหญ่ท่ีไม่รู้เร่ืองสารเคมีท่ี
ปนเป้อื นในเครื่องสาอาง เม่อื ดโู มชนั กราฟิกจบก็จะมคี วามรเู้ ร่ืองสารอันตรายต้องห้ามในเครือ่ งสาอาง

38

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

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

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

3.1 ประชากรและกลุ่มตัวอยา่ ง
ประชากรและกลุ่มตัวอย่างในการจัดทาสื่อโมชันกราฟิก ในครั้งน้ี คือ นักศึกษาระดับชั้นปริญญา

ตรีปีที่1 (เทียบโอน) สาขาระบบสารสนเทศ มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ ศูนย์
พระนครศรีอยุธยา วาสุกรี ทศี่ กึ ษาในรายวิชา 306-31-05 ความมั่นคงปลอดภัยของระบบสารสนเทศ
จานวน 40 คน

3.2 เคร่อื งมอื ท่ใี ช้ในการดาเนินงาน
เคร่ืองมือท่ีใช้ในการดาเนินงานในการพัฒนาสื่อโมชันกราฟิก โดยใช้โปรแกรม Adobe After

Effects CS6 โปรแกรม Adobe Illustrator CS6 โปรแกรม Adobe Premiere Pro 2019 โปรแกรม
Audacity รวมถึงเครื่องมือท่ีใช้ในการประเมินความพึงพอใจที่มีต่อส่ือได้แก่ แบบสอบถามประเมิน
ความพึงพอใจต่อสื่อ โดยใช้สถิติในการวิเคราะห์ข้อมูล คือ ค่าเฉล่ียเลขคณิต และส่วนเบ่ียงเบน
มาตราฐาน

3.3 เกบ็ รวบรวมข้อมลู
ศึกษารวบรวมข้อมูลรายละเอียดจากเว็บไซต์ตา่ ง ๆ เร่ืองเก่ียวกับความมั่นคงปลอดภัยของระบบ

สารสนเทศ ขอคาแนะนาในรายวิชาความม่ันคงปลอดภัยของระบบสารสนเทศ จากผู้ช่ว ย
ศาสตราจารย์อดศิ ักดิ์ สาระธรรม หัวหนา้ สาขาวชิ าระบบสารสนเทศและคอมพวิ เตอรธ์ รุ กจิ

3.4 วเิ คราะห์ข้อมูล
จากการจัดเก็บรวบรวมข้อมูลนั้น นาข้อมูลท่ีได้จากการรวบรวมมาทาการวิเคราะห์ข้อมูล

เพือ่ นาไปใช้ในการออกแบบต่อไป

39

3.5 ออกแบบ Storyboard
ขั้นตอนการออกแบบสตอรีบ่ อรด์ มีดังน้ี
3.5.1 การทาโครงเร่ือง โดยการศึกษาข้อมูลเร่ืองความม่ันคงปลอดภัยของระบบสารสนเทศ

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

3.5.2 ออกแบบตัวละคร และฉากประกอบ จากการที่ได้วิเคราะห์ลักษณะของตัวละครและฉาก
ประกอบแล้ว กด็ าเนนิ การออกแบบตวั ละครกบั ฉากและวาดขน้ึ เป็นแบบร่าง

3.5.3 จัดทาสตอร่ีบอร์ด เม่ือออกแบบตัวละครและฉากแล้วก็นามาทาเป็นแบบร่างประกอบกับ
เน้ือเรื่องตั้งแต่ต้นเรื่องจนจบ เพ่ือเตรียมนาไปจัดทาร่วมกับโปรแกรมคอมพิวเตอร์ท่ีใช้ในการจัดทา
โมชนั กราฟิก โดยมีแบบต่าง ๆ ดังนี้

40

Story board Form
Title: ตราสัญลกั ษณม์ หาวิทยาเทคโนโลยรี าชมงคลสวุ รรณภมู ิ
Scene No.1

มหาวทิ ยาลยั เทคโนโลยีราชมงคลสวุ รรณภมู ิ ศูนยพ์ ระนครศรอี ยธุ ยา วาสุกรี

Background สีม่วงพาสเทล
Graphic
Text ตรามหาวทิ ยาลัยเทคโนโลยีราชมงคลสวุ รรณภมู ิ

Sound มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ ศูนย์พระนครศรีอยุธยา
Effect วาสกุ รี

Script เสยี งดนตรีประกอบ

ตรามหาวิทยาลยั เทคโนโลยรี าชมงคลสุวรรณภูมิ เด้งขึ้นมา ขอ้ ความข้ึนมา
ตามลาดบั

มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ ศูนย์พระนครศรีอยุธยา
วาสุกรี

ภาพที่ 3.1 ตราสัญลักษณ์มหาวิทยาเทคโนโลยีราชมงคลสวุ รรณภมู ิ

41

Story board Form
Title: ความมัน่ คงปลอดภยั ของระบบสารสนเทศ
Scene No.2

Background สีฟา้ พาสเทล
Graphic หนา้ จอคอมพวิ เตอร์
Text โมชันกราฟิกเร่ือง ความมน่ั คงปลอดภัยของระบบสารสนเทศ
Sound เสียงดนตรปี ระกอบ
Effect หนา้ จอคอมพวิ เตอรข์ ้ึนมา และตามดว้ ยข้อความ
Script ความม่ันคงปลอดภยั ของระบบสารสนเทศ

ภาพที่ 3.2 ชอ่ื เร่ือง ความมนั่ คงปลอดภัยของระบบสารสนเทศ