Skip to main content

​
워크플로 초기화

플러그인으로 디자인하기 전에 작업 공간을 초기화해야 합니다.
  1. Workflow Initialization 섹션에서 Initialize Workspace 버튼을 클릭합니다.
  2. 플러그인이 Facebetter_Workspace라는 이름의 2048x2048 캔버스를 자동으로 생성합니다.
  3. 캔버스에는 106개의 표준 얼굴 디자인 참조점(Figma 템플릿)이 포함됩니다. 런타임 랜드마크 콜백은 111점을 반환합니다. 개요를 참고하세요.
  4. 옵션: “Show Landmark Numbers”를 선택하면 부위별 번호를 쉽게 확인할 수 있습니다.

​
스티커 레이어와 속성 바인딩

스티커 제작의 핵심 단계입니다. 스티커가 얼굴 움직임에 어떻게 따라갈지 정의합니다.
  1. 레이어 선택: Figma 캔버스에서 디자인한 스티커 레이어를 선택합니다(작업 공간 안에 있어야 합니다).
  2. 속성 설정:
    • Blend Mode: 스티커와 얼굴의 합성 효과(예: Normal, Overlay, Screen 등)를 설정합니다.
    • Position Type:
      • Landmarks: 특정 얼굴 랜드마크를 따라갑니다(가장 일반적).
      • Face Rect: 얼굴 전체 영역을 기준으로 위치를 잡습니다.
      • Screen Space: 화면상의 고정 위치에 둡니다.
    • Trigger Type: 스티커가 나타나는 조건(항상 표시, 얼굴 감지, 입 벌림 등)을 설정합니다.
    • Trigger Delay: 트리거 후 지연 시간입니다.
    • Alpha Factor: 스티커 전체 투명도를 조절합니다.
    • FPS: 애니메이션 프레임 레이트를 설정합니다(레이어에 여러 프레임이 있는 경우).

​
미리보기 및 내보내기

  1. 3D Preview:
    • 3D Preview를 클릭합니다.
    • 팝업 창에서 3D 얼굴 모델 위 스티커 효과를 실시간으로 확인할 수 있습니다.
    • 왼쪽 클릭으로 회전, 오른쪽 클릭으로 이동, 스크롤로 확대/축소를 지원합니다.
  2. 패키지 내보내기:
    • 미리보기를 확인한 뒤 Export를 클릭합니다.
    • 플러그인이 .fbd 패키지를 작성합니다. setSticker(경로 또는 바이트)로 로드하세요. 별도의 미리 로드 단계는 없습니다.