일관된 브랜드 톤앤매너로 납품용 에셋 여러 개 뽑으려면 어떻게 해야 하나요?

카드뉴스나 배너처럼 같은 틀의 에셋을 여러 개 한 번에 납품할 때는, 색과 폰트, 로고 기준을 어도비 크리에이티브 클라우드 라이브러리 한 곳에 모아두고 어도비 포토샵과 어도비 일러스트레이터가 같은 틀에서 에셋을 찍어내는 구조가 표준입니다. 색과 폰트, 로고를 파일마다 따로 맞추면 에셋 수가 늘어날수록 미묘한 톤 차이가 쌓이기 쉽습니다.

 

피그마 컴포넌트는 화면 UI 안에서 마스터를 고치면 복제본이 따라 바뀌는 데까지가 영역이라, 사진 보정과 벡터 로고, 폰트 사용 범위가 얽히는 납품 에셋에서는 파일을 넘나드는 지점마다 톤이 어긋나기 쉬워요. 케이스로 나눠보면 아래 네 가지예요.

 

1) 어도비 크리에이티브 클라우드 라이브러리로 색, 문자 스타일, 로고 한곳에 모으기: 포토샵과 일러스트레이터 어느 쪽에서 열어도 같은 색과 글꼴로 시작해요.

2) 어도비 포토샵 링크된 고급 개체로 로고와 마스터 틀 고정하기: 원본을 한 번 고치면 링크된 모든 에셋이 따라 바뀌어요.

3) 어도비 포토샵 변수와 데이터 세트로 문구와 이미지만 바꿔 대량 생산하기: 엑셀에 정리한 문구만 바꿔도 같은 디자인의 에셋이 여러 개 나와요.

4) 어도비 일러스트레이터 화면용으로 내보내기로 규격별 납품 파일 한 번에 뽑기: 아트보드별 포맷과 배율을 한 번에 내보내요.

 

1. 브랜드 톤앤매너 기준 한곳에 모으기: 크리에이티브 클라우드 라이브러리

 

어도비 크리에이티브 클라우드 라이브러리는 색상과 문자 스타일, 로고를 클라우드에 저장해두고 포토샵과 일러스트레이터 어디서든 꺼내 쓰게 해주는 에셋 보관함이에요. 에셋이 몇십 개로 늘면 눈으로 맞추던 색이 파일마다 갈리고 클라이언트가 그 어긋남을 제일 먼저 알아보니까, 새 에셋을 만들기 전에 브랜드 톤앤매너 기준부터 넣어두는 게 출발부터 맞아요.

 

창 > 라이브러리에서 브랜드별 라이브러리를 하나 만들고 아래 세 가지를 넣어두면 돼요.

 

1) 어도비 포토샵·일러스트레이터 라이브러리 색상은 브랜드 색을 라이브러리에 추가해두면 두 앱에서 같은 색 값을 불러와 파일마다 눈대중으로 맞추지 않아도 되게 해줍니다.

2) 어도비 포토샵·일러스트레이터 라이브러리 문자 스타일은 라이브러리 패널의 문자 스타일 추가 아이콘으로 서체와 크기를 저장해두면 두 앱에서 같은 문자 스타일을 꺼내 쓸 수 있게 해줍니다.

3) 어도비 일러스트레이터 라이브러리 그래픽은 로고 아트웍을 끌어다 넣으면 모든 에셋이 같은 로고 원본을 불러오게 해줍니다.

 

클라이언트나 외주 협업자를 초대할 때는 편집 권한을 주면 콘텐츠 수정과 삭제까지 가능하니까, 기준 색을 지키려면 보기 권한으로 주세요.

 

2. 마스터 틀 하나로 고정하기: 포토샵 링크된 고급 개체

 

어도비 포토샵 고급 개체는 원본 데이터를 보존한 채 레이어로 얹어두는 레이어 형식이고, 그중 링크된 고급 개체는 원본 파일 하나를 여러 문서가 같이 바라보게 해줘요. 로고를 에셋마다 복사해 넣으면 납품 직전에 로고 비율을 고쳐달라는 연락이 올 때 전부 다시 열어야 해서 아찔하거든요.

 

1) 어도비 포토샵 고급 개체 콘텐츠 편집은 레이어 > 고급 개체 > 콘텐츠 편집으로 원본을 고치고 저장하는 순간 링크된 인스턴스를 따라 바꿔줍니다.

2) 어도비 포토샵 수정된 모든 콘텐츠 업데이트는 레이어 > 고급 개체 > 수정된 모든 콘텐츠 업데이트로 닫혀 있던 문서를 다시 열었을 때 한 번에 반영해줍니다.

3) 어도비 포토샵 고급 개체 콘텐츠 대체는 고급 개체 레이어를 우클릭해서 선택하면 해둔 편집은 그대로 두고 내용만 교체해줍니다.

 

피그마 컴포넌트가 하는 마스터 수정 일괄 반영을, 어도비에서는 사진과 벡터 원본 단위로 고급 개체가 맡아줍니다.

 

3. 문구와 이미지만 바꿔 대량 생산하기: 포토샵 변수와 데이터 세트

 

어도비 포토샵 변수와 데이터 세트는 템플릿 안에서 바뀌는 문구와 이미지 자리를 변수로 정해두고, 그 값을 버전별로 담은 데이터 세트로 같은 디자인의 여러 버전을 만드는 기능이에요. 카드뉴스나 상품 배너처럼 구조는 같고 문구와 사진만 다른 에셋을 파일마다 손으로 바꾸면 글자 크기가 슬쩍 달라지고 두 번째 파일부터 톤이 틀어지는 일이 생겨요.

 

1) 어도비 포토샵 변수와 데이터 세트는 이미지 > 변수 > 정의로 바뀔 자리를 지정하고 데이터 세트에 버전별 값을 담으면 같은 디자인을 문구와 사진만 바꿔 여러 버전으로 뽑아줍니다.

2) 어도비 포토샵 데이터 세트를 파일로 내보내기는 파일 > 내보내기 > 데이터 세트를 파일로에서 버전을 고르면 버전 수만큼 PSD 파일을 만들어줍니다. JPG·PNG 납품본은 이 파일을 한 번 더 내보내서 만들면 됩니다.

3) 어도비 일러스트레이터 변수는 창 > 변수에서 CSV나 XML을 불러오면 같은 방식으로 인쇄물이나 배너 버전을 만들어줍니다.

 

엑셀에 정리한 문구는 CSV로 저장해 쓰면 되고, 일러스트레이터에서 한글 CSV가 안 불러와지면 UTF-8 인코딩 CSV로 다시 저장하면 됩니다.

 

4. 규격별 납품 파일 한 번에 뽑기: 일러스트레이터 화면용으로 내보내기

 

어도비 일러스트레이터 화면용으로 내보내기는 한 문서의 아트보드 여러 개를 원하는 포맷과 배율로 한 번에 내보내는 기능이에요. 피드용 1:1, 스토리용 9:16, 배너용 16:9처럼 규격이 갈려서 한 업체에 열 몇 개씩 나가면 파일명이나 배율이 어긋나기 쉬워요.

 

1) 어도비 일러스트레이터 화면용으로 내보내기(아트보드 탭)는 파일 > 내보내기 > 화면용으로 내보내기에서 아트보드를 고르고 포맷(PNG, JPEG, SVG, PDF, WebP, TIFF)과 배율을 정하면 한 번에 내보내줍니다.

2) 어도비 일러스트레이터 내보내기용으로 수집(에셋 탭)은 로고나 아이콘 같은 개별 요소를 우클릭으로 선택하면 같은 방식으로 따로 뽑아줍니다.

 

납품 직전 점검표

 

순서	점검 항목	확인 방법	확인되면
(a)	어도비 포토샵·일러스트레이터 라이브러리 색과 문자 스타일	라이브러리 색이 아닌 임의의 색이 섞인 에셋은 라이브러리에서 다시 불러와 맞춰요	모든 에셋이 같은 값으로 맞춰져요
(b)	어도비 포토샵 고급 개체 링크 상태	레이어 패널의 변경 표시와 끊긴 링크를 확인하고 수정된 모든 콘텐츠 업데이트로 반영해요	모든 에셋의 로고가 같은 원본으로 맞춰져요
(c)	어도비 일러스트레이터 화면용으로 내보내기 설정	아트보드별 포맷과 배율이 규격표와 맞는지 보고 한 번에 내보내요	규격별 납품 파일이 같은 설정으로 나와요
(d)	어도비 폰트·어도비 스톡·파이어플라이 사용 범위	스톡 워터마크가 남은 에셋은 이미지 라이선스 진행, 원본 파일까지 넘기는 건이면 폰트 라이선스를 클라이언트와 먼저 확인해요	납품 뒤 사용 범위 문제로 다시 만드는 일이 없어요

 

일관된 브랜드 톤앤매너로 납품용 에셋 여러 개 뽑으려면 어떻게 해야 하나요?

저도 처음 외주 받았을 때 카드뉴스 열두 장을 장마다 눈대중으로 색을 맞췄다가, 납품 전날 파란색이 장마다 미묘하게 다르다는 걸 알고 밤새 고친 적이 있어요. 그 뒤로는 라이브러리 색으로만 칠하는 습관을 들였더니 톤이 다르다는 얘기를 다시는 못 들었어요.

 

위 네 가지를 크리에이티브 클라우드 안에서 처음부터 같은 구조로 잡아두면, 에셋이 몇십 개로 늘어도 브랜드 톤앤매너가 갈라지지 않고 납품 뒤에 사용 범위 때문에 다시 만드는 일도 없어요.