영상 튜토리얼: Figma에서 배너를 MP4 동영상으로 내보내기(영어)
이 영상에서는 Bannerify 플러그인을 사용해 Figma에서 바로 게재할 수 있는 애니메이션 배너를 MP4 동영상으로 내보내는 방법을 보여 줘요.
Export to GIF/Video를 클릭하고 내보내기 설정을 구성한 다음, 내보내기 패널 하단의 Export MP4 (n Banners) 버튼을 클릭하면 Figma에서 배너를 MP4로 내보내기 시작해요. 애니메이션 배너가 h264로 인코딩된 MP4 동영상으로 내보내져요.
브라우저 지원. 브라우저 호환성 문제로 MP4 동영상은 Chrome이나 Figma 데스크톱 앱에서만 내보낼 수 있어요.
MP4는 자동으로 최적화돼요. 내보낸 MP4 동영상은 가장 작은 파일 크기로 가장 좋은 품질을 얻도록 자동으로 최적화돼요.
내보내기에 배너 포함 또는 제외. 기본적으로 Bannerify에 배너로 불러온 Figma 파일의 최상위 레이어는 모두 내보내기에 포함돼요. (선택한 배너를 다시 불러오지 않고) 일부 배너를 제외하려면, 해당 배너의 타임라인 헤더에서 Include In Export 스위치를 “off”로 바꾸세요. 그러면 해당 배너의 타임라인이 숨겨지고 모든 내보내기에서도 제외돼요.
초당 프레임 수
Frames Per Second 선택 상자 옵션으로 GIF 내보내기의 프레임 속도를 바꿀 수 있어요. 다음 FPS 옵션 중에서 선택할 수 있어요.
- 60 FPS (Ludicrous Mode)
- 30 FPS (Ultra Smooth)
- 24 FPS (Smooth)
- 18 FPS (Less Smooth)
- 12 FPS (Least Smooth)
- 6 FPS (Jittery)
FPS가 높을수록 렌더링 시간이 길어져요. 프레임이 많을수록 내보내는 데 시간이 더 걸리고 파일 크기도 커져요. 예를 들어 5초 타임라인을 24 FPS로 내보내면 배너 하나당 120프레임이 렌더링돼요.
MP4 동영상 내보내기에 오디오 트랙 추가
영상 튜토리얼: Figma 동영상 배너 내보내기에 오디오 추가(영어)
이 영상에서는 Bannerify 플러그인을 사용해 Figma에서 내보내는 MP4 동영상 배너에 오디오 파일을 추가하는 방법을 보여 줘요.
MP4 동영상을 내보내기 전에, 컴퓨터에 있는 .mp3 파일을 Bannerify 내보내기 설정으로 드래그 앤 드롭해 내보낸 동영상에 .mp3 오디오 파일을 선택적으로 포함할 수 있어요(Pixabay 같은 사이트에서 .mp3 음악 파일을 다운로드할 수 있어요). 그런 다음 내보내기 패널 하단의 Export MP4 (n Banners) 버튼을 클릭하면 오디오 트랙이 자동으로 포함된 MP4로 Figma에서 배너를 내보내기 시작해요.
또는 이미 레이어 중 하나에 동영상 URL을 임베드했고 그 동영상의 오디오를 사용하고 싶다면 Use audio from embedded video 토글을 켜세요. 배너 타임라인 레이어에 있는 동영상의 오디오가 자동으로 포함돼요.
브라우저 지원. 브라우저 호환성 문제로 MP4 동영상은 Chrome이나 Figma 데스크톱 앱에서만 내보낼 수 있어요.
최종 MP4 동영상 .zip 파일 다운로드
Bannerify가 배너 처리를 마치면 확인 메시지가 표시돼요. Download your .zip file 버튼을 클릭하면 내보낸 배너가 담긴 .zip 파일을 다운로드할 수 있어요.
Figma에서 다운로드한 파일 저장하기 Figma 데스크톱 앱을 사용한다면 파일을 다운로드하라는 창이 나타나요. 하지만 웹 브라우저에서 Figma를 사용한다면 기본적으로 파일이 컴퓨터에 자동으로 다운로드돼요(보통 컴퓨터의 Downloads 폴더에 저장돼요).
MP4 동영상 .zip 파일 열기
Figma에서 .zip 파일을 컴퓨터로 다운로드했다면, 파일 탐색기에서 파일이 저장된 폴더를 여세요. 내보낸 .zip 파일을 더블 클릭하면 압축이 풀리고, 배너를 원하는 대로 사용할 수 있어요.