왕가위 영화 같은 느낌의 한국 청첩장을 원했다. 깊은 레드, 채도 낮은 톤, 화양연화의 그 멜랑콜리한 따뜻함. 사진은 일반 스톡 이미지였다. 1960년대 홍콩처럼 느껴져야 했다.
솔루션은 포토샵이 아니었다. Cloudinary URL 파라미터였다.
프롬프트
Cloudinary 변환을 사용해 사진에 왕가위 시네마틱 컬러 그레이딩 적용.
코드 예제와 함께:
<CldImage
src="wedding/parallax/hk-skyline"
effects={[
{ colorize: '20,rgb:8B0000' }, // 딥 레드 오버레이
{ saturation: -10 }, // 채도 감소
{ contrast: 15 } // 높은 대비
]}
/>
왜 작동했나
1. 참조 포인트가 구체적
“왕가위"는 모호한 미학 요청이 아니다. 구체적인 시각 언어다:
- 채도 높은 레드와 그린
- 하이 콘트라스트 쉐도우
- 따뜻한, 앰버 틴트 하이라이트
- 채도 낮은 미드톤
- 필름 그레인 텍스처
중경삼림이나 2046을 본 사람은 이 룩을 안다. 참조가 명세 작업을 했다.
2. 구현 경로가 명확
Cloudinary 이펙트가 컬러 그레이딩에 직접 매핑:
colorize→ 컬러 오버레이saturation→ 채도 조정contrast→ 콘트라스트 커브
프롬프트가 미학적 목표를 구현 도구에 연결했다.
3. 코드 예제가 패턴을 시드
부분적이라도 작동하는 예제로 시작하면, AI가 그 위에 빌드할 것을 준다. 예제가 보여준 것:
- Cloudinary의 이펙트 문법
- 일반적 접근법 (여러 이펙트 레이어링)
- 코드 수준 통합이 예상됨
구현
다른 레이어에 다른 처리를 해서 깊이감 생성:
const wkwGrade = {
// 백그라운드: 헤비 레드, 몽환적
background: [
{ colorize: '20,rgb:8B0000' }, // 20% 딥 레드 오버레이
{ saturation: -10 },
{ contrast: 15 }
],
// 미드그라운드: 무디 그린, 시네마틱
midground: [
{ colorize: '15,rgb:2D4A3E' }, // 포레스트 그린
{ saturation: 10 },
{ contrast: 20 }
],
// 포그라운드: 웜 앰버, 친밀함
foreground: [
{ colorize: '10,rgb:D2691E' }, // 앰버/초콜릿
{ saturation: 5 },
{ contrast: 25 }
]
};
각 레이어가 점진적으로 컬러라이제이션은 줄고 콘트라스트는 늘어나, 포커스 뎁스 효과 생성.
CDN 프로세싱이 중요한 이유
이 접근법은 로컬 이미지 편집 대비 장점이 있다:
| 측면 | 포토샵 | Cloudinary |
|---|---|---|
| 소스 파일 | 각각 편집 필요 | 오리지널 사용 |
| 반응형 사이즈 | 수동 익스포트 | 자동 |
| 일관성 | 수동 매칭 | 코드 정의 |
| 변경 | 모두 재편집 | 파라미터 업데이트 |
| 성능 | 편집된 파일 서브 | CDN 캐시 |
컬러 그레이딩이 코드로 정의된다. 파라미터 변경하면 모든 이미지가 즉시 업데이트.
컬러 선택
왕가위의 촬영감독 크리스토퍼 도일은 특정 컬러 팔레트 사용:
딥 레드 (rgb:8B0000):
- 어둡고, 로맨틱, 친밀
- 생각: 화양연화 계단 장면
- 백그라운드에 따뜻함 생성에 사용
무디 그린 (rgb:2D4A3E):
- 도시적, 고독, 네온 인접
- 생각: 중경삼림 편의점
- 미드그라운드 깊이에 사용
웜 앰버 (rgb:D2691E):
- 골든 아워, 향수
- 생각: 2046 호텔 복도
- 포그라운드 친밀함에 사용
사용 패턴
처리가 필요한 모든 이미지에:
<CldImage
src={imageId}
effects={wkwGrade.background}
width={1920}
height={1080}
alt="WKW 그레이딩이 적용된 홍콩 스카이라인"
/>
이펙트 배열이 Cloudinary CDN에서 서버 사이드로 적용된다. 클라이언트는 요청된 치수로 사전 그레이딩된 이미지를 받는다.
이 접근법이 작동할 때
CDN 사이드 컬러 그레이딩이 적합할 때:
- 일관된 처리가 필요한 많은 이미지
- 반응형 사이징 필요
- 이펙트가 순수 컬러/콘트라스트 (마스킹이나 합성 아님)
- 파일 재처리 없이 룩을 바꾸고 싶음
적합하지 않을 때:
- 복잡한 리터칭 (피부, 잡티)
- 레이어 마스킹이나 선택적 조정
- 이미지별 튜닝이 필요한 이펙트
요약
프롬프트가 작동한 이유는 특정 미학 참조(왕가위)를 특정 구현 도구(Cloudinary 이펙트)에 작동하는 코드 예제와 함께 연결했기 때문이다.
일반 스톡 사진이 이제 무디한 홍콩 시네마처럼 느껴진다. 로컬 이미지 편집 없음, 에셋 파이프라인 복잡성 없음. colorize: '20,rgb:8B0000'을 향수로 바꾸는 URL 파라미터만.
때로는 최고의 포토샵 대안이 전혀 포토샵이 아니다.
