D PROMOTION

디자인 에디터

디자인 에디터란?

프로그램 설치 없이도 이벤트 프로모션 및 캠페인, 광고 및 마케팅 소재를 직접 제작할 수 있도록
디자인 편집 도구를 제공하는 웹 기반 에디터로 다음과 같은 기능을 제공합니다.

• 레이어 패널, 레이어 구성, 레이어 잠금, 레이어 숨기기
• 그룹 구성, 그룹 삭제, 그룹 잠금, 그룹 숨기기
• 도형, 텍스트, 아이콘(쿠폰, 적립금, 무료배송 등)과 같은 디자인 오브젝트 추가 및 편집
• 글씨체, 폰트, 컬러, 패턴, 테두리, 투명도, 쉐도우, 그라데이션과 같은 스타일 변경
• 회전, 정렬, 순서 변경, 좌우 반전, 사이즈 조정 등 디자인 요소 조작
• 이미지 업로드, 동영상 삽입, 하이퍼 링크 추가, SNS 공유 버튼 삽입

디프로모션의 디자인 에디터와 무료로 제공되는 디자인 테마를 활용하여
룰렛, 퀴즈, 스크래치, SNS 공유 이벤트, 체험단 모집과 같은 다양한 프로모션 및 캠페인을 제작해보세요.

 

오브젝트 추가

디자인 에디터의 상단에 위치한 다음 도구를 사용해 다양한 오브젝트를 디자인에 추가 해보세요.
도형 추가, 텍스트 추가, 이미지 추가, 요소 추가, 동영상 추가
추가된 오브젝트는 화면 중앙에 노출되며, 요소 추가에는 SNS 공유 버튼 삽입, 쿠폰/적립금 등의 디자인 아이콘이 포함되어 있습니다.

 

레이어 및 오브젝트 복사

레이어 패널에서 레이어를 선택하거나 캔버스에서 오브젝트를 선택한 상태로
복사/붙여넣기 단축키를 사용하거나 레이어 패널 상단의 복사를 선택해 레이어/오브젝트를 복사할 수 있습니다.

기능	단축키
오브젝트 복사하기	Ctrl +C
오브젝트 붙여넣기	Ctrl + V

 

 

레이어 및 오브젝트 그룹

여러 개의 오브젝트/레이어를 한 번에 이동할 때 그룹 기능을 사용하세요.
1개 이상의 오브젝트를 선택 후 레이어 목록 위쪽 그룹 생성을 선택해 오브젝트를 그룹화하세요.

기능	단축키
그룹 만들기	Ctrl+G

 

 

레이어 및 오브젝트 삭제

레이어 패널에서 레이어를 선택하거나 캔버스에서 오브젝트를 직접 선택하여 삭제할 수 있습니다.

단일 레이어 또는 단일 오브젝트를 삭제할 경우

• 레이어 패널에서 대상 레이어 오른쪽 X 아이콘을 클릭해 레이어를 삭제하세요.
• 레이어 패널에서 삭제할 레이어를 선택한 후 키보드의 Delete 또는 BackSpace를 눌러 삭제하세요
• 캔버스에서 삭제할 오브젝트를 선택한 후 키보드의 Delete 또는 BackSpace를 눌러 삭제하세요

다중 레이어 또는 여러개의 오브젝트를 삭제할 경우

• 캔버스에서 오브젝트 다중 선택 후 키보드의 Delete 또는 BackSpace를 눌러 선택한 오브젝트들을 한 번에 삭제하세요
• 레이어 패널에서 여러개의 레이어를 다중 선택 후 키보드의 Delete 또는 BackSpace를 눌러 선택한 오브젝트들을 한 번에 삭제하세요
• 레이어 패널에서 여러개의 레이어를 다중 선택 후 레이어 패널 상단의 삭제를 선택해 선택한 오브젝트들을 한 번에 삭제하세요.

 

오브젝트 대치

캔버스에서 동일한 위치에 동일한 사이즈로 오브젝트를 교체하고 싶다면 오브젝트 대치 기능을 사용하세요.

• 도형 : 설정 패널에서 교체할 도형을 선택해 도형을 대치하세요.
• 이미지 : 설정 패널 내 이미지 정보에서 변경을 선택해 이미지를 대치하세요.
• SNS 버튼 : 설정 패널에서 교체할 SNS 버튼을 선택하거나 오른쪽 위 고급 설정을 선택해 원하는 이미지로 대치하세요.

 

스타일 변경

디자인 에디터의 오른쪽 설정 패널에서 색상, 테두리, 투명도, 그림자 등 스타일을 변경하세요.

 

사이즈 변경

• 설정 패널에 W와 H값을 입력해 오브젝트의 사이즈를 변경하세요.
• 오브젝트 선택 시 노출되는 꼭짓점 또는 선에 있는 점을 드래그해 오브젝트의 사이즈를 변경하세요.

기능	단축키
중앙을 기준으로 정비율 사이즈 변경	꼭짓점 드래그
꼭짓점을 기준으로 정비율 사이즈 변경	Alt + 꼭짓점 드래그
중앙을 기준으로 자율 사이즈 변경	Shift + 꼭짓점 드래그
중앙을 기준으로 가로/세로 고정 후 사이즈 변경	선에 있는 점 드래그
선을 기준으로 가로/세로 고정 후 사이즈 변경	Alt + 선에 있는 점 드래그
기울이기	Shift + 선에 있는 점 드래그

 

위치 이동

• 드래그&드롭으로 오브젝트의 위치를 이동하세요.
• 설정 패널에 X와 Y값을 입력해 오브젝트의 위치를 이동하세요.
• 설정 패널에 있는 정렬로 오브젝트의 위치를 이동하세요.

기능	단축키
오브젝트 조금(1px) 이동	방향키(↑,↓,←,→)
오브젝트 많이(10px) 이동	Shift + 방향키(↑,↓,←,→)
작업 영역 이동	Space Bar + 드래그

 

앞/뒤 순서 변경

디자인 테마의 모든 오브젝트는 디자인 에디터의 왼쪽 레이어 패널에서 레이어 단위로 확인할 수 있습니다.

• 레이어 목록에서 드래그&드롭으로 순서를 변경하세요.
• 설정 패널에서 앞으로 보내기 또는 뒤로 보내기로 순서를 변경하세요.

 

좌우 반전

오브젝트 선택 시 노출되는 꼭짓점 또는 선에 있는 점을 잡고 반대쪽으로 드래그해 오브젝트의 좌/우를 반전하세요.

 

회전

• 오브젝트 위쪽 회전을 잡고 원하는 방향으로 드래그해 오브젝트를 회전하세요.
• 설정 패널에 각도를 입력해 오브젝트를 회전하세요.

기능	단축키
45도씩 회전하기	Shift+회전 버튼

 

 

하이퍼링크

오브젝트에 하이퍼링크를 설정해 참여자가 특정 페이지로 이동하도록 유도할 수 있습니다.
설정 패널 내 하이퍼링크에 연결할 페이지 URL을 입력하세요.

 

디바이스 버전 변경

PC+Mobile 버전을 신청했다면 PC 테마와 Mobile 테마를 개별로 수정할 수 있습니다.
에디터 왼쪽 위 PC 버전 또는 Mobile 버전을 선택해 디바이스 버전을 변경하세요.

 

디자인 테마 변경 및 초기화

수정한 테마가 맘에 들지 않다면 테마 변경으로 새로운 테마로 변경하거나 편집 초기화로 마지막 저장 이력으로 되돌릴 수 있습니다.

 

실행 취소 / 재실행

오른쪽 위 ←, →을 선택해 최근에 작업한 내용을 취소하거나 재실행할 수 있습니다.

기능	단축키
실행 취소	Ctrl + Z

 

저장

수정한 디자인 테마는 오른쪽 위 저장하기로 대시보드 > 테마 관리에 저장할 수 있습니다.
덮어서 저장으로 기존 디자인 테마에 덮어서 저장하거나 새로 저장으로 새로운 디자인 테마로 저장할 수 있습니다.