본문 바로가기
반응형

IT 프로그래밍/메타버스 3D 공간4

인스타그램 필터만들기! 누구나 쌉가능 SparkAR 사용방법! [step4] 이제 마지막 단계입니다!!! 이번 단계에서는 만든 필터를 인스타나 페이스북에서 사용 가능하도록 sparkAR에 공개 발행하는 과정을 배워보겠습니다. ​ ​ 이전에 만들어놓은 필터에서 왼쪽을 보시면 Publish를 선택하시면 오른쪽 사진과 같은 창이 뜹니다. 거기서 화살표로 표시된 Add Experience를 선택합니다. Add Experience를 선택하면 위와 같은 창이 뜹니다. 거기서 또 Add Experience를 선택합니다. 인스타그램과 페이스북에서 공유하여 사용할 수 있는 필터로 설정하는 Sharing Experience를 선택합니다. 기본으로 인스타그램과 페이스북이 선택되어 있습니다. 그대로 놔두셔도 되고 둘 중 하나만 선택하셔도 괜찮습니다. 그리고 Done 버튼을 누릅니다. Done을 누르면.. 2023. 2. 28.
인스타그램 필터만들기! 누구나 쌉가능 SparkAR 사용방법! [step3] 안녕하세요 이전 단계인 [step2]에서는 사용할 이미지를 편집하고, 얼굴 방향을 인식하기 위한 faceTracker를 추가하였습니다. 이번 시간에는 만든 이미지를원하는 위치에 지정하는 방법을 배워보겠습니다. step2에서 했던 faceTracker 가 추가되어 있습니다. 화살표로 보이는 +를 선택한 후, 밑으로 내리시면 Plane이 있습니다. Plane을 추가하시면 됩니다. 얼굴에 붙일 이미지를 위해 판을 추가하는 과정입니다. 추가한 Plane을 faceTracker 안으로 넣어야 합니다. 이미 안에 넣어져 있다면 다음으로 넘어가시고, 밖에 있다면 plane을 faceTracker로 넣어야 합니다. ​ 그리고 plane을 선택하시면 오른쪽 메뉴에 Materials가 있습니다. +를 눌러서 추가해 줍니다.. 2023. 2. 28.
인스타그램 필터만들기! 누구나 쌉가능 SparkAR 사용방법! [step2] 이전 단계인 [step1]에서는 인스타그램 필터를 만들기 위한 sparkARstudio를 다운로드하고 설치한 후, 얼굴 방향을 인식할 수 있는 facetracker를 추가하였습니다. 이번 단계에서는 얼굴에 붙일 이미지 만들어 보겠습니다. ​ ​ 얼굴에 붙일 이미지를 만들려면 원하는 이미지를 그리거나, 다운로드해서 배경을 잘라주어야 합니다. 배경이 있는 파일을 사용하게 되면 그 자체로 화면에 보이기 때문에 화면에 띄우고 싶은 부분만 잘라내어야 합니다. ​ 저는 Figma라는 웹 디자인 툴을 이용하여 이미지를 잘라내었습니다. 무료로 사용할 수 있어서 좋습니다. ​ 이미 편집된 이미지를 가지고 계시다면 step3로 넘어가시면 됩니다. ​ https://www.figma.com/files/recent?fuid=.. 2023. 2. 28.
인스타그램 필터만들기! 누구나 쌉가능 SparkAR 사용방법! [step1] 인스타그램 사용하는 사람들 여기에 모이십시오. 제가 만든 인스타그램 필터 만드는 과정을 설명해 보겠습니다. 결과를 잠시 보자면, 밑에 캡처와 같이 눈에 동전이 생기는 필터를 만들 겁니다. 인스타그램의 필터를 만들기 위해서는 메타에서 제공하는 sparkAR이라는 툴이 있습니다. 위 링크로 들어가셔서 프로그램을 다운로드하여 설치하면 됩니다. 맨 위에 있는 [학습]을 선택하신 후 왼쪽에 [다운로드]를 클릭하면 Spark AR을 설치하실 수 있습니다. 다운로드 페이지로 들어가시면 세 가지 옵션이 나옵니다. Spark AR Studio : 이번에 다운로드할 필터를 만들기 위한 툴입니다. 각각의 소프트웨어에 맞는 (windows 또는 macOS) 프로그램을 설치하시면 됩니다. Spark AR Player 앱 : 나.. 2023. 2. 28.
반응형