106.9K+다운로드
사용 가이드로 건너뛰기
Lower Thirds작성자 iart-ai

Lower Thirds 스킬.

투명한 애니메이션 이름 자막과 방송 오버레이를 렌더링합니다.

  • 하단 자막
  • 타이포그래피
OpenDesign 다운로드사용 가이드 보기
소스 검토 · lower-thirdsSKILL.md
작업 투명한 애니메이션 이름 자막과 방송 오버레이를 렌더링합니다. 결과물 요청한 대상에 맞는 투명 WebM 또는 ProRes 4444 오버레이 파일. 시작 전 확인 정확한 이름과 직함, 프로그램의 글꼴과 대상 플레이어를 제공하세요. 렌더링 전에 제공 형식을 선택하세요. OBS나 편집기용 투명 오버레이는 일반 MP4와 요구 사항이 다릅니다.
편집 요약 · 소스 검토일 2026-11-02 · 생성된 예제가 아닙니다

01 기능 소개

투명한 애니메이션 이름 자막과 방송 오버레이를 렌더링합니다

투명 WebM·ProRes 출력과 편집 가능한 카드 데이터를 사용하고 텍스트 맞춤, 타이밍과 알파를 확인하는 읽기 쉬운 이름 자막을 만드세요.

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

작업 방식

lower-thirds는 이름 자막과 기타 오버레이를 투명 동영상 파일로 만듭니다. 캔버스에 그래픽을 프레임별로 그린 뒤 라이브 스트리밍, 브라우저 또는 편집 앱에 맞는 형식으로 내보냅니다. 그려진 그래픽 밖의 모든 영역은 투명하게 유지됩니다.

워크플로는 등장만큼 읽기 위한 정지 구간도 중요하게 다룹니다. 텍스트에 별도 배경을 두어 알 수 없는 영상 위에서도 읽히게 하고 긴 이름을 상자에 맞추며 첫·마지막 프레임은 비웁니다. 여러 카드는 디자인을 공유하지만 별도 파일로 렌더링됩니다.

예상 산출물

  • 요청한 대상에 맞는 투명 WebM 또는 ProRes 4444 오버레이 파일.
  • 카드 데이터와 타이밍을 담은 편집 가능한 HTML 소스 페이지.
  • 정지 구간 프레임 미리보기와 등장·퇴장 콘택트 시트.
예시 브리프 보기

브리프에서 검토까지

  1. 01
    정확한 카드 텍스트 읽기

    이름, 직함과 구두점을 보존합니다. 렌더링 전에 내보내기 형식을 선택할 수 있도록 사용처를 정합니다.

  2. 02
    오버레이 디자인

    프레임 중앙을 비우고 안전 여백 안에 그래픽을 배치하며 텍스트 배경을 둡니다. 가장 긴 항목을 맞추고 읽기 구간에는 움직이지 않게 합니다.

  3. 03
    출력 확인 및 디코딩

    제공된 검사를 실행하고 밝고 어두운 배경 미리보기를 검토한 뒤 등장·퇴장 시트를 확인합니다. 인코딩된 파일의 투명도를 검증합니다.

02 활용 상황

언제 사용하면 좋을까요

정확한 이름과 직함, 프로그램의 글꼴과 대상 플레이어를 제공하세요. 렌더링 전에 제공 형식을 선택하세요. OBS나 편집기용 투명 오버레이는 일반 MP4와 요구 사항이 다릅니다.

적합한 경우

  • 실시간 영상 위에 이름을 표시할 때최종 촬영 화면을 알 수 없으므로 여러 배경에서 디자인을 평가합니다.
  • 여러 출연자가 같은 스타일을 사용할 때카드 레코드를 통해 같은 레이아웃과 모션을 사람마다 별도 렌더링합니다.

확인할 한계

  • H.264에는 단색 배경 필요렌더러는 투명도에 알파 지원 형식을 사용하며 일반 MP4에는 배경색이 필요합니다.
  • 렌더러의 로컬 의존성원문은 Node, 브라우저 캡처 도구, Chrome 또는 Chromium과 FFmpeg를 명시합니다.
  • 웹 재생은 사용처별로 다릅니다원문은 Safari 제공을 별도 경로로 다룹니다. 투명 파일 하나로 모든 브라우저 호환성을 보장하지는 않습니다.

준비할 입력

  • 정확한 텍스트각 이름, 직함 또는 자막을 표시할 그대로 제공합니다.
  • 사용처OBS, 브라우저, 편집 앱 또는 크로마키 워크플로를 지정합니다.
  • 프로그램 디자인색상, 글꼴, 분위기, 프레임 크기와 길이 요구 사항을 제공합니다.

03 핵심 결정

중요한 판단 기준

  1. 영상 위 가독성

    텍스트 배경으로 밝은 장면 위에서 밝은 글자가 사라지는 것을 막습니다.

  2. 깔끔한 편집 경계

    첫·마지막 빈 프레임으로 그래픽이 갑자기 나타나거나 사라지지 않게 합니다.

  3. 검증된 알파

    파일 확장자만 믿지 않고 정지 구간 프레임을 디코딩합니다.

04 예시 브리프

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

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

소스와 설정 확인

각 이름, 직함 또는 자막을 표시할 그대로 제공합니다.

업스트림 소스 파일
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md

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

결과물 하나부터 시작

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

예시 브리프
lower-thirds로 첨부 목록의 이름과 직함을 사용해 팟캐스트 게스트 세 명의 통일된 오버레이를 만드세요. 짙은 초록과 크림 팔레트를 사용하고 그래픽은 왼쪽 아래에 배치하며 중앙은 출연자를 위해 비우세요. OBS용 투명 WebM 파일과 편집 가능한 HTML을 제공하세요. 각 이름은 5초 읽기 구간 동안 정지시키고 첫·마지막 프레임을 비우세요. 가장 긴 이름을 확인하고 밝고 어두운 배경에서 오버레이를 살펴보며, 모든 카드를 렌더링하기 전에 등장·퇴장 프레임을 모두 검토하세요.

결과 확인

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

  • 밝고 어두운 영상 미리보기에서 모든 카드를 읽어 봅니다.
  • 빈 시작·끝, 안전 여백과 가장 긴 텍스트를 확인합니다.
  • 내보낸 정지 구간 프레임을 디코딩해 실제 투명도를 검증합니다.

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

OpenDesign 다운로드퀵스타트 읽기

05 출처 및 라이선스

소스와 라이선스

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

소스 소유자
iart-ai
저장소
iart-ai/lower-thirds-skills
스킬 파일
SKILL.md
라이선스
MIT
검토한 스냅샷
2026-11-02 · aa8ef7ed9fa5
편집 소스 요약
투명한 애니메이션 이름 자막과 방송 오버레이를 렌더링합니다.

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

06 시작 전 질문

시작 전 궁금한 점

투명 MP4를 받을 수 있나요?

원문은 알파에 WebM 또는 ProRes 4444를 사용합니다. 일반 H.264 MP4 경로에는 크로마키용 초록색 같은 단색 배경이 필요합니다.

여러 이름을 한 번에 만들 수 있나요?

네. 카드 데이터의 각 항목은 공유 디자인으로 별도 파일에 렌더링됩니다. 그래도 모든 항목의 텍스트 맞춤을 확인해야 합니다.

자동 검사만으로 충분한가요?

아니요. 원문은 자동 검사가 와이프 중 잘린 텍스트나 가독성을 판단하지 못한다고 명시합니다. 정지 화면과 등장·퇴장 시트를 직접 확인해야 합니다.

OpenDesign

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

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

OpenDesign 다운로드디자인 스킬 둘러보기
업스트림 소스 파일
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md