템플릿으로 사용할 기본 그래픽을 만듭니다.
그래픽에서 변경할 요소를 레이어를 사용하여 분리합니다.
데이터 기반 그래픽을 사용하여 Photoshop에서 만든 템플릿 작업
다음은 사용자를 위한 시나리오입니다.
업무 첫 주이며 하나의 템플릿 디자인을 사용하여 다양한 텍스트와 이미지가 포함된 웹 배너의 5가지 버전을 만들어야 합니다.
데이터 기반 그래픽이 이 작업을 완료하기 위한 가장 좋은 방법이라는 것을 알고 계십니까?
데이터 세트를 사용하여 다른 텍스트 및 이미지로 일관된 디자인을 만들려면 다음 일반 단계를 따르십시오.
템플릿으로 사용할 기본 그래픽을 만듭니다.
그래픽에서 변경할 요소를 레이어를 사용하여 분리합니다.
그래픽에 변수를 정의합니다. 아시다시피 변수는 이미지에서 변경해야 할 부분을 지정합니다.
데이터 세트를 만들거나 불러옵니다. 템플릿에서 데이터 세트를 만들거나 텍스트 파일에서 불러옵니다.
문서를 각 데이터 세트를 적용하여 미리 봅니다. 파일을 내보내기 전에 미리 보기를 확인하여 최종 이미지가 어떻게 표시되는지 파악합니다.
그래픽을 데이터와 함께 내보내서 그래픽을 생성합니다. Photoshop(PSD) 형식을 사용하는 것이 좋습니다.
변수를 사용하여 템플릿에서 변경될 요소를 정의합니다. 세 가지 유형의 변수를 정의할 수 있습니다.
가시성 변수는 레이어의 내용을 표시하거나 숨깁니다.
텍스트 대체 변수는 문자 레이어의 텍스트 문자열을 대체합니다.
픽셀 대체 변수는 레이어의 픽셀을 다른 이미지 파일의 픽셀로 대체합니다.
배경 레이어를 작업할 때는 변수를 정의할 수 없습니다.
이미지 > 변수 > 정의로 이동합니다.
변수로 정의할 내용이 포함된 레이어 팝업 메뉴에서 원하는 레이어를 선택합니다.
다음과 같은 변수 유형을 하나 이상 선택합니다. 가시성, 픽셀 대체및 텍스트 대체.
가시성: 레이어 또는 레이어 그룹의 내용을 표시하거나 숨깁니다.
픽셀 대체: 레이어의 픽셀을 다른 이미지 파일의 픽셀로 대체합니다.
텍스트 대체: 문자 레이어의 텍스트 문자열을 대체합니다.
다음 중 하나를 수행합니다.
이름 필드에 변수 이름을 입력합니다. 변수 이름은 문자, 밑줄 또는 콜론으로 시작할 수 있습니다. 공백 또는 특수 문자(마침표, 하이픈, 밑줄 및 콜론 제외)는 사용할 수 없습니다.
또는,
이름 팝업 메뉴에서 기존 변수를 선택하여 이 레이어를 연결합니다. 같은 변수에 연결된 레이어가 이름 메뉴 옆에 연결 아이콘과 함께 표시됩니다.
픽셀 대체 변수를 사용할 때 다음 단계를 따르십시오.
다른 레이어의 변수를 정의하려면 레이어 팝업 메뉴에서 레이어를 선택하고 확인을 선택합니다.
변수가 포함된 레이어의 이름 옆에는 별표가 나타납니다. 내비게이션 화살표를 사용하여 레이어 간에 이동할 수 있습니다.
이미지 > 변수 > 정의로 이동합니다.
레이어 팝업 메뉴에서 변수가 포함된 레이어를 선택합니다.
변수의 이름을 바꾸려면 이름 텍스트 상자에 이름을 입력합니다.
변수 이름은 문자, 밑줄 또는 콜론으로 시작해야 하며 공백이나 특수 문자(마침표, 하이픈, 밑줄 및 콜론 제외)가 포함될 수 없습니다.
변수를 선택 해제하여 제거합니다.
데이터 세트는 변수 및 연결된 데이터의 모음입니다. 생성할 각 그래픽 버전에 대해 데이터 세트를 정의할 수 있습니다.
다음 중 하나를 수행합니다.
또는,
기본 데이터 세트를 편집하려면 먼저 변수를 하나 이상 정의해야 합니다.
새 데이터 세트 버튼()을 선택하여 현재 데이터 세트를 기반으로 새 데이터 세트를 만듭니다.
이름 드롭다운 목록에서 변수를 선택합니다.
변수 데이터를 편집합니다.
가시성 변수의 경우 레이어의 내용을 표시하려면 보임을 선택하고 레이어의 내용을 숨기려면 보이지 않음을 선택합니다.
픽셀 대체 변수의 경우 파일 선택을 선택하고 교체 이미지 파일을 선택합니다. 레이어를 현재 상태로 두려면 데이터 세트가 적용되기 전에 대체 안함을 선택합니다.
다른 대체가 이미 적용되었으면 대체 안함 버튼을 선택해도 파일이 원래 상태로 다시 설정되지 않습니다.
먼저 데이터 세트 메뉴에서 데이터 세트를 선택하고 옵션을 편집하여 데이터 세트를 편집하거나 이름을 바꾸거나 삭제합니다. 화살표 아이콘을 사용하여 데이터 세트 간에 이동합니다. 삭제 아이콘을 선택하여 데이터 세트를 삭제합니다.
변수와 데이터 세트는 그대로 유지하면서 기본 이미지에 데이터 세트의 내용을 적용합니다.
이렇게 하면 데이터 세트의 값을 포함하도록 이미지 보기가 변경됩니다. [미리 보기] 옵션을 사용하여 각 데이터 세트에서 각 버전이 어떻게 나타나는지 확인합니다.
이미지 > 데이터 세트 적용으로 이동하여 목록에서 데이터 세트를 선택하고 문서 창에서 이미지를 미리 봅니다.
적용을 선택하여 데이터 세트를 적용합니다. 미리 보기만 하고 기본 이미지를 변경하지 않으려는 경우 취소를 선택합니다.
이미지 > 변수 > 데이터 세트로 이동하고 미리 보기 확인란을 선택하여 데이터 세트를 적용하고 미리 볼 수도 있습니다.
데이터 세트를 적용하면 원본 문서를 덮어씁니다.
변수와 하나 이상의 데이터 세트를 정의한 후에는 이러한 데이터 세트 값을 사용하여 일괄 처리 모드 출력 이미지를 생성할 수 있습니다. 생성된 출력은 PSD 파일 형식이 됩니다.
파일 > 내보내기 > 데이터 세트를 파일로로 이동합니다.
폴더 선택 버튼을 사용하여 파일을 저장할 대상 디렉토리를 선택합니다.
내보낼 데이터 세트를 선택하고 확인을 선택합니다.
모든 변수 정보가 포함된 외부 텍스트 파일을 변수가 포함된 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 파일에 정의된 모든 변수를 텍스트 파일에 정의해야 합니다. 그렇지 않으면 텍스트 파일과 문서에서 변수 수가 일치하지 않는 경우 오류가 표시됩니다.
튤립 및 해바라기 변수를 포함하는 꽃 템플릿을 사용하여 텍스트 파일을 만듭니다. 이 템플릿은 다음과 같을 수 있습니다.
{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로 나타낼 수 있습니다.
다음 중 하나를 수행합니다.
또는,
불러오기 옵션을 설정합니다.
확인을 선택하기 전에 텍스트 파일의 인코딩을 설정하거나 자동 설정으로 둡니다.