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