• 위피엔피
  • JrFramework
  • Solution
  • Service
  • Customer Center
  • Company
  • 솔루션
  • Ux포토북
  • 프린팅 앱 제작
  • 가변데이터출판
  • ID2XML
  • 전화번호부 자동조판시스템
  • 엑셀명함
ID2XML > 솔루션 >
개요

템플릿을 제작하기 위해서는 Adobe InDesign CS3 / CS4 / CS5 / CS5.5를 이용하여 작업을 하여야 하며, 위피엔피에서 공급하는 ID2XML 플러그인을 설치해서 작업을 수행합니다. 템플릿을 제작하는 것은 인디자인으로 명함이나 봉투 같은 프린팅물을 제작하는 것과 동일합니다. 다만 문자/문단 스타일을 이용하여 스타일작업을 하는 것과 Tag를 이용하여 의미를 공유하기 위한 작업을 수행하는 것이 다른 차이점입니다. 템플릿은 인디자인파일과 ID2XML에서 생성하는 XML 및 이미지파일로 구성됩니다.

특징
  • 인디자인으로 제작한 레이아웃에서 XML정보를 추출하여 템플릿을 생성
  • 명함템플릿, 앨범템플릿을 XML로 만들고 이를 이용하여 인디자인/PDF를 생산할 때 사용
  • Adobe InDesign CS3지원
  • Adobe InDesign CS4지원
  • Adobe InDesign CS5지원
  • Adobe InDesign CS5.5지원
  • 텍스트 스타일, 색상표, 레이아웃, xml태그 정보를 xml파일로 생성
  • 썸네일, 마스터별 배경이미지 자동제작
  • 템플릿 제작툴 이미지

  • ▲ 현재 오픈되어 있는 문서를 template으로 저장하는 화면
  • (현재 문서를 xml 템플릿으로 제작 후 인디자인 문서를 마스터용으로 복사하는 기능)
  • 템플릿 제작툴 이미지

ID2XML 설치

Id2xml는 어도비 인디자인 CS3, CS4, CS5, CS5.5의 윈도우즈 버전의 플러그인으로 제공됩니다.
최신버전은 ID2XMLv2.830_CS4.pln 이며 최신버전은 본 제품을 구매한 딜러나 위피엔피의 http://todo.wepnp.com에서 받을 수 있습니다.
ID2XML for CS4 설치방법은 인디자인을 종료한 후 수행합니다.
인디자인 플러그인 경로로 이동합니다.
cd C:₩Program Files₩Adobe₩Adobe InDesign CS4₩plug-Ins
wepnp 폴더를 생성합니다.
mkdir wepnp
ID2XML플러그인을 복사합니다.
cp c:₩ID2XMLv2.830_CS4.pln wepnp

ID2XML 플러그인을 설치한 화면

[ ID2XML 플러그인을 설치한 화면 ]

설치확인은 아래 그림과 같이 인디자인 상단메뉴에 "MENU > WEPNP > 템플릿생성 > XML템플릿으로 내보내기" 메뉴가 보이면 정상적으로 설치된 것입니다.

설치확인 이미지

템플릿 제작툴 이미지

[ 설치확인 이미지 ]

ID2XML for CS3 설치방법은 다음과 같습니다.
CS3버전은 Adobe InDesign CS3가 설치된 경로의 Plus-Ins에 복사하면 됩니다.

템플릿의 종류
에디터용 템플릿

위피엔피의 피오디에디터에서 사용하는 템플릿을 말합니다.

가변데이터용 템플릿

기업명함처럼 고정된 레이아웃을 사용하며 직급, 이름, 전화번호 등 특정항목만 수정이 가능하도록 하고 이를 템플릿을 제작하기 위한 기법입니다.

템플릿 에디터 가변데이터 에디터
적용가능한 부문 편집가능한 전분야에 가능합니다 고정된 레이아웃에서 데이터만 변경되는 상황에서 적용가능합니다
제작환경 플래시로 제공 HTML로 제공
편집방법 WYSWYG기반의 웹에디터로 편집 가변데이터에 대해서만 입력가능
QR코드 URL방식, 전화번호방식 선택적으로 지원 사전에 지정된 위치에, 배치항목에 대한 사전에 약속된 정보만으로 제공함
이미지 등록 AI, EPS, JPG, PNG, PSD등 불가함(커스터마이징 작업을 통해서만 지원 가능합니다)
편집기능 서체, 색상, 서체크기, 자간, 장평 편집기능 지원합니 데이터수정만 가능합니다
정렬기능 좌정렬, 우정렬, 중앙정렬, 객체정렬 지원 제한적인 정렬을 지원
지원 애플리케이션 명함, 봉투, 전단지, 현수막, 책표지, 티셔츠, 컵 등 지원함 기업명함, 봉투, 명찰 등 고정된 레이아웃
가변데이터 지원 지원가능 지원가능
IPAD/IPHONE 동작불가 동작
PC웹브라우저 동작 동작
  데모보기 데모보기

[ 에디터간 비교차이 ]

템플릿 문서 제작하기

새 문서 생성

새 문서 생성

  • 인디자인 실행합니다.
  • 파일 – 새로만들기 – 문서 클릭
  • 새문서 창에 폭 (92mm), 높이(52mm)로 설정합니다.
  • 여백 및 단을 클릭합니다.
  • 여백에 모든 값을 0으로 입력합니다.
  • 확인을 클릭합니다.

새 여백 및 단

문서설정 변경
  • 파일 – 문서설정 메뉴 클릭(Alt + Ctrl + P)
  • 페이지 마주보기 체크 해제합니다.
  • 확인을 클릭합니다.

문서설정 변경

마스터 페이지 옵션변경
  • F12키 또는 창 - 페이지 클릭합니다.
  • 마스터 영역의 기본 마스터를 선택하고 마우스 오른쪽 버튼을 클릭합니다.
  • 메뉴에서 OOO에 대한 마스터 옵션이라는 메뉴를 선택합니다.
  • 마스터 페이지 옵션변경

  • 페이지 수 1로 변경합니다.
  • 확인을 클릭합니다.

마스터 옵션

마스터 설정
  • 명함의 앞면과 뒷면의 배경이미지가 다른 경우 마스터를 새로 추가해야 합니다.
  • 단, 명함의 앞면과 뒷면의 배경이미지가 동일한 경우는 새 마스터를 추가할 필요가 없습니다.
  • 현재는 앞면과 뒷면의 배경 이미지가 다른 것으로 가정하고 작업을 하겠습니다.
  • 마스터 영역의 기본 마스터를 선택하고 마우스 오른쪽 버튼을 클릭합니다.
  • 메뉴에서 새 마스터를 선택하고
  • 마스터 접두어를 입력하고 확인을 클릭합니다.

마스터 설정

마스터 배경이미지 설정
  • 편집하고자 하는 마스터 영역을 더블 클릭하여 편집모드로 전환합니다.
  • 사각 프레임 도구를 선택하고 화면에 이미지가 차지할 영역을 설정합니다.
  • Ctrl + D 키를 이용하여 이미지를 선택하면 마스터 만들기를 완료합니다.
  • 다른 마스터도 동일한 방법으로 마스터를 구성합니다.
  • 단, 일본어나 해외 사이트에 적용시키는 템플릿의 경우 이름은 영문으로 표기합니다. 예) Master
  • 배경 이미지는 가급적 AI, EPS, PDF 등 인쇄 품질이 좋은 것을 추천합니다.
  • 마스터 배경이미지 설정

  • Master에 적용시키는 글자인 경우 아웃라인(ctrl+Shift+O)으로 처리합니다.
  • 배경 이미지는 가급적 AI, EPS, PDF 등 인쇄 품질이 좋은 것을 추천합니다.
  • 마스터에 AI를 적용시킬 경우 AI파일을 일러스트로 열어 객체를 직접 선택하여 적용하는 것을 추천합니다.
  • 마스터 배경이미지 설정

  • 만약에 링크로 적용시켰을 경우 서버로 업로드 시 링크된 AI나 다른 파일을 링크했을 경우 링크된 파일 링크 메뉴에서 문서 포함으로 파일을 저장하거나 해당 파일을 포함하여 서버로 업로드 합니다.
가변데이터 템플릿을 위해 태그 적용하기
템플릿 태그
태그이름 설명 태그이름 설명
k_grade <한글 직급 /앞면 직급> e_grade <영문 직급 //뒤면 직급>
k_name <한글 이름 /앞면 이름> e_name <영문 이름 /뒤면 이름>
k_mobile <한글 핸드폰 /앞면 핸드폰> e_mobile <영문 핸드폰 /뒤면 핸드폰>
k_email <한글 이메일 /앞면 이메일> e_email <영문 이메일 /뒤면 이메일>
k_co_name <한글 회사이름 /앞면 회사이름> e_co_name <영문 회사이름 /뒤면 회사이름>
k_addr1 <한글 주소1 /앞면 주소1> e_addr1 <영문 주소1 /뒤면 주소1>
k_addr2 <한글 주소2 /앞면 주소2> e_addr2 <영문 주소2 /뒤면 주소2>
k_addr3 <한글 주소3 /앞면 주소3> e_addr3 <영문 주소3 /뒤면 주소3>
k_tel <한글 전화번호 /앞면 전화번호> e_tel <영문 전화번호 /뒤면 전화번호>
k_fax <한글 팩스 /앞면 팩스> e_fax <영문 팩스 /뒤면 팩스>
k_dept <한글 부서 /앞면 부서> e_dept <영문 부서 /뒤면 부서>
k_hpage <한글 홈페이지 /앞면 홈페이지> k_hpage <한글 홈페이지 /앞면 홈페이지>
  • 명함의 경우 후가공 페이지, 앞면, 뒷면으로 작업페이지를 구성합니다.
  • 후가공 페이지는 공란이며, 앞면과 뒷면에는 해당 마스터가 적용됩니다.
  • 작업페이지를 더블클릭합니다.
  • 문자 도구를 선택하고 화면에 문자의 위치와 크기를 설정합니다.
  • 엑셀명함에 사용되는 템플릿 태그를 이용하여 필요한 요소를 배치합니다.
  • 태그를 작성할 때는 "<<{태그이름}>>"형식을 반드시 지켜야 합니다.
  • 뒷면도 동일하게 작성을 합니다.
  • 가변데이터 템플릿을 위해 태그 적용하기

가변데이터 템플릿에 태그 적용의 예시
  • 태그의 기본 식은 <<{태그이름}>>형식으로 구성됩니다.
    - {태그이름} 데이터가 없을 경우 해당 항목은 화면에 나타나지 않습니다.
    - 해당 영역의 정렬형식에 따라 빈 데이터를 제외한 나머지 데이터로 보여줍니다.
  • 가변데이터 템플릿에 태그 적용의 예시

  • 태그의 응용으로 문자와 태그를 혼합하여 사용하는 방법이 있습니다.
    - <<문자{태그이름}>>형식으로 구성됩니다.
  • 기본적인 사항은 기본 식과 동일하며 문자는 한글, 영어, 특수문자 및 일반기호 모두 사용 가능합니다.
  • {태그이름}에 기본사항과 동일하게 데이터가 없을 경우 표시되지 않습니다. 또한 문자 역시 화면에 표시되지 않습니다.
  • 가변데이터 템플릿에 태그 적용의 예시

  • <<{태그이름}>>과 <<{태그이름}>>는 붙여서 쓰기는 물론 엔터 키를 이용한 줄 내림도 가능합니다.
  • 가변데이터 템플릿에 태그 적용의 예시

에디터 태그 적용하기
  • 엑셀태그와 마찬가지로 후가공 페이지, 앞면, 뒷면으로 작업페이지를 구성합니다.
  • 후가공 페이지는 공란이며, 앞면과 뒷면에는 해당 마스터가 적용됩니다.
  • 창 메뉴에서 태그 메뉴를 선택 후 태그 창을 열고
  • 그림에 ③을 클릭하여 1.1 템플릿 태그의 템플릿 태그를 필요한 태그를 그림과 같이 정의합니다.
  • 정의된 태그는 색을 지정할 수 있으며 이색은 태그 적용 시 각각의 객체가 어떤 태그로 설정되었는지 알 수 있도록 합니다.
  • 적용할 때는 원하는 객체를 선택 후 "메뉴->창->태그"에 태그를 선택합니다.
  • 에디터 태그 적용하기

    에디터 태그 적용하기

  • 화면에서 적용하여도 색이 보이지 않을 경우 상단 보기 메뉴에서 구조 항목 선택 후 태그 있는 프레임 표시를 클릭합니다.
  • 에디터 태그 적용하기

에디터 템플릿에 문단 및 단락스타일 적용하기
  • 인지다인에서 제공하는 스타일은 크게 문자와 단락스타일로 나눕니다.
  • 단락스타일은 정렬에 주로 사용되며, 문자스타일은 글자에 대한 색상, 크기, 폰트 등을 구성합니다.
  • 창 메뉴에서 문자 및 표 항목 선택하면 단락스타일(F11)과 문자스타일 (SHIFT+F11)을 확인 할 수 있습니다.
  • 단락스타일은 좌정렬_줄스타일, 중앙정렬_줄스타일, 우정렬_줄스타일이 기본형태이며 이것 이외에는 사용하지 않습니다.
  • 들여쓰기 및 간격 항목에서 정렬을 선택하고, 균등배치에 컴포저를 반드시 adobe단락 컴포저를 선택해야 합니다. adobe단락 컴포저 설정은 매우 종요한 사항입니다.
  • 에디터 템플릿에 문단 및 단락스타일 적용하기

    에디터 템플릿에 문단 및 단락스타일 적용하기

  • 문자스타일은 신규생성 버튼을 클릭하고 문자스타일1이라는 항목이 생성됩니다. 그러면 원하는 문자로 변경하고 기본 문자 서식과 고급 문자 서식을 이용하여 문자스타일을 정의 합니다.
  • 에디터 템플릿에 문단 및 단락스타일 적용하기

  • 단락스타일과 문자스타일 모두 xml 적용방법과 동일하며 화면에 객체를 선택 후 스타일 창에서 원하는 스타일을 선택하면 됩니다.
  • 스타일은 조금 쉽게 정의하여 사용하는 방법은 기존의 스타일을 불러 오는것으로 단락이나 문자스타일 창 우측에 멀티메뉴를 클릭하여 스타일 불러오기 선택하고 참고하고자 하는 인디자인 파일을 선택하면 그 파일의 단락과 문자스트일을 보여주고 선택하여 불러 올 수 있습니다.
  • 에디터 템플릿에 문단 및 단락스타일 적용하기

템플릿 생성하기

템플릿 내보내기
  • 템플릿용 파일제작이 완료되면 이제 템플릿 내보내기로 썸네일이미지 및 마스터, 미리보기 이미지, indt파일을 생성하도록 합니다.
  • 기본적으로 사용되는 템플릿 파일은 .indt로 되어 있으며, 썸네일 이나 기타 다른 파일, indt템플릿 파일을 일괄적으로 생성하기 위하여 내보내기를 합니다.
  • 위 1.과 같이 ID2XML이 설치되면 InDesign CS4에는 WePNP라는 메뉴가 보입니다.
  • 템플릿 내보내기

  • 메뉴->WePNP – 템플릿 생성 - XML템플릿으로 내보내기 클릭합니다.
  • 템플릿 내보내기

    템플릿 제작툴 이미지

    [ 템플릿내보내기 팝업창 ]

  • 구분은 템플릿 종류를 명함, 봉투, 카탈로그, 캘린더 중 하나를 선택합니다.
  • 템플릿 명은 디폴드로는 현재 템플릿 파일명으로 적용되며, 다른 이름을 사용하고 할 때 수정할 수 있습니다.
  • 페이지 수, 가로_세로, 폴더 명은 기본적으로 ID2XML에서 확인하여 보여주는 값입니다.
  • 페이지수 옆에 첫 페이지에 후가공 정보 배치체크여부가 있으며, 이것은 명함에만 적용되는 기능으로 첫페이지를 후가공 정보를 기록하는 용도로 사용됩니다. 현재 사용하지 않는 기능이지만 이전버전과 호환성을 위해 필요한 페이지로 명함은 반드시 단면명함시엔 2페이지, 양면명함시엔 3페이지로 구성해야 합니다. (첫페이지는 빈페이지, 두번째페이지는 앞면용, 세번째 페이지는 뒷면용으로 사용합니다.)
  • 저장위치는 템플릿을 저장할 폴더명으로, 저장할 폴더는 "저장위치"+"폴더명"으로 합니다. (그림에서 템플릿 저장폴더의 경로는 "C₩Users₩Administrator₩Documents₩92_52_명함샘플3(3)" 입니다.
  • 템플릿파일(indt)로 저장은 현재 문서를 .indt로 저장하는 기능으로 항상 저장되도록 check 해야 합니다.
  • 한국어, English/Japanese는 XML파일생성시 서체명과 Tag명을 한국어로 할지 영어로 할지를 선택하는 옵션으로 생성되는 XML는 UTF-8 파일로 생성됩니다.(XML을 확인하고자 할 때는 인터넷브라우저로 보면 제대로 잘 보입니다.)한국어는 반드시 한국어로 하고 그 외의 언어는 English를 선택하면 됩니다.
  • 확인버튼을 클릭하면 진행 과정과 성공메시지를 확인 할 수 있습니다.
  • 템플릿 내보내기

  • 최종적으로 완료된 파일은 아래와 같이 ID2XML이 생성한 템플릿파일을 확인 할 수 있습니다.
  • 템플릿내보내기 결과 파일들

    [ 템플릿내보내기 결과 파일들 ]

봉투 템플릿 제작방법

봉투템플릿은 펼친면 전개도를 템플릿으로 만드는 "펼친면봉투템플릿" 방법과 완성된 모습에서 앞면만 템플릿으로 만드는 "완성형봉투템플릿" 방법이 있습니다.

펼친면 봉투 템플릿

펼친면의 경우 1페이지 문서를 만들어 구분을 봉투를 선택하여 제작합니다.

완성형 봉투 템플릿

완성형 봉투의 경우 1페이지 문서를 생성하고 앞면부분에 대해 사각박스를 얹고 그 박스에 tag명을 "ENV_FRONT"로 설정한 이름을 지정한 다음 구분을 봉투로 선택하여 템플릿을 제작합니다.

템플릿 내보내기

템플릿 주의사항

  • 1. 저장된 파일명은 되도록 영문으로 작성하며, 공백은 없어야 합니다.(일본어 적용 고려)
  • 2. 파일의 마스터 명은 영문으로 변경하여 제작합니다.(일본어 적용 고려)
  • 3. 마스터에 들어가는 글씨는 아웃라인으로 처리합니다.(CTRL+SHIFT+영문O)
  • 4. 마스터에 들어가는 AI 및 기타 객체가 복사가 가능한 파일은 링크하지 말고 직접 붙여넣습니다.
  • 5. 명함에 있어서 페이지는 무조건 3개를 만듭니다.(후가공, 앞면, 뒷면) 후가공은 무조건 빈 페이지, 뒷면은 내용이 있는 경우만 작성을 합니다.
  • 6. 에디터 템플릿을 제작하는 경우
    • - 페이지 작성시 글자에 적용되는 정렬은 반드시 단락스타일로 정의합니다. 단락스타일은 Adobe단락컴포저로 설정하여 적용합니다.
    • - 페이지 작성시 글자에 적용되는 폰트, 색상, 크기, 자간, 장평 등은 반드시 문자스타일로 정의합니다.
    • - 검정색을 문자스타일에 적용할 때, 아래 그림의 색상견본을 사용하지 말고 C=0 m=0 y= k=100 인 검정색을 별도로 생성해서 적용합니다.
    • 색상견본

    • 위 사항을 적용하지 않는 경우 에디터에 엉뚱한 결과를 보게 됩니다.
  • 에디터명함용 템플릿과 가변데이터용 템플릿은 XML구조가 서로 상이함으로 반드시 따로 생성해서 사용해야 합니다. 에디터명함은 XML파일을 템플릿으로 사용함으로 색상이나 위치, 문자 및 문단스타일정보가 있는 반면, 가변데이터용 템플릿은 인디자인파일 그 자체를 템플릿으로 사용함으로 XML정보에는 위치나 색상, 문자등 스타일을 포함하고 있지 않습니다.
  • 지원서체는 아시아서체만 가능하며 지원가능한 서체는 피오디서버(www.podmarket.net) 템플릿 제작 가이드 ㈜위피엔피에서 확인 가능 합니다. (http://www.podmarket.net/podManual/fontlist.html)
  • 폰트견본

  • ID2XML을 이용하여 내보내기 한 xml을 입력할 경우 간혹 깨지는 글자 <5335><5BF3> 이런 코드 값으로 표시 되었을 경우 수동으로 원래 글자로 변경하거나 삭제합니다.