디자인 에디터
디자인 에디터란?
프로그램 설치 없이도 이벤트 프로모션 및 캠페인, 광고 및 마케팅 소재를 직접 제작할 수 있도록
디자인 편집 도구를 제공하는 웹 기반 에디터로 다음과 같은 기능을 제공합니다.
- 레이어 패널, 레이어 구성, 레이어 잠금, 레이어 숨기기
- 그룹 구성, 그룹 삭제, 그룹 잠금, 그룹 숨기기
- 도형, 텍스트, 아이콘(쿠폰, 적립금, 무료배송 등)과 같은 디자인 오브젝트 추가 및 편집
- 글씨체, 폰트, 컬러, 패턴, 테두리, 투명도, 쉐도우, 그라데이션과 같은 스타일 변경
- 회전, 정렬, 순서 변경, 좌우 반전, 사이즈 조정 등 디자인 요소 조작
- 이미지 업로드, 동영상 삽입, 하이퍼 링크 추가, 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)의 용량이 부족한 경우 보관함 용량을 추가하거나 기존에 저장된 테마를 삭제 후 저장할 수 있습니다.