현재 위치
  1. 게시판
  2. 유용한 웹 팁

유용한 웹 팁

쇼핑몰 운영에 도움이 되는 정보들입니다.

게시판 상세
제목 '에디봇 배너' 앱으로 이미지 작업하기
작성자 별모아디자인 (ip:)
  • 평점 0점  
  • 작성일 2021-11-29
  • 추천 추천하기
  • 조회수 148


< '에디봇 배너' 앱으로 이미지 작업하기 > 



포토샵이나 기타 이미지 편집 프로그램을 전혀 다룰 줄 모르셔도 

에디봇 배너 앱을 이용하여 초보자분들도 얼마든지 쇼핑몰 배너 이미지를 만드실 수 있습니다.


아래는 에디봇 배너 앱을 이용해 쇼핑몰 상단의 로고 이미지를 작업하는 방법을 예로 들었습니다.



1. 쇼핑몰 화면에서 로고 이미지에 마우스를 대고 오른쪽 버튼을 클릭하여 '이미지를 다른 이름으로 저장' 하여 

컴퓨터에 저장하신 후 저장된 로고 이미지의 가로, 세로 크기를 확인하고 메모해놓습니다. 

( 기존의 로고 이미지 크기와 동일한 크기로 새 로고 이미지를 작업하셔야되기 때문입니다.

 다른 크기로 작업하여 올릴 경우 쇼핑몰 디자인이 틀어질 수 있으므로 유의 바랍니다. )



2. 쇼핑몰 관리자 페이지에 접속하여 디자인관리 > 앱스토어 > 에디봇 배너 앱의 '관리하기' > '에디봇 배너 시작하기' 를 클릭 후

에디봇 배너 창이 뜨면 가장 먼저 뜨는 '쇼핑몰 정보 설정' 팝업창은 설정을 나중에 하셔도 되므로  X버튼을 눌러서 닫아주시면 됩니다.


(만약 에디봇 배너가 쇼핑몰에 설치가 안되어있을 경우, 디자인관리 > 앱스토어에서 스토어 바로가기 버튼을 클릭하여 

검색창에 에디봇 배너를 검색하시면 에디봇 앱과 에디봇 배너 앱이 함께 검색되는데, 비슷하지만 서로 다른 앱입니다.

에디봇 앱은 상품상세설명이미지를 작업하는 앱이며

에디봇 배너 앱은 배너 이미지를 작업하는 앱입니다.

본 페이지는 에디봇 배너 앱에 관한 설명이므로 에디본 배너 앱을 설치해주시면 됩니다.)



3. 에디봇 배너 창 좌측의 '나의 작업' > '새로 시작하기' > 상단 우측에 1200px X 700px 이런 식으로

가로, 세로 크기가 보이는데 (숫자는 다를 수도 있습니다.)  이 부분을 한 번 클릭하시면 원하시는 크기로 입력 가능한 팝업 메뉴가 뜹니다. 

아까 1번 설명에서 기존의 쇼핑몰 로고 이미지 크기를 메모해놓으셨으면 그 크기대로 가로, 세로 크기 입력 후 

'적용하기' 버튼 클릭하면 설정한 크기대로 화면 중앙에 흰 바탕의 캔버스가 보입니다.

( 배너 이미지를 만드실 때는 항상 크기부터 설정하시고 작업하셔야 합니다. )



4. 이제 이 흰색 캔버스에서 원하는 텍스트를 입력해주면 됩니다.

좌측의 '스티커' 클릭 > '텍스트를 입력하세요' 라는 글자를 클릭하면 캔버스에 '텍스트를 입력하세요' 라는 텍스트가 나타납니다.

캔버스 위의 텍스트를 더블 클릭하면 글자 편집이 가능해져 원하는 글자로 수정 가능합니다. 

현재 로고 이미지를 작업중이므로 쇼핑몰 이름으로 수정해주시면 됩니다.



- 텍스트의 폰트, 크기, 색상 변경하기 : 캔버스에 입력된 텍스트를 선택한 상태에서 좌측의 '폰트' 항목에서 원하는 폰트 선택, 

바로 옆의 '크기' 항목에서 원하는 텍스트 크기도 선택 가능하며, 그 아래 '텍스트 색상''텍스트 배경색' 등도 선택 가능합니다.


- 텍스트 삭제 방법 : 텍스트를 삭제하고싶을 경우 캔버스 위의 텍스트 부분을 더블 클릭하여 드래그하여 선택 후, 키보드의 Delete키를 누릅니다.

혹은 상단 우측의 파란색 아이콘 을 클릭하면 레이어 팔레트가 팝업창으로 뜹니다.

레이어 팔레트에서 해당 텍스트가 파랗게 선택되어있는 상태입니다.

그 상태에서 휴지통 아이콘을 클릭하면 해당 텍스트 레이어가 삭제되며 작업창에서도 텍스트가 사라집니다.

- 텍스트 위치 옮기기 : 캔버스의 글자를 한 번만 클릭하면 글자가 선택이 되며, 마우스를 움직여 원하는 위치로 옮깁니다.


- 텍스트 더 추가하기 : 좌측의 '스티커' 클릭 > '텍스트를 입력하세요' 라는 텍스트를 클릭하면 캔버스에 텍스트가 추가되어 나타납니다.

위의 설명과 동일한 방식으로 텍스트를 원하시는 문구로 수정해주세요.


- 작업내용 저장하기 : 작업한 내용을 저장해두었다가 나중에 다시 열어 작업하고싶을 경우 상단 우측의 디스켓 모양의 아이콘 클릭하면 

작업 내용이 저장이 되며, 나중에 다시 에디봇 배너에 들어와서 '나의 작업' 메뉴에서 다시 열어 작업 가능합니다.


- 이미지 불러오기 : 로고 이미지에 텍스트 이외에도 원하시는 이미지를 넣고싶으시면 좌측 메뉴 중 '이미지' 를 클릭한 후 '이미지 업로드' 버튼을 클릭합니다.

좌측에 업로드 된 이미지가 보이며 그 이미지를 한 번 클릭하면 캔버스에 이미지가 삽입이 됩니다.

캔버스 위의 이미지를 선택하여 이미지 모서리 부분을 마우스로 드래그하여 움직이며 원하시는 크기로 조절도 가능하며 

이미지 선택 후 마우스를 움직여 캔버스의 원하시는 위치로 드래그하여 이동도 가능합니다.





로고 이미지 작업이 완료되었으면 아래 방법대로 해주세요.

       ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓




****** 이미지로 저장하기 : 작업한 내용을 이미지 (jpg, png)로 저장해야 합니다.

상단 우측의 다운로드 버튼 > 다운로드 버튼 > 다른 이름으로 저장 을 클릭하여

내 컴퓨터의 원하는 위치에 이미지 저장 가능합니다. 



****** 로고 이미지 변경하기 : 저장된 로고 이미지를 쇼핑몰 로고 이미지로 변경하려면

관리자 페이지의 디자인관리 > 디자인 보관함 > 수정 버튼을 클릭하여 스마트디자인 편집창에서

쇼핑몰 로고 이미지에 마우스를 갖다대면 이미지 주변에 파란색 테두리가 생기며 편집 이라는 글자가 나타납니다. 

편집 > 속성을 클릭하여 새로 작업하신 로고 이미지를 업로드 하신 후, 편집창 상단 좌측의 '저장' 버튼을 클릭하시면 로고 이미지가 변경이 됩니다.




--------------------------------------------------------------------------------------------------------------------------------------------------------------


👉 로고 이미지 뿐만 아니라 쇼핑몰의 다른 배너 이미지들(고객센터, 입금계좌)들도 

위의 방법을 활용하여 쉽게 이미지 제작이 가능합니다.


에디봇 배너 사용방법 (유튜브 강의)

https://youtu.be/lDkpiF7eiwg (클릭하시면 영상을 보실 수 있습니다.)



📣 (유의사항) 쇼핑몰 이미지 수정하실 때 기존 쇼핑몰 배너 이미지와 크기를 동일하게 해주셔야 합니다.

반드시 기존 쇼핑몰 이미지를 컴퓨터에 저장하신 후 크기를 확인해주세요.


쇼핑몰 좌측 혹은 쇼핑몰 하단의 고객센터 배너, 입금계좌 배너는 가로 길이는 기존 쇼핑몰 이미지와 동일하게 하시되

세로길이는 더 늘어나도 됩니다.


나머지 다른 배너 이미지들은 모두 가로, 세로 길이가 모두 기존 쇼핑몰 이미지와 동일하게 작업해주셔야 합니다.


첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.