모션그래픽을 유튜브에 올리면 색이 바랠 때: 감마와 Rec.709 태그로 원인 가르기

애프터이펙트에서 공들여 맞춘 모션그래픽이 유튜브에 올린 뒤 뿌옇게 바래 보인다면, 설정을 뒤집기 전에 파일이 바뀐 것인지 보는 쪽이 다르게 읽은 것인지부터 가르세요. 컴프 창에서는 진하던 남색 배경이 회색빛으로 뜨고, 브랜드 컬러는 한 톤 연해지고, 어두운 쪽 그라데이션이 허옇게 풀립니다. 그런데 다른 사람 컴퓨터에서는 멀쩡하다는 말을 듣기도 하죠.

동영상 파일에는 픽셀 값과 함께 “이 값은 Rec.709 규격으로 읽으라”는 색 태그가 들어갑니다. 태그가 맞아도 재생하는 프로그램과 운영체제가 화면에 옮길 때 쓰는 감마 곡선이 다르면 밝기가 달라 보입니다. Adobe는 이 차이를 방송 표준 2.4, Windows 2.2, macOS 1.96으로 설명합니다. 그래서 확인할 곳은 세 군데입니다. 내보내기에서 값이 실제로 바뀌었는지, 태그와 레인지가 맞는지, 아니면 재생 환경의 해석 차이인지입니다.

모션그래픽 색이 바래는 건 대부분 감마 해석 차이입니다

Adobe의 프리미어 프로 도움말은 이 현상을 “QuickTime gamma shift”라고 부릅니다. 프리미어 프로는 기본으로 2.4 곡선으로 영상을 보여 주는데, 내보낸 파일을 macOS의 다른 앱 대부분에서 열면 1.96 곡선이 쓰여 영상이 바래 보인다는 설명입니다. Windows 앱은 2.2를 쓰므로 차이가 조금 덜합니다. Adobe는 이것이 버그가 아니라 시스템마다 색을 표시하는 방식이 달라서 생기는 일이라고 못 박습니다.

감마가 낮으면 왜 “바래” 보일까요? 영상의 픽셀 값(0~1)은 화면에서 값의 감마 제곱만큼의 빛으로 바뀝니다. 같은 값을 넣고 곡선만 바꿔 계산하면 차이가 어디에 몰리는지 보입니다.

픽셀 값	감마 2.4	감마 2.2	감마 1.96
0.2 (어두운 배경)	0.021	0.029 (약 1.4배)	0.043 (약 2배)
0.5 (중간 톤)	0.189	0.218 (약 1.15배)	0.257 (약 1.36배)
0.8 (밝은 색)	0.585	0.612 (약 1.05배)	0.646 (약 1.1배)

밝은 부분은 거의 그대로인데 어두운 부분만 두 배 가까이 밝아집니다. 명암 차이가 줄어드니 대비가 빠지고, 채도도 함께 옅어져 보입니다. 어두운 배경 위에 선명한 색을 올리는 모션그래픽이 이 차이를 유독 크게 타는 이유입니다. 감마 곡선 자체가 낯설다면 감마 2.2의 원리를, Rec.709와 모니터 규격인 sRGB가 원색은 같고 곡선이 다르다는 점은 Rec.709와 sRGB의 차이를 먼저 보면 이어지는 설정이 쉽게 읽힙니다.

어디서 보나	쓰이는 곡선	애프터이펙트·프리미어 프로 뷰어 대비
프리미어 프로 Program Monitor(기본)	2.4	기준
Windows 앱 대부분	2.2	조금 밝고 옅음
QuickTime Player 등 macOS 앱	1.96	눈에 띄게 밝고 바램

표의 값은 Adobe 문서가 밝힌 기준입니다. Mac의 Safari·Chrome에서 유튜브가 밝게 보인다는 보고도 많지만, 브라우저와 OS 버전, 디스플레이 프리셋에 따라 달라서 여기서는 “Mac에서 보는 쪽이 밝게 보일 수 있다” 정도로만 받아들이는 게 안전합니다. Adobe 커뮤니티의 답변자들은 기준(Reference) 모드를 켠 Mac은 표준에 가깝게 보여 준다고 설명합니다.

1분 진단: 모션그래픽 색이 어디서 달라졌는지 자르기

원인이 셋이라서, 하나씩 지워 나가면 됩니다. 순서가 중요합니다. 파일이 멀쩡한데 내보내기 설정을 바꾸면 엉뚱한 쪽을 고치게 됩니다.

1. 내보낸 파일의 값이 컴프와 같은가

업로드 전 MP4를 애프터이펙트로 다시 불러와 원본 컴프 위 레이어로 올리고, 블렌드 모드를 Difference로 바꿉니다. 두 이미지가 같으면 화면이 거의 검게 나옵니다. H.264 압축 때문에 가장자리가 희미하게 보이는 정도는 정상입니다. 배경이나 도형 모양이 뚜렷하게 밝게 드러나면 내보내기 과정에서 값 자체가 바뀐 것입니다. 이 경우만 아래 애프터이펙트 설정으로 갑니다.

2. 태그와 레인지가 유튜브가 기대하는 값인가

무료 도구 MediaInfo로 MP4를 열어 Video 항목의 Color range, Color primaries, Transfer characteristics, Matrix coefficients를 봅니다. 유튜브 SDR 업로드에는 Limited와 BT.709 세 개가 기본입니다. 다른 값이 보이면 태그·레인지 문제입니다.

3. 기기를 바꾸면 달라지는가

1과 2가 정상이라면 같은 유튜브 영상을 Windows PC, 휴대폰, Mac에서 나란히 봅니다. Mac에서만 밝고 흐리다면 파일이 아니라 재생 환경의 감마 해석 차이입니다. 모든 기기에서 똑같이 흐리다면 파일은 설계대로 나갔는데 작업 중 보던 화면이 달랐을 가능성이 큽니다. 이때는 애프터이펙트·프리미어 프로의 뷰어 설정을 다시 봅니다.

증상	의심 원인	고칠 곳
Difference에서 형태가 드러남	내보내기 경로에서 감마 변환	애프터이펙트 작업 색공간·Output Color Space, Media Encoder 경로
검정만 회색으로 뜨고 중간 톤은 비슷	Full/Limited 레인지 불일치	내보내기 레인지, 소스 푸티지 해석
색조 자체가 틀어짐(진한 색의 색조가 밀림)	Matrix가 BT.601로 찍힘	Export Color Space, 해상도별 태그 확인
Mac에서만 밝고 흐림	1.96 해석	파일은 두고 작업 기준 감마를 정함

애프터이펙트 내보내기: 컴프 값이 그대로 나가게 하기

애프터이펙트는 File > Project Settings > Color의 Working Color Space가 None이면 색 관리가 꺼진 상태이고, 이때는 RGB 숫자를 변환 없이 그대로 다룹니다. 대부분의 모션그래픽 프로젝트가 이 상태로 만들어집니다. 문제는 컴프가 애프터이펙트 밖으로 나가는 경로에서 생깁니다.

Render Queue와 Media Encoder 결과가 다를 때

Adobe 문서에 따르면 Dynamic Link는 들어오는 프레임을 항상 Rec.709로 가정합니다. Composition > Add to Adobe Media Encoder Queue로 보낸 파일만 바래 보인다는 보고가 사용자 커뮤니티에 오래 이어지는 이유가 이 경로입니다. 가장 확실한 확인은 같은 컴프를 Render Queue의 H.264로 한 번, Media Encoder로 한 번 뽑아 위의 Difference 비교를 하는 것입니다. 한쪽만 어긋나면 맞는 쪽 경로를 쓰면 됩니다. 두 경로를 언제 쓰는지와 코덱 고르는 법은 애프터이펙트 ProRes와 H.264 고르는 법에 따로 정리했습니다.

색 관리를 끈 프로젝트에서는 Project Settings > Color에 Assume Working Gamma(2.2/2.4) 항목이 보이는 버전이 있습니다. 커뮤니티에서는 이 값을 2.4로 두면 Media Encoder 결과가 컴프와 맞았다는 보고가 있지만, 이 값이 어느 연산에 영향을 주는지는 버전마다 설명이 엇갈립니다. 바꿨다면 반드시 Difference 비교로 결과를 확인하세요.

작업 색공간을 켰다면 출력도 Rec.709로

Working Color Space를 HDTV (Rec. 709)나 sRGB로 지정해 색 관리를 켰다면, Render Queue의 Output Module Settings > Color 탭에서 출력 색공간(버전에 따라 Output Color Space 또는 Output Profile)을 확인합니다. 유튜브용 영상 파일은 HDTV (Rec. 709)로 내보내야 태그와 실제 곡선이 맞습니다. 작업 공간이 sRGB인데 출력도 sRGB로 두면 값은 sRGB 곡선으로 저장되는데 플레이어는 Rec.709로 읽어 밝기가 어긋날 수 있습니다. 반대로 Preserve RGB를 켜면 변환 없이 숫자만 넘어가므로 색 관리 결과가 반영되지 않습니다.

작업 중 화면도 맞춰 둡니다. 색 관리가 켜져 있으면 View > Use Display Color Management로 모니터 프로파일을 반영하고, View > Simulate Output으로 출력 형식에서 어떻게 보일지 미리 볼 수 있습니다. 진행 중인 프로젝트에서 작업 색공간을 바꾸면 이미 고른 색과 블렌딩 결과가 달라질 수 있으니 복제본에서 먼저 시험하세요.

프리미어 프로: Viewer Gamma는 보는 방법만 바꿉니다

프리미어 프로에서 편집하고 내보내는 경우라면 Lumetri Color > Settings > Project의 Viewer Gamma를 봅니다. 2.4(Broadcast), 2.2(Web), 1.96(QuickTime) 세 가지가 있고, Adobe는 이 설정이 내보내는 파일을 바꾸지 않고 프리미어 프로 안에서 보이는 모습만 바꾼다고 설명합니다. 예전에 쓰던 감마 보정 LUT를 내보낼 때 거는 방식도 이 기능으로 대체된다고 밝혔습니다.

Adobe가 권하는 기준은 웹 콘텐츠면 2.2로 보며 작업하는 것입니다. 기본값 2.4는 어두운 방에서 하는 방송 색보정 기준이라, 밝은 사무실에서 2.4로 보며 맞추면 다른 화면에서는 한 톤 밝게 느껴집니다. 25.2 이하 버전에서는 Lumetri Color > Settings > Sequence의 Color Setup이 Direct Rec. 709 (SDR)나 Disable Color Management일 때만 Viewer Gamma가 제대로 동작한다고 되어 있으니, 바꿔도 화면이 그대로라면 이 설정을 확인하세요.

내보내기 화면의 Video 항목에는 Export Color Space가 있고 대부분의 프리셋에서 Rec. 709가 기본값입니다. 유튜브 SDR 업로드라면 이 값을 그대로 둡니다. 애프터이펙트 컴프를 Dynamic Link로 프리미어 프로 시퀀스에 올렸다면 앞의 Rec.709 가정도 함께 적용된다는 점을 기억해 두세요.

유튜브 업로드 전에 확인할 Rec.709 태그와 레인지

유튜브 고객센터의 업로드 권장 설정은 SDR 영상에 BT.709를 권하고, 전달 특성·원색·매트릭스 모두 H.273 값 1(BT.709)을 적어 둡니다. 태그가 비어 있으면 BT.709로 가정하고, 풀 레인지 영상은 리미티드 레인지로 변환한다고도 밝혔습니다. 즉 태그가 빠졌다고 해서 유튜브에서 바로 색이 틀어지는 건 아닙니다. 태그가 잘못 찍혔을 때가 문제입니다.

MediaInfo 항목	유튜브 SDR 기대값	뜻
Color range	Limited	8비트 기준 검정 16, 흰색 235. Full이면 유튜브가 변환
Color primaries	BT.709	어떤 빨강·초록·파랑인지. 유튜브 권장값 1
Transfer characteristics	BT.709	어떤 감마 곡선으로 인코딩했는지. 권장값 1
Matrix coefficients	BT.709	YCbCr을 RGB로 되돌리는 공식. BT.601이면 색조가 틀어질 수 있음

• 검정만 떠 보인다: 중간 톤은 비슷한데 검정이 짙은 회색이라면 감마보다 레인지를 의심합니다. 0~255로 저장된 값을 16~235 기준으로 읽거나 그 반대일 때 생깁니다. 원인 가르는 법은 블랙 레벨 때문에 어두운 부분이 뭉개질 때 확인할 3가지에 정리했습니다.
• 색조가 틀어진다: 빨강·초록 같은 진한 색의 색조가 원본과 다르게 밀렸다면 Matrix coefficients가 BT.601로 찍혔는지 봅니다. 예전 Media Encoder에서 작은 해상도 MP4에 BT.601 태그가 붙었다는 사용자 보고가 있으니, SNS용 소형 해상도로 뽑을 때 특히 확인합니다.
• 어두운 그라데이션에 계단이 생긴다: 이건 감마가 아니라 8비트 재압축 문제입니다. 모션그래픽에 흔한 어두운 배경 그라데이션에서 잘 보이니 밴딩이 생기는 4가지 지점을 따로 확인하세요.

Mac에서만 밝게 보인다면 파일보다 기준을 먼저 정하세요

Mac에서 밝게 보인다고 파일을 어둡게 구워 올리면, Windows PC처럼 표준에 가까운 곡선으로 보는 시청자는 그만큼 어둡고 탁한 영상을 보게 됩니다. Adobe가 “간단한 해결책은 없다”고 쓴 이유가 여기 있습니다. 모든 화면을 동시에 맞추는 파일은 없으니, 누가 볼지를 정하고 그 기준으로 봐야 합니다.

유튜브·SNS용 모션그래픽이라면 파일은 Rec.709 태그로 정상 출력하고, 작업 중에는 2.2 기준으로 보며, 마지막 확인은 Windows PC나 휴대폰에서 하는 조합이 가장 무난합니다. 클라이언트가 Mac으로만 시사한다면 결과가 밝게 보일 수 있다고 미리 알려 두고, 프리미어 프로의 1.96 Viewer Gamma로 그쪽 화면을 미리 확인해 두면 설명하기가 쉬워집니다. Adobe는 웹 콘텐츠라면 대비를 약간 올려 여러 시청 환경의 차이를 흡수하는 것도 권합니다.

올리기 전에 이 순서만 확인하면 됩니다.

1. 값 확인: 내보낸 MP4를 애프터이펙트에서 원본 컴프 위에 Difference로 겹쳐 거의 검은지 봅니다.
2. 경로 확인: Media Encoder로 보낸 결과만 다르면 Render Queue H.264와 비교해 맞는 쪽을 씁니다.
3. 출력 색공간: 애프터이펙트에서 색 관리를 켰다면 Output Module의 Color 탭을 HDTV (Rec. 709)로, 프리미어 프로는 Export Color Space를 Rec. 709로 둡니다.
4. 태그와 레인지: MediaInfo에서 BT.709 세 줄과 Limited를 확인합니다.
5. 보는 기준: 작업은 2.2 기준으로 보고, 비공개나 일부 공개로 짧은 구간을 올려 Windows PC·휴대폰·Mac에서 비교합니다.

Mac에서만 밝게 보이는 차이는 파일로 없앨 수 없습니다. 반대로 Difference 비교에서 형태가 드러나거나 태그가 틀렸다면 그건 설정으로 고칠 수 있는 문제입니다. 두 가지를 나눠 보는 것만으로도 매번 색을 다시 만지는 일이 크게 줄어듭니다.