스윙 기능 도움말

이미지 편집도구 이용방법

904 views 2017년 6월 12일 2017년 6월 12일 root 5

이미지편집도구 제목

이미지편집도구 이용방법 매뉴얼.

이미지편집도구는 앱제작시 이미지를 업로드할 때 이미지 사이즈를 간편하게 수정할 수 있는 편집도구입니다.

예를 들어 앱아이콘 이미지를 업로드할 때 꼭!! 1024 x 1024픽셀 사이즈로 이미지 사이즈를 맞춰서 넣어주셔야 등록이 되는데요.

이때 기존에 만들어놓은 이미지를 올리려고 해도 사이즈가 안맞아서 다시 그림편집도구 프로그램으로 이미지를 수정해야 하는 번거로움이 있어요.

따라서 스윙에서는 이러한 번거로움이 없도록 이미지 사이즈를 간편하게 수정해서 올릴 수 있는 이미지편집도구 서비스를 제공하고 있습니다.

이미지 편집도구는

1)  앱제작페이지 앱기본정보 단계 -앱아이콘, 대기화면 이미지

2) 마켓업로드- 플레이스토어 그래픽이미지 1024 x 500/ 앱스토어 스크린샷 이미지 1242 x 2208

3) 템플릿페이지 제작도구 – 템플릿 툴 이미지 첨부

이렇게 3가지 기능에서 이미지편집도구를 이용할 수 있습니다.

3가지 메뉴 항목에서 이미지편집도구를 어떻게 이용할 수  있는지 이용방법 메뉴얼을 알려드립니다.


 

1.앱제작페이지 -앱아이콘, 대기화면 이미지 편집도구

앱제작 페이지 1단계 앱 기본정보에서 [앱아이콘, 대기화면] 이미지를 넣게 되는데요. 

이때 앱 아이콘은 1024 x 1024픽셀 사이즈로 넣어주셔야 하구요.

대기화면 이미지는 2282 x 2282 픽셀 사이즈로 이미지 사이즈를 맞춰서 넣어주셔야 합니다.

이미지를 따로 만들어놓은 경우라면 사이즈도 맞춰서 미리 제작을 하면 되지만, 기존에 있는 이미지를 넣어야 할 경우 사이즈를 별도로 수정하기가 어려울 수 있죠~!!

이때!! 이미지편집도구를 이용하여 [이미지 사이즈]만 수정하여 간단하게 업로드를 할 수 있습니다. 

앱아이콘 이미지편집도구1

앱제작페이지- 1단계 앱기본정보에서 [앱아이콘, 대기화면] 이미지아이콘을 선택하면 이미지 파일첨부 창이 뜹니다. 

여기서 [이미지업로드] 버튼을 선택해서, 원하는 이미지 파일을 불러오구요.

해당 파일이 기재해놓은 사이즈와 다를 경우 바로 이미지편집도구 페이지로 이동하게 됩니다.

*따로 [이미지수정] 버튼을 눌러서 수정할 수도 있습니다.

 

1-1 이미지편집도구 페이지

이미지편집도구 페이지로 이동했구요. 이미지 사이즈 조율은 아주 아주 간단합니다.

앱아이콘 이미지편집도구2

바탕에 깔려있는 이미지가 첨부한 이미지이구요.

이미지 위에  보이는 파란색 선(영역)이 앱제작에서 지정해놓은 사이즈만큼의 영역입니다.

파란색 영역툴을 마우스로 끌어서 사용할 수 있어요. 

따라서 첨부한 이미지 사이즈가 기재해놓은 지정사이즈 보다 클 경우, 해당 영역 안으로 원하는 이미지가 들어올 수 있도록 마우스로 영역을 끌어서 적용하면 됩니다. 

밑에 보이는 버튼들을 이용하셔도 되구요. 간단하게 파란색 툴을 끌어서 이용하면 됩니다.

바로 [업로드] 버튼을 선택하면, 해당 사이즈대로 이미지 사이즈가 수정되어 완료됩니다.


 

2. 마켓업로드 이미지 편집도구

두번째  이미지편집도구는 마켓업로드 기능에서 사용할 수 있습니다.

플레이스토어, 앱스토어 등의 마켓업로드를 진행할 때 스크린샷이미지, 그래픽이미지 등을 넣어야 하는데요.

스크린샷 이미지는 최소, 최대 길이만 넘지 않으면 되지만 그래픽이미지는 에서 기재해놓은 사이즈를 정확히 맞춰주셔야 합니다.

그래픽이미지 (1024×500)픽셀 사이즈이구요. 만약 이미지 사이즈를 맞추지 못했다면~!! 이미지편집도구를 이용해서 즉시 사이즈를 수정할 수 있어요.

마켓업로드 이미지편집도구1

마켓업로드는 – 스윙으로 플레이스토어 혹은 앱스토어 업로드 대행을 신청할 경우 사용할 수 있습니다.
[버전관리- 앱제작 이력- 업로드 신청]버튼을 선택해서 이용할 수 있습니다.

업로드 신청양식에서 [그래픽 이미지] 아이콘 버튼을 선택하면 이미지 업로드 창이 뜹니다.

원하는 이미지를 선택해서 업로드하고, 사이즈가 맞지 않을 경우 이미지 편집도구 페이지로 이동합니다.

 

2-1 이미지편집도구 페이지

마켓업로드 이미지편집도구2

이미지편집도구 페이지가 열리구요.

사이즈 수정 방법은 위에서 설명해드린 방법과 동일합니다.

항상 파란색 선 영역에 무조건 배경 이미지가 들어갈 수 있도록만 조율해주시면 됩니다.

(파란색 선은 기재해놓은 사이즈 영역이기 때문에 크기를 그대로 유지하고 작업해주세요)


 

3.웹템플릿 이미지편집도구

세번째 이미지편집도구는 템플릿페이지 제작도구에서 이용할 수 있습니다.

템플릿페이지 제작도구에서는 사용자분들이 쉽게 페이지를 제작할 수 있도록 템플릿 툴을 제공하고 있어요.

이때 셋팅해놓은 이미지 외에 다른 이미지를 첨부할 경우, 기재해놓은 사이즈에 맞춰서 이미지를 넣어주셔야 합니다.

이때에도~!! 이미지편집도구를 이용하여 이미지 사이즈를 수정하여 바로 이용할 수 있어요

템플릿 이미지편집도구1

먼저 템플릿페이지 제작도구를 불러옵니다.
[앱제작-페이지메뉴-사용자페이지 불러오기- 템플릿페이지 제작도구 이동- 템플릿 선택]

어떤 템플릿페이지를 선택해도 상관없구요. 템플릿페이지를 선택 한 뒤 이미지를 첨부하는 버튼을 선택해주세요.

(위의 이미지는 레스토랑 템플릿 – 배경이미지를 선택했습니다.)

해당 템플릿의 배경이미지 사이즈는 1024 x 1546 픽셀 인데요.

사이즈가 맞지 않는 이미지를 업로드하자 “해당 이미지는 사이즈가 일치하지 않습니다. 수정하시겠습니까”라는 메시지창이 떠요.

‘확인’을 선택하면 바로 이미지편집도구로 이동합니다.

 

3-1 이미지편집도구 페이지

템플릿 이미지편집도구2

이미지 사이즈 편집은 위에서 설명한 내용과 동일합니다.

파란색 선 영역에 맞게 이미지를 넣어주세요~!

* 만약 올려야하는 이미지 사이즈보다 작은 이미지를 업로드했을 경우는 사이즈를 원래보다 늘려야 하기 때문에 이미지 해상도가 안좋아질 수 있어요.

 (위의 이미지 사이즈 1024×1546 보다 업로드한 이미지의 사이즈가 더 적을경우)   따라서 왠만하면 지정된 사이즈보다 큰 이미지를 사용하시는 것을 권장드려요~!!

 

3-2 이미지편집도구 작업완료

템플릿 이미지편집도구3

수정된 사이즈의 이미지 업로드가 완료되었습니다.

이미지편집도구로 편리하게 이미지 사이즈를 수정하여 등록할 수 있어요~!!

 


** 템플릿페이지의 경우, 템플릿 툴을 이용해야 하기 때문에 [배경 이미지, 버튼 이미지, 아이콘] 등 모든 이미지를 툴에서 정해놓은 사이즈에 맞게 넣어야 합니다. 

여러 이미지를 넣어야 할경우 사이즈 맞추는 것도 일이죠 ㅠㅠ

래서 별도로 이미지편집 프로그램을 사용하지 못하는 사용자분들을 위해서 편집도구를 제공하고 있답니다~!!

템플릿 페이지도 많이 활용해주시구요. 이미지편집도구도 많이 사용해주세요 ^^

Was this helpful?