AR

1

2การสรา้ งส่อื AR แบบ 1 Video เตรยี มรูปภาพทา Trigger (ภาพท่จี ะสอ่ ง) ขนาด 800X600 พิกเซล (ไฟล.์ jpg) เตรยี มไฟล์ Video (ไฟล.์ mp4) โดยสามารถดาวนโ์ หลดจาก youtube (ไม่ควรเกิน3 นาท)ี  ลบ ube จาก youtube  เลือก MP4  กดดาวนโ์ หลด MP4 ออกแบบหนา้ จอ (Screen Design) จากไฟล์ .ppt > Save เป็ นไฟล์ .jpg เตรยี มป่ ุมตา่ ง ๆ ไดแ้ ก่ ป่ ุม Play, ป่ ุม Pause, ป่ ุม Stop, ป่ ุม facebook ฯลฯ (ไฟล.์ png)  Save ไดจ้ ากเว็บไซด์ IconAchive *****ทุกไฟลค์ วรเก็บไวใ้ น Folders เดียวกนั ***** โดย ครูวิลาวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

3การสรา้ งส่อื AR แบบ 1 Video เขา้ เว็บ https://studio.hpreveal.com/landing กรอก User Name : …………………….. กรอก Password : ………………………. ไปท่ีแท็ป My AURAS กด Create New Aura โดย ครูวลิ าวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

4การสรา้ งส่อื AR แบบ 1 Videoการ Upload Trigger  กด Click upload Trigger Image  ตง้ั ชื่อ Trigger เชน่ PTTC01_1 (เลขท่ี 1_งานช้ ินที่ 1)  กด Browse หาไฟลภ์ าพที่เราจะสรา้ ง Trigger  อปั โหลดภาพ Trigger กด Save โดย ครูวิลาวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

5การสรา้ งส่อื AR แบบ 1 Video กด Next โดย ครูวลิ าวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

6การสรา้ งส่ือ AR แบบ 1 Videoใสภ่ าพหนา้ จอ (Screen Design)  กด Click upload Overlayโดย ครูวลิ าวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

7การสรา้ งสื่อ AR แบบ 1 Video  เลือกชนิดเป็ นแบบ Image  กด Browse  เลือกไฟลห์ นา้ จอ (ชื่อไฟล์ ScreenCNX.jpg)  กด Save

8การสรา้ งส่อื AR แบบ 1 Video กด Zoom Out เพ่ือลดขนาดหนา้ จอ คลกิ ขวา เลือก Fit to > Trigger (ปรบั ขนาดหนา้ จอใหเ้ ท่ากบั Trigger)โดย ครูวลิ าวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

9การสรา้ งสอื่ AR แบบ 1 Videoใสภ่ าพ ป่ ุม Play กด Click upload Overlay เลือกชนิดเป็ น Image กด Browse เลือกไฟลป์ ่ ุม Play (ชื่อไฟล์ Button-Play-icon.png) กด Save โดย ครูวิลาวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

10การสรา้ งส่อื AR แบบ 1 Videoโดย ครูวลิ าวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

11การสรา้ งส่อื AR แบบ 1 Video ป่ ุม Play จะเตม็ จอ ใหย้ อ่ ขนาดป่ ุม Play แลว้ ลากไปวาง แถบวางป่ ุมดา้ นขวามือโดย ครูวิลาวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

12การสรา้ งสอื่ AR แบบ 1 Videoใสภ่ าพ ป่ ุม Pause กด Click upload Overlay เลือกชนิดเป็ น Image กดป่ ุม Browse เลือกไฟลป์ ่ ุม Play (ช่ือไฟล์ Button-Pause-icon.png) กดป่ ุม Save โดย ครูวลิ าวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

13การสรา้ งส่อื AR แบบ 1 Videoโดย ครูวลิ าวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

14การสรา้ งส่ือ AR แบบ 1 Video ป่ ุม Pause จะเต็มจอ (ป่ ุม Pause อยใู่ น Overlay1, ป่ ุม Play อยใู่ น Overlay 2) เราจะทาใหข้ นาดของป่ ุม Pause เท่ากบั ป่ ุม Play ใหค้ ลิกขวา > เลือก Fit to… > เลือก Overlay 2 โดย ครูวิลาวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

15การสรา้ งส่ือ AR แบบ 1 Video ป่ ุม Pause จะทบั ป่ ุม Play ใหค้ ลิกเมา้ สซ์ า้ ยคา้ งไว้ แลว้ ลากป่ ุม Pause ลงมา จดั วางใหส้ วยงามโดย ครูวลิ าวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

16การสรา้ งสื่อ AR แบบ 1 Videoใสภ่ าพ ป่ ุม Stop กด Click upload Overlay เลือกชนิดเป็ น Image กดป่ ุม Browse เลือกไฟลป์ ่ ุม Stop (ช่ือไฟล์ Button-Stop-icon.png) กดป่ ุม Save โดย ครูวลิ าวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

17การสรา้ งส่อื AR แบบ 1 Videoโดย ครูวลิ าวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

18การสรา้ งส่อื AR แบบ 1 Video ป่ ุม Stop จะมีขาดใหญ่เต็มจอ (ป่ ุม Stop อยใู่ น Overlay1, ป่ ุม Pause อยใู่ น Overlay 2) เราจะทาใหข้ นาดของป่ ุม Stop เท่ากบั ป่ ุม Pause ใหค้ ลิกขวา > เลือก Fit to… > เลือก Overlay 2 โดย ครูวลิ าวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

19การสรา้ งส่ือ AR แบบ 1 Video ป่ ุม Stop จะทบั ป่ ุม Pause ใหค้ ลิกเมา้ สซ์ า้ ยคา้ งไว้ แลว้ ลากป่ ุม Stop ลงมา จดั วางใหส้ วยงามโดย ครูวลิ าวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

20การสรา้ งสอื่ AR แบบ 1 Videoใสภ่ าพ ป่ ุม Facebook กด Click upload Overlay เลือกชนิดเป็ น Image กดป่ ุม Browse เลือกไฟลป์ ่ ุม Facebook (ชื่อไฟล์ Button-Stop-icon.png) กดป่ ุม Saveโดย ครูวิลาวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

21การสรา้ งส่อื AR แบบ 1 Videoโดย ครูวลิ าวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

22การสรา้ งสื่อ AR แบบ 1 Video ป่ ุม Facebook จะเต็มจอ (ป่ ุม Facebook อยใู่ น Overlay1, ป่ ุม Stop อยใู่ น Overlay 2) เราจะทาใหข้ นาดของป่ ุม Facebook เท่ากบั ป่ ุม Stop ใหค้ ลิกขวา > เลือก Fit to… > เลือก Overlay 2 โดย ครูวิลาวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

23การสรา้ งสื่อ AR แบบ 1 Video ป่ ุม Facebook จะทบั ป่ ุม Stopใหค้ ลิกเมา้ สซ์ า้ ยคา้ งไว้ แลว้ ลากป่ ุม Facebook ลงมา จดั วางใหส้ วยงามโดย ครูวลิ าวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

24การสรา้ งสื่อ AR แบบ 1 Videoการ Upload Video  กด Click upload Overlay  กดป่ ุม Browse เพ่ือเลือกไฟลว์ ีดีโอ (ช่ือไฟล์ musicvido.mp4)  กดป่ ุม Save โดย ครูวิลาวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

25การสรา้ งส่อื AR แบบ 1 Videoโดย ครูวลิ าวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

26การสรา้ งสอ่ื AR แบบ 1 Video รอคอย .... การอปั โหลดไฟลว์ ิดีโอ .... จนกว่าจะเสร็จ ภาพวีดีโอจะมีขนาดเตม็ จอ ใหท้ าการยอ่ หนา้ จอใหเ้ ท่ากบั หนา้ จอเล็ก Screen Designโดย ครูวิลาวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

27การสรา้ งสือ่ AR แบบ 1 Videoการควบคมุ การทางานของ หนา้ จอ ไปที่ Overlay ของหนา้ จอ ใสเ่ ครอื่ งหมาย  Fade in คลิก Add Action กดเคร่อื งหมาย Drop down (ลกู ศรช้ ีลง) เปลี่ยน When Overlay is tapped เป็ น After overlay has fade inโดย ครูวลิ าวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

28การสรา้ งส่อื AR แบบ 1 Video กดป่ ุม Add Action กดเครือ่ งหมาย Drop down(ลกู ศรช้ ีลง) เลอื ก Make an Overlayfull screen กดป่ ุม Add Action กดเครอื่ งหมาย Drop down(ลกู ศรช้ ีลง) เลอื ก Overlay Screen หนา้ จอ ชื่อ (6)ScreenCNX กดป่ ุม Done > กดป่ ุม Save โดย ครูวลิ าวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

29การสรา้ งส่อื AR แบบ 1 Videoการควบคมุ การทางานของ ป่ ุม Play ไปที่ Overlay ของ ป่ ุม Play ใสเ่ ครื่องหมาย  Fade in คลิก Add Action ดา้ นบนจะเป็ น When Overlay is tapped คลิก Add Action กดเคร่อื งหมาย Drop down (ลกู ศรช้ ีลง) เลือกStart Overlay โดย ครูวลิ าวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

30การสรา้ งสอื่ AR แบบ 1 Video กดป่ ุม Add Action กดเครื่องหมาย Drop down(ลกู ศรช้ ีลง) เลือกไฟลว์ ิดีโอ ช่ือ (1) musicvideo กดป่ ุม Done กดป่ ุม Save โดย ครูวิลาวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

31การสรา้ งสอื่ AR แบบ 1 Videoการควบคมุ การทางานของ ป่ ุม Pause ทาคลา้ ยป่ ุม Play โดย ครูวิลาวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

32การสรา้ งสอ่ื AR แบบ 1 Videoการควบคมุ การทางานของ ป่ ุม Stopโดย ครูวิลาวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี

33การสรา้ งสื่อ AR แบบ 1 Videoการควบคุมการทางานของ ป่ ุม Facebookโดย ครูวลิ าวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

34การสรา้ งสอ่ื AR แบบ 1 Videoการควบคมุ การทางานของ Video▫ กด Save▫ กด Next โดย ครูวลิ าวลั ย์ วชั โรทยั วิทยาลยั เทคนิคปทมุ ธานี

35การสร้างส่ือ AR แบบ 1 Videoการแชรว์ ดี โี อโดย ครูวิลาวลั ย์ วชั โรทยั วทิ ยาลยั เทคนิคปทมุ ธานี