몇 분 만에 나만의 인스타 스토리 필터 만드는 초간단 비법 대공개!

몇 분 만에 나만의 인스타 스토리 필터 만드는 초간단 비법 대공개!

 

---

목차

1. 인스타 스토리 필터, 왜 직접 만들어야 할까?
2. 준비물은 딱 두 가지! Spark AR Studio 설치 및 계정 연동
3. Spark AR Studio, 기본 기능 살펴보기
   • 인터페이스 이해하기
   • 에셋(Asset)이란?
   • 패치 에디터(Patch Editor)의 중요성
4. 내 첫 필터 만들기: 얼굴 보정 필터 따라하기
   • 프로젝트 생성 및 얼굴 메쉬 추가
   • 피부 보정 텍스처 적용하기
   • 색감 조정으로 필터 분위기 연출
5. 움직이는 필터, 텍스처 시퀀스로 생동감 더하기
   • 움직이는 요소 디자인 및 준비
   • 텍스처 시퀀스 설정 및 애니메이션 적용
6. 사용자와 상호작용하는 필터 만들기: 탭 인식 기능 활용
   • 탭 감지 패치 추가
   • 탭 이벤트에 따른 반응 설정
7. 필터 테스트 및 인스타그램으로 업로드하는 방법
   • 디바이스에서 테스트하기
   • Spark AR Hub를 통한 업로드 과정
8. 필터 제작 시 유의사항 및 팁
   • 용량 최적화
   • 저작권 문제
   • 다양한 아이디어 발상법

---

인스타 스토리 필터, 왜 직접 만들어야 할까?

인스타그램 스토리는 이제 단순한 일상 공유를 넘어 개인의 개성과 브랜드를 표현하는 중요한 수단이 되었습니다. 수많은 필터 속에서 나만의 특별한 필터를 갖는다는 것은 팔로워들에게 신선한 재미를 선사하고, 당신의 계정을 더욱 돋보이게 만들 수 있는 강력한 방법입니다. '내가 만든 필터'라는 희소성은 다른 사람들과 차별점을 두어 당신의 스토리에 특별함을 더하고, 바이럴 마케팅 효과까지 기대해볼 수 있습니다. 어렵게만 느껴졌던 필터 제작, 사실은 생각보다 쉽고 빠르게 당신도 만들 수 있습니다. 지금부터 그 비법을 자세히 알려드리겠습니다.

준비물은 딱 두 가지! Spark AR Studio 설치 및 계정 연동

인스타그램 스토리 필터 제작의 핵심 도구는 바로 메타(Meta)에서 제공하는 Spark AR Studio입니다. 이 강력한 무료 프로그램 하나면 당신의 상상력을 현실로 만들 수 있습니다.

1. Spark AR Studio 설치: 먼저 Spark AR Studio 공식 웹사이트에 접속하여 당신의 운영체제에 맞는 버전을 다운로드하고 설치하세요. 설치 과정은 일반적인 프로그램 설치와 크게 다르지 않습니다.
2. 페이스북 또는 인스타그램 계정 연동: Spark AR Studio를 실행하면 페이스북 또는 인스타그램 계정으로 로그인하라는 메시지가 나타납니다. 필터 업로드 및 관리를 위해 반드시 연동이 필요하니, 주로 사용하는 계정으로 로그인해주세요. 이 과정을 통해 당신의 필터가 Spark AR Hub에 연결되어 인스타그램으로 업로드될 수 있는 기반이 마련됩니다.

Spark AR Studio, 기본 기능 살펴보기

Spark AR Studio는 3D 그래픽 툴에 익숙하지 않은 사람들에게는 다소 복잡해 보일 수 있지만, 몇 가지 핵심 개념만 이해하면 빠르게 적응할 수 있습니다.

• 인터페이스 이해하기: Spark AR Studio를 실행하면 화면이 여러 구역으로 나뉘어 있는 것을 볼 수 있습니다.
  • 뷰포트(Viewport): 가상의 인스타그램 화면처럼 필터가 적용될 모습을 실시간으로 보여주는 공간입니다. 여기서 필터의 위치나 크기 등을 직관적으로 조절할 수 있습니다.
  • 장면 패널(Scene Panel): 현재 프로젝트에 포함된 모든 오브젝트(모델, 조명, 카메라 등)들이 계층 구조로 표시되는 곳입니다. 이곳에서 오브젝트를 추가하거나 삭제하고, 부모-자식 관계를 설정할 수 있습니다.
  • 에셋 패널(Assets Panel): 필터에 사용될 모든 리소스(이미지, 텍스처, 3D 모델, 사운드 등)들이 관리되는 공간입니다. 외부 파일을 불러오거나 내부에서 생성할 수 있습니다.
  • 인스펙터 패널(Inspector Panel): 선택된 오브젝트나 에셋의 속성을 조정하는 곳입니다. 위치, 크기, 회전, 재질 등 다양한 파라미터를 세밀하게 조절할 수 있습니다.
• 에셋(Asset)이란?: 에셋은 필터를 구성하는 모든 시각적, 청각적 요소들을 총칭하는 용어입니다. 예를 들어, 얼굴 보정 필터를 만들 때는 피부 텍스처, 색감 조정을 위한 LUT(Look Up Table) 이미지 등이 에셋이 될 수 있습니다. 3D 모델, 애니메이션, 오디오 파일 등도 모두 에셋으로 분류됩니다. Spark AR Studio는 다양한 종류의 에셋을 지원하며, 이를 활용하여 무궁무진한 필터를 만들 수 있습니다.
• 패치 에디터(Patch Editor)의 중요성: Spark AR Studio의 가장 강력한 기능 중 하나가 바로 패치 에디터입니다. 코딩 지식이 없어도 논리적인 흐름에 따라 필터의 기능을 구현할 수 있도록 돕는 시각적 프로그래밍 도구입니다. 패치(Patch)는 일종의 기능 블록으로, 입력과 출력을 연결하여 특정 동작을 수행하게 합니다. 예를 들어, 화면을 탭했을 때 특정 이미지가 나타나게 하거나, 고개를 끄덕일 때 음악이 재생되게 하는 등 복잡한 상호작용도 패치 에디터를 통해 쉽게 구현할 수 있습니다. 복잡해 보이지만, 드래그 앤 드롭 방식으로 연결하며 시각적으로 결과를 확인할 수 있어 직관적입니다.

내 첫 필터 만들기: 얼굴 보정 필터 따라하기

가장 기본적인 필터 중 하나인 얼굴 보정 필터를 만들어보며 Spark AR Studio의 작동 방식을 익혀보겠습니다.

1. 프로젝트 생성 및 얼굴 메쉬 추가:
   • Spark AR Studio를 실행한 후, '새 프로젝트'를 선택하고 '빈 프로젝트(Blank Project)'를 클릭합니다.
   • 장면 패널에서 마우스 오른쪽 버튼을 클릭하거나 'Add Object' 버튼을 클릭한 후, 'Face Tracker'를 추가합니다. Face Tracker는 얼굴을 인식하고 추적하는 기능을 합니다.
   • Face Tracker 아래에 'Face Mesh'를 추가합니다. Face Mesh는 얼굴 위에 씌워지는 3D 오브젝트로, 여기에 텍스처나 효과를 적용하여 얼굴 보정을 할 수 있습니다.
2. 피부 보정 텍스처 적용하기:
   • Face Mesh를 선택한 후, 인스펙터 패널에서 'Materials' 옆의 '+' 버튼을 클릭하여 새 재질(Material)을 생성합니다. 재질의 이름을 'Skin_Retouch' 등으로 변경합니다.
   • 새로 생성된 재질을 선택하고, 인스펙터 패널에서 'Shader Type'을 'Standard'에서 'Retouching'으로 변경합니다.
   • 'Retouching' 셰이더를 선택하면 'Strength' 옵션이 나타납니다. 이 값을 조절하여 피부 보정 강도를 설정할 수 있습니다. 너무 높게 설정하면 부자연스러워 보일 수 있으니, 적절한 값을 찾아보세요.
3. 색감 조정으로 필터 분위기 연출:
   • 색감 조정은 필터의 전체적인 분위기를 좌우하는 중요한 요소입니다. LUT(Look Up Table) 이미지를 활용하면 전문적인 색 보정 효과를 쉽게 적용할 수 있습니다.
   • 에셋 패널에서 'Add Asset'을 클릭하고 'Texture'를 선택합니다. 미리 준비해둔 색감 보정용 LUT 이미지를 불러옵니다. (LUT 이미지는 온라인에서 'free LUT texture' 등으로 검색하여 얻거나, 포토샵 등 이미지 편집 프로그램에서 직접 만들 수 있습니다.)
   • 다시 장면 패널에서 'Add Object'를 클릭한 후 'Canvas'를 추가합니다. Canvas는 2D 요소를 배치할 때 사용합니다.
   • Canvas 아래에 'Rectangle'을 추가하고, 이 Rectangle을 전체 화면에 가득 채우도록 크기를 조절합니다.
   • Rectangle에 새 재질을 추가하고 이름을 'Color_Grade' 등으로 변경합니다.
   • 이 재질의 'Shader Type'을 'Flat'으로 설정하고, 'Texture' 항목에 미리 불러온 LUT 이미지를 적용합니다.
   • 'Blend Mode'를 'Screen' 또는 'Overlay' 등으로 변경하여 원하는 색감 효과를 연출합니다. 'Opacity'를 조절하여 색감 적용 강도를 조절할 수도 있습니다. 이 과정을 통해 필터에 영화 같은 색감이나 빈티지한 느낌 등을 더할 수 있습니다.

움직이는 필터, 텍스처 시퀀스로 생동감 더하기

단순한 보정 필터를 넘어, 움직이는 요소를 추가하여 더욱 생동감 넘치는 필터를 만들어 보세요. 텍스처 시퀀스는 여러 장의 이미지를 순차적으로 재생하여 애니메이션 효과를 내는 기능입니다.

1. 움직이는 요소 디자인 및 준비:
   • 먼저 움직이게 하고 싶은 요소를 여러 장의 이미지(프레임)로 준비해야 합니다. 예를 들어, 반짝이는 별 효과를 만들고 싶다면 별이 점점 커지거나 사라지는 여러 단계의 이미지를 각각 저장합니다. 배경은 투명하게 PNG 파일로 저장하는 것이 좋습니다.
   • 이미지 편집 프로그램을 사용하여 각 프레임의 크기와 위치를 정교하게 맞춰야 자연스러운 애니메이션이 됩니다.
2. 텍스처 시퀀스 설정 및 애니메이션 적용:
   • 에셋 패널에서 'Add Asset'을 클릭하고 'Animation Sequence'를 선택합니다.
   • 새로 생성된 애니메이션 시퀀스를 선택하고 인스펙터 패널의 'Texture' 항목에서 준비된 여러 장의 이미지를 한 번에 선택하여 불러옵니다. 그러면 Spark AR Studio가 자동으로 이 이미지들을 순서대로 재생할 수 있도록 설정해 줍니다.
   • 'FPS(Frames Per Second)'를 조절하여 애니메이션 재생 속도를 설정할 수 있습니다.
   • 이제 이 애니메이션 시퀀스를 적용할 오브젝트를 만듭니다. 예를 들어, 장면 패널에서 'Plane'을 추가하고, 이 Plane에 새 재질을 적용합니다. 이 재질의 'Texture' 항목에 방금 생성한 애니메이션 시퀀스를 연결합니다.
   • Plane의 위치, 크기, 회전을 조절하여 원하는 위치에 애니메이션이 나타나도록 배치합니다. 얼굴 위에 떠다니는 하트나 머리 위에 나타나는 움직이는 왕관 등을 만들 수 있습니다.

사용자와 상호작용하는 필터 만들기: 탭 인식 기능 활용

사용자가 화면을 탭했을 때 필터의 요소가 바뀌거나 특정 반응을 보이도록 만들어 필터에 재미를 더할 수 있습니다. 패치 에디터를 활용하면 쉽게 구현할 수 있습니다.

1. 탭 감지 패치 추가:
   • 패치 에디터(화면 하단 메뉴에서 아이콘 클릭)를 엽니다.
   • 'Add Patch'를 클릭하고 'Screen Tap' 패치를 검색하여 추가합니다. 이 패치는 화면 탭 이벤트를 감지합니다.
2. 탭 이벤트에 따른 반응 설정:
   • 이제 탭 이벤트에 따라 반응할 요소를 연결해야 합니다. 예를 들어, 화면을 탭할 때 특정 오브젝트가 나타나거나 사라지게 하고 싶다면:
     • 장면 패널에서 나타나거나 사라지게 할 오브젝트를 선택하고, 인스펙터 패널에서 해당 오브젝트의 'Visible' 속성을 드래그하여 패치 에디터로 가져옵니다. 그러면 'Visible' 패치가 생성됩니다.
     • 'Screen Tap' 패치의 'Tap' 출력을 'Visible' 패치의 입력에 연결합니다.
     • 탭할 때마다 가시성이 토글되도록 하려면, 'Screen Tap' 패치와 'Visible' 패치 사이에 'Toggle' 패치를 추가합니다. 'Screen Tap'의 'Tap' 출력을 'Toggle'의 'Flip' 입력에 연결하고, 'Toggle'의 출력을 'Visible' 입력에 연결하면 됩니다.
   • 만약 탭할 때마다 다른 텍스처나 다른 애니메이션이 재생되도록 하고 싶다면, 'Option Picker' 패치나 'Loop Animation' 패치 등을 활용하여 복잡한 상호작용을 구현할 수 있습니다. 패치 에디터는 드래그 앤 드롭 방식으로 다양한 기능을 연결하고 조합할 수 있어 창의적인 필터를 만들 수 있는 무궁무진한 가능성을 제공합니다.

필터 테스트 및 인스타그램으로 업로드하는 방법

필터를 성공적으로 만들었다면, 실제 환경에서 테스트하고 인스타그램에 업로드할 차례입니다.

1. 디바이스에서 테스트하기:
   • Spark AR Studio 화면 좌측 하단의 'Test on Device' 버튼을 클릭합니다.
   • 팝업창에서 'Send to Instagram' 또는 'Send to Facebook'을 선택하면, 당신의 인스타그램 또는 페이스북 계정으로 알림이 전송됩니다.
   • 휴대폰에서 해당 알림을 열면 필터가 적용된 카메라 화면이 나타나며, 실시간으로 필터를 테스트해볼 수 있습니다. 다양한 얼굴과 환경에서 테스트하여 필터가 의도한 대로 잘 작동하는지 확인하는 것이 중요합니다.
2. Spark AR Hub를 통한 업로드 과정:
   • 테스트가 완료되고 필터가 완벽하다고 판단되면, Spark AR Studio 좌측 하단의 'Upload' 버튼을 클릭합니다.
   • 그러면 Spark AR Hub 웹사이트로 이동됩니다. Spark AR Hub는 당신의 필터를 관리하고 인스타그램에 제출하는 중앙 허브 역할을 합니다.
   • 필터 정보 입력: 필터의 이름, 미리보기 아이콘(썸네일), 카테고리, 그리고 필터가 적용된 데모 비디오를 업로드해야 합니다. 데모 비디오는 필터의 특징을 잘 보여줄 수 있도록 15초 이내로 제작하는 것이 좋습니다.
   • 심사 제출: 모든 정보를 입력하고 '제출' 버튼을 누르면, 메타의 심사팀에서 필터를 검토하게 됩니다. 심사는 보통 며칠에서 몇 주까지 소요될 수 있으며, 가이드라인에 위배되는 내용이 있을 경우 반려될 수 있습니다.
   • 승인 및 공개: 심사가 승인되면 필터는 인스타그램에 공개되며, 당신의 프로필에도 필터 탭이 생성되어 다른 사람들이 당신의 필터를 사용하고 공유할 수 있게 됩니다.

필터 제작 시 유의사항 및 팁

성공적인 필터 제작을 위해 몇 가지 중요한 사항들을 고려해야 합니다.

• 용량 최적화: 인스타그램 필터는 용량 제한이 있습니다. 고품질의 텍스처나 복잡한 3D 모델을 많이 사용할 경우 용량이 초과될 수 있습니다. Spark AR Studio는 용량 최적화 도구를 제공하니, 이를 활용하여 이미지 크기를 줄이거나, 3D 모델의 폴리곤 수를 최적화하는 등의 노력이 필요합니다. 용량 초과 시 필터 업로드 자체가 불가능할 수 있습니다.
• 저작권 문제: 필터에 사용되는 모든 이미지, 사운드, 3D 모델 등은 반드시 저작권에 문제가 없는 자료여야 합니다. 무료 소스를 사용하거나 직접 제작하는 것이 안전하며, 상업적 사용이 가능한 라이선스를 가진 자료인지 꼼꼼히 확인해야 합니다. 타인의 저작권을 침해하는 필터는 심사 과정에서 반려될 뿐만 아니라 법적 문제로 이어질 수 있습니다.
• 다양한 아이디어 발상법: 어떤 필터를 만들지 아이디어가 떠오르지 않는다면, 주변의 다양한 소스에서 영감을 얻어보세요.
  • 트렌드 분석: 현재 인스타그램에서 유행하는 필터나 챌린지 등을 참고하여 나만의 스타일로 변형해보세요.
  • 일상 속 영감: 좋아하는 영화, 애니메이션, 게임 캐릭터, 자연 현상 등 일상 속에서 발견할 수 있는 모든 것이 필터 아이디어가 될 수 있습니다.
  • 기능적 접근: 얼굴 보정, 배경 변경, 재미있는 게임 요소 추가 등 Spark AR Studio의 다양한 기능을 활용하여 어떤 재미있는 필터를 만들 수 있을지 고민해보세요.
  • 협업: 친구나 동료들과 함께 아이디어를 공유하고 피드백을 주고받는 것도 좋은 방법입니다.
  • 실험과 반복: 처음부터 완벽한 필터를 만들려고 하기보다는, 다양한 시도를 해보고 반복적으로 수정하며 개선해나가는 과정이 중요합니다. Spark AR Studio는 실시간 미리보기를 제공하므로, 즉각적으로 결과를 확인하며 수정할 수 있습니다.

지금 바로 Spark AR Studio를 다운로드하고, 당신의 기발한 아이디어를 인스타그램 필터로 구현하여 세상에 공개해보세요! 생각보다 쉽고 재미있는 필터 제작의 세계에 푹 빠지게 될 것입니다.