본문 바로가기
iOS-안드로이드

[권박사] 자신의 Instagram 필터를 만드는 방법 (feat.Spark AR Studio)

by GDBS 2021. 8. 4.
728x170

 

 

대부분의 Instagram 사용자는 AR 필터에 익숙합니다. 

보다 생생한 형태의 디지털 표현을 가능하게 하는 사용자 정의 효과입니다. 당신은 아마 그것들을 전에 사용해 본 적이 있을 것입니다.

AR 제작자 커뮤니티는 지속적으로 새로운 효과를 연구하고 있고 실험할 수 있는 효과가 풍부하지만 AR 필터와 관련하여 자신만의 창의적인 아이디어가 있을 수 있습니다. 당신은 그들을 시도하고 언제든지 실천할 수 있습니다. 

여기에서는 Instagram 맞춤형 AR 필터를 구축하는 방법을 보여줍니다.

 

 

1. Spark AR Studio 다운로드 및 설치

자신만의 인스타그램 AR 필터를 구축하려면 Spark AR Studio 라는 프로그램이 필요합니다 . Facebook에서 만든 무료 도구로 거의 모든 사람이 소셜 앱용 AR 효과를 디자인하고 구축할 수 있습니다. Windows 및 Mac 플랫폼 모두에서 사용할 수 있습니다. 가장 첫 번째 단계는 장치에 프로그램을 다운로드하여 설치하는 것입니다. 이 작업이 완료되면 프로그램을 시작합니다.

 

2. Facebook 계정을 사용하여 로그인

이 도구를 사용하려면 Facebook 계정이 필요합니다. Spark AR Studio에서 자격 증명으로 로그인하여 여정을 시작하세요.

 

3. 플랫폼에 익숙해지기

Spark AR Studio는 복잡한 도구입니다. 

시각 디자인에 대한 경험이 거의 또는 전혀 없다면 처음에는 다소 압도적으로 보일 수 있습니다. Spark를 시작하는 가장 좋은 방법은 미리 둘러보는 것입니다. 단 5분 만에 소프트웨어 인터페이스에 대한 간략한 개요를 제공합니다.

그런 다음, 학습 센터 에서 몇 가지 자습서 를 살펴보고 Spark의 주요 기능과 도구에 대해 더 잘 알 수 있습니다. 작업할 준비가 되었다고 생각되면 처음부터 필터를 만들거나 미리 설정된 필터로 시작할 수 있습니다.

 

4. 하고 싶은 일 결정하기

도구를 처음 사용하는 경우 템플릿으로 시작하는 것이 좋습니다. 사용 가능한 옵션에서 선택하고 사전 설정 효과로 실험을 시작하여 작동 방식과 구성 요소를 확인하십시오.

예를 들어 "머리색"을 사용합니다. 템플릿을 적용한 다음 기본 설정을 사용하여 실시간으로 결과를 확인하세요. 이렇게 하면 각 구성 요소가 수행하는 작업에 대한 아이디어를 얻을 수 있으며 가치 있는 변형을 만들 수도 있습니다. 학습하기에 좋은 방법이므로 모든 템플릿을 탐색하는 것이 좋습니다.

 

5. 사진에 간단한 빈티지 먼지 효과 만들기

이 섹션에서는 Spark AR Studio를 사용하여 사진에 간단한 빈티지 느낌의 먼지 효과를 만드는 방법을 설명합니다.

먼저 "파일 -> 새로 만들기"로 이동하거나 Windows 컴퓨터에서 Ctrl+ N를 눌러 Spark AR Studio에서 새 프로젝트를 엽니다 .

Spark AR은 5개의 주요 영역으로 나누어진 기본 작업 공간을 엽니다. 중간에 있는 넓은 공간을 뷰포인트라고 합니다. 주요 작업 영역을 나타내며 프로젝트에 대한 전체 관점을 제공합니다. 여기에서 장치 카메라 범위 내에서 필터의 모든 개체를 볼 수 있습니다.

뷰포인트의 오른쪽 상단에 시뮬레이터라는 모바일 장치가 있습니다. 기본적으로 iPhone 8이 제공되지만 원하는 경우 Android 기기로 변경할 수 있습니다. 작업을 미리 보는 데 사용됩니다.

 

디스플레이의 왼쪽 상단에는 필터에 있는 객체의 기본 구조를 포함하는 "장면 패널"이 있습니다. 기본적으로 두 조명 요소인 "ambientLight0" 및 "directionalLight0"을 얻습니다. 바로 아래에는 장면 패널에서 개체를 설명하는 데 사용되는 모든 재료가 있는 "자산 패널"이 있습니다.

마지막으로 디스플레이 오른쪽에는 필터에 포함된 요소의 모든 속성을 찾을 수 있는 "검사기 패널"이 있습니다. 여기에는 색상, 질감, 위치 등이 포함됩니다.

이제 작은 프로젝트를 시작하기 전에 시뮬레이터에서 보기를 변경할 수 있습니다. 셀카 카메라 모드는 기본적으로 남자의 얼굴을 표시하도록 활성화되어 있지만 원하는 경우 왼쪽의 비디오 아이콘을 클릭하고 새 얼굴을 선택하여 다시 시작하는 사람을 변경할 수 있습니다.

또는 후방 카메라 보기를 선택하고 대체 실시간 시뮬레이션 옵션 위에 있는 "+" 버튼을 눌러 사용할 짧은 비디오를 업로드할 수 있습니다. .webm 파일이어야 합니다. 선택을 완료하고 콘텐츠가 로드되면 필터 생성 프로세스를 시작할 수 있습니다.

 

 

<필터 만들기>

1. 화면에 사각형을 추가합니다. 그렇게 하려면 장면 패널로 이동하여 "개체 추가"를 클릭합니다. 사각형 옵션을 찾을 때까지 아래로 스크롤하거나 검색 창을 사용하여 빠르게 찾습니다. 삽입을 클릭합니다.

2. 스마트폰 화면의 왼쪽 상단 모서리에 작은 직사각형이 배치된 것을 알 수 있습니다. 이름을 바꾸려면 Scene에서 새 "rectangle0"을 마우스 오른쪽 버튼으로 클릭합니다.

 

3. Inspector 패널에서 Width와 Height를 찾습니다. 각각을 차례로 클릭하고 "Fill Width" 및 "Fill Height"를 선택합니다. 이렇게 하면 뷰포인트가 사각형으로 완전히 덮이게 됩니다. 이 체크 무늬 패턴은 "알파"로 알려져 있으며 투명합니다.

4. "먼지가 많은" 레이어를 맨 위에 바르십시오. 이를 위해 먼지 텍스처가 필요합니다. 온라인에서 많이 찾을 수 있습니다. 컴퓨터에 몇 개를 저장하여 손에 들고 세로 방향인지 확인하십시오.

 

5. Inspector 패널에서 "+" 버튼을 클릭하고 "Create New Material"을 선택하여 새 재료를 만듭니다.

6. 자산 패널에서 새 재료(material1)를 클릭하여 Inspector에 속성을 불러옵니다. 나중에 사용할 다른 것들과 쉽게 구별할 수 있도록 재료의 이름을 바꾸는 것이 좋습니다.

7. Inspector로 돌아가서 "파일 선택"을 선택하여 원하는 먼지 질감을 사용합니다.

8. 이제 텍스처가 압축 중이므로 Spark가 작업을 완료할 수 있도록 몇 초를 주십시오.

 

9. 완료되면 다시 Inspector에게 주의를 기울이십시오. 상단의 드롭다운 메뉴에서 다른 "셰이더 유형"을 선택합니다. "플랫"이어야 합니다.

10. 텍스처가 시뮬레이터에 나타나지만 이 시점에서는 화면이 검게 변할 뿐입니다. 보기에 먼지를 "뿌리려면" "렌더링 옵션"으로 이동하여 "블렌드 모드" 아래의 메뉴에서 "스크린"을 선택하십시오.

11. 이제 필터가 시뮬레이터에 표시됩니다. "블렌드 모드"에서 추가를 선택할 수도 있으며, 보시다시피 결과가 좀 더 강렬합니다. 가장 적합한 것을 찾을 때까지 불투명도 막대를 만지작거릴 수도 있습니다.

 

다음으로 추가 텍스처를 추가하고 좋아하는 것을 선택할 수 있도록 텍스처가 어떻게 보이는지 확인할 수 있습니다. 물론 원하는 경우 하나 이상을 유지할 수 있습니다.

 

6. 필터 테스트 및 게시

다음으로 모바일에서 이 효과를 테스트하고 실제로 어떻게 보이는지 확인할 수 있습니다. 이렇게 하려면 Spark AR Studio에 프로젝트를 저장했는지 확인하세요.

모바일 장치에 Spark AR Player 를 다운로드하여 설치 합니다. 앱을 실행하면 개발자 옵션 에서 USB 디버깅을 켜라는 메시지가 표시됩니다(Android의 경우). 그렇게 한 다음 USB 케이블을 사용하여 전화를 컴퓨터에 연결하십시오.

바탕 화면의 Spark AR Studio로 돌아가서 디스플레이 왼쪽 하단에 있는 스마트폰 모양의 버튼을 클릭하여 "Test on device"를 클릭합니다. 보내기 버튼을 클릭하면 효과가 모바일로 전달됩니다.

이제 휴대폰의 Spark AR 플레이어와 필터가 여러분을 기다리고 있을 것입니다. 실시간으로 효과를 시도하고 사진을 찍을 수도 있습니다.

작업이 자랑스럽고 필터를 게시하려면 Spark AR Studio로 돌아가서 "기기에서 테스트" 바로 아래에 있는 "업로드 및 내보내기" 버튼을 탭합니다. 새 필터를 만드는 데 시간이 걸립니다. 승인을 받으려면 인내심이 필요합니다.

 

 

728x90
반응형
그리드형

댓글