Show Menu
화제×

템플릿 만들기

템플릿을 만들려면 # > #을 클릭합니다. # 또는 #를 선택합니다. 이 페이지에서 이미지 및 텍스트 레이어를 추가할 수 있습니다. 레이어 순서를 조정하고, 레이어의 크기와 위치를 변경하고, 이미지와 텍스트에 그림자 및 후광 효과를 적용할 수도 있습니다.
이전 버전의 Dynamic Media Classic에서 만든 템플릿을 편집하는 경우 "캔버스 레이어를 추가하시겠습니까?"를 묻는 메시지가 표시될 수 있습니다. 새 기본 레이어를 추가하지 않으려면 #를 선택합니다. 실수로 #를 선택한 경우 URL에서 "&allowCanvasPrompt" 및 "&layer=0" 수정자를 삭제하고 Enter 또는 Return 키를 누릅니다.

초기 템플릿 만들기

템플릿 집합을 만들 때, 저장 후 게시 옵션은 다음과 같이 세트와 세트 구성원에 영향을 줍니다.
저장하기 전에 # 옵션을 선택했습니까?
저장 후 세트 상태
저장 후 세트 구성원 상태
게시됨
게시됨
아니요
게시 취소됨
세트 구성원은 게시된 상태나 게시되지 않은 상태를 유지합니다.
기존 템플릿에서 템플릿을 만들 수 있습니다. 템플릿을 열고 다른 이름으로 저장 ​을 클릭한 다음 # 대화 상자에 새 이름을 입력합니다.
시작 템플릿 집합 만들기
  1. 템플릿을 만들려면 다음 방법 중 하나를 사용하십시오.
    먼저 PSD 또는 이미지 선택 찾아보기 패널에서 템플릿에 사용할 PSD 파일 또는 이미지를 선택하고 빌드 > 템플릿 기본 사항을 클릭합니다.
    템플릿 화면에서 시작 > 작성 > 템플릿 기본 을 클릭합니다. # 또는 #를 선택합니다.
  2. # 대화 상자에서 템플릿의 너비 및 높이 측정값을 입력합니다.
  3. 자산 라이브러리에서 폴더를 선택하고 템플릿에 사용할 PSD 파일이나 이미지를 # 화면으로 드래그합니다.
  4. 완료하면 페이지 오른쪽 하단에서 저장 후 게시 (기본값)가 선택되어 있는지 확인합니다.
  5. #​을 클릭합니다.
  6. 템플릿을 저장할 폴더를 선택하고 템플릿의 이름을 입력한 다음 제출 ​을 클릭합니다.
    Dynamic Media Classic에서는 캔버스에 맞추기 위해 필요한 경우 이미지를 축소하고 템플릿 정의에 사용할 템플릿 화면의 영역을 축소합니다.

템플릿 집합 편집

편집한 것이 게시된 템플릿 집합인지 게시 취소된 템플릿 집합인지에 따라, 저장 후 게시 옵션은 다음과 같이 세트와 세트 구성원에 영향을 줍니다.
세트를 이미 게시했습니까?
편집 내용을 저장하기 전에 # 옵션을 선택했습니까?
저장 후 세트 상태
저장 후 세트 구성원 상태
게시됨
게시됨
아니요
게시됨
기존 세트 멤버는 게시된 상태를 유지합니다.편집 중에 추가한 모든 새 세트 멤버는 게시되었거나 게시 취소된 상태를 유지합니다.
아니요
게시됨
게시됨
아니요
아니요
게시 취소됨
기존 세트 구성원과 편집 중에 새로 추가한 모든 세트 구성원은 게시된 상태나 게시 취소된 상태를 유지합니다.
템플릿 집합 편집
  1. #에서 템플릿 집합으로 이동한 다음 이미지 아래의 편집 ​을 클릭합니다.
  2. 필요에 따라 템플릿을 변경합니다.
  3. 편집을 완료하면 페이지 오른쪽 하단에서 저장 후 게시 (기본값)가 선택되어 있는지 확인합니다.
  4. 저장 ​을 클릭하고 저장 폴더를 선택한 다음에 세트 이름을 입력하고 저장 ​을 클릭합니다.

템플릿 삭제

삭제된 템플릿 집합은 휴지통으로 이동합니다. 하지만 삭제된 세트 내의 구성원(또는 "하위")은 휴지통으로 이동하지 않고, 각각 기존의 게시된 상태나 게시 취소된 상태를 유지합니다.
템플릿 삭제
  1. #, # 또는 #에서 템플릿을 하나 이상 선택합니다.
  2. 글로벌 탐색 막대에서 파일 > 삭제 > 삭제 ​를 클릭합니다.

템플릿 화면 이해

# 화면에서는 레이어를 조작하고 매개 변수화하기 위한 도구를 제공합니다.
# 화면에서 다음 도구를 사용하여 템플릿을 만듭니다.
이동 툴 레이어를 선택하거나 캔버스 주위로 이동하고 크기를 조정하거나 회전할 수 있습니다.
텍스트 도구 텍스트 레이어를 만듭니다. 캔버스에서 끌어 텍스트 레이어를 만든 다음 레이어의 텍스트를 입력합니다. 텍스트 레이어 만들기를 참조하십시오.
미리 보기 단추 미리 보기 화면을 열고 확대/축소 뷰어에 템플릿을 표시합니다. 웹 사이트나 애플리케이션에서 템플릿이 사용자에게 어떻게 표시되는지 확인합니다.
매개 변수 요약 단추 매개 변수 요약 화면을 엽니다. 템플릿의 각 레이어 이름과 각 레이어에서 활성화된 매개 변수 이름을 확인할 수 있습니다.
텍스트 편집기 v4.3 및 텍스트 편집기 v4.2 가장 최신이고 완벽한 기능을 갖춘 텍스트 편집기 v4.3 또는 이전 텍스트 편집기 v4.2를 사용하도록 선택할 수 있습니다. 새 템플릿을 만들면 기본적으로 텍스트 편집기 v4.3이 선택됩니다. 이전 템플릿을 편집할 때는 기본적으로 텍스트 편집기 v4.2가 선택됩니다. 현재 텍스트 편집기 v4.3에서는 단어 줄바꿈을 지원하지 않으므로 단어 줄바꿈을 사용하는 이전 템플릿을 편집할 때는 텍스트 편집기 v4.2를 사용하여 템플릿의 품질을 그대로 유지합니다. 이전 템플릿이 단어 줄바꿈을 사용하지 않는 경우에는 #, #, #, # 등의 많은 새로운 기능을 이용하기 위해 텍스트 편집기 v4.3을 선택할 수 있습니다.
참고​ : 텍스트 편집기 v4.2는 결국 Dynamic Media Classic에서 옵션으로 제거되므로 가능하면 텍스트 편집기 4.3을 사용하는 것이 좋습니다. # 선택 사항은 이후 텍스트 편집기 릴리스에 통합됩니다.
디자이너 및 개발자 역할을 가장 잘 설명하는 옵션을 선택합니다.
캔버스 템플릿 정의에 사용할 수 있는 총 영역을 픽셀 단위로 정의합니다. 기본 크기는 300x300 픽셀입니다. 레이어가 캔버스에 배치됩니다.
레이어 목록 템플릿의 레이어 이름을 나열합니다. 레이어를 선택하려면 # 목록에서 해당 이름을 선택합니다. # 목록에서는 레이어에 효과를 추가하고, 레이어를 삭제하고, 레이어 순서를 조정하고, 레이어를 매개 변수화하기 위한 도구를 제공합니다. 레이어 작업을 참조하십시오.
레이어 속성 영역 레이어의 배경색, 불투명도, 크기 및 위치와 캔버스의 배경색, 불투명도 및 크기를 변경할 수 있는 툴을 제공합니다. 그림자 및 후광 효과를 조정할 수도 있습니다. 레이어 작업을 참조하십시오.

이미지 레이어 만들기

  1. 자산 라이브러리에서 캔버스로 이미지를 드래그합니다.
    이미지의 ID 이름이 # 목록에 표시됩니다.
필요한 경우 Dynamic Media Classic에서는 이미지 레이어를 만들 때 이미지를 캔버스에 맞게 축소합니다.

텍스트 레이어 만들기

  1. 텍스트 툴을 클릭합니다.
  2. 캔버스나 이미지에 텍스트 상자를 끌어서 만듭니다.
  3. 열리는 # 화면의 # 탭에서 다음 중 원하는 작업을 수행하여 텍스트를 추가합니다.
    • 텍스트 상자에 텍스트를 입력합니다. #를 선택하여 텍스트 상자에 텍스트를 맞춥니다.
    • 클립보드의 텍스트를 텍스트 상자에 붙여 넣습니다.
  4. #을 클릭하고 # 화면을 닫습니다.

텍스트 서식 지정

텍스트 레이어의 텍스트 서식을 지정하려면 다음 단계를 수행합니다.
  1. # 목록에서 편집하려는 텍스트가 포함된 텍스트 상자의 이름을 두 번 클릭합니다. 텍스트 편집기가 열립니다.
  2. 텍스트 상자에서 서식을 지정하려는 텍스트를 선택합니다. 모든 텍스트, 텍스트의 일부 및 개별 문자를 선택할 수 있습니다.
  3. 다음 중 원하는 서식 지정 선택 사항을 지정하고 #을 클릭합니다.
    글꼴 글꼴 메뉴에서 글꼴을 선택합니다. 원하는 글꼴이 메뉴에 나타나지 않으면 Dynamic Media Classic에 업로드할 수 있습니다. #을 참조하십시오.
    글꼴 크기 메뉴에서 글꼴 크기를 선택하거나 상자에 특정 크기를 입력하거나 위쪽 또는 아래쪽 화살표를 클릭하여 크기를 2포인트 늘리거나 줄입니다.
    색상 을 클릭하여 텍스트의 색상을 선택합니다.
    굵게, 기울임꼴 또는 밑줄 텍스트를 선택한 다음 텍스트에 적용할 서식 유형의 아이콘을 클릭합니다.
    모든 대문자, 위 첨자 또는 아래 첨자 텍스트를 선택한 다음 텍스트에 적용할 서식 유형의 아이콘을 클릭합니다.
    정렬 텍스트 레이어의 텍스트를 왼쪽 정렬, 가운데 또는 오른쪽 정렬하려면 정렬 단추를 선택합니다.
    추적 유형 또는 단어 사이의 공백을 조정할 숫자 값을 선택합니다.
    커닝 유형 또는 문자 사이의 공백을 조정할 숫자 값을 선택합니다.
    라인 간격 유형이나 행 사이의 간격 크기를 조정할 숫자 값을 선택합니다.
    기준선 이동 유형 또는 선택한 문자를 주변 텍스트의 기준선을 기준으로 위나 아래로 이동할 숫자 값을 선택합니다. 이 선택 사항은 분수를 수동으로 설정하거나 인라인 그래픽의 위치를 조정할 때 특히 유용합니다.
#를 클릭하여 마지막 작업을 취소합니다. #를 클릭한 후 작업 취소 결정을 변경하는 경우 #을 클릭합니다.

단락 서식 적용하기

  1. # 목록에서 편집하려는 텍스트가 포함된 텍스트 상자의 이름을 두 번 클릭합니다. 텍스트 편집기가 열립니다.
  2. 서식을 적용할 단락을 선택합니다.
  3. 다음 중 원하는 서식 지정 선택 사항을 지정하고 #을 클릭합니다.
    정렬 을 클릭하여 정렬 유형을 지정합니다. 왼쪽 정렬, 가운데 정렬, 오른쪽 정렬 또는 양쪽 맞춤
    단락 맞춤 끝 단락의 마지막 줄에 대한 정렬 유형을 지정하려면 클릭합니다. 마지막 줄 왼쪽 정렬 마지막 줄 가운데 정렬 마지막 줄이 오른쪽으로 정렬됩니다.
    줄 간격 유형이나 단락에서 모든 줄 사이의 공백을 조정할 숫자 값을 선택합니다.
    모두 들여쓰기 텍스트를 들여쓴 양을 늘리려면 클릭합니다.
    들여쓰기 제거 텍스트를 들여쓴 양을 줄이려면 클릭합니다.
    첫 줄 들여쓰기텍스트의 첫 번째 줄을 들여쓸 양을 지정합니다.
    단락 앞 공백 단락의 텍스트 첫 줄 위에 표시할 공간의 크기를 지정합니다.
    단락 뒤 공백 단락의 마지막 텍스트 줄 아래에 표시할 공간을 지정합니다.
    세로 정렬텍스트 상자 내에서 텍스트를 세로로 표시할 위치를 선택합니다. 위쪽, 중간, 아래쪽.
    텍스트 방향 텍스트를 표시할 방향을 선택합니다. 오른쪽에서 왼쪽으로 또는 왼쪽에서 오른쪽으로.

텍스트 레이어 속성 조정

  1. # 화면에서 조정하려는 텍스트 상자를 선택합니다.
  2. # 패널에서 다음 중 원하는 선택 사항을 선택합니다.
    텍스트 축소(텍스트 편집기 v4.2만 해당) 텍스트 상자에 맞게 텍스트를 축소하려면 선택합니다.
    워드 랩(텍스트 편집기 v4.2만 해당) 감싸기 옵션을 선택하여 텍스트 감싸기를 지정합니다.
    감싸기 텍스트가 가로로 너무 작은 텍스트 상자에 맞게 래핑됩니다.
    감싸기 없음 텍스트 상자가 가로로 너무 작으면 텍스트를 감싸지 않고, 대신 텍스트 일부를 잘라냅니다.
    NB 줄바꿈 (줄바꿈하지 않음) 텍스트를 텍스트 상자에 맞게 줄바꿈하며 단어를 끊지 않습니다.
    위치 캔버스에서 텍스트 상자의 위치를 지정합니다.
    패딩 여백을 추가하거나 레이어 사각형을 자릅니다. 왼쪽, 위쪽, 아래쪽 및 오른쪽에 대해 추가하거나 제거할 픽셀 수를 지정합니다. 여백을 추가하려면 양수를 입력하고, 자르려면 음수를 입력합니다.

텍스트 소스 코드 보기 및 편집

텍스트 편집기의 # 탭에 제공된 정보는 참조용입니다. 소스 코드 편집에 익숙한 경우에만 텍스트를 편집합니다.
  1. # 목록에서 편집하려는 텍스트가 포함된 텍스트 상자의 이름을 두 번 클릭합니다. 텍스트 편집기가 열립니다.
  2. 텍스트 편집기의 # 탭을 클릭하여 텍스트의 소스 코드를 표시합니다.
  3. 원하는 대로 텍스트를 보거나 편집합니다.
    ## 보기를 전환하는 경우 변경 사항이 유지됩니다.
  4. #을 클릭하여 편집 내용을 렌더링합니다.

레이어 작업

# 목록과 # 영역을 사용하여 레이어 작업을 수행합니다. 레이어 순서를 조정하고, 레이어 크기와 위치를 변경하고, 레이어를 회전하고, 레이어의 배경색, 전경색, 불투명도 및 혼합 모드를 결정할 수 있습니다.
캔버스 크기를 변경하고, 배경색을 선택하고, 불투명도 설정을 변경할 수도 있습니다.

레이어 순서 변경

레이어 순서를 변경하면 특히 투명도나 중복 인쇄가 관련된 경우 모양에 영향을 줄 수 있습니다. 변경 사항을 커밋하기 전에 결과를 미리 봐야 합니다.
  1. 템플릿의 레이어 순서를 조정하려면 다음 기술 중 하나를 사용합니다.
    • # 목록에서 레이어를 선택합니다. # 또는 # 단추를 원하는 횟수만큼 클릭하여 목록의 올바른 위치에 레이어를 배치합니다.
    • # 목록에서 레이어를 위나 아래로 드래그합니다.

레이어와 캔버스의 크기 및 위치 변경

레이어는 캔버스에 들어갈 만큼 작아야 합니다. 수동으로 또는 크기 측정값을 입력하여 레이어나 캔버스 크기를 변경할 수 있습니다. 수동으로 또는 오프셋 측정값을 입력하여 레이어 위치를 변경할 수 있습니다. 레이어를 회전할 수도 있습니다.
Dynamic Media Classic에서는 템플릿의 정확한 크기로 이미지 사전 설정을 만드는 것이 좋습니다. 이미지 사전 설정 크기를 템플릿 크기와 일치시키면 템플릿의 최종 출력 크기와 선명하게 하기 선택 사항이 올바르게 설정됩니다. 이 이미지 사전 설정을 만든 후 # 화면의 # 메뉴에서 선택할 수 있습니다. 서버에서 이미지가 제공될 때의 이미지 모양이 화면에 표시됩니다. 이미지 사전 설정 지정 을 참조하십시오.
레이어 크기 변경
레이어나 캔버스의 크기를 변경하려면 # 목록에서 레이어나 캔버스를 선택하고 다음 기술 중 하나를 사용합니다.
수동으로 크기 변경 레이어나 캔버스의 모서리를 선택하고 드래그합니다. 텍스트 레이어의 경우 레이어 측면을 끌 수도 있습니다. Shift 키를 누른 상태로 끌어 크기를 변경하지만 종횡비(모양)는 유지합니다.
레이어 크기 측정 입력 레이어 속성 영역의 W(너비) 및 H(높이) 텍스트 상자에 픽셀 측정을 입력합니다.
레이어 크기를 변경하는 것은 물론 레이어를 패딩할 수 있습니다. 이렇게 하려면 # 영역의 #, #, ## 상자에 패딩 측정값을 입력합니다. 패딩은 현재 레이어에 여백을 추가하여 기본 레이어의 경계에서 오프셋합니다. 패딩은 그림자 적용 또는 외부 후광 효과를 추가하고 이 효과를 더 강조하려는 경우에 유용합니다. 패딩을 사용하면 레이어 크기가 늘어나고 배경색이 확장된 패딩 영역에 표시됩니다. 새 레이어 크기를 기준으로 기본 레이어의 위치가 조정됩니다. 예를 들어 현재 레이어가 기본 레이어 가운데에 있는 경우 레이어 왼쪽을 확장하면 기본 레이어 오른쪽으로 이동합니다.
레이어 위치 변경
캔버스에서 레이어 위치를 변경하려면 # 목록에서 레이어 이름을 선택하고 다음 기술 중 하나를 사용합니다.
수동으로 위치 변경 레이어 경계 위로 포인터를 가져가면 안 됩니다. 4개의 방향 화살표 커서가 표시되면 클릭하고 드래그하기 시작합니다.
위치 오프셋 측정 입력 X 및 Y 텍스트 상자에 X 및 Y 오프셋 측정을 입력합니다. 이러한 측정값은 앵커 지점의 x, y 오프셋을 픽셀 단위로 나타냅니다.
레이어 회전
# 상자에는 레이어를 회전한 각도가 나열됩니다. 레이어를 회전하려면 # 목록에서 레이어 이름을 선택하고 다음 기술 중 하나를 사용합니다.
수동 회전 커서를 레이어 모서리 근처로 이동하지 말고 회전 커서가 표시되면 레이어 모서리를 드래그합니다. Shift 키를 누른 상태로 끌어 15도 증분으로 회전합니다.
도 측정 입력 레이어를 회전할 도 수를 입력합니다. 회전은 시계 방향으로 수행됩니다. 시계 반대 방향으로 회전하려면 음수를 입력합니다.
레이어 또는 레이어 효과 숨기기
레이어 이름이나 효과 이름 옆에 있는 눈 아이콘 을 클릭하여 레이어나 레이어 효과를 숨길 수 있습니다. 숨겨진 레이어는 미리 보기나 출력에 표시되지 않습니다. 레이어 정보는 URL에서 삭제되지 않습니다. 대신 "hide=1"이 URL에 추가되어 레이어가 현재 보기에서 숨겨짐을 나타냅니다. 예:
layer=5&src=is{PortalCo/title}&pos=274,192&effect=-1&.effect=Drop Shadow&blendmode
layer=5&src=is{PortalCo/title}&pos=274,192&hide=1&effect=-1&.effect=Drop Shadow&blendmode

배경색, 불투명도 및 혼합 모드 결정

레이어나 캔버스의 배경색, 불투명도 및 혼합 모드를 선택하려면 레이어나 캔버스를 선택하고 다음 기술을 사용합니다.
전경 색상 # 단추를 클릭하고 색상 견본을 선택하여 그림자나 광선의 색상을 변경합니다. 상자에 색상-값 매개 변수를 입력할 수도 있습니다. 배경색은 투명도를 사용하는 레이어에만 적용됩니다. 예를 들어 가격 태그의 부분적으로 투명한 레이어나 텍스트 필드의 배경에 적용됩니다. 투명도가 켜진 Psd, TIFF 또는 PNG 이미지로 구성된 레이어는 투명 배경을 사용할 수 있습니다.
배경색 배경색 단추를 클릭하고 색상 견본을 선택하여 패딩 영역의 색상을 변경합니다.
불투명도 불투명도 슬라이더를 드래그하여 기본 이미지의 일부가 표시되도록 레이어를 반투명으로 만들 수 있습니다. 100% 설정은 완전 불투명하고 0 설정은 투명합니다.
혼합 모드 Photoshop에서 사용 가능한 블렌드 모드 중 하나를 시뮬레이션하는 옵션을 선택합니다. 선택 사항은 #, #, #, #, ##입니다. 이러한 선택 사항은 캔버스가 아니라 레이어에 사용할 수 있습니다.

레이어에 그림자 및 후광 효과 사용

레이어에 그림자나 후광을 적용할 수 있습니다. 그림자나 후광은 레이어의 경계에 적용되고 선택한 그림자 또는 후광 선택 사항에 따라 안쪽이나 바깥쪽으로 확장됩니다. 그림자 및 광선 효과가 있는 PSD 파일로 템플릿을 만든 경우 Dynamic Media Classic에서 이러한 효과를 조정할 수 있습니다.
그림자 또는 후광 효과를 적용한 후 # 화면의 # 영역에서 크기, 색상, 불투명도 및 위치를 조정할 수 있습니다.

레이어에 그림자 또는 후광 효과 적용

그림자 또는 후광 효과를 적용하려면
  1. # 목록에서 레이어를 선택합니다.
  2. # 메뉴를 선택한 다음 선택 사항을 선택합니다.
    그림자 레이어 아래쪽과 오른쪽에 그림자를 적용합니다.
    내부 그림자 레이어의 모든 가장자리 내부에 그림자 효과를 적용합니다.
    외부 광선 레이어의 모든 가장자리 주위에 광선 효과를 적용합니다.
    내부 광선 레이어의 모든 가장자리 내부에 광선 효과를 적용합니다.
효과를 적용하면 효과 이름이 # 목록에 표시됩니다. 효과를 삭제하려면 # 목록에서 효과 이름을 선택한 다음 # 단추를 선택합니다.
기본 레이어가 효과를 표시할 만큼 크지 않은 경우 그림자 적용 또는 외부 후광 효과가 표시되지 않을 수도 있습니다. 그림자나 후광이 표시되지 않는 경우 레이어에 패딩 값을 추가하거나 레이어 순서를 조정합니다. 레이어와 캔버스의 크기 및 위치 변경 레이어 순서 조정 을 참조하십시오.

그림자 또는 후광 효과 적용

그림자 또는 후광 효과를 조정하려면 먼저 # 목록에서 해당 이름을 선택합니다. # 화면의 # 영역에서 설정을 변경합니다.
색상 # 단추를 선택하고 색상 견본을 선택하여 그림자 또는 광선의 색상을 변경합니다. 상자에 색상-값 매개 변수를 입력할 수도 있습니다.
불투명도 슬라이더를 드래그하여 효과의 강도를 결정합니다. 덜 불투명한 효과는 더 투명합니다.
혼합 모드 Photoshop에서 사용 가능한 블렌드 모드 중 하나를 시뮬레이션하는 옵션을 선택합니다. 선택 사항은 #, #, #, #, ##입니다.
크기 그림자 효과를 확대하거나 축소하려면 X 및 Y 상자에 측정을 입력합니다. 크기 선택 사항은 내부 그림자와 외부 그림자에만 사용할 수 있습니다.
확대 슬라이더를 드래그하여 효과를 안쪽이나 바깥쪽으로 확장합니다.
흐림 효과 가장자리에서 페더링을 제어하려면 슬라이더를 드래그합니다. 더 흐린 효과가 더 패더링됩니다.

레이어 마스크

# 목록은 레이어의 마스크 또는 알파 채널을 사용하는 방법을 지정하는 # 단추를 제공합니다. # 단추를 사용하여 특정 레이어나 템플릿의 전체 상위 레이어에 배경 레이어 효과를 적용할 수 있습니다. # 목록에서 레이어를 선택한 다음 # 단추 를 선택하여 다음 상태를 순환합니다.
  • 레이어 배경이 불투명합니다.
  • 레이어 컨텐츠가 반전되고 레이어 배경에 검정색이 채워집니다.
  • 레이어 배경에 검정색이 채워집니다.