Hermoso의 네이티브 HTML 광고 템플릿 13종 중 하나입니다. 모델이 생성하는 대신 브라우저가 실제 마크업으로 렌더링하는 포맷입니다. 이 템플릿은 영상을 출력하며, 채울 수 있는 문구 슬롯 3개가 있습니다.
언제 쓰나요
광고가 문구 자체일 때 씁니다. 선언문, 가격 변경, 공지, 강한 한 줄 같은 것들입니다. 생성형 키네틱 타이포그래피 영상 레시피의 결정적 대응물입니다.
반드시 지켜야 할 것
이것은 생성형 모델이 아니라 매개변수로 합성하는 컴포지터이므로, 모든 단어의 타이밍, 유지 시간, 이동이 요청하는 것이 아니라 제어됩니다. 글자가 뭉개질 수 없습니다.
형식 한눈에 보기
- 출력: 영상.
- 문구 슬롯: 3개. 각 슬롯의 글자 수 한도는 추측이 아니라 레이아웃에서 계산됩니다.
- 필요한 에셋: 없음. 문구와 브랜드 정보만으로 렌더링합니다.
- 템플릿 ID: kinetic-type.
이 템플릿의 렌더링 방식
여기서는 이미지 모델이나 영상 모델로 아무것도 생성하지 않습니다. 이 포맷은 자체 완결된 HTML 페이지이고, 그 애니메이션은 시간의 순수 함수입니다. CSS 키프레임, 타이머, 무작위성이 없습니다. 렌더러가 헤드리스 Chrome에서 그 페이지를 프레임 단위로 넘기며 각 프레임을 캡처하고, ffmpeg로 조립해 H.264 파일을 만듭니다. 파일은 브랜드 엔드 카드로 크로스페이드되며 끝납니다.
여기서 두 가지가 따라옵니다. 렌더는 결정적입니다. 같은 입력은 같은 파일을 만들므로, 어제 괜찮아 보였던 포맷은 오늘도 괜찮아 보입니다. 또 화면의 모든 단어는 브라우저가 렌더링한 실제 텍스트이므로, 문구가 정확하고 어떤 해상도에서도 선명합니다. 전체 비용은 영상 생성이 아니라 크레딧 몇 개입니다. 그래서 이 포맷들을 대량으로 돌리기에 현실적입니다.
키네틱 타이포그래피 레시피와는 무엇이 다른가요?
레시피는 이미지를 생성하고 그 안에 글자를 넣습니다. 이 템플릿은 브라우저에서 브랜드 카드 위에 글자를 합성하므로, 영상 생성 대신 크레딧 몇 개가 들고 같은 입력은 항상 같은 파일을 돌려줍니다. 그림이 중요하면 레시피를, 문장이 중요하면 이 템플릿을 고르세요.
다른 네이티브 템플릿
13개 템플릿은 모두 네이티브 광고 템플릿 색인에 있고, 더 넓은 카탈로그는 창작 레시피 색인에 있습니다.