디자인 에디터
디자인 에디터란?
프로그램 설치 없이도 이벤트 프로모션 및 캠페인, 광고 및 마케팅 소재를 직접 제작할 수 있도록
디자인 편집 도구를 제공하는 웹 기반 에디터로 다음과 같은 기능을 제공합니다.
- 레이어 패널, 레이어 구성, 레이어 잠금, 레이어 숨기기
- 그룹 구성, 그룹 삭제, 그룹 잠금, 그룹 숨기기
- 도형, 텍스트, 아이콘(쿠폰, 적립금, 무료배송 등)과 같은 디자인 오브젝트 추가 및 편집
- 글씨체, 폰트, 컬러, 패턴, 테두리, 투명도, 쉐도우, 그라데이션과 같은 스타일 변경
- 회전, 정렬, 순서 변경, 좌우 반전, 사이즈 조정 등 디자인 요소 조작
- 이미지 업로드, 동영상 삽입, 하이퍼 링크 추가, SNS 공유 버튼 삽입
디프로모션의 디자인 에디터와 무료로 제공되는 디자인 테마를 활용하여
룰렛, 퀴즈, 스크래치, SNS 공유 이벤트, 체험단 모집과 같은 다양한 프로모션 및 캠페인을 제작해보세요.
에디터의 원활한 동작을 위해 크롬(Chrome) PC버전으로 접속하는 것을 추천합니다.
만약, 크롬으로 접속했는데 에디터 접속이 안 된다면 브라우저의 팝업을 허용하세요.
오브젝트 추가
디자인 에디터의 상단에 위치한 다음 도구를 사용해 다양한 오브젝트를 디자인에 추가 해보세요.
도형 추가, 텍스트 추가, 이미지 추가, 요소 추가, 동영상 추가
추가된 오브젝트는 화면 중앙에 노출되며, 요소 추가에는 SNS 공유 버튼 삽입, 쿠폰/적립금 등의 디자인 아이콘이 포함되어 있습니다.
레이어 및 오브젝트 복사
레이어 패널에서 레이어를 선택하거나 캔버스에서 오브젝트를 선택한 상태로
복사/붙여넣기 단축키를 사용하거나 레이어 패널 상단의 복사도구를 선택해 레이어/오브젝트를 복사할 수 있습니다.
복사하기 : Ctrl+C
붙여넣기 : Ctrl+V
레이어 및 오브젝트 삭제
레이어 패널에서 레이어를 선택하거나 캔버스에서 오브젝트를 직접 선택하여 삭제할 수 있습니다.
단일 레이어 또는 단일 오브젝트를 삭제할 경우
- 레이어 패널에서 대상 레이어 오른쪽 X 아이콘을 클릭해 레이어를 삭제하세요.
- 레이어 패널에서 삭제할 레이어를 선택한 후 키보드의 Delete키를 눌러 삭제하세요
- 캔버스에서 삭제할 오브젝트를 선택한 후 키보드의 Delete키를 눌러 삭제하세요
다중 레이어 또는 여러개의 오브젝트를 삭제할 경우
레이어 패널에서 키보드의 Shift키를 누른 채 레이어를 마우스로 클릭하면 여러개의 레이어를 한번에 선택할 수 있습니다.
캔버스에서 키보드의 Shift키를 누른 채 오브젝트를 마우스로 클릭하면 여러개의 오브젝트를 한번에 선택할 수 있습니다.
- 캔버스에서 오브젝트 다중 선택 후 키보드의 Delete키를 눌러 선택한 오브젝트들을 한 번에 삭제하세요
- 레이어 패널에서 여러개의 레이어를 다중 선택 후 키보드의 Delete키를 눌러 선택한 오브젝트들을 한 번에 삭제하세요
- 레이어 패널에서 여러개의 레이어를 다중 선택 후 레이어 패널 상단의
삭제도구를 선택해 선택한 오브젝트들을 한 번에 삭제하세요.
오브젝트 대치
캔버스에서 동일한 위치에 동일한 사이즈로 오브젝트를 교체하고 싶다면 오브젝트 대치 기능을 사용하세요.
- 도형 : 설정 패널에서 교체할 도형을 선택해 도형을 대치하세요.
- 이미지 : 설정 패널 내 이미지 정보에서
변경을 선택해 이미지를 대치하세요. - SNS 버튼 : 설정 패널에서 교체할 SNS 버튼을 선택하거나 오른쪽 위
고급 설정을 선택해 원하는 이미지로 대치하세요.
직접 디자인한 파일 업로드를 원하는 경우 고급 설정(디자인 업로드) 가이드를 확인하세요.
카카오톡 SNS 버튼을 사용하려면 프로모션 설정에서 운영 방법을 `URL 연결`로 선택하셔야 합니다.
운영 방법을 `스크립트 삽입`으로 선택하는 경우 카카오톡 SNS 버튼이 작동하지 않습니다.
스타일 변경
디자인 에디터의 오른쪽 설정 패널에서 색상, 테두리, 투명도, 그림자 등 스타일을 변경하세요.
룰렛, 스크래치, 퀴즈 등과 같이 주요 기능이 적용된 스페셜 오브젝트는 더블 클릭으로 에디터 상세로 이동해 오브젝트의 스타일을 수정할 수 있습니다.
사이즈 변경
- 설정 패널에 W와 H값을 입력해 오브젝트의 사이즈를 변경하세요.
- 오브젝트 선택 시 노출되는 꼭짓점 또는 선에 있는 점을 드래그해 오브젝트의 사이즈를 변경하세요.
| 기능 | 단축키 |
|---|---|
| 중앙을 기준으로 정비율 사이즈 변경 | 꼭짓점 드래그 |
| 꼭짓점을 기준으로 정비율 사이즈 변경 | Alt + 꼭짓점 드래그 |
| 중앙을 기준으로 자율 사이즈 변경 | Shift + 꼭짓점 드래그 |
| 중앙을 기준으로 가로/세로 고정 후 사이즈 변경 | 선에 있는 점 드래그 |
| 선을 기준으로 가로/세로 고정 후 사이즈 변경 | Alt + 선에 있는 점 드래그 |
| 기울이기 | Shift + 선에 있는 점 드래그 |
캔버스 가로 사이즈는 최소 460px, 최대 1920px이며, 세로 사이즈는 제한 없습니다.
룰렛, 스크래치, 퀴즈 등과 같이 주요 기능이 적용된 스페셜 오브젝트는 더블 클릭으로 에디터 상세로 이동해 오브젝트의 사이즈를 변경할 수 있습니다.
위치 이동
- 드래그&드롭으로 오브젝트의 위치를 이동하세요.
- 설정 패널에 X와 Y값을 입력해 오브젝트의 위치를 이동하세요.
- 설정 패널에 있는
정렬로 오브젝트의 위치를 이동하세요.
| 기능 | 단축키 |
|---|---|
| 오브젝트 조금(1px) 이동 | 방향키(↑,↓,←,→) |
| 오브젝트 많이(10px) 이동 | Shift + 방향키(↑,↓,←,→) |
| 작업 영역 이동 | Space Bar + 드래그 |
앞/뒤 순서 변경
디자인 테마의 모든 오브젝트는 디자인 에디터의 왼쪽 레이어 패널에서 레이어 단위로 확인할 수 있습니다.
- 레이어 목록에서 드래그&드롭으로 순서를 변경하세요.
- 설정 패널에서
앞으로 보내기또는뒤로 보내기로 순서를 변경하세요.
좌우 반전
오브젝트 선택 시 노출되는 꼭짓점 또는 선에 있는 점을 잡고 반대쪽으로 드래그해 오브젝트의 좌/우를 반전하세요.
회전
- 오브젝트 위쪽
회전을 잡고 원하는 방향으로 드래그해 오브젝트를 회전하세요. - 설정 패널에 각도를 입력해 오브젝트를 회전하세요.
레이어 및 오브젝트 그룹
여러 개의 오브젝트/레이어를 한 번에 이동할 때 그룹 기능을 사용하세요.
1개 이상의 오브젝트를 선택 후 레이어 목록 위쪽 그룹 생성을 선택해 오브젝트를 그룹화하세요.
하이퍼링크
오브젝트에 하이퍼링크를 설정해 참여자가 특정 페이지로 이동하도록 유도할 수 있습니다.
설정 패널 내 하이퍼링크에 연결할 페이지 URL을 입력하세요.
디바이스 버전 변경
PC+Mobile 버전을 신청했다면 PC 테마와 Mobile 테마를 개별로 수정할 수 있습니다.
에디터 왼쪽 위 PC 버전 또는 Mobile 버전을 선택해 디바이스 버전을 변경하세요.
수정한 내용을 저장하지 않고 디바이스 버전을 변경하면 작업한 내용이 저장되지 않습니다.
PC 버전과 Mobile 버전 경품 수량이 다른 경우 프로모션 설정으로 넘어갈 수 없습니다.
디자인 테마 변경 및 초기화
수정한 테마가 맘에 들지 않다면 테마 변경으로 새로운 테마로 변경하거나 편집 초기화로 마지막 저장 이력으로 되돌릴 수 있습니다.
테마 변경을 하면 캔버스 사이즈가 초기 설정값으로 변경됩니다.
작업 시작 전 운영환경에 맞춰 캔버스 사이즈를 재설정하세요.
실행 취소 / 재실행
오른쪽 위 ←, →을 선택해 최근에 작업한 내용을 취소하거나 재실행할 수 있습니다.
| 기능 | 단축키 |
|---|---|
| 실행 취소 | Ctrl + Z |
저장
수정한 디자인 테마는 오른쪽 위 저장하기로 대시보드 > 테마 관리에 저장할 수 있습니다.
덮어서 저장으로 기존 디자인 테마에 덮어서 저장하거나 새로 저장으로 새로운 디자인 테마로 저장할 수 있습니다.
기본으로 제공되는 무료 보관함(15MB)의 용량이 부족한 경우 보관함 용량을 추가하거나 기존에 저장된 테마를 삭제 후 저장할 수 있습니다.