คู่มือการสร้างสื่อ

คำนำ

เทคโนโลยีนี้ได้ถูกพัฒนามาตั้งแต่ปี ค.ศ. 2004 จัดเป็นแขนงหนึ่งของงานวิจัยด้านวิทยาการ
คอมพิวเตอร์ ว่าด้วยการเพิ่มภาพเสมือนของโมเดลสามมิติที่สร้างจากคอมพิวเตอร์ลงไปในภาพที่ ถ่ายมาจาก
กล้องวิดีโอ เว็บแคม หรือกล้องในโทรศัพท์มอื ถือ แบบเฟรมต่อเฟรม ด้วยเทคนิคทางด้านคอมพิวเตอรก์ ราฟกิ
แต่ด้วยข้อจำกัดทางเทคโนโลยีจึงมีการใช้ไม่แพร่หลายเท่าไหร่ แต่ปัจจุบันเทคโนโลยีมือถือ และการสื่อสาร
ขอ้ มูลไรส้ าย รวมท้ังการประมวลต่างๆ มีความรวดเรว็ ข้ึนและมรี าคาถูก จึงทำใหอ้ ปุ กรณส์ มาร์ทโฟน และแทบ
เล็ต ทำให้เทคโนโลยีที่อยู่แต่ในห้องทดลอง กลับกลายมาเป็นแอพที่สามารถดาวน์โหลดมาใช้งานกันง่ายๆ ไป
แลว้ โดยในช่วง 2-3 ปมี าน้ี AR เป็นเรื่องทถ่ี กู กลา่ วถงึ อยู่เป็นระยะ แมจ้ ะไมฮ่ อตฮิตเหมือนแอพตัวอ่นื ๆ ก็ตาม
แต่อนาคตยังไปได้อีกไกล ทั้ง VR และ AR สามารถนำมาประยุกต์ใช้งานได้กว้างขวางหลากหลาย ทั้งด้าน
อุตสาหกรรม การทหาร การแพทย์ การตลาด การบนั เทิง การสื่อสาร และ การศึกษา

ปรเชษฐ์ ทองจันทร์

สารบญั
คำนำ ............................................................................................................................. ............................. ก
สารบัญ ....................................................................................................................................................... ข
ความหมายของ Augmented Reality ....................................................................................................... 1
Virtual reality (VR) .................................................................................................................................. 1
Augmented Reality (AR) ........................................................................................................................1
Mixed Reality (MR) ..................................................................................................................................2
Extended Reality (XR) .......................................................................................................................... 2
การสร้างผลงานด้วย Vidinoti ................................................................................................................ 4

การเตรียม ................................................................................................................................... 4
การสรา้ งผลงานดว้ ย Vidinoti .................................................................................................. 9
การใชง้ าน AR ด้วยแอป V-Player ............................................................................................ 20

การสรา้ ง AR ด้วยโปรแกรมม Spark AR ......................................................................................... 22

การเตรยี ม .................................................................................................................................. 22
การสรา้ ง AR ดว้ ย Spark AR .................................................................................................... 24
ขั้นตอนการอัพโหลด Filter ใหโ้ ลก Social ................................................................................ 37
บรรณานกุ รม ............................................................................................................................................. 40

Augmented Reality

ความหมายของ Augmented Reality
ปัจจุบันเทคโนโลยีใหม่และที่เกิดขึ้นใหม่ได้เพิ่มคำย่อและไม่ได้ยกเว้นความเป็นจริงเสมือน ( VR)

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

Virtual reality (VR)
ความจริงเสมือน (VR) เป็นประสบการณ์เช่นเดียวกับความเป็นจริงที่จำลองขึ้นบนคอมพิวเตอร์ มัน

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

ทุกวันนี้มันง่ายที่จะพูดว่า VR เป็นเทคโนโลยีความจริงใหม่ที่ได้รับการยอมรับอย่างดี นอกจากนี้หลังจาก
หลายปีที่ได้รับความนิยมในอุตสาหกรรมเกมตอนนี้เรากำลังพิจารณาเทคโนโลยีนี้ในแอพพลิเคชั่น ตลาดและ
อุตสาหกรรมยงั คงตืน่ เตน้ กับแนวโน้มของเทคโนโลยนี ีแ้ ละคาดว่าจะมีการพัฒนาต่อไปในอนาคตอันใกล้
Augmented Reality (AR)

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

1

ที่สุดของ AR โดยกล้องจะใช้ส่วนประกอบดิจิตอลในสภาพแวดล้อม ใช้หูฟังพิเศษด้วย ตัวอย่างที่นิยมของ AR
คือ Pokemon Go และ Snapchat ใหม่ bitcoins ของ AR

Mixed Reality (MR)
บางครั้งเรียกว่าไฮบริดจริงรวมโลกเสมือนจริงเข้าด้วยกันเพื่อสร้างสภาพแวดล้อมใหม่และการสร้างภาพ

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

Extended Reality (XR)
เป็นคำศัพท์ใหม่ท่เี พม่ิ เขา้ มาในคำศัพท์ทางเทคนคิ จนถงึ ตอนน้ไี ม่คอ่ ยมีคนรจู้ ัก HR ความเปน็ จริงขน้ั สูงคือ

การปฏิสัมพันธ์ระหว่างมนุษย์และเครื่องจักรที่สร้างขึ้นโดยสภาพแวดล้อมแบบรวมจริงและเสมือนจริงรวมถงึ
เทคโนโลยีคอมพิวเตอร์และเครื่องแต่งตัว Enhanced Reality รวมถึงคำอธิบายทุกรูปแบบเช่น Enhanced
Reality (AR), Virtual Reality (VR), Mixed Reality (MR) กล่าวอีกนยั หนึ่ง XR สามารถระบุได้วา่ เป็นร่มรวม
ข้อเท็จจริงท้ังสาม (AR, VR, MR) ในช่วงระยะเวลาหนึ่งทำใหเ้ กิดความไมส่ งบในที่สาธารณะนอ้ ยลง ความเป็น
จริงท่ีได้รบั การปรับปรุงให้ความหลากหลายของคุณภาพและความอุดมสมบูรณ์สำหรับคุณธรรมอันเต็มไปด้วย
คุณสมบตั กิ ารป้อนข้อมลู ทีม่ คี วามละเอยี ดอ่อนบางสว่ น

2

3

การสรา้ งผลงานดว้ ย Vidinoti
การเตรียม

1. บญั ชกี ารเข้าใช้ของเวบ็ ไซด์ https://www.vidinoti.com/

2. ภาพพน้ื หลงั เพ่อื ใช้ในการแสกน และปมุ่ ของการนำไปใช้กด

4

3. โมเดล 3D และไฟลว์ ีดีโอทจ่ี ำนไปทำเป็น 3 มิติ
4. แอปพลเิ คชัน V-Player

การดาวน์โหลดแอปพลเิ คชัน V-Player ของ Android
เขา้ ไปยงั Player Store -> คน้ หาในแถบคนหา V-Player -> กดตดิ ตงั้

5

การดาวนโ์ หลดแอปพลเิ คชัน V-Player ของ IOS
เขา้ ไปยัง App Store -> คน้ หาในแถบคนหา V-Player -> กดรับ

5. ไฟล์โมเดล 3D ทไ่ี ด้ import ไวใ้ นเว็บไซด์ Vidioti
วธิ ีการ import ไฟล์ 3D ไว้ในคลังของ Vidinoti
1.เขา้ สู่ระบบของเว็บไซด์ https://www.vidinoti.com/

6

2. เลอื ก 3D แล้วกด Import new 3D asset

3. ทำการลากโฟลเดอร์ของ 3D มาใส่ในพน้ื ที่(โฟลเดอร์ท่ีมีไฟล์ 3D หรือ .gitf) และกด

Upload

7

4. ทำการตั้งชอื่ ตั้งค่า และกด Save

8

การสร้าง AR ดว้ ย Vidinoti
1. เข้า Website https://www.vidinoti.com/home/ จากน้ันคลิก Login เพือ่ ช่ือเขา้ ใช้บัญชีของตน
ของเองท่ีได้สร้างไว้

2. Login เขา้ สู่ระบบ AR Manager ท่ีเปน็ เวบ็ ในการสร้าง AR ของเราโดยใช้ Emal และ Password

3. เมอ่ื Log in แลว้ จะเขา้ สู่หนา้ Dashboard เร่ิมสรา้ ง AR ของเราโดยการคลิก Create new content
และเลอื ก Content Type Selection เป็น Image AR
สำหรับ Plan Demo

9

* สรา้ งผลงาน AR ได้ทั้งหมด 5 ครั้ง (ไม่รวมการ Edit งานนะครบั ) และ publish งานได้
ทงั้ หมด 5 ชิ้น

* ผลงานที่ publish แลว้ มอี ายุแค่ 24 ชม

10

4. ในขั้นตอน Image AR Creation จะมี 4 ข้ันตอนยอ่ ยคอื 1. Image/PDF Upload ใหท้ ำการ
Upload รูปภาพที่เราตอ้ งการให้ AR ปรากฏขนึ้ โดยลากรูปมาวางลงบนพื้นท่ี Upload

5. ขน้ั ต่อมาคือ 2. Region Selection หากรปู ของเรามสี ว่ นท่ีเราไมต่ ้องการเราสามารถ Crop เลือก
เฉพาะส่วนทเ่ี ราตอ้ งกาใหเ้ กิด AR ข้นึ ได้ จากน้ันกด Continue

11

6. ขั้นตอ่ ไปคือ 3. Content Settingใหเ้ ราใส่ชอ่ื Content และคำอธบิ าย Content ของเราใสต่ ามใจ
ชอบได้เลย จากน้ันกด Continue

12

7. จากนัน้ 4. Content Creationคือขั้นตอนในการสรา้ ง AR โดยการปรับแต่งบนรปู ของเรานัน่ เองให้
เรากดที่รปู PixLive Editor เพ่อื เขา้ สหู่ นา้ การปรับแตง่ ได้เลย

13

8. นี่คือหนา้ ตา่ งของตวั ปรับแตง่ AR Content ของเราเราอยทู่ ่ี Start Scene คอื ฉากเร่ิมตน้ ใน AR เรา

สามารถใสว่ ัตถุ ไดห้ ลากหลาย เช่น Image, Text, Audio, 3D, Button

9. ขัน้ ตอนการใส่วัตถตุ ่าง ๆ สามารถใส่ตามใจชอบไดเ้ ลยหรือจะทำตามก่อนกไ็ ด้นะครับ ขอเร่ิมจากการ

ใสร่ ปู ภาพคลิก Image Button คลิก ป่มุ เพ่อื Upload จากน้นั กด Apply Changes

10. ทำกด Apply changes และการจดั ตำแหน่งของปุ่มที่สรา้ งขน้ึ มาใหค้ รบทกุ ปุ่ม และดูวา่ ลิงค์ไปหน้า
ไหน

14

11. จากข้นั ตอนที่แล้วหมายความวา่ เมอ่ื ผ้ใู ชก้ ดปมุ่ Show Towersภาพจะถูกเปลย่ี นหน้าเป็น Scene 2
ตามแผนภาพใน Scenerio เร่ิมการปรับแต่งหน้า Scene 2 Scene 3 และ Scene 4
- โดยการเพมิ่ ปุ่มไปเล่ือยๆตามลำดับ และทำการเลือก Scene ให้ตรงกับความต้องการ
- และทำการเปลีย่ นช่ืองของ Scene ทห่ี วั ขอ้ Scene Title

12. ทำการใส่ Text button โดยการคลิก Text button
- ทำการพิมพข์ ้อความท่ีต้องการ และทำการตงั้ ค่าเพม่ิ เตมิ ที่ปุ่ม Tap Settings
- ให้ทำการเปล่ียน Go to ไปยังหน้าที่ต้องการ
- ปรบั ขนาด รปู แบบ สีตวั อักษรสีพื้นหลงั
- แล้วกด Apply changes จากนน้ั ปรบั ตำแหน่งตามต้องการ

15

16

13. ทำการเปลยี่ นหน้าการแก้ไขไปหนา้ Scene 2 โดยเลือกแถบดา้ นบนไปทีห่ น้า Scene 2 ซง่ึ ในหนา้
Scene 2 เราจะทำการแสดงข้อมลู ที่เปน้ ไฟล์ PDF ให้เลือก PDF จากนั้น Upload

14. ในหน้า Scene 3 เราจะทำการแสดงขอ้ มูลที่เปน้ ไฟล์วดี ีโอจากทาง Youtube ใหเ้ ลือก Video
จากน้ันเราให้เราทำการใส่ URL ของวีดโี อของ Youtube ทเ่ี ราต้องการไปยงั ข่อง URL แลว้ กด
Apply changes หรือว่าเรามีวีดิโอของต้องเองกส็ ามารถอัปโหลดได้ โดยกดเครอื่ งหมาย

15. ในหนา้ Scene 4 เราจะทำการแสดงขอ้ มลู ทีเ่ ปน็ ไฟล์ 3D ใหเ้ ลอื ก 3D on floor
- จากน้นั เราให้เราทำการเลือกช่อื ไฟล์ของ 3D ทเี่ ราได้ทำการ Import ไว้ ไฟลท์ ี่เราได้เตรียมไว้
- แล้วกด Load

17

- ทำการต้ังค่าขนาดและรปู แบบการเล่น
- แล้วกด Apply changes

16. ในหนา้ Scene 5 เราจะทำการแสดงขอ้ มูลท่เี ป็นไฟล์ 3D ใหเ้ ลอื ก 3D on image
- แลว้ กด
- จากน้ันเราให้เราทำการเลือกช่อื ไฟล์ Video 3D ท่ีไดเ้ ตรียมไว้
- แลว้ กด Apply changes

18

19

การใช้งาน AR ดว้ ยแอป V-Player
1. Download Application ท่ีมีชือ่ วา่ V-Playerลงในโทรศัพทข์ องตนเองเปิด Application จะขึ้น
หนา้ จอใหส้ แกน
2. เปิดหนา้ Dashboard แล้วหา OR code ทอี่ ยู่ของ AR ของเราให้ผู้ใช้สแกน QR code ของเราเพื่อ
โหลด Content ทีเ่ ราสรา้ งข้ึนรอโหลดสักครู่

3. ปดิ รปู ภาพของเราไว้ จากนั้นให้ใช้โทรศพั ท์มาส่องทีร่ ปู ภาพของเรา AR ของรปู ภาพทีเ่ ราปรบั แต่งไว้ก็
จะปรากฏขึ้นแลว้ วว

4. เราสามมารถกดไปยังเมนูต่างทเี่ ราสรา้ งไวไ้ ด้

20

21

การสรา้ ง AR ดว้ ยโปรแกรมม Spark AR

การเตรียม
1. บญั ชีผใู้ ช้ Facebook
2. ภาพหรอื โมเดล 3D ท่ีต้องการใหแ้ สดงใน AR
3. โมเดลรปู หน้า จาก
4. โปรแกรม Spark AR
การดาวน์โหลดและตดิ ตั้งโปรแกรมโปรแกรม Spark AR
1. เข้าไปยังเว็บไซด์ https://sparkar.facebook.com/ar-studio/download และคลกิ ท่ีคำว่า
Download

2. รอการดาวน์โหลดจนเสรจ็ แลว้ ทำการเปิดไฟล์น้ัน

22

3. ทำการตดิ ต้ังโปรแกรมใหจ้ นเสร็จ

23

การสรา้ ง AR ด้วย Spark AR
1. เข้าโปแกรม Spark AR ท่ีไดท้ ำการตดิ ตง้ั ไว้

2. กด New Project เพือ่ สรา้ งงานใหม่

3. เลือก Face Tracking
สว่ นประกอบจะแบ่งเปน็

24

- Scene (สแี ดง) คือองคป์ ระกอบของงาน
- Assets (สสี ม้ ) คือรูปภาพหรือเอฟเฟคต่างๆท่ีเราต้องการนำเขา้ ไป
- View (สเี ขียว) 8nv จุดแสกงแต่ละ Layer ทเ่ี ราใส่พวกวตั ถุต่างๆลงไป
- จดุ แสดงผลจรงิ (สนี ำ้ เงนิ ) คือ การแสดงผลลพั ธ์ของโทรศัพทท์ ี่จะแสดงออกมา
- Properties (สีชมพู) คอื หน้าขอ(สนี ำ้ เงนิ ) งการปรบั แตง่ ต่างๆ

4. เลอื กองคป์ ระกอบ faceTracking0 --> คลิกขวา --> Add --> Face Mesh

25

5. คลิกที่ FaceMesh ทไี่ ดข้ ่ึนมมาใหมแ่ ลว้ กดเคร่ืองหมาย + ในส่วนของ Propertie

26

6. เปล่ยี นรปู แบบของ faceMesh ในหวั ขอ้ Shader Type .ให้เป็น Standard และทำการปรบั คา่ ของ
Skin Smoothing .ให้เป็น 40

7. การ Import ไฟล์รปู แบบของหวั ทเี่ ราไดเ้ ตรียมไว้ เพ่ือ้เป็นบลอ็ กในการใส่ 3D โดย
- คลิก Add Asset –> Import from Computer.. --> เลอื กไฟลท์ ี่ได้เตรยี มไว้

27

8. ทำการ Delete Material เก่า

28

9. ทำการเลอื่ นโมเดล 3D สว่ นหัวท่ีได้ Import เขา้ มาไปไวใ้ น Layer ของ FaceMesh ท่ีได้สร้างไว้

29

10. ทำการครบั ตำแหน่ง รูปลา่ ง ของโมเดล 3D ส่วนหัว ทไ่ี ด้ Import มา
- สีแดง ใชใ้ นการปรับตำแหนง่
- สเี ขยี ว ใช้ในการปรับองศาตา่ ง
- สีฟา้ ใชใ้ นการปรับขนาด

11. คลิกท่ตี ามหมายเลข ในภาพ

1

2
3

30

12. ทำการ Import โมเดลหมวก 3D ทต่ี ้องการข้ามา เลือกไฟล์ท่ีตอ้ งการ

31

13. ลากสว่ นของโมเดลหมวก 3D ทไี่ ด้ Import มา ไปยัง Layer ของ FaceMesh ทไี่ ดส้ ร้างไว้

32

14. ทำการปรับขนาด รูปร่าง และตำแหนง่ ของ โมเดลหมวก 3D ด้วยเครื่องมอื เดยี วกับ โมเดลส่วนหัวท่ี
ได้เคยปรบั ซง่ึ ปรับขนาด รูปร่าง และตำแหนง่ ของ โมเดลหมวก 3D ให้พอดีกบั โมเดลส่วนหวั
- โดยเราสามารถ หยุดและเล่น การเคลือ่ นไหวของตวั แบบเพอ่ื ปรบั ขาดได้ จากเครื่องมอื ภายใน
ภาพ

33

15. ทำการปดิ การแสดงผลของ Material ของโมเดลส่วนหัว โดยการคลิก Material และทำการปรับ
Opacity ให้เปน็ 0

16. ทำการสรา้ งการตวั จับ หน้าที่ 2 เพอื่ ที่ในการนำฟิวเตอร์ไปใชน้ ั้นเราจะสารมารถใช้งานฟิวเตอรห์ รอื เลน่ ฟิวเตอร์นี้นั้น
ได้มากกว่า 1 คน

- คลกิ ขวาท่ี FaceTraker --> Dupilcate

34

17. คลิกที่ FaceTraker0 เลือกในการปรับปรับแต่งในหวั ข้อ Tracked Face ใหเ้ ป็น Face1

35

18. คลิกที่ FaceTraker1 เลือกในการปรับปรับแต่งในหวั ข้อ Tracked Face ใหเ้ ป็น Face2

36

ขนั้ ตอนการอพั โหลด Filter ให้โลก Social
1. เลือกที่ File และเลอื ก Upload and Export

2. กด Uoload

37

3. ทำการเลือกโซเวี่ยวท่ตี อ้ งการ และทำการต้งั ชื่อ เลอื กหมวดหมู่

4. เลือกไฟลท์ ี่ได้ทำไว้

5. แนบไฟล์ของ icon
6. เลอื ก “โดยเรว็ ท่สี ดุ ” และใส่คอมเมน้

38

7. กด “ส่ง”

39

บรรณานกุ รม
Saowalak Rungrat มาทำ Filters 2D ของตัวเองลงบน Instagram ด้วย Spark AR ภายใน 20 นาที

Ep. 1 เขา้ ถึงได้จาก : https://medium.com/@saowalakr60 (สืบค้นเมื่อ 18 ก.ย. 2563)
ปานชนก จิตชาญวิชยั . สรา้ งส่ือเสมือนจรงิ ง่ายๆ ด้วย Pixlive maker. (ออนไลน)์ . เข้าถงึ ไดจ้ าก :

https://sysadmin.psu.ac.th/2019/09/04. (สืบค้นเม่ือ 15 ก.ย. 2563)
ไมพ่ บช่ือผู้แต่ง มาร้จู กั กบั VR, AR, MR แบบสนั้ ๆ เข้าใจงา่ ยดีกว่ามนั คอื อะไรในโลกดจิ ทิ ลั (ออนไลน์).

เขา้ ถึงได้จาก : https://www.worldvarietynews.com/vr-ar-mr/ (สืบคน้ เมื่อ 10 ก.ย. 2563)

40

41