매체별로 사이즈가 다른 광고 소재를 한 번에 만드는 방법 추천해 주세요.

Question

프로젝트 진행하다 보면 같은 캠페인 광고 소재를 매체마다 다른 배너 크기로 리사이즈해서 뽑아야 하는 일이 매주 생깁니다. 인스타그램 피드와 스토리, 네이버 배너, 구글 디스플레이까지 합치면 한 건에 열 장이 넘더라구요.

지금은 시안 하나를 사이즈마다 복사해서 문구 위치를 손으로 다시 맞추는데, 어제도 클라이언트가 헤드라인을 한 줄 바꿔 달라고 해서 전 사이즈를 다시 열었어요.

매체별 규격 소재를 한 번에 만들고, 수정이 들어와도 일관성을 유지하는 방법이 있을까요? 납품용이라 결과물 안전성도 신경 쓰입니다.

디자이너 수키_Suki · Answer

매체별 규격에 맞는 광고 소재를 한 번에 만들면서 일관성도 유지해야 하는 상황이라면, 어도비 포토샵과 어도비 일러스트레이터에서 (1) 매체별 규격을 한 문서에 모으고 (2) 공통 요소는 한 번만 수정하고 (3) 완성된 전 사이즈를 일괄 출력하고 (4) 원본 비율이 부족하면 생성형 확장으로 보완하는 흐름으로 이미지 리사이즈 작업을 진행할 수 있습니다.

작업 단계	어도비 포토샵과 일러스트레이터에서 사용하는 기능	기대 효용
규격 관리	일러스트레이터 또는 포토샵: 아트보드	사이즈마다 파일을 따로 만들고 열지 않아도 되고, 수정 시 전 규격을 한 화면에서 확인 가능
공통 요소 수정	포토샵: 연결된 스마트 오브젝트	원본 파일 한 곳을 수정하면 연결된 모든 소재에 반영
납품 파일 생성	일러스트레이터: 화면에 맞게 내보내기
포토샵: 아트보드를 파일로 내보내기	여러 아트보드를 한 번에 내보내 수정 후 전체 규격을 다시 출력
비율 보완이 필요한 경우	포토샵: 생성형 확장	원본을 과도하게 자르거나 늘리지 않고 새로운 비율에 맞는 소재 제작 가능

1. 매체별 배너 사이즈를 한 문서에 모으기: 일러스트레이터·포토샵 아트보드

일러스트레이터와 포토샵의 아트보드는 한 문서 안에 서로 다른 크기의 작업 영역을 여러 개 만드는 기능입니다. 인스타그램 피드, 스토리, 네이버 배너, 구글 디스플레이처럼 규격이 여러 개라면 사이즈마다 파일을 나누는 대신 각 규격을 아트보드로 만들어 한 문서에서 관리할 수 있어요. Adobe 아트보드 소개 안내

작업	방법
일러스트레이터에서 매체별 규격 만들기	아트보드 도구(Shift+O)를 선택하고 각 매체의 가로, 세로 픽셀 값을 입력해 아트보드를 만듭니다. Adobe 새 아트보드 만들기 및 추가 안내
포토샵에서 마스터 아트보드 복제하기	이동 도구와 묶인 아트보드 도구(V)로 마스터 아트보드를 만든 뒤, 옆에 나타나는 플러스 아이콘을 Option(macOS) 또는 Alt(Windows)를 누른 채 선택하면 내용까지 복제된 아트보드가 생기므로 크기만 매체 규격에 맞게 조정합니다. Adobe 포토샵 아트보드 도구 안내, Adobe 아트보드 추가 안내
규격별 레이아웃 조정하기	같은 헤드라인과 이미지라도 세로형, 가로형에서는 배치가 달라지므로 각 아트보드에서 위치와 여백을 맞춥니다.
아트보드 이름 정리하기	'인스타_스토리', '네이버_배너'처럼 매체별 이름을 지정하면 내보낸 파일도 구분하기 쉬워집니다.
문서 재사용하기	한 번 만들어 둔 규격별 아트보드 문서를 다음 캠페인의 시작 파일로 재사용하면 규격 세팅을 매번 다시 하지 않아도 됩니다.

2. 공통 문구와 그래픽을 한 원본으로 관리하기: 포토샵 연결된 스마트 오브젝트

포토샵의 연결된 스마트 오브젝트는 외부 파일을 여러 위치에 연결해두고 원본 파일의 변경 내용을 연결된 인스턴스에 반영하는 기능입니다. 여러 배너 사이즈에서 헤드라인이나 로고처럼 동일하게 쓰는 요소는 원본 파일 하나로 관리할 수 있습니다.

단계	작업
공통 요소 분리하기	포토샵에서 헤드라인이나 로고처럼 여러 사이즈에서 함께 바뀌는 요소를 별도 파일로 만듭니다.
각 아트보드에 연결하기	해당 파일을 연결된 포토샵 스마트 오브젝트로 각 광고 소재에 배치합니다.
수정 요청 한 번에 반영하기	클라이언트가 헤드라인을 바꾸면 원본 파일을 수정해 연결된 소재에 같은 변경 내용을 반영할 수 있습니다. 문서가 열려 있으면 자동으로 업데이트되고, 문서가 닫혀 있었다면 다시 열 때 강조 표시된 레이어에서 `레이어 > 스마트 오브젝트 > 모든 수정된 콘텐츠 업데이트`를 선택합니다. Adobe 연결된 스마트 오브젝트 업데이트 안내

연결된 요소는 모든 아트보드에서 같은 원본 파일을 참조하므로, 사이즈별로 같은 요소를 다시 수정하지 않아도 같은 내용이 유지됩니다.

3. 수정이 끝난 광고 소재를 전 사이즈로 한 번에 내보내기: 일러스트레이터 화면에 맞게 내보내기·포토샵 아트보드를 파일로

아트보드 일괄 내보내기는 일러스트레이터의 화면에 맞게 내보내기와 포토샵의 아트보드를 파일로 내보내기를 이용해 한 문서의 여러 아트보드를 각각의 파일로 한 번에 저장하는 작업 흐름입니다. 규격별 아트보드를 모두 수정한 뒤에는 파일을 하나씩 저장하지 않고 일괄 저장할 수 있습니다.

일러스트레이터: 파일 > 내보내기 > 화면에 맞게 내보내기의 아트보드 탭에서 아트보드 범위와 형식, 배율을 지정하면 여러 아트보드를 한 번에 내보낼 수 있습니다. Adobe 화면에 맞게 내보내기 안내
포토샵: 파일 > 내보내기 > 아트보드를 파일로에서 대상 폴더와 파일 형식을 지정해 여러 아트보드를 각각의 파일로 내보낼 수 있습니다. Adobe 아트보드 내보내기 안내

헤드라인 수정 후 열 개가 넘는 광고 소재를 하나씩 다시 저장하는 대신, 수정된 전 사이즈를 한 번에 납품 파일로 만들 수 있습니다. 내보내기 전 매체별 파일 형식, 픽셀 크기, 용량 기준을 확인하고 그 조건에 맞추어 출력하면 됩니다.

피그마의 오토 레이아웃과 컴포넌트, Creatopy(크리에이토피) 같은 배너 자동화 툴, 캔바의 크기 변경 기능도 여러 규격 작업에 쓰이는 방법이에요. 포토샵과 일러스트레이터에서는 매체마다 구도가 달라지는 광고 소재의 텍스트와 이미지 위치를 규격별 아트보드에서 직접 조정한 뒤 내보냅니다.

4. 원본 이미지 비율이 부족할 때 캔버스 넓히기: 포토샵 생성형 확장

포토샵의 생성형 확장은 자르기 도구로 넓힌 캔버스 영역을 생성형 AI로 채워 이미지를 새 비율로 확장하는 기능입니다. 정사각형 이미지를 세로형 스토리나 긴 가로 배너로 바꿀 때 원본 이미지 자체가 새 비율을 채우지 못하는 경우에 쓸 수 있어요. Adobe 생성형 확장 안내

캔버스 비율 확장하기: 자르기 도구로 필요한 배너 비율까지 캔버스를 넓힌 뒤 상황별 작업 표시줄에서 생성형 확장을 실행합니다.
결과 직접 검수하기: 생성된 영역이 제품, 인물, 로고, 배경과 자연스럽게 이어지는지 확인하고, 납품 전에는 매체 규격과 사용 조건도 함께 점검합니다.

생성형 확장은 모든 배너를 자동으로 리사이즈하는 기능이라기보다, 원본 이미지가 새로운 화면 비율을 채우지 못할 때 배경 영역을 보완하는 용도로 사용하는 것이 적절합니다.

상업용 납품이라면 사용 조건도 확인해야 합니다. 생성형 확장은 어도비가 상업적 용도로 안전하도록 설계했다고 밝힌 어도비 파이어플라이 모델을 기반으로 하며 생성형 크레딧을 사용하는 기능입니다. 생성된 영역을 확인한 뒤 매체별 파일 형식, 픽셀 크기, 용량 기준에 맞춰 최종 파일을 내보내는 단계는 그대로 필요해요.