문이 열리면 영업시간이 짠! 창문 모션으로 매장 안내 영상 만들기

처음 만드는 분은 코덱스 환경 설치법부터 준비해 주세요. 내 PC에서 첫 MP4를 만드는 순서예요.

오늘 몇 시에 문을 여는지, 쉬는 날은 언제인지. 간단한 정보도 예쁘게 정리하면 방문 전에 확인하기 쉬워요. DAILY WINDOW는 둥근 창문 셔터가 열리고 해가 움직인 뒤, 영업시간과 요일 카드가 차례로 나타나는 16초 세로 안내 영상이에요.

모아 스튜디오, 10:0019:00, 월토 운영과 일요일 휴무는 모두 바꿔 쓰는 예시예요. 실제 영업정보가 아니므로 그대로 올리지 말고 내 가게의 확인된 시간으로 교체해 주세요. 임시 휴무나 마지막 주문 시간이 있다면 기본 시간과 구분해 보여 주는 편이 좋아요.

이 영상, 이런 곳에 쓰면 좋아요

• 가게 입구의 세로 화면: 문 여는 시간과 닫는 시간을 큰 숫자로 보여 줄 수 있어요. 화면이 멀리 있다면 보조 문구를 줄이고 숫자 크기를 더 키워 주세요.

• 인스타 하이라이트의 영업 안내: 피드를 매번 찾지 않아도 운영 정보를 확인할 수 있는 소개 영상으로 활용해 보세요. 변경되는 정보는 최신 내용인지 직접 확인해야 해요.

• 공방·작업실 방문 안내: 운영 요일을 강조하거나 예약 방문 안내 한 줄로 바꿀 수 있어요. 예약 링크는 실제 사용하는 링크만 넣어 주세요.

• 가로 TV 안내판: 세로 영상을 자르면 창문과 시간이 잘릴 수 있어요. 창문을 왼쪽에, 시간과 요일을 오른쪽에 두는 가로 구도로 다시 만들어 달라고 요청해 주세요.

우리 가게 버전으로 바꿀 것

• 상호, 영업 시작·종료 시간, 운영 요일, 휴무일을 한 번에 알려 주세요. 평일과 주말 시간이 다르면 두 줄로 분리해 주는 편이 명확해요.

• 마지막 주문이나 휴식 시간이 있다면 본문 설명과 영상의 실제 표기가 일치하는지 확인해 주세요. 확인하지 않은 시간을 AI가 만들어 채우게 하지 마세요.

• 파랑 배경과 크림색 숫자 대비는 유지하면서 브랜드 색으로 바꿀 수 있어요. 노란 조명 아래 설치할 화면이라면 실제 화면에서 밝기를 확인해 주세요.

16초 장면 구성

• 0~4초: 아치 창의 셔터가 차례로 열리고 OPEN이 나타나요. 해의 이동과 창틀 그림자가 아침의 느낌을 만들어요.

• 4~8초: 영업 시작·종료 시간을 큰 카드로 보여 줘요. 숫자가 정리된 뒤 읽을 시간을 충분히 둬요.

• 8~11.5초: 운영 요일이 두 열로 나타나요. 휴무일은 아래 한 줄로 분리해 정보의 역할을 나눴어요.

• 11.5~16초: 상호·시간·요일을 한 화면에 모아요. 앞 장면을 놓쳐도 마지막 카드만으로 핵심 내용을 알 수 있게 구성했어요.

음악

Open at Ten은 124BPM의 A장조 곡이에요. 밝은 전자 건반과 규칙적인 킥이 기분 좋은 시작을 만들고, 창문이 열리는 장면에서는 가벼운 고음 타격음을 얹었어요. 숫자를 읽는 구간은 화면 움직임을 줄여 리듬이 정보의 가독성을 방해하지 않게 했어요.

소리는 이번 영상용으로 직접 합성한 새 곡이에요. 마음에 드는 방향을 설명할 때는 “베이스를 더 묵직하게”, “고음을 부드럽게”, “마지막 잔향을 조금 길게”처럼 말해 주세요. 특정 가수의 노래를 그대로 따라 만들기보다 박자의 밀도와 악기 질감을 설명하면 원하는 방향을 정하기 좋아요. 소리를 켰을 때와 껐을 때 화면의 흐름을 각각 확인해 보세요.

Codex로 이렇게 만들어요

먼저 위의 코덱스 환경 설치법에서 실행 환경을 준비해 주세요. 이 예제는 Remotion과 React로 화면을 만들고 로컬에서 MP4로 렌더링하는 방식이에요. 블로그 안에서 사진을 업로드해 자동 완성하는 기능은 아니며, 독자의 컴퓨터에 필요한 도구와 글꼴을 준비하는 과정이 필요할 수 있어요. 모델이나 실행 환경이 다르면 같은 프롬프트도 모션과 표현이 달라질 수 있답니다.

사진 없이 시작할 수 있는 예제예요. 아래 복사용 프롬프트의 쓸 곳, 색, 문구와 원하는 화면 비율을 채워 Codex에 전달해 주세요. 로고나 사진을 추가하고 싶다면 사용 권한이 있는 원본을 함께 주고, 어떤 장면에 넣을지 지정해 주세요.

처음부터 최종 파일만 요청하기보다 짧게 움직이는 초안을 먼저 확인해 보세요. 첫 장면에서 무엇이 보이고, 중간 변화가 자연스럽고, 마지막에 무엇이 남는지 세 가지를 보면 방향을 정하기 쉬워요. 원하는 부분은 그대로 유지해 달라고 짚고, 바꿀 부분은 시간과 대상을 함께 적으면 수정 범위가 명확해집니다.

현재 예제의 비율은 9:16, 해상도는 1080×1920, 길이는 16초예요. 다른 비율로 바꿀 때는 화면 바깥을 잘라 버리기보다 주인공의 위치와 글자 줄바꿈을 다시 설계해 달라고 요청해 주세요. 특히 세로 화면의 위아래는 플랫폼 버튼과 제목이 겹칠 수 있어 중요한 내용을 여유 있게 배치하는 편이 좋아요.

수정 요청 예시

• “영업시간을 화일 11:0020:00으로 바꾸고 월요일 휴무를 마지막에도 표시해 줘.”

• “8초 요일 카드의 한글을 더 크게 하고 영어는 작게 줄여 줘.”

• “휴식 시간 15:00~16:00을 별도 줄로 추가하고 전체 길이를 2초 늘려 줘.”

수정을 부탁할 때 “더 예쁘게” 한 문장만 쓰기보다, 현재 좋은 점과 바꿀 점을 함께 적어 주세요. 예를 들어 색은 유지하고 움직임만 줄이거나, 첫 장면은 그대로 두고 마지막 장면의 체류 시간만 늘릴 수 있어요. 글자 수가 늘어나면 폰트 크기만 줄이는 대신 줄바꿈과 카드 크기를 함께 조정하도록 요청하는 것이 좋습니다.

확인·저장·올리기

숫자 하나의 오류가 실제 방문에 영향을 줄 수 있는 영상이에요. 디자인을 다듬은 뒤에도 오전·오후, 콜론, 요일 범위, 휴무일을 따로 읽어 보세요. 날짜가 정해진 임시 휴무는 평소 운영 안내와 같은 문장에 섞기보다 별도 카드로 나누는 편이 이해하기 쉬워요. 마지막 화면을 정지해서 읽었을 때도 필요한 정보가 모여 있는지 확인해 주세요.

완성되면 처음부터 끝까지 실제 재생해 보세요. 화면이 중간에 멈추는지, 음악과 그림이 함께 진행하는지, 마지막 소리가 갑자기 잘리지 않는지 확인해 주세요. 정지 화면이 예뻐도 장면 전환이 너무 빠르거나 끝부분이 끊기면 완성된 느낌이 약해질 수 있어요. 마지막 2초는 따로 한 번 더 보고 듣는 것을 추천해요.

휴대폰에서도 제목·숫자·중심 형태가 잘 보이는지 살펴보세요. 소리가 큰 환경과 작은 환경은 느낌이 다르니 실제 사용할 기기에서 음량을 맞춰 주세요. 화면을 확대해 보았을 때 글자 가장자리가 거칠거나 사진이 흐리다면 원본 해상도와 출력 설정을 함께 점검하면 좋아요.

저장할 때는 재생용 MP4와 편집 가능한 코드, 음악 원본, 사용한 사진과 글꼴 정보를 함께 남겨 두세요. 나중에 이름이나 시간을 바꿀 때 완성 영상만 고치는 것보다 원본에서 다시 출력하는 편이 깔끔해요. 업로드 전에는 해당 서비스가 지원하는 비율·길이·파일 용량을 확인하고, 올라간 뒤에도 실제 재생 화면을 확인해 주세요.

#모션그래픽

쓸 곳: [릴스 / 매장 화면 / 포트폴리오 / 전시 등]
만들 영상: 창문 셔터와 해의 이동으로 영업시간을 또렷하게 전달하는 세로 매장 안내
바꿀 이름·문구: [직접 입력 / 작품형은 제목만 또는 글자 없음]
색과 분위기: [기본 #123fb5, #fff1c8, #ff8c5a / 원하는 색]
사진·로고: [없어도 가능 / 추가할 때 원본 첨부]
화면 비율·길이: [9:16, 약 16초 / 사용할 곳에 맞춰 조정]

Remotion으로 움직이는 초안을 먼저 만들고 확인 후 H.264/AAC MP4와 포스터까지 출력해 주세요. 주요 대상과 문구를 안전 여백 안에 놓고, 비율을 바꿀 때는 잘라내지 말고 재배치해 주세요.
장면 흐름: 0~4초: 아치 창의 셔터가 차례로 열리고 OPEN이 나타나요. 해의 이동과 창틀 그림자가 아침의 느낌을 만들어요. / 4~8초: 영업 시작·종료 시간을 큰 카드로 보여 줘요. 숫자가 정리된 뒤 읽을 시간을 충분히 둬요. / 8~11.5초: 운영 요일이 두 열로 나타나요. 휴무일은 아래 한 줄로 분리해 정보의 역할을 나눴어요. / 11.5~16초: 상호·시간·요일을 한 화면에 모아요. 앞 장면을 놓쳐도 마지막 카드만으로 핵심 내용을 알 수 있게 구성했어요.
음악: 124BPM 부근의 강하고 신나는 새 비트. 기존 곡을 복사하지 말고 화면의 전개에 맞춘 새 멜로디와 리듬을 만들어 주세요. 마지막 박자 뒤에는 잔향과 정리 시간을 두고 끝을 갑자기 자르지 마세요.
제공하지 않은 가격·일시·장소·효능은 만들지 말고, 상호와 정보는 제가 준 내용으로 바꿔 주세요.
코드·새 음악·소재 원본을 보존하고 끝까지 재생, 문구 잘림과 음량을 확인해 주세요. 필요한 도구가 없으면 먼저 알려 주세요.

[사용자 요청 원문]
20~25일까지 영상 미리 만들어둬

[앞선 사용자 제작 참고]
영상 만들때 참고해.
사용자 제공 분석: 사진 카드·상호 타이포·길/영업시간 안내·브랜드 인트로의 누적 조회수가 상대적으로 높지만, 기존 24편 전일 대비 변화 없음·작은 표본·게시 시점 차이로 초기 신호만 참고한다.

[이번 영상 적용 브리프]
계획일: 2026-10-22 09:00 KST. 이번 작업은 사전 제작이며 조기 게시하지 않는다.
작품명: DAILY WINDOW / 활용형. 창문 셔터와 해의 이동으로 영업시간을 또렷하게 전달하는 세로 매장 안내.
연출: 0~4초: 아치 창의 셔터가 차례로 열리고 OPEN이 나타나요. 해의 이동과 창틀 그림자가 아침의 느낌을 만들어요. 4~8초: 영업 시작·종료 시간을 큰 카드로 보여 줘요. 숫자가 정리된 뒤 읽을 시간을 충분히 둬요. 8~11.5초: 운영 요일이 두 열로 나타나요. 휴무일은 아래 한 줄로 분리해 정보의 역할을 나눴어요. 11.5~16초: 상호·시간·요일을 한 화면에 모아요. 앞 장면을 놓쳐도 마지막 카드만으로 핵심 내용을 알 수 있게 구성했어요.
규격: 1080×1920 / 60fps / 16초. 고유 색: #123fb5, #fff1c8, #ff8c5a.
음악: 새 원곡 Open at Ten, 124BPM, A major. 강한 비트·새 선율·으뜸음 종지·잔향·짧은 무음 꼬리. Python/NumPy 합성, 외부 샘플 없음.
제작: 기존 Remotion 4.0.534와 React, 사진 마스크·타이포·도형 레이어. 코드는 작품별 신규 작성하고 기존 설치·폰트·렌더 진입 방식만 재사용한다.
사진 없이 코드로 조형과 문구를 만든다. 가상 상호·시간·행사 문구는 예시로 구분한다.
검증: 프레임·전체 영상/오디오 디코딩·음량·끝부분·브라우저 재생·포스터·본문·두 프롬프트. 기술 검사와 주관적 청취를 구분한다.

코덱스 환경 설치법 · 준비부터 알아보기 →