팝업 미리캔버스에서 간편하게 만들기

팝업 무료로 만들기

미리캔버스 활용해 스토어 이벤트 팝업 만들기

필요한 상품을 구매하기 위해 쇼핑몰로 접속하면 화면에서 늘 보이는 팝업창. 쇼핑몰에서 진행되는 이벤트에 대한 정보가 담겨있거나 배송 공지 등 쇼핑몰 운영과 관련된 내용을 알려주기도 한다. 이처럼 팝업창은 온라인에서 사업을 하는 사람이라면 누구나 사용해보았을 것이다. 특히 쇼핑몰을 운영하는 사람에게 팝업창은 중요한 홍보수단이다.

쇼핑몰의 콘셉트와 결을 같이하면서도 강조해야 하는 정보를 담고 있어야 하는 팝업을 미리캔버스를 이용해 만들 수 있다. 특히 스마트 스토어를 이제 막 시작한 사람이라면 쇼핑몰 운영경비를 최대한 줄여야 하는데 미리캔버스에서 제공하는 무료 템플릿만으로도 멋진 팝업창을 만들 수 있다.

1. 미리캔버스 디자인 및 배경화면 사이즈 선택

회원가입 후 로그인했다면 미리캔버스에서 제공하는 무료 템플릿들을 사용 가능하다. 미리캔버스 '바로 시작하기'를 클릭해 디자인 작업이 가능한 화면이 보인다면 왼쪽 상단에 있는 템플릿 검색 창에서 원하는 디자인 사이즈를 찾아보자. 미리캔버스에서 제공하는 템플릿들은 종류별로 사이즈가 정해져 있어서 내가 원하는 것을 선택하면 자동적으로 사이즈가 설정되어 편하다.

만약 미리캔버스에서 제공하는 사이즈가 원하는 크기가 아닐 경우 화면 가장 위쪽에 집 모양 아이콘 옆에 '파일', '설정' 글자 옆에 배경화면 사이즈를 직접 설정할 수 있으니 필요한 사이즈를 입력하면 된다. 사이즈의 단위도 선택이 가능하다.(px, cm 등 총 4가지 단위) 아래의 사진처럼 원하는 디자인 템플릿을 찾았다면 클릭해보자. 미리캔버스 편집 화면에 선택한 디자인이 배경화면 사이즈에 맞게 설정되어서 보일 것이다. 만약 고른 디자인이 배경화면과 사이즈가 맞지 않는다면 '디자인 적용 방식 선택'이라는 팝업창이 등장해 사이즈를 맞출 것이니 아닐 것인지를 물으니 사용할 팝업창 사이즈에 맞게 조정하면 된다.

팝업 성격에 맞게 문구 및 요소 수정

2. 미리캔버스 텍스트 툴 이용하여 문구 수정

디자인을 선택하고 배경화면 사이즈에 맞게 이벤트 팝업창 기본 디자인을 설정했다면 텍스트를 수정할 차례이다. 팝업창에 담을 정보에서 가장 중요한 문구를 잘 보이는 위치에 추가하거나 기존에 있는 텍스트 디자인을 응용해 문구를 수정한다. 선택한 디자인 안에서 문구에 워터마크가 그려져 있다면 유료 폰트이다.(위 사진 2번) 기존에 비해 프리미엄 서비스가 생기면서 유료 회원만 쓸 수 있는 폰트인 것이다.

무료 디자인 요소만 사용할 거라면 워터마크가 있는 문구를 클릭하면 왼쪽 작업창에서 텍스트를 수정할 수 있는 기능 툴이 보인다. 글씨체를 무료 폰트로 변경하면 워터마크가 해제된다. 무료로 사용 가능한 폰트들이 많으니 디자인과 어울리는 폰트를 선택한 뒤 크기, 굵기, 그림자 등 문구를 강조할 수 있는 기능들을 이용해 이벤트 팝업창 정보가 한눈에 들어올 수 있도록 텍스트를 꾸민다.

3. 미리캔버스 디자인 요소 이용해 팝업창 세부 디자인 완성하기

미리캔버스 폰트 등을 이용해 텍스트 디자인을 완성했다면 이번에는 사진 등을 추가해 팝업창 성격에 맞는 세부 디자인을 수정할 차례이다. 제공된 이미지 등이 사용할 팝업창과 성격이 맞다면 굳이 수정하지 않아도 되지만 그게 아닐 경우 화면 왼쪽에 위치한 미리캔버스 디자인 작업 툴이 모여있는 작업창에서 사진 또는 요소가 적혀있는 아이콘들을 클릭하면 세부 디자인에 필요한 것들을 디자인에 추가 또는 수정할 수 있다.

내 컴퓨터에 있는 사진 또는 동영상을 팝업에 추가할 경우 업로드를 클릭하면 내 파일에 있는 요소를 가져와 사용할 수 있는데 방법이 굉장히 간단하니 미리캔버스를 이용해 팝업을 만들어보자.

미리캔버스는 포토샵 1도 몰라도 손으로 터치만 하면 사용이 가능한 태블릿처럼 금방 사용법을 알 수 있으니 꼭 활용해볼 것을 추천한다. 스마트 스토어 운영자라면 돈 내고 디자인 업체에 맡기기보다 팝업창 정도는 미리캔버스에서 무료로 만들어 사용해볼 것을 권유한다.