Jan 29, 2021

สร้างฟิลเตอร์ง่าย ๆ ด้วย SPARK AR

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

ถ้างั้นเรามาเข้าเรื่องกันเลยละกัน โปรแกรมที่เราจะพูดถึงในวันนี้ คือ โปรแกรม SPARK AR นั่นเอง เจ้าโปรแกรมตัวนี้เป็นแพลตฟอร์ม AR ที่พัฒนาโดย Facebook นั่นเอง และที่สำคัญเรายังสามารถใช้งานพร้อมอัปโหลดผลงานที่เราทำออกมาใช้ได้อีกด้วย

ก่อนอื่นให้เพื่อน ๆ เตรียมของทั้ง 3 อย่างนี้แล้วทำไปพร้อมกับเราเลย

1. ไปดาวน์โหลดโปรแกรมได้จากลิงก์นี้เลย: https://sparkar.facebook.com/ar-studio/download/

2. ไปที่ https://sparkar.facebook.com/ar-studio/learn/articles/people-tracking/face-reference-assets/ และเลือกดาวน์โหลดไฟล์ Face Reference Assets

3. Emoji รูปเห็ด หรือจะใช้รูปอื่นก็ได้ตามใจเพื่อน ๆ เลย

หลังจากติดตั้งและเข้ามาในโปรแกรมแล้วให้เราคลิกที่ Blank Project เพื่อเริ่มสร้าง AR ที่เป็นของเราเอง

หน้าจอการใช้งานของโปรแกรมจะแบ่งออกเป็น 3 ส่วน คือ

ด้านซ้าย — จะเป็นแถบที่ใช้ในการ Add Object ต่าง ๆ เพิ่มเข้ามา

ตรงกลาง — จะเป็นหน้าต่างแสดงผล

ด้านขวา — จะเป็นการตกแต่งเปลี่ยนรูปแบบ

ตอนนี้เพื่อน ๆ น่าจะเข้าใจการวางตำแหน่งของโปรแกรมคร่าว ๆ แล้ว งั้นเรามาเริ่มสร้างฟิลเตอร์ของเรากันเลย

1. เปิดโปรแกรม Photoshop หรือโปรแกรมแต่งภาพอื่น ๆ จากนั้นเปิดไฟล์ Face Reference Assets ที่ดาวน์โหลดมา และวาง Emoji ลงในตำแหน่งที่เราต้องการ และเซฟเก็บไว้เป็นไฟล์ PNG

2. เปิดโปรแกรม Spark AR และนำรูป FaceAssets-Texture.png ลากมาใส่ที่ Spark AR (เลือก No Compression เพื่อให้รูปคมชัด)

3. สร้างหน้าวาว

 



หลังจากนั้นเพื่อน ๆ ก็ได้หน้ามันวาวแบบนี้

4. สร้างสติกเกอร์หมากรุกบนหน้า

เพิ่มหน้าสำหรับใส่สติกเกอร์ทำแบบเดิมให้เลือก face Tracker เลือก Add > FaceMesh

จากนั้นโปรแกรมก็จะจับหน้าเราเป็นตารางหมากรุก

ขั้นตอนต่อไปให้สร้าง Materials ใหม่ ทางแถบด้านขวามือ จากนั้น Materials ที่เราสร้างมาใหม่จะอยู่ในช่อง Assets และเปลี่ยนชื่อใหม่ให้เราไม่สับสน

จากนั้นก็ตั้งค่าตามรูปเพื่อนำไฟล์ PNG ที่เราทำไว้มาใส่บนใบหน้าเลย

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

ใน Part ต่อไปเราจะมาสอนเพื่อน ๆ อัปโหลดไปไว้ใน Facebook และ Instagram เพื่อเอาไว้ใช้งานกันนะครับ รอติดตามได้เลย

Tag: #Knowledge