036 พัชรพล-2

การสร้างส่ือด้วยคอมพวิ เตอร์

นายพชั รพล ธีรจนิ ดาขจร รหัส 620113189036
นายวรญั ญู ทรดี รหสั 620113189037
นายวชิ ยุตม์ ปยุ ภูงา รหัส 620113189038
นายศรัณย์ สกอตตา รหัส 620113189039
นายอภิวฒั น์ สมรัก รหสั 620113189042
นายเอกรนิ ทร์ กริดรัมย์ รหสั 620113189043

สาขาวิชาเทคโนโลยีและนวตั กรรมการศกึ ษา คณะครศุ าสตร์
มหาวิทยาลยั ราชภฏั บรุ ีรมั ย์

ก

คำนำ

รายงานฉบบั นจี้ ดั ทำข้นึ โดยนกั ศกึ ษาสาขาวชิ าเทคโนโลยีและนวตั กรรมการศึกษา คณะ
ครุศาสคร์ มหาวิทยาลยั ราชภฏั บุรรี ัมย์ ซง่ึ ไดจ้ ดั ทำขนึ้ เพ่ือเปน็ การศึกษาคน้ ควา้ หาความรู้ในเรอ่ื ง การ
สรา้ งสอื่ ด้วยคอมพิวเตอร์ เพ่อื นำไปใช้ในการตอ่ ยอดเพื่อหนงั สอื อเิ ลก็ ทรอนกิ ส์ (E-Book) ในการ
พัฒนาความรรู้ ายวชิ า นวตั กรรมและเทคโนโลยสี ารสนเทศทางการศกึ ษา และเพอ่ื เป็นประโยชนต์ อ่
ผูส้ นใจศึกษาในหวั ขอ้ นต้ี ่อไป

คณะผ้จู ัดทำ

สารบญั ข

เรอื่ ง หน้า

คำนำ ก
สารบัญ ข
ส่อื มลั ตมิ ีเดยี 1
1
ความหมายของมลั ตมิ เี ดีย 2
ความเป็นมาของมัลตมิ เี ดีย 3
ขอ้ ความ 3
ความหมายของขอ้ ความ 3
ประเภทของฟอนต์ 4
ขนาดและหน่วยของตวั อกั ษร 5
การเวน้ ระยะและประเภทอกั ษร 8
การสร้างตวั อักษร 11
ภาพน่งิ 11
ความหมายของภาพนง่ิ 11
ประเภทของภาพน่งิ 12
หลกั การสร้างงานกราฟฟกิ 12
การสร้างงานกราฟิก 13
หลกั การเลือกใช้สี 13
สรา้ งงานกราฟิกตามทีอ่ อกแบบไว้

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

เร่ือง หน้า

นามสกลุ ไฟล์ภาพนงิ่ 14
ภาพเคลือ่ นไหว 15
15
ความหมายของภาพเคลอื่ นไหว 15
ประเภทการสรา้ งแอนเิ มช่นั 15
ประเภทภาพเคลอื่ นไหว 16
โปรแกรมสร้างภาพเคลอื่ นไหว 17
การสร้างภาพแอนเิ มชั่นแฟลช 22
เสียง 22
ความหมายของเสียง 22
คุณสมบัติของเสียง 22
การรบั เสียงของมนษุ ย์ 23
การไดย้ ินเสยี ง 23
อปุ กรณส์ รา้ งสอ่ื เสียง 27
วิดีโอ 27
ความหมายของวดิ โี อ 27
ชนดิ ของวดิ ีโอ 28
ลกั ษณะการทำงานของวีดีโอ 28
มาตรฐานการแพรภ่ าพวีดีโอ

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

เรอื่ ง หน้า

การผลิตวีดโี อ 29
ซอฟตแ์ วรท์ ใ่ี ชใ้ นการผลติ วดี โี อ 29
รูปแบบของไฟล์วีดโี อทีใ่ ชบ้ นเว็บ 29
บรรณานุกรม 31

ส่ือมลั ตมิ เี ดีย

(ทม่ี า : https://medium.com/@shin_ji/ความลงตวั ของ-font-บนเวบ็ ไซต์-60ccb6edc97e)
1. ความหมายของมลั ตมิ เี ดีย

มันตมิ ีเดีย คอื “ส่ือหลายแบบ” หมายถึง การนำองค์ประกอบของส่ือชนิดตา่ งๆ มาผสม
เข้าด้วยกัน มอี ะไรบ้างละ ประกอบดว้ ย ขอ้ ความ , ภาพนง่ิ , ภาพเคลอื่ นไหว , เสียง และวิดโี อ โดย
ผ่านกระบวนการทางคอมพิวเตอร์ เพื่อสอื่ ความหมายให้ผู้ใชม้ ปี ฎิสมั พันธ์ (Interactive Multimedia)

1.1 ประเภทของสอ่ื มัลตมิ ีเดยี

(ทีม่ า : https://medium.com/@shin_ji/ความลงตัวของ-font-บนเวบ็ ไซต์-60ccb6edc97e)
1.1.1 ข้อความ (Text) ขอ้ ความ ธรรมดาทวั่ ไป ท่เี น้นการสอ่ื ความหมาย ขอ้ ความที่

เป็นกราฟิก เน้นการสือ่ ความหมายทางออ้ ม ถงึ อารมณ์ แล้วกค็ วามรู้สึก

2

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

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

1.1.4 เสียง (Sound) เป็นองค์ประกอบทสี่ ำคัญมาก กค็ ือเชน่ เสยี งเพลง เสียงเอฟเฟค
ตา่ งๆ ทำใหเ้ ราเกดิ อารมณค์ วามบันเทงิ เสียงที่เรา้ ใจและสอดคล้องกบั เนื้อหาจะทำใหง้ านสมบรู ณ์แ

1.1.5 วดี ีโอ (Video) เปน็ องคป์ ระกอบทสี่ ำคัญอย่างมาก เพราะ เป็นสือ่ ทร่ี วบรวม
คุณสมบตั ขิ องสอ่ื อ่ืนๆ มาครบถ้วน เสยี งในเร่ืองอารมณ์ แต่วดี ีโอกเ็ ปลืองเนือ้ ทเ่ี กบ็ ข้อมลู เยอะและ
จะต้องประกอบด้วยภาพไม่ตำ่ กวา่ 30 ภาพต่อวนิ าที (Frame/ Second)
2. ความเปน็ มาของมลั ติมีเดีย

2.1 ปี ค.ศ. 1643 เบลล์ ปาสคาล (Blaise Pascal) นักวิทยาศาสตร์ชาวฝรง่ั เศส ได้คดิ ค้น
สง่ิ ประดษิ ฐเ์ ครอ่ื งคำนวณบวกลบเลขไดส้ ำเรจ็ เปน็ เครอื่ งแรกของโลก โดย อาศัยระบบฟันเฟอื งในการ
ทดเลขของการบวกและลบเลขอยา่ งงา่ ย เรียกส่งิ ประดษิ ฐ์นว้ี ่า “Pascaline”

2.2 ปี ค.ศ. 1822 Charles Babbage นกั คณติ ศาสตรช์ าวองั กฤษ ไดค้ ิดค้นเคร่อื ง
คำานวณค่าล็อก (Log) ไดโ้ ดยการเจาะรบู นบตั รแขง็ หรอื เรยี กวา่ “พ้นั ซ์การ์ด” (Punch Card) แลว้
ปอ้ นเขา้ สเู่ ครอื่ งคำนวณ เรยี กสิ่งประดษิ ฐน์ ี้วา่ “Analytical Engine”

2.3 ปี ค.ศ. 1946 ดร. จอห์น ดบั บลิว มอชลี่ (John W. Mauchly) และจอหน์ เพรส
เปอร์ เอค็ เคริ ท์ (John PresperEckert) แหง่ มหาวทิ ยาลัยเพนซลิ เวเนยี ได้มกี ารคิดค้นนวตั กรรมใหม่
แล้ว เรียกสงิ่ ประดิษฐน์ ีว้ ่า ENIAC (Electronic Numerical Integrator and Calculator)

2.4 ปี ค.ศ. 1970 บริษทั อินเทล (Intel Corporation) ไดค้ ดิ ค้นสิ่งประดิษฐใ์ หมทท่ ่ี
เรียกวา่ “ชิพ” (chip) หรือ “ไมโครโพรเซสเซอร”์ (Microprocessor) ซงึ่ เป็นสว่ นประกอบหลัก
สำคญั ของเคร่ืองคอมพวิ เตอร์ในปจั จบุ ัน

3

ข้อความ

3. ความหมายของข้อความ
ขอ้ ความหรอื ตัวอกั ษรถือวา่ เป็นองค์ประกอบพ้ืนฐานทส่ี ำคญั ของมลั ติมเี ดยี ระบบ

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

4.1 ความแตกต่างระหวา่ ง ฟอนต์ และ ไทปเ์ ฟซ
4.1.1 ตวั อักษร (Font) เป็นรปู แบบหนงึ่ ของไทป์เฟซ ซึ่งจะแยกยอ่ ยออกมาเป็นชุด

ตวั อกั ษรท่ีมีทงั้ ไทป์เฟซและขนาดเดยี วกัน ตัวอยา่ งเชน่ Arial Bold Italic เป็นฟอนตห์ นึง่ Arial
Bold Condensed

4.1.2 ไทปเ์ ฟซ (Type Face) คอื ชุดตัวอักษรทมี่ ีรปู แบบเดยี วกัน ไม่ว่าจะมีขนาดใหญ่
เล็กเท่าไร เช่น Arial, Arial Bold, Arial Bold Italic ต่างเปน็ ไทปเ์ ฟซคนละชนดิ กัน กลา่ วคือ ไทป์
เฟซจะมรี ูปแบบเอกลักษณเ์ ฉพาะตัว มีขนาด ความหนา ความกว้าง และความเอียงเทา่ กนั

4.2 ความแตกต่างระหว่าง ฟอนต์ Serifs กบั Sans Serifs

(ท่มี า : https://medium.com/@shin_ji/ความลงตัวของ-font-บนเวบ็ ไซต์-60ccb6edc97e)

4.2.1 เซรฟิ (Serif) คอื แบบอักษรท่ีมขี ดี เล็ก ๆ อยทู่ ปี่ ลายอกั ษรเรียกว่า แบบอักษร
ชนดิ นม้ี ชี อื่ เรียกอกี อยา่ งหนึ่งว่าแบบโรมนั (Roman) ซง่ึ มีตน้ กำเนดิ มาจากอกั ษรทจี่ ารึกไว้ในหนิ ของ
อาณาจกั รโรมนั เซรฟิ มสี ่วนช่วยในการกวาดสายตาไปตามตวั อักษร ทำใหอ้ ่านง่าย

4.2.2 ซานสเ์ ซรฟิ (Sans Serif) ก็มคี วามหมายตรงข้ามกันคอื ไม่มขี ีดที่ปลายอกั ษร
และมีชอ่ื เรียกอกี อยา่ งวา่ แบบกอทกิ (gothic) อกั ษรชนิดนไ้ี มเ่ หมาะกบั การเป็นเนือ้ ความ แต่เหมาะ
สำหรับใชพ้ าดหัวหรอื หัวเรอื่ งทเี่ ป็นจุดเด่นซง่ึ มองเพียงครงั้ เดียว

4

5. ขนาดและหน่วยของตวั อกั ษร
5.1 หน่วยของตวั อักษร
5.1.1 px (Pixels) เปน็ การกำหนดขนาดแบบตายตัว 1 pixel จะมคี ่าเทา่ กบั 1 จดุ บน

หน้าจอ
5.1.2 pt (Points) 1 point มคี า่ เท่ากับ 1/72 นวิ้ หรือ 1 pt = 1 pixels ในหนา้ จอท่ี

ไมใ่ ช่ Retina Display และเม่อื เปน็ Retina Display กแ็ ค่คณู 2 เขา้ ไป
5.1.3 em เปน็ หนว่ ยแบบ relative โดย 1em จะเท่ากบั 100% หรือคิดเป็น 1 เท่า

ของคา่ เร่มิ ตน้ ซ่ึงก็คอื 16px ถา้ เรากำหนดไว้ 2em หรอื 200% ก็จะได้เปน็ 32px
5.1.4 Percent (%) เป็นหน่วยทใ่ี ช้สำหรบั กำหนดขนาดของ property ทัว่ ๆ ไป

สามารถใช้ได้ท้งั width, height และอน่ื ๆ ซง่ึ รวมไปถงึ font-size
5.1.5 rem (Root Em) มคี ณุ สมบัตเิ หมอื นกบั หนว่ ย em แทบทกุ ประการ เพียงแต่

rem จะเทียบขนาดกบั root element ซงึ่ กค็ อื html เสมอ
5.1.6 dp (Density-independent Pixels) เป็นหน่วยสมมตขิ ึ้นมาโดยอา้ งองิ จาก

ขนาดหน้าจอและความหนาแนน่ ของหนา้ จอ โดยค่าดังกล่าวนีจ้ ะทำให้อปุ กรณแ์ อนดรอยด์ทมี่ ขี นาด
หนา้ จอตา่ งกนั มคี า่ ท่ีใกล้เคยี งกนั

5.1.7 sp (Scale-independent Pixels) จะเหมอื นกับ dp แตส่ ามารถกำหนดขนาด
จากขนาดของฟอนตท์ ผี่ ูใ้ ชก้ ำหนดไวไ้ ด้ ซึ่งเหมาะทีจ่ ะใชต้ วั หนังสือ เพราะสามารถกำหนดจากความ
หนาแน่นของหนา้ จอหรอื จะกำหนดจากขนาดฟอนต์บนแอนดรอยดข์ องผใู้ ชก้ ็ได้

5

5.2 ขนาดของตวั อกั ษร

(ทมี่ า : https://www.1001fonts.com/robaga-rounded-font.html)
5.2.1 บางมาก (Thin) เป็นตวั อักษรท่ีมลี กั ษณะบางทสี่ ดุ
5.2.2 บาง (Light) เปน็ ตัวอักษรทมี่ คี วามหนากว่าตวั บางมากแตบ่ างกว่าตวั ปกติ
5.2.3 ปกติ (Regular) เป็นตวั อกั ษรทมี่ ีความหนากว่าตัวบางแต่บางกวา่ ตวั หนา
5.2.4 หนา (Bold) เปน็ ตวั อกั ษรท่ีมีความหนากวา่ ตวั ปกติแต่บางกว่าตวั หนามาก
5.2.5 หนามาก (Black) เปน็ ตวั อักษรทีม่ ลี กั ษณะหนาที่สดุ
6. การเว้นระยะและประเภทอักษร
6.1 ประเภทการเว้นระยะ
6.1.1 Kerning คอื ชอ่ งวา่ งระหวา่ งตัวอกั ษรแต่ละตวั ใน css ใช้ letter-spacing

(ท่ีมา : https://medium.com/@shin_ji/ความลงตวั ของ-font-บนเวบ็ ไซต์-60ccb6edc97e)

6.1.2 Tracking คือชอ่ งว่างระหว่างกลุม่ ของตัวอักษรหรือคำ ใน css
ใช้ word-spacing

(ที่มา : https://medium.com/@shin_ji/ความลงตัวของ-font-บนเวบ็ ไซต์-60ccb6edc97e)

6

6.1.3 Leading คือ ช่องวา่ งระหว่างบรรทัดดา้ นบนและลา่ ง

(ทีม่ า : https://medium.com/@shin_ji/ความลงตัวของ-font-บนเวบ็ ไซต์-60ccb6edc97e)

6.2 ประเภทอกั ษร
6.2.1 หวั ขอ้ (Headlines) คอื ตวั อักษรที่ใหญท่ สี่ ุดบนหน้าจอ ปกตจิ ะใช้ H1-H6

สามารถเลอื กแบบอักษร เชน่ ตวั เขียนท่ี ดูดึงดูดสายตาได้

(ท่ีมา : https://medium.com/@shin_ji/ความลงตวั ของ-font-บนเวบ็ ไซต์-60ccb6edc97e)

7
6.2.2 เนอื้ หา (Body)เป็นขอ้ ความยาว มีขนาดเล็กแนะนำใหใ้ ช้ serif หรือ sans serif
typeface ปกตมิ กั ใช้อักษรทีเ่ ป็นตวั พมิ พจ์ ะไม่ใช้ตัวเขียนในสว่ นน้ี

(ทีม่ า : https://medium.com/@shin_ji/ความลงตวั ของ-font-บนเวบ็ ไซต์-60ccb6edc97e)
6.2.3 ปุ่ม (Button) แบบอกั ษรทใ่ี ชส้ ำหรับปุ่มจะเปน็ ตัวพิมพใ์ หญท่ ง้ั หมด และ

ข้อความของปมุ่ สามารถเปน็ ประโยคประโยค sans serif หรือ serif ได้

(ทม่ี า : https://medium.com/@shin_ji/ความลงตัวของ-font-บนเวบ็ ไซต์-60ccb6edc97e)
6.2.4 เสน้ ฐาน (Baseline) ขอ้ กำหนดทส่ี ำคญั ในการวดั ระยะหา่ งแนวตัง้ ระหว่าง

ข้อความและ Element อ่นื ๆ

(ท่ีมา : https://medium.com/@shin_ji/ความลงตวั ของ-font-บนเวบ็ ไซต์-60ccb6edc97e)

8

7. การสรา้ งตัวอักษร
การสรา้ งตัวอกั ษรในโปรแกรม Photoshop เป็นอกี หนึ่งความสามารถหนึง่ ในการ

ออกแบบงานตา่ งๆ นอกจากจะมรี ปู ภาพ ยงั จำเปน็ ตอ้ งมีคำอธิบาย ขอ้ ความ ตวั หนงั สือ เพ่ือส่งเสรมิ
หรือสนับสนนุ รูปภาพ ตวั อกั ษร เป็นสิ่งทีจ่ ำเปน็ อย่างยิ่ง

7.1 เครอื่ งมอื ท่ีใช้ในการสรา้ งตวั อกั ษร

(ที่มา : https://medium.com/@shin_ji/ความลงตัวของ-font-บนเวบ็ ไซต์-60ccb6edc97e)
7.1.1. horizontal type tool เครื่องมือตัวนีเ้ ปน็ การพมิ พต์ วั อกั ษรปกติ
7.1.2. Vertical type tool เปน็ เครอื่ งมือทพี่ ิมพ์ตัวอกั ษรแนวด่งิ ลงมาก
7.1.3. horizontal type mask tool เครอื่ งมอื ตัวนใ้ี ช้พมิ พต์ ัวอักษร เม่อื เราพมิ พ์

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

7.1.4. vertical type mask tool เปน็ การสร้างตวั อกั ษรแนวดิ่งทีม่ ีลกั ษณะเหมือน
เครือ่ งเมอื ช้นิ ท่ี 3

9
7.2 ขั้นตอนการสร้างตัวอกั ษร

7.2.1 สรา้ งตวั อกั ษรใหเ้ ปน็ ขอ้ ความในแนวนอน โดยคลกิ ที่แล้วเลอื ก Horizontal
Type Tool เมอ่ื ดทู ี่แถบ Option Bar จะเปล่ียนเป็น

(ทีม่ า : https://medium.com/@shin_ji/ความลงตัวของ-font-บนเวบ็ ไซต์-60ccb6edc97e)
7.2.2 สำหรบั ผทู้ ร่ี จู้ กั แบบ (Font) ของตวั อักษรแลว้ กเ็ ลือกแบบไดเ้ ลย จากน้ันกพ็ ิมพ์

ตัวอักษรท่ีตอ้ งการสร้างลงไป

(ที่มา : https://medium.com/@shin_ji/ความลงตวั ของ-font-บนเวบ็ ไซต์-60ccb6edc97e)
7.2.3 เมอื่ เลอื ก Font ได้แล้วกเ็ ลอื กขนาดตวั อกั ษร ซง่ึ ก็ทำเหมอื นการเลือกFont โดย

คลิกท่ชี ่องเลอื กขนาดตวั อกั ษร ซึง่ จะมตี วั เลขตา่ งที่มหี น่วยเป็น pt ออกมา

(ที่มา : https://medium.com/@shin_ji/ความลงตวั ของ-font-บนเวบ็ ไซต์-60ccb6edc97e)

10
7.2.4 การใส่สใี ห้ตวั อกั ษร เมื่อสร้างขอ้ ความขึน้ และคลกิ ท่เี ครื่องหมายแล้ว เขา้ ไปคลกิ
เลอื กสีท่ี Character Pallet กจ็ ะมไี ดอะล็อกเปิดขึน้ มาอีกอนั หนงึ่ ใช้ศรชีเ้ ลอื กสี และเมอ่ื คลิกเมา้ ส์
ตวั อักษรก็จะเปลย่ี นสีไปตามทเ่ี ลอื กไว้

(ท่ีมา : https://medium.com/@shin_ji/ความลงตัวของ-font-บนเวบ็ ไซต์-60ccb6edc97e)

11

ภาพน่งิ

8. ภาพนงิ่ (Still Image)
8.1 ความหมายของภาพนง่ิ
ภาพน่ิงเป็นภาพท่ไี มม่ กี ารเคลอื่ นไหว เช่น ภาพถ่าย ภาพวาด และภาพลายเส้น โดย

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

8.2 ประเภทของภาพนง่ิ
8.2.1 ภาพ 2 มิติ เปน็ ภาพทมี่ ลี ก้ ษณะประกอบไปด้วยความกวา้ งและความยาวเป็น

เพยี งรปู รา่ ง มี 2 ประเภทไดแ้ ก่

(ทีม่ า : https://www.presentationteam.com
/bitmap-and-vector-graphics-in-presentations/)

8.2.1.1 บิตแมพ (BITMAP) เปน็ ภาพที่เกดิ จากจดุ สเี ลก็ ๆ แสดงผา่ นหนา้ จอที่
เรยี กว่า พิกเซล (Pixel) ซงึ่ ประกอบกนั เปน็ รปู ร่างบนพืน้ ที่ของภาพ พิกเซล สามารถเปลีย่ นสีได้
มากมายดว้ ยหลักการของการควบคมุ สีของคอมพวิ เตอร์ได้มากถึง 16.7 ล้านสี

8.2.1.2 เวคเตอร์ (VECTOR) เปน็ ภาพทส่ี รา้ งด้วยสว่ นประกอบของเส้นลักษณะ
ตา่ งๆ เชน่ ภาพของคน กจ็ ะเปน็ ลกั ษณะของโครงรา่ ง (Outline) เม่ือมีการแก้ไขภาพ ก็จะเปน็ การ
แก้ไขคุณสมบัตขิ องเสน้ ทำใหภ้ าพไมส่ ูญเสยี ความละเอียด

12

8.2.2 ภาพ 3 มติ ิ มีลกั ษณะมุมมองของภาพทเ่ี หมอื นจรงิ อย่ใู นรปู ทรง 3 มิติมีพน้ื ฐาน
การสรา้ งจาก 2 มติ ิ แต่มีการเพมิ่ ความลกึ ให้ภาพ

(ทม่ี า : https://th.pngtree.com/free-png-vectors/3-มติ ิโลโก)้

8.3 หลกั การสร้างงานกราฟฟกิ
8.3.1 วเิ คราะหก์ ลุ่มเป้าหมาย โดยการกำหนดวตั ถปุ ระสงค์ วิเคราะหส์ อ่ื วเิ คราะห์

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

Sketch เพ่อื การสรา้ งภาพรวมของงาน
8.3.3 สร้างหรือภาพที่ใช้งาน อาจเปน็ การถา่ ยภาพดว้ ยตวั เอง หรอื ค้นหาภาพจาก

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

เอื้อประโยชนต์ ่อการสร้างงานกราฟกิ
8.4 การสรา้ งงานกราฟกิ
8.4.1 กำหนดพ้นื หลังของภาพ (Background)
8.4.2 เลอื กพ้นื ทขี่ องภาพทเี่ ราจะนำมาใชง้ าน
8.4.3 จดั วางภาพให้เหมาะสม
8.4.4 ใสข่ อ้ ความ (เลือก Font ทเี่ ข้ากับงานที่ทำ)
8.4.5 ตกแต่งสว่ นประกอบใหเ้ ข้ากนั อยา่ งกลมกลืน

13

8.5 หลักการเลือกใช้สี

(ท่มี า : https://sites.google.com/site/passorncolortheory/4-theory-of-primaries-color)
8.5.1 วงลอ้ สี (Color Wheel) จะมกี ารเลอื กใช้สหี ลักและสรี องหรอื สคี ตู่ รงข้าม

(ท่ีมา : http://ect3503colors.blogspot.com/2016
/10/colour-wheel-and-opposite-colour.html)

8.5.2 สีโทนรอ้ นและสีโทนเย็น (Temperature) โดยโทนรอ้ นจะแสดงถงึ ความอบอุน่
ร้อนแรง ส่วนโทนเยน็ จะสอ่ื ถงึ ความเยอื กเย็น สขุ มุ มัน่ คง

8.6 สรา้ งงานกราฟกิ ตามท่อี อกแบบไว้
8.6.1 หากตอ้ งการสร้างกราฟกิ แบบงา่ ยๆ ควรเลือกใช้ MS PowerPoint
8.6.2 หากตอ้ งการกราฟิกคณุ ภาพสงู ควรเลือกใช้ Adobe Photoshop
8.6.3 หากตอ้ งการสรา้ งสอ่ื สิ่งพมิ พ์ แผ่นพับ ควรเลือกใช้ MS Publisher
8.6.4 หากตอ้ งการสรา้ งส่ือ E-book ควรเลือกใช้ Adobe InDesign

14

8.7 นามสกลุ ไฟล์ภาพนง่ิ
8.7.1 .JPG หรอื เขียนอกี แบบ JPEG คอื ไฟลร์ ูปภาพท่ีถกู บบี อัดให้มคี วามกระทดั รดั

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

8.7.2 BMP ไฟลน์ ้อี าจจะเคยเห็นผ่านตามาบา้ ง เวลาตอ้ งการเซฟรปู จรงิ ๆวิธกี ารใช้
งานพื้นฐานใกลเ้ คยี งกบั jpg เพยี งแต่ bmp นน้ั จะมขี นาดของไฟล์ทใ่ี หญก่ วา่ จงึ ยงั ไมเ่ ป็นทนี่ ิยม

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

8.7.4 PSD เปน็ ไฟลท์ เี่ กดิ จากการทำงานดว้ ยโปรแกรม Photoshop ซ่ึงเปน็ โปรแกรม
ท่ีใช้ตัดตอ่ / ตกแต่งรูปภาพ

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

8.7.6 EPS ขอ้ ดขี องไฟล์นีค้ อื สามารถใช้โปรแกรม preview เพื่อดเู ป็นรปู ภาพปกติกไ็ ด้
หรอื จะเปดิ ด้วยโปรแกรม Illustrator ก็จะได้ไฟลท์ เ่ี ป็น vector ไปในตัว

8.7.7 TIF เป็นไฟลท์ ี่สร้างมาเพ่ือ โปรแกรมประเภทจดั หนา้ หนงั สือ (Desktop
Publishing) เกบ็ รายละเอียดของภาพไดค้ อ่ นขา้ งมากไฟลม์ คี วามใหญ่ จึงยงั ไมเ่ ปน็ ทนี่ ิยมเทา่ jpg

15

ภาพเคลือ่ นไหว

9. ภาพเคลอ่ื นไหว
9.1 ความหมายของภาพเคลอ่ื นไหว
(Animation) หมายถึง ภาพกราฟฟกิ ทม่ี ีการเคลอ่ื นไหวเพือ่ แสดงขนั้ ตอนหรือปรากฏ

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

9.2 ประเภทการสรา้ งแอนิเมชนั่
9.2.1 การสร้างงานแอนเิ มชนั แบบดัง้ เดมิ (Drawn Animation) เปน็ กระบวนการทใี่ ช้

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

9.2.2 การสรา้ งแอนเิ มชันแบบสตอ๊ ปโมชั่น (Stop Motion) เปน็ แอนเิ มชันท่ีผทู้ ำ
แอนิเมชนั ตอ้ งสรา้ งสว่ นประกอบตา่ ง ๆ ของภาพข้ึนดว้ ยวธิ ีอ่ืน นอกเหนอื จากการวาดบน
แผน่ กระดาษแลว้ ใช้กล้องถ่ายไวท้ ลี ะเฟรมๆ

9.2.3 การสร้างแอนิเมชันดว้ ยคอมพวิ เตอร์ (Computer Animation) คอื การสรา้ ง
ภาพเคล่อื นไหวด้วยคอมพิวเตอรโ์ ดยอาศัยเคร่อื งมือ ทส่ี รา้ งจากแนวคิดทางคอมพิวเตอร์กราฟิกช่วย
ในการสรา้ งโดยเครอ่ื งมือทีว่ ่าประกอบด้วยฮารด์ แวร์ ซอฟตแ์ วร์ ที่สร้างข้ึนโดยเฉพาะ

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

เหมอื นจรงิ พอสมควรและการสรา้ งจะไมส่ ลบั ซบั ซ้อนมากนกั เชน่ ภาพเคล่ือนไหวทปี่ รากฏตามเว็บ
รวมทงั้ Gif Animation

9.3.2 ภาพเคลอ่ื นไหวแบบ 3 มิติ มองเหน็ ไดท้ งั้ ความสูง ความกว้าง และความลึก
ภาพทีเ่ หน็ จะมีความสมจรงิ มากถึงมากทสี่ ุด

16

9.4 โปรแกรมสร้างภาพเคลือ่ นไหว
9.4.1 Adobe Flash เป็นโปรแกรมการสร้างภาพเคลอ่ื นไหว ในดา้ นการ์ตนู แอนนิ

เมชนั่ ซงึ่ โปรแกรมนสี้ ามารถสร้างได้ 2 รูปแบบ คอื

(ทมี่ า : https://prezi.com/p/yw-pgej2acez/animation/)
9.4.1.1แบบ Frame by Frame แบบนจี้ ะเป็นการเปล่ียนแปลงตวั รูปภาพให้
แตกต่างกันในทกุ รูปภาพ เหมาะสำหรับการสร้างภาพเคลื่อนไหวท่มี ีความสลับซบั ซอ้ นคอ่ นขา้ งสงู
9.4.1.2 แบบ Tween จะเป็นการสรา้ งภาพเคลอื่ นไหวจากภาพเรม่ิ ตน้ และภาพ
สดุ ท้าย โดยโปรแกรมจะมีการเปลี่ยนภาพใหโ้ ดยอัตโนมตั ิ ทำใหข้ นาดของไฟลจ์ ะเลก็ กวา่
9.4.2 Autodesk Maya เปน็ โปรแกรมทำอนิเมชน่ั 3 มิติ ชนั้ สงู ทหี่ นงั อนิเมชั่นนิยม
นำไปใช้สร้างการต์ นู 3 มติ ิ

(ทม่ี า : https://prezi.com/p/yw-pgej2acez/animation/)

17

9.4.3 Aurora 3D Animation Maker เปน็ โปรแกรมสรา้ งภาพเคลื่อนไหว และยงั
สามารถสรา้ งแบนเนอร์ หรอื ข้อความตัวอกั ษร โลโก้ แบบ 3มิติได้ มลี กู เลน่ ต่างๆมากมาย เชน่ การใส่
ภาพกบั ตัวหนงั สือ, การเพิ่มสี นอกจากนโ้ี ปรแกรม ยังสามารถใชร้ ่วมกับโปรแกรมอืน่ ๆ ได้

(ทมี่ า : https://prezi.com/p/yw-pgej2acez/animation/)
9.5 การสร้างภาพแอนเิ มชัน่ แฟลช

9.5.1 องคป์ ระกอบโปรแกรม

(ทีม่ า : http://animationwira.blogspot.com/p/3.html)
9.5.1.1 Timeline เปรียบเสมอื นเวลาท่ีใชใ้ นการสร้างภาพเคลือ่ นไหวโดยจะแบง่
ช่วงให้หน่วยละ 5 ช่วงเวลาเฟรม คือช่องเลก็ ทีเ่ รยี งต่อกันตามชว่ งเวลา แต่จะช่องเปรยี บเสมือน
กระดาษ 1 แผน่ ที่วาดเพ่อื ใหเ้ กิดการเคลอื่ นไหวของวตั ถุ

(ที่มา : http://animationwira.blogspot.com/p/3.html)

18

9.5.1.2 เฟรม และคยี เ์ ฟรม (Frame & Keyframe) คือ การกําหนดตาํ แหนง่ การ
สร้างภาพเคลอ่ื นไหวท่มี ีเนอ้ื หาภายในแตกตา่ งกันไปโดยตาํ แหนง่ เฟรมใดท่ีตอ้ งการกําหนดใหม้ สี ถานะ
เป็น Keyframe

(ที่มา : http://animationwira.blogspot.com/p/3.html)
9.5.1.3 การเคลอื่ นไหวชนดิ ภาพต่อภาพ (Frame By Frame Animation) เปน็
การแสดงภาพแต่ละภาพทเ่ี รยี งต่อกันอยา่ งตอ่ เน่ือง จนดูเหมือนว่าภาพน้นั มกี ารเคล่ือนไหว ซงึ่ เราจะ
ทำการ Import ภาพที่จะสร้าง มาไวใ้ น Frame ได้
9.5.2 ขน้ั ตอนการสรา้ งแอนเิ มช่นั
9.5.2.1 แอนเิ มชันแบบ Motion Tween เพือ่ ย่อ-ขยาย หรอื ขยับภาพ

1) ข้ันท่ี 1 คลกิ เลอื กคยี เ์ ฟรมจดุ เร่ิมต้น สร้างวตั ถุท่ีตอ้ งการ

(ทีม่ า : http://animationwira.blogspot.com/p/3.html)

19
2) ข้นั ท่ี 2 คลกิ ขวาทคี่ ยี ์เฟรม คลิกเลือกเมนู Create Motion Tween

(ที่มา : http://animationwira.blogspot.com/p/3.html)
3) ข้นั ที่ 3 กำหนดระยะห่างจากจุดแรกตามตอ้ งการ เชน่ หา่ ง 15 เฟรม คลิกท่ี
เฟรมท่ี 15 แล้วเพิ่มคีย์เฟรม โดยกด F6 หรือคลิกเมนู Insert > Timeline > Keyframe

(ทม่ี า : http://animationwira.blogspot.com/p/3.html)

20
4) ขั้นท่ี 4 ทเี่ ฟรม 15 จบั วตั ถุที่ stage แล้วปรับเปลี่ยนคุณลักษณะ เชน่ ยา้ ย
ไปอยตู่ ำแหนง่ ขวาสดุ ของ Stage

(ท่มี า : http://animationwira.blogspot.com/p/3.html)
9.5.2.2 แอนิเมชนั แบบ Shape Tween เป็นการเปลย่ี นแปลรปู ทรงของภาพ

1) ขนั้ ท่ี1 เพ่มิ วตั ถุเขา้ มาใน Stage เปล่ยี นรูปแบบของวตั ถุให้เป็น Shape โดย
กดปมุ่ Ctrl + B

(ท่ีมา : http://animationwira.blogspot.com/p/3.html)

21
2) ขั้นท่ี 2 คลกิ ขวาทเ่ี ฟรมที่ 1 เลอื ก Create Shape Tween

(ทีม่ า : http://animationwira.blogspot.com/p/3.html)
3) ข้ันที่ 3 คลกิ เฟรมที่ 30 กดปมุ่ F6 แลว้ ลบภาพจากเฟรมท่ี 1 ทง้ิ ใช้ Text
tool พมิ พ์ขอ้ ความลงไปแทนรูปภาพ

(ท่ีมา : http://animationwira.blogspot.com/p/3.html)

22

เสยี ง

10. เสียง
10.1 ความหมายของเสยี ง
เสยี ง (Sound) คือ การถ่ายทอดพลงั งานจากการสนั่ สะเทอื นของแหลง่ กำเนิดเสยี งผ่าน

โมเลกลุ ของตัวกลางไปยังผู้รบั โดยทห่ี ขู องเราน้นั สามารถรบั รู้ถงึ การสัน่ สะเทือนของโมเลกุลเหล่าน้ไี ด้
10.2 คุณสมบตั ขิ องเสียง
10.2.1 การสะทอ้ น (Reflection) คือ การสะทอ้ นกลับของเสยี งทเ่ี รียกว่า “เสยี ง

สะทอ้ น” (Echo) ซง่ึ โดยปกตแิ ล้ว เสยี งท่ผี า่ นไปยังสมองจะตดิ ประสาทหรู าว 0.1 วินาที ดงั นน้ั เสยี งที่
สะทอ้ นกลบั มาช้ากว่า 0.1 วินาที ทำใหห้ ูของเราสามารถแยกเสยี งจรงิ และเสยี งสะท้อนออกจากกันได้

10.2.2 การหักเห (Refraction) คอื การเคลื่อนทผ่ี า่ นตวั กลางต่างชนดิ กนั หรอื การ
เคล่ือนทผ่ี ่านตัวกลางทมี่ อี ุณหภมู ิต่างกนั สง่ ผลให้อตั ราเรว็ และทศิ ทางการเคล่ือนที่ของเสยี งเปล่ียนไป

10.2.3 การเลยี้ วเบน (Diffraction) คอื การเดินทางออ้ มสิ่งกดี ขวางผา่ นช่องวา่ งต่างๆ
ของเสียง โดยคล่ืนเสียงทมี่ ีความถี่และความยาวคล่นื มาก สามารถเดินทางอ้อมสงิ่ กดี ขวางไดด้ ี

10.2.4 การแทรกสอด (Interference) เกิดจากการปะทะกนั ของคล่นื เสียงจากหลาย
แหลง่ กำเนิด ซ่งึ อาจทำให้เกิดเสยี งที่ดงั ขนึ้ หรอื เบาลงกวา่ เดมิ

10.3 การรับเสียงของมนษุ ย์

10.3.1 หูช้นั นอก ประกอบด้วยใบหซู ึง่ จะทำหนา้ ทรี่ บั คลน่ื เสยี ง กอ่ นส่งเสียงไป
ตามช่องหจู นถึงช้ันเย่ือแก้วหู (Tympanic membrane) ซง่ึ กัน้ ระหว่างหชู ้ันนอกและหชู ัน้ กลาง

10.3.2 หชู ั้นกลาง มีลกั ษณะเป็นโพรงอากาศ ประกอบด้วยกระดกู ขนาดเลก็ 3 ชิน้
ทเี่ รยี งตอ่ กนั เป็นโซท่ เี่ รยี กวา่ “คอ้ น” (Malleus) “ทั่ง” (Incus) และ “โกลน” (Stapes) ทำหน้าทรี่ บั
แรงสน่ั สะเทอื นและขยายเสียงตอ่ จากเยอ่ื แก้วหูกอ่ นสง่ ต่อไปยังหชู น้ั ใน

23

10.3.3 หูชัน้ ใน ประกอบดว้ ย “คลอเคลยี ” (Cochlea) ภายในบรรจุของเหลวและ
เซลล์ขนจำนวนมากท่ที ำหนา้ ทรี่ ับเสียงจากกระดกู โกลนในหชู ั้นกลาง กอ่ นแปลงเปน็ สัญญาณส่งไปยัง
โสตประสาทและสมอง ซง่ึ ทำหนา้ ทจ่ี ำแนก แยกแยะ และแปลความหมายของคลน่ื เสียงต่างๆ

10.4 การได้ยนิ เสยี ง
10.4.1 กำลงั เสียง (Watt) คือ อัตราการถ่ายโอนพลงั งานของเสียงมหี น่วยเป็น วตั ต์
10.4.2 ความดงั (Volume) คือ ระดบั ความเข้มของเสียงมหี น่วยเป็น เดซเิ บล

(Decibel) ซง่ึ มนุษยส์ ามารถรับรู้ถงึ เสียงไดต้ งั้ แตท่ ่รี ะดบั เสียง 0 จนถึงราว 120 เดซเิ บล โดยเสยี งท่ดี ัง
เกินกว่า 120 เดซิเบล คือเสียงทอ่ี าจกอ่ ใหเ้ กดิ อันตรายต่อผรู้ ับฟงั ได้

10.4.3 ความถี่” (Frequency) ของคล่นื เสยี ง ยังเป็นอีกหนงึ่ ปจั จยั สำคัญตอ่ การได้ยิน
เสียงของมนุษย์ ความถี่มหี นว่ ยเป็น “เฮริ ตซ”์ (Hertz) ซ่ึงมนุษย์สามารถรับคลน่ื เสยี งทร่ี ะดบั ความถ่ี
ตั้งแต่ 20 ถึง 20,000 เฮิรตซ์

10.4.4 ระดบั เสียง (Pitch) หรอื เรยี กเสยี งทีม่ ี “ความถีต่ ำ่ ” วา่ “เสียงทมุ้ ” และเรียก
เสียงทม่ี ี “ความถส่ี งู ” ว่า “เสยี งสงู /แหลม” ซง่ึ แตกตา่ งจากระดบั ความดงั เบาของเสยี ง

10.5 อุปกรณ์สร้างสื่อเสยี ง
10.5.1 คอมพวิ เตอร์ เปน็ อปุ กรณพ์ ื้นฐานในการสรา้ งส่อื เสยี งโดยตอ้ งใช้

คอมพวิ เตอรท์ ่ีมีความสามารถในการประมวลผลที่เร็วในระดบั หน่งึ เพื่อเพม่ิ ประสิทธภิ าพการทำงานได้

(ทมี่ า : https://www.pongsathornpmusic.com/single-post/)

24
10.5.2 Digital Audio Workstation (DAW) คอื โปรแกรมท่ีใช้สำหรบั บันทึกและ
ปรับแตง่ เสียง สว่ นมากมกี ารทำงานคือจะมี Tracks ตา่ ง ๆ เปน็ แถวแนวนอน, มี Audio Regionsของ
เคร่ืองดนตรีตา่ ง ๆ, มี Audio Editor มี Mixer สำหรับปรบั ความดงั -เบา

(ท่ีมา : https://www.pongsathornpmusic.com/single-post/)
10.5.3 ซาวการด์ (Audio Interface) หรอื ทีค่ นไทยเรยี กติดปากกันวา่ ซาวการด์
คอื ศูนย์กลางการแปลงสัญญาณระหวา่ ง Digital กบั Analog คอื ถ้ามีการอดั เสียงเช่น เสียงรอ้ ง ก็ตอ้ ง
ใช้ไมโครไฟนท่แี ปลงเสียงให้เปน็ สญั ญาณ Analog สญั ญาณนี้กจ็ ะเดนิ ทางผ่านสายเขา้ ไปใน Audio
Interface แลว้ ถกู แปลงเป็นดจิ ติ อล บนั ทกึ เกบ็ เอาไวใ้ นคอมฯ

(ทม่ี า : https://www.pongsathornpmusic.com/single-post/)

25
10.5.4 MIDI Keyboard เอาไวส้ ำหรบั เลน่ กบั Sample Library โดยการโหลด
เคร่อื งดนตรีข้ึนมาใน DAW แลว้ กก็ ดปุ่มอดั เสยี ง แล้วเล่น MIDI Keyboard เพือ่ บนั ทกึ ลงไป หรอื
สามารถใชเ้ มาสเ์ ขยี นโนต้ ทลี ะตวั ปรบั Velocity หรือแมแ้ ตล่ ากเสน้ MIDI CC ก็ไดเ้ ชน่ กนั

(ทม่ี า : https://www.pongsathornpmusic.com/single-post/)
10.5.5 Sample Libraries คอื ไฟลเ์ สยี งท่บี ันทกึ ไวเ้ ปน็ จำนวนมาก และถูกเขียน
โปรแกรมให้เปน็ ซอฟทแ์ วร์ ออกมาตามข้อมลู MIDI ที่ไดร้ บั เชน่ เวลากดโน้ตบน MIDI Keyboard
ซอฟตแ์ วร์กจ็ ะเล่นเสยี งเปยี โน เสยี งกลอง เสยี งกีตาร์ หรือแม้แต่เสียงคนรอ้ งออกมา

(ทมี่ า : http://www.pongsathornpmusic.com/single-post/)

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

(ทม่ี า : https://www.pongsathornpmusic.com/single-post/)
10.5.7 ลำโพงมอนเิ ตอร์ ลำโพงมอนเิ ตอร์ใชใ้ นการฟังเสยี งทสี่ ร้างข้นึ มา เน่ืองจาก
การอัดเสียงไมเ่ หมือนการน่ังฟงั เพลงทัว่ ไป แต่มี Dynamic Range ท่ีกว้างกว่าหลายเทา่ นอกจากน้ี
ลำโพงมอนิเตอร์ท่ีดียงั ต้องใหเ้ สียงท่ตี รงไปตรงมาอกี

(ท่มี า : https://www.pongsathornpmusic.com/single-post/)

27

วดิ ิโอ

11. วิดีโอ
11.1 ความหมายของวิดโี อ
วดิ โี อ(Video) เปน็ มลั ตมิ ีเดียทสี่ ามารถแสดงภาพเคลื่อนไหวพร้อมเสียงบรรยายไดก้ าร

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

(ทมี่ า : https://sites.google.com/a/srp.ac.th/srp30772/khwam-ru-reuxng-widixo)

11.2 ชนิดของวดิ โี อ
วดิ ีโอท่ีใชง้ านอยูใ่ นปจั จุบันสามารถแบง่ ได้เป็น 2 ชนิดคอื
11.2.1 วดิ ีโออะนาลอก (Analog Video) เปน็ วดี โี อทท่ี ำการบันทึกขอ้ มลู ภาพและเสียง
ให้อยใู่ นรปู ของสญั ญาณอนาลอก (รปู ของคล่นื ) สำหรบั วดี โี อประเภทน้ี เช่น VHS (Video Home
System) ซ่งึ เปน็ มว้ นเทปวดี ีโอท่ีใช้ดกู ันตามบ้าน เมื่อทำการตัดต่อขอ้ มลู ของวีดีโอชนดิ นี้ อาจจะทำให้
คุณภาพลดนอ้ ยลง
11.2.2 วดี ีโอดจิ ติ อล (Digital Video) เปน็ วีดโี อท่ีทำการบันทกึ ข้อมลู ภาพและเสียงท่ี
ได้มาจากกล้องดจิ ติ อลใหอ้ ยใู่ นรปู ของสัญญาณดจิ ิตอล คือ 0 กับ 1
การนำวีดีโอไปใชง้ าน

28

11.3 ลกั ษณะการทำงานของวีดโี อ
กล้องวดี โี อเป็นการนำเอาหลักการของแสงที่ว่า “แสงตกกระทบกบั วัตถแุ ลว้ สะทอ้ นสู่
เลนส์ในดวงตาของมนุษยท์ ำให้เกดิ การมองเหน็ ” มาใช้ในการสร้างภาพร่วมกบั วงจรอเิ ลก็ ทรอนิกส์
โดยภาพทีไ่ ด้จะถกู บันทกึ เป็นสญั ญาณอเิ ลก็ ทรอนิกส์ หรือทเี่ รยี กว่า “สญั ญาณนาลอก” ประกอบด้วย
ขอ้ มูลสี 3 ชนิด คือ แดง เขียว น้ำเงิน (Red, Green, Blue: สRี GB) และสญั ญาณสำหรับเช่ือม
ความสัมพันธ์ของขอ้ มลู (Synchronization Plus : สญั ญาณ SYNC) สัญญาณวดี โี อจะถูกส่งไปบันทกึ
ยังตลับวดี ีโอ (Video Cassette Recorder : VCR) โดยการแปลงสญั ญาณอเิ ล็กทรอนิกส์เปน็ สัญญาณ
ดจิ ิตอลและบันทกึ ลงบนอุปกรณ์บันทกึ ขอ้ มลู

(ท่ีมา : https://sites.google.com/a/srp.ac.th/srp30772/khwam-ru-reuxng-widixo)
11.4 มาตรฐานการแพร่ภาพวีดโี อ
11.4.1 National Television System Committee (NTSC) เปน็ หนว่ ยงานท่ี

รบั ผดิ ชอบในการตั้งมาตรฐานที่เกีย่ วกบั โทรทัศนแ์ ละวดี โี อในสหรัฐ
11.4.2 Phase Alternate Line (PAL) เปน็ มาตรฐานของโทรทศั นแ์ ละวดี โี อทนี่ ยิ ม

ในแถบยุโรปเปน็ การสรา้ งภาพจากแนวนอน 625 เส้นต่อเฟรม ในอตั รา 25 เฟรมตอ่ วินาที
11.4.3 Sequential Color and Memory (SECAM) เปน็ มาตรฐานของการแพร่

สญั ญาณโทรทศั น์และวีดีโอท่ใี ชก้ นั ในฝรงั่ เศส ยุโรปตะวันออก ตะวนั ออกกลาง
11.4.4 High Definition Television (HDTV) เปน็ เทคโนโลยีของการแพร่ภาพ

โทรทัศนท์ ีถ่ กู พฒั นาขน้ึ มา เพอื่ แสดงภาพท่มี คี วามละเอียดสงู คือ 1280x720 ซ่งึ เปน็ ความละเอียด
สำหรบั การแสดงภาพเช่นเดียวกับโรงภาพยนต์

29

11.5 การผลติ วดี ีโอ
11.5.1 การวางแผน เปน็ การกำหนดเรื่องราวท่ีจะถา่ ยทำว่าต้องการถา่ ยทำส่งิ ใด และ

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

ทผี่ ผู้ ลิตตอ้ งการจะถา่ ยทำเพ่ือจะไดน้ ำขอ้ มลู นน้ั เกบ็ ไว้
11.5.3 แคปเชอร์ (Capture) เปน็ การถา่ ยโอนขอ้ มลู ทง้ั ภาพและเสียงทีไดจ้ ากเทป

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

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

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

(ทม่ี า : https://www.smartphonefilmpro.com/what-are-the-best-
smartphones-for-filmmaking-2017/)

11.6 ซอฟตแ์ วรท์ ี่ใชใ้ นการผลิตวีดีโอ
11.6.1 Macromedia Flash MX โปรแกรมสำหรับสร้างงานอนเิ มชัน่ มลั ตมิ ีเดีย งาน

อินเตอรเ์ อคทฟี และรองรบั งานออนไลน์ตา่ ง ๆ

30

11.6.2 Ulead Video Studio เปน็ โปรแกรมตัดตอ่ วีดีโอ Capture ภาพท่ีนำสญั ญาณ
ผา่ นเข้ามาสามารถตดั ตอ่ วีดีโอให้อยู่ในฟอร์แมต MPEG I, MPEG II, DV และ VCD ได้

11.6.3 Windows Movie Maker โปรแกรมสำหรบั ใช้ในการตดั ตอ่ ภาพ เป็น
มัลติมเี ดยี สตรมี มงิ่ ทงั้ ภาพและเสียงท่ไี ดจ้ ากการตดั ต่อวีดโี อ และสามารถนำเข้าไฟล์ไม่วา่ จะเป็น *.avi,
*.afs, *.MPEG, *.MPG, *.MPA เป็นต้น

11.6.4 Cyberlink Videolive Mail เปน็ โปรแกรมที่สามารถปรับแตง่ ภาพ และ
สนับสนนุ การรบั ชมรายการโทรทัศน์ วีดีโอ และบันทึกรายการโทรทัศน์หรอื วดี ีโอทร่ี บั ชมได้

(ท่ีมา https://www.careeraddict.com/start-a-career-in-video-editing )
11.7 รปู แบบของไฟล์วีดโี อทใ่ี ชบ้ นเวบ็

11.7.1 *.rm/ *.ra/ *.ram เป็นฟอรแ์ มตทพ่ี ฒั นาโดยบริษทั RealNetwork นิยมใช้
นำเสนอขอ้ มูลไฟล์ผ่านอินเตอร์เน็ตโดยใช้โปรแกรม Real Player

11.7.2 *.MPEG2 / *.MPEG4 เปน็ ฟอรแมตท่ีเปิดดว้ ย Windows Media Player
11.7.3. *.asf/ *.wmv เป็นฟอรแ์ มตที่คล้ายคลงึ กบั *.MPEG2/ *.MPEG4 สามารถ
เปิดไฟลท์ ้ังสองได้ดว้ ยโปรแกรม Windows Media Player เช่นกนั

11.7.4. *.viv เป็นฟอร์แมตทสี่ ามาถเปิดไฟล์ได้ด้วยโปรแกรม Vivo Active
Player แต่ในปจั จุบนั นี้ไดเ้ ลกิ ใชไ้ ปแล้ว

11.7.5. *.mov เป็นฟอร์แมตทพี่ ฒั นาโดยบรษิ ทั Apple นยิ มใช้นำเสนอข้อมลู ไฟล์
ผา่ นอินเตอร์เนต็ โดยใชโ้ ปรแกรม Quick Time

11.7.6.*.avi (Audio / Video Interleave) เปน็ ฟอรแ์ มตทพี่ ัฒนาโดยบริษัท
ไมโครซอฟตเ์ รยี กวา่ Video for Windows มนี ามสกลุ เปน็ *.avi

บรรณานุกรม

โกวทิ ย์ ชนะเคน. (2560). โปรแกรมสำเร็จรปู มัลตมิ เี ดยี . [ระบบออนไลน์]. แหลง่ ทมี่ า:
http://courseware.npru.ac.th/admin/files/20171220164749_a184a9da21d5d
5db129fca6bc6ab0487.pdf (วนั ทสี่ ืบคน้ 10 ธันวาคม 2563).

จีระพงษ์ โพพนั ธ์ (2562). ความรเู้ บอื้ งตน้ เก่ียวกบั มลั ตมิ เี ดยี . [ออนไลน]์ . แหลง่ ที่มา: https://kru-
it.com/movie-editing/basic-knowledge-about-multimedia/ (วนั ท่ีสบื คน้ 10
ธนั วาคม 2563).

ธนพล ปลง่ั ศรี. (2560). ความรเู้ รือ่ งวดิ ิโอ. [ออนไลน]์ . แหลง่ ทมี่ า: https://sites.googl e.com/a
/srp.ac.th/srp30772/khwam-ru-reuxng-widixo (วันที่สบื ค้น 10 ธนั วาคม 2563).

วรี ะ พูนปาน. (2559). การสร้างภาพเคลอ่ื นไหวแอนเิ มช่นั . [ระบบออนไลน์]. แหลง่ ที่มา:
http://animationwira.blogspot.com/p/3.html (วนั ทสี่ บื คน้ 10 ธนั วาคม 2563).

เสาวนีย์ ก่ำน้ำผ้ึง. (2561). การสร้างข้อความ. [ออนไลน]์ . แหลง่ ทมี่ า:
http://lekstation.com/f_p1.html (วันทส่ี ืบค้น 10ธันวาคม 2563).

อภพิ งศ์ ปิงยศ. (2559). การผลิตสื่อภาพน่ิงเพ่อื การนำเสนอดา้ นวชิ าพยาบาล. [ออนไลน]์ . แหลง่ ทม่ี า:
https://apipong.weebly.com/uploads/5/3/5/8/53586393/ch05_การผลิตส่ือ
ภาพนงิ่ .pdf (วนั ทสี่ บื ค้น 10 ธนั วาคม 2563).

Manit Cholpinyo. (2560). Multimediaคอื อะไร. [ออนไลน์]. แหลง่ ท่ีมา:
https://medium.com/@mcnewz/multimedia-คอื -อะไรอะ-d2a29ee8b543
(วันท่สี ืบค้น 10 ธนั วาคม 2563).

National Geographic. (2019). คลืน่ เสยี งและการไดย้ ินเสยี ง. [ระบบออนไลน์]. แหลง่ ทม่ี า:
https://ngthai.com/science/24180/soundwave/2/ (วันทีส่ บื คน้ 10 ธันวาคม
2563).

Oatthasit Yodphilo. (2562). ภาพเคลอ่ื นไหว(Animation). [ระบบออนไลน์]. แหลง่ ทมี่ า:
https://prezi.com/p/yw-pgej2acez/animation/ (วันทสี่ ืบค้น 10 ธันวาคม 2563).

32

Pongsathorn Posayanonth. (2561). อยากสร้างสตดู โิ อทำเพลงง่ายๆ ทบ่ี า้ น ตอ้ งใชอ้ ะไรบ้าง.
[ระบบออนไลน์]. แหลง่ ที่มา: https://www.pongsathornpmusic.com/single-
post/how-to-build-your-own-music-studio (วนั ทสี่ ืบคน้ 10 ธันวาคม 2563).

Shinji. (2561). Anatomy Of A Type Face. [ออนไลน]์ . แหล่งทีม่ า:
https://medium.com/@shin_ji/ความลงตัวของ-font-บนเว็บไซต์-60ccb6edc97e
(วันที่สืบคน้ 10 ธันวาคม 2563).

TheBuddy House (2563). 9ไฟลร์ ปู ควรรู้ สำหรบั งานออกแบบ Graphic. [ระบบออนไลน์].
แหล่งทีม่ า: https://www.thebuddyhouse.net/post/graphicfiles (วันทส่ี ืบคน้ 10
ธันวาคม 2563).