사용 가이드로 건너뛰기
Shot Composition작성자 iart-ai

Shot Composition 스킬.

프레이밍, 초점 위계, 카메라 움직임과 여러 화면비의 구도를 계획하세요.

  • 샷 설계
  • 구도
소스 검토 · shot-compositionSKILL.md
작업 프레이밍, 초점 위계, 카메라 움직임과 여러 화면비의 구도를 계획하세요. 결과물 그리드, 여백, 초점 좌표를 포함한 프레임 명세. 시작 전 확인 필요한 프레임 크기와 반드시 보여야 할 콘텐츠를 나열하세요. 가로, 정사각형, 세로 레이아웃 계획을 각각 요청하기 전에 주 피사체와 카메라의 목적을 정하세요.
편집 요약 · 소스 검토일 2026-11-02 · 생성된 예제가 아닙니다

01 기능 소개

프레이밍, 초점 위계, 카메라 움직임과 여러 화면비의 구도를 계획하세요

그리드, 초점, 시차 레이어, 카메라 움직임과 가로·세로 영상별 레이아웃을 포함한 구도 계획을 만드세요.

소스 기반 워크플로실행 벤치마크 아님

작업 방식

shot-composition은 요소의 배치와 카메라가 이를 드러내는 방식을 계획합니다. 그리드, 초점 위계, 네거티브 스페이스, 깊이 레이어를 구체적인 수치가 있는 구도 계획으로 결합합니다. 가로 장면이 세로형 소셜 포맷에서도 작동해야 할 때 특히 유용합니다.

원문은 주요 움직임을 보조 및 분위기 레이어와 분리합니다. 각 레이어에 역할과 시차 관계를 부여하고, 카메라는 한 번에 하나의 명확한 목적을 수행합니다. 여러 화면비로 납품하려면 좁은 화면에 맞게 콘텐츠를 재배치하고 플랫폼 컨트롤 공간을 확보하는 레이아웃 계획이 필요합니다.

예상 산출물

  • 그리드, 여백, 초점 좌표를 포함한 프레임 명세.
  • 배경, 중경, 전경 레이어 맵.
  • 대상 화면비별 카메라, 진입, 안전 영역 메모.
예시 브리프 보기

브리프에서 검토까지

  1. 01
    시각적 위계를 정하세요

    프레임 크기와 그리드를 선택한 뒤 크기, 대비, 색상, 위치로 요소의 우선순위를 정하세요. 주 피사체 주변에 네거티브 스페이스를 확보하세요.

  2. 02
    깊이와 카메라 동작을 지정하세요

    각 레이어에 모션 역할과 속도 관계를 부여하세요. 현재 비트에 맞는 전진, 팬, 추적 또는 시차 움직임을 선택하세요.

  3. 03
    화면비마다 조정하세요

    세로 및 정사각형 프레임에 맞게 보조 콘텐츠를 재배치하세요. 핵심 텍스트, 로고, 얼굴이 의도한 납품 영역의 안전 여백 안에 있는지 확인하세요.

02 활용 상황

언제 사용하면 좋을까요

필요한 프레임 크기와 반드시 보여야 할 콘텐츠를 나열하세요. 가로, 정사각형, 세로 레이아웃 계획을 각각 요청하기 전에 주 피사체와 카메라의 목적을 정하세요.

적합한 경우

  • 한 장면에 여러 크롭이 필요한 경우렌더링 전에 화면비별 레이아웃을 다시 설계하는 데 계획을 사용하세요.
  • 카메라 움직임에 목적이 없는 경우프레이밍과 깊이를 관객이 알아차려야 할 정보에 연결하는 워크플로입니다.

확인할 한계

  • 계획은 구현이 필요합니다문서상 산출물은 렌더링 또는 애니메이션 워크플로에 전달하는 구도 명세입니다.
  • 안전 영역은 맥락에 따라 달라집니다원문은 권장 여백을 제공합니다. 최종 게시 환경과 실제 오버레이는 여전히 검사해야 합니다.

준비할 입력

  • 대상 프레임크기, 화면비, 프레임률, 게시 환경을 나열하세요.
  • 콘텐츠 목록주 피사체, 문구, 로고, 반드시 보여야 할 요소를 제공하세요.
  • 모션 의도카메라의 역할과 장면의 원하는 분위기를 설명하세요.

03 핵심 결정

중요한 판단 기준

  1. 경쟁하는 초점 줄이기

    위계를 정하면 헤드라인, 제품, 로고가 똑같은 주목을 요구하는 것을 방지합니다.

  2. 목적 있는 깊이

    서로 다른 레이어 역할은 시차 움직임이 평면 페이지의 미끄러짐이 아니라 공간으로 읽히게 합니다.

  3. 의도적인 세로 레이아웃

    콘텐츠 재배치는 좁은 출력물을 가로 구도의 무작정 크롭으로 취급하지 않게 합니다.

04 예시 브리프

목적을 좁힌 요청으로 시작하세요

아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.

소스와 설정 확인

크기, 화면비, 프레임률, 게시 환경을 나열하세요.

업스트림 소스 파일
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/shot-composition/SKILL.md

아래 참고 링크에서 원본 사용 지침을 확인할 수 있습니다. 사용 전에 리포지터리의 설정 요건을 확인하세요. 설치 명령어가 아닙니다.

결과물 하나부터 시작

스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.

예시 브리프
1920 × 1080과 1080 × 1920 모두에서 작동하는 제품 히어로의 구도를 계획해 줘. 장면에는 휴대폰 목업, 여섯 단어 헤드라인, 짧은 상태 라벨, 작은 브랜드 마크가 있어. 휴대폰이 주 피사체야. 절제된 배경 시차와 느린 카메라 전진 하나를 사용해. 그리드 수치, 레이어 역할, 진입 방향, 카메라 매개변수를 제공해. 소셜 인터페이스 오버레이 공간을 둔 별도의 세로 재배치 계획을 만들어. 코드 대신 주석이 있는 구도 메모를 제공하고 작은 프레임에서 읽기 어려운 콘텐츠를 표시해.

결과 확인

실제 출력을 다음의 관찰 가능한 기준과 비교해 확인하세요.

  • 하나의 주 초점과 경쟁하지 않는 보조 요소를 확인합니다.
  • 레이어 역할, 카메라 목적, 움직임의 극한 위치를 확인합니다.
  • 가로 계획이 크롭 후에도 유지된다고 가정하지 말고 요청한 모든 화면비를 검사합니다.

OpenDesign은 코딩 에이전트를 위한 로컬 디자인 작업 공간을 제공합니다. 이 목록은 스킬이 번들로 포함되어 있거나 외부 도구, 자격 증명, 소프트웨어 의존성이 포함되어 있다는 뜻이 아닙니다.

05 출처 및 라이선스

소스와 라이선스

이 페이지는 아래에 링크된 고정 소스 리비전을 설명합니다. 업스트림의 동작과 요구 사항은 바뀔 수 있습니다.

소스 소유자
iart-ai
스킬 파일
SKILL.md
라이선스
MIT
검토한 스냅샷
2026-11-02 · 3c129f769d90
편집 소스 요약
프레이밍, 초점 위계, 카메라 움직임과 여러 화면비의 구도를 계획하세요.

링크된 소스를 바탕으로 OpenDesign이 작성한 원본 요약입니다. 저장소 스타 수는 특정 시점의 인기 지표일 뿐 스킬 사용량이나 품질 점수가 아닙니다.

06 시작 전 질문

시작 전 궁금한 점

애니메이션을 생성하나요?

주요 산출물은 구도 계획입니다. 카메라 움직임과 요소 동작의 구현은 다른 워크플로가 맡는 것이 원문의 전제입니다.

전경과 배경을 왜 분리하나요?

레이어 맵은 서로 다른 속도와 시각적 무게를 부여합니다. 모든 레이어를 똑같이 움직이면 설득력 있는 깊이가 아니라 평면 이동이 됩니다.

세로 영상은 가로 버전을 크롭하면 되나요?

원문은 콘텐츠 재배치와 타이포그래피·초점 위치 조정을 권장합니다. 핵심 자료는 세로 안전 영역 안에서 읽을 수 있어야 합니다.

OpenDesign

작업 요청과 디자인 결과물을 한곳에 모으세요.

브리프, 소스 자료, 디자인 작업을 로컬 작업 공간에 함께 보관하세요. 워크플로에 추가하기 전에 스킬 자체의 설정을 확인하세요.

업스트림 소스 파일
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/shot-composition/SKILL.md