데이터 연동 그래픽을 만들면 인쇄용이나 웹 프로젝트용으로 이미지의 여러 버전을 빠르고 정확하게 제작할 수 있습니다. 예를 들어, 기본 템플릿에 다양한 텍스트와 이미지를 적용하여 100가지 버전의 웹 배너를 제작할 수 있습니다.

다음의 일반적인 단계를 따라 템플릿과 데이터 세트에서 그래픽을 만듭니다.

템플릿으로 사용할 기본 그래픽을 만듭니다.

그래픽에서 변경할 요소를 레이어를 사용하여 분리합니다.

그래픽에 변수를 정의합니다.

변수는 이미지에서 변경되는 부분을 지정합니다. 자세한 내용은 변수 정의를 참조하십시오.

데이터 세트를 만들거나 불러옵니다.

템플릿에서 데이터 세트를 만들거나 텍스트 파일에서 불러올 수 있습니다. 자세한 내용은 데이터 세트 정의외부 파일에 데이터 세트 만들기를 참조하십시오.

문서를 각 데이터 세트를 적용하여 미리 봅니다.

모든 파일을 내보내기 전에 미리 보기를 통해 최종 그래픽 버전이 어떤 모양인지 확인할 수 있습니다. 자세한 내용은 데이터 세트 미리 보기 또는 적용을 참조하십시오.

그래픽을 데이터와 함께 내보내서 그래픽을 생성합니다.

그래픽을 Photoshop(PSD) 파일로 내보낼 수 있습니다. 자세한 내용은 데이터 세트를 사용하여 그래픽 생성을 참조하십시오.

Photoshop에서 변수를 사용하는 이미지의 여러 버전
변수를 사용하여 이미지의 여러 버전 만들기

A. 소스 파일 템플릿 B. 사용자가 레이어를 변수로 정의 C. 각각 다른 변수 데이터 세트를 사용하여 이미지의 여러 버전 생성 

변수 정의

변수를 사용하여 템플릿에서 변경될 요소를 정의합니다. 세 가지 유형의 변수를 정의할 수 있습니다. [가시성] 변수는 레이어의 내용을 표시하거나 숨깁니다. [픽셀 대체] 변수는 레이어의 픽셀을 다른 이미지 파일의 픽셀로 대체합니다. [텍스트 대체] 변수는 문자 레이어의 텍스트 문자열을 대체합니다.

참고:

GoLive는 모든 텍스트 및 가시성 변수를 인식하지만 픽셀 대체 변수는 인식하지 못합니다.

Photoshop 변수 정의
같은 템플릿을 사용한 이미지의 두 버전

A. 가시성 변수 B. 픽셀 대체 변수 C. 텍스트 대체 변수 

배경 레이어에는 변수를 정의할 수 없습니다.

  1. [이미지] > [변수] > [정의]를 선택합니다.
  2. [레이어] 팝업 메뉴에서 변수로 정의할 내용이 포함되어 있는 레이어를 선택합니다.
  3. 변수 유형을 하나 이상 선택합니다.

    가시성

    레이어의 내용을 표시하거나 숨깁니다.

    픽셀 대체

    레이어의 픽셀을 다른 이미지 파일의 픽셀로 대체합니다.

    텍스트 대체

    텍스트 레이어의 텍스트 문자열을 대체합니다.

  4. 다음 중 하나를 수행합니다.
    • [이름]을 선택하고 변수의 이름을 입력합니다. 변수 이름은 문자, 밑줄 또는 콜론으로 시작해야 하며 공백이나 특수 문자(마침표, 하이픈, 밑줄 및 콜론 제외)가 포함될 수 없습니다.

    • [이름] 팝업 메뉴에서 기존 변수를 선택하여 이 레이어를 연결합니다. 같은 변수에 연결된 레이어가 [이름] 메뉴 옆에 연결 아이콘과 함께 표시됩니다.

  5. [픽셀 대체] 변수에서는 다음 옵션을 설정합니다.
    • 대체 이미지의 비율을 조정할 방법을 선택합니다. [맞춤] 옵션은 대체 이미지의 비율을 조정하여 테두리 상자 내에 맞춥니다. 따라서 테두리 상자 내부의 일부가 비어 있을 수 있습니다. [칠] 옵션은 대체 이미지의 비율을 조정하여 테두리 상자를 완전히 채웁니다. 따라서 이미지가 테두리 상자를 벗어나는 경우도 생깁니다. [그대로] 옵션은 대체 이미지의 비율을 조정하지 않습니다. [일치] 옵션은 너비와 높이의 비례를 무시하고 대체 이미지의 비율을 조정하여 테두리 상자에 꼭 맞춥니다.

    • 정렬 아이콘 의 핸들을 클릭하여 테두리 상자 안에 이미지를 배치할 정렬 옵션을 선택합니다. [일치] 옵션에는 사용할 수 없습니다.

    • [테두리 상자에 클립]을 선택하면 테두리 상자를 벗어나는 이미지 영역이 잘립니다. [칠] 또는 [그대로] 대체 방법을 선택한 경우에만 이 옵션을 사용할 수 있습니다. [일치] 옵션에는 사용할 수 없습니다.

  6. 다른 레이어의 변수를 정의하려면 [레이어] 팝업 메뉴에서 레이어를 선택합니다. 변수가 포함된 레이어의 이름 옆에는 별표가 나타납니다. 내비게이션 화살표를 사용하여 레이어 간에 이동할 수 있습니다.
  7. [확인]을 클릭합니다.

변수 이름 바꾸기

  1. [이미지] > [변수] > [정의]를 선택합니다.
  2. [레이어] 팝업 메뉴에서 변수가 포함된 레이어를 선택합니다.
  3. 변수의 이름을 바꾸려면 [이름] 텍스트 상자에 이름을 입력합니다. 변수 이름은 문자, 밑줄 또는 콜론으로 시작해야 하며 공백이나 특수 문자(마침표, 하이픈, 밑줄 및 콜론 제외)가 포함될 수 없습니다.
  4. 변수를 제거하려면 해당 변수의 선택을 해제합니다.

데이터 세트 정의

데이터 세트는 변수 및 연결된 데이터의 모음입니다. 생성할 각 그래픽 버전에 대해 데이터 세트를 정의합니다.

  1. 다음 중 하나를 수행합니다.
    • [이미지] > [변수] > [데이터 세트]를 선택합니다.

    • [변수] 대화 상자가 열리면 대화 상자 맨 위의 팝업 메뉴에서 [데이터 세트]를 선택하거나 [다음]을 클릭합니다.

    참고:

    기본 데이터 세트를 편집하려면 먼저 변수를 하나 이상 정의해야 합니다.

  2. [새 데이터 세트] 단추 를 클릭합니다.
  3. [이름] 팝업 메뉴나 대화 상자 아래쪽에 있는 목록에서 변수를 선택합니다.
  4. 변수 데이터를 편집합니다.
    • [가시성] 변수 의 경우 레이어의 내용을 표시하려면 [보임]을 선택하고 레이어의 내용을 숨기려면 [보이지 않음]을 선택합니다.

    • [픽셀 대체] 변수 의 경우 [파일 선택]을 클릭하고 대체 이미지 파일을 선택합니다. 레이어를 현재 상태로 두려면 데이터 세트가 적용되기 전에 [대체 안함]을 클릭합니다.

    참고:

    다른 대체가 이미 적용되었으면 [대체 안함]을 선택해도 파일이 원래 상태로 다시 설정되지 않습니다.

    • [텍스트 대체] 변수 의 경우 [값] 텍스트 상자에 텍스트 문자열을 입력합니다.
  5. 생성할 각 그래픽 버전에 대해 데이터 세트를 정의합니다.

먼저 [데이터 세트] 팝업 메뉴에서 데이터 세트를 선택하고 옵션을 편집하여 나중에 데이터 세트를 편집하거나 이름을 바꾸거나 삭제할 수 있습니다. 화살표 아이콘을 사용하여 데이터 세트 간에 이동합니다. [삭제] 아이콘을 클릭하여 데이터 세트를 삭제합니다.

데이터 세트 미리 보기 또는 적용

모든 변수와 데이터 세트를 그대로 유지하면서 기본 이미지에 데이터 세트의 내용을 적용해 볼 수 있습니다. 이렇게 하면 PSD 문서에 해당 데이터 세트의 값이 포함되어 모양이 변경됩니다. 각 데이터 세트를 적용한 각 그래픽 버전이 어떤 모양일지 미리 볼 수도 있습니다.

참고:

데이터 세트를 적용하면 원본 문서를 덮어씁니다.

  1. [이미지] > [데이터 세트 적용]을 선택합니다. 목록에서 데이터 세트를 선택하여 해당 이미지를 문서 창에서 미리 봅니다. 데이터 세트를 적용하려면 [적용]을 클릭합니다. 미리 보는 동안 기본 이미지를 변경하지 않으려면 [취소]를 클릭합니다.

    [변수] 대화 상자의 [데이터 세트] 페이지에서 데이터 세트를 적용하고 미리 볼 수도 있습니다.

데이터 세트를 사용하여 그래픽 생성

변수와 하나 이상의 데이터 세트를 정의한 후 데이터 세트 값을 사용하여 일괄 처리 모드에서 이미지를 출력할 수 있습니다. 이미지를 PSD 파일로 출력할 수 있습니다.

  1. [파일] > [내보내기] > [데이터 세트를 파일로 저장]을 선택합니다.
  2. 생성된 모든 파일에 사용할 기본 이름을 입력합니다. 필요한 경우 고유한 파일 이름 지정 규칙을 만들 수도 있습니다.
  3. 폴더 선택 단추를 클릭하여 파일을 저장할 대상 디렉토리를 선택합니다.
  4. 내보낼 데이터 세트를 선택합니다.
  5. [확인]을 클릭합니다.

외부 파일에 데이터 세트 만들기

모든 변수 정보가 포함된 외부 텍스트 파일을 만든 후 변수가 포함된 PSD 문서로 이 파일을 불러오면 여러 개의 데이터 세트를 빠르게 만들 수 있습니다. 이 작업을 수행하는 방법 중 하나는 텍스트 파일이나 Microsoft Excel 스프레드시트에 데이터를 입력한 후 이 파일을 탭이나 쉼표로 구분된 파일에 보내는 것입니다.

외부 텍스트 파일의 구문은 다음과 같습니다. "Variable" 또는 "Value"로 시작하는 각 행은 파일에서 하나의 전체 행이 됩니다.

VariableName1<sep>VariableName2<sep> <sep>VariableNameN <nl> 
Value1-1<sep>Value2-1<sep><sep>ValueN-1<nl> 
Value1-2<sep>Value2-2<sep><sep>ValueN-2<nl> 
Value1-M<sep>Value2-M<sep><sep>ValueN-M<nl>

첫 번째 행에는 모든 변수 이름이 후속 행에서 값이 지정된 순서로 포함되어 있습니다. 이어지는 각 행은 하나의 데이터 세트를 나타내며 지정된 각 변수의 값을 포함하고 있습니다.

참고:

데이터 세트의 단일 행 텍스트에 여러 행 텍스트를 만들려면 텍스트를 큰따옴표로 묶고 줄바꿈할 탭이나 쉼표로 구분된 파일에 하드 리턴을 삽입합니다.  

외부 텍스트 파일 구문 요소

<sep>

쉼표로 구분된 파일(CSV)이나 탭(탭으로 구분된) 파일이며 각 변수 이름이나 값을 구분합니다.

<nl>

각 데이터 세트를 끝내는 줄 바꿈 문자이며 줄 바꿈, 캐리지 리턴 또는 두 가지 모두일 수 있습니다.

“true”와 “false”

가시성 변수에 대해 허용되는 값입니다.

공백

구분 기호 주위의 공백은 파일 구문을 분석할 때 제거됩니다. 그러나 값 문자열의 단어 사이에 있는 공백(예: two of a kind)은 유지되고, 큰따옴표로 묶인(예: "one kind") 선행 및 후행 공백은 유지됩니다.

큰따옴표

큰따옴표를 하나 더 사용하면 값으로 인식됩니다. 예를 들어, ““B””는 데이터 세트에서 “B”가 됩니다.

<sep> 또는 <nl>이 변수 값의 일부이면 전체 값을 큰따옴표로 묶어야 합니다.

PSD 문서에 정의한 모든 변수는 텍스트 파일에 정의되어야 합니다. 텍스트 파일에 있는 변수의 수가 PSD 문서에 있는 수와 일치하지 않으면 오류가 발생합니다.

데이터 세트 예:

튤립(tulip)과 해바라기(sunflower) 변수를 포함한 꽃(flowers) 템플릿을 사용하여 다음과 같이 나타나는 텍스트 파일을 설정할 수 있습니다.

{contents of FlowerShow.txt} 
Variable 1, Variable 2, Variable 3 
true, TULIP, c:\My Documents\tulip.jpg 
false, SUNFLOWER, c:\My Documents\sunflower.jpg 
false, CALLA LILY, c:\My Documents\calla.jpg 
true, VIOLET, c:\My Documents\violet.jpg

참고:

텍스트 파일과 이미지 파일이 같은 폴더에 있으면 이미지 위치를 상대 경로로 지정할 수 있습니다. 예를 들어, 예제의 마지막 항목은 true, VIOLET, violet.jpg로 나타낼 수 있습니다.

데이터 세트 가져오기

  1. 다음 중 하나를 수행합니다.
    • [파일] > [불러오기] > [변수 데이터 세트]를 선택합니다.

    • [이미지] > [변수] > [데이터 세트]를 선택하고 [불러오기] 단추를 클릭합니다.

  2. 불러올 텍스트 파일을 찾습니다.
  3. 불러오기 옵션을 설정합니다.

    첫 번째 열을 데이터 세트 이름으로 사용

    텍스트 파일에 있는 첫 번째 열의 내용(목록에서 첫 번째 변수의 값)을 사용하여 각 데이터 세트에 이름을 지정합니다. 그렇지 않은 경우 데이터 세트는 “데이터 세트 1, 데이터 세트 2” 등으로 이름이 지정됩니다.

    기존 데이터 세트 바꾸기

    데이터 세트를 불러오기 전에 기존 데이터 세트를 삭제합니다.

  4. 텍스트 파일의 인코딩을 설정하거나 [자동] 설정으로 둡니다.
  5. [확인]을 클릭합니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책