SVG 파일을 등록해 보자! : 미리캔버스

 

안녕하세요

 

이번 글에서는 미리캔버스에서 콘텐츠를 업로드 하는 방법에 대해 안내 드릴텐데요,

업로드 가능한 파일의 형식에는
사진 / 배경 제거 사진 / SVG 요소 / PNG 요소 / GIF 애니 / 배경이 있습니다.

이번 글은 위 항목 중 SVG 요소를 올리는 방법에 대한 내용이 담겨있습니다!

 

SVG 파일을 올리기 위해서는 어도비 일러스트레이션 프로그램이 먼저 설치되어 있어야 하니 유의해 주세요 ^^

포토샵이나 프로크리에이터 등으로 그리신 JPG / PNG 파일은 SVG 형태로 올릴 수가 없습니다.

 

 

요구사항 확인하기

 

 

미리캔버스에서 가이드를 제공 해 주니 위 내용을 꼼꼼히 읽어줍시다

 

해상도는 최소 72

사이즈는 가로 세로 6000픽셀 미만

파일 크기는 150KB 를 넘지 않아야 합니다.

 

색상 정리 설정은 무슨이야기인가 싶으시죠? 아래 내용에서 천천히 기재 할 테니 잘 따라와주세요~!

 

 

파일 생성하기

 

일러스트레이션 CC버전 기준으로 진행합니다

 

일러스트레이션을 실행하고 새 파일을 만드실 때 위와 같은 창을 보시게 될거예요.

 

미리캔버스에서 요구했던 대로,

가로 세로 너비는 6000을 넘지 않게 설정 해 주시면 됩니다.

 

그런데 6000까지 가는 경우는 좀 드물거라고 생각해요. 보통 1000x1000 정도로만 작업해도

일러스트레이션 프로그램 자체가 벡터 기반이기 때문에 큰 문제는 안 된답니다. ^^

 

그 아래 래스터 효과라는 항목이 있는데,

말이 어려운데 이 부분이 해상도입니다.

72 이상이기만 하면 되지만 300이 보편적이므로

300으로 설정하여 대지를 새로 생성 해 주세요.

 

 

이미지 제작하기

 

대지를 생성했으면 원하는 이미지를 그려주시고,

제출 하기 전 모든 선은 면으로 바꿔주셔야 합니다.

 

 

선을 면으로 바꾸는 방법입니다.

 

선을 모두 선택한 후 상단의 오브젝트-패스-윤곽선을 선택 해 주시면 됩니다.

그리고 잘못 된 부분이 없는지 Ctrl + Y 키를 눌러 확인 해 줍니다.

 

 

깨끗해 보입니다만

마지막으로 한 가지 더 확인 해 주셔야 할게 있습니다!

 

 

바로 모든 부분에 색상이 잘 칠해졌는가? 확인 해 주셔야 해요.

위 이미지에서 지갑의 단추 부분은 흰색으로 칠했다고 생각하기 쉬운데,

확인 해 보니 흰색으로 칠해진게 아니고 투명하게 뚫려있었네요 ^^

 

특히 밝은색의 경우에는 배경색과 비슷하거나 같아서 놓치기 쉬우니

작업을 마치면 저처럼 회색 영역으로 한 번 끌어와서 비어있는 부분이 있지는 않은지 확인 해 주시면 좋겠습니다.

 

 

대지 조절하기

 

마저 색칠까지 다 해주셨으면, 이제 정말 마지막입니다.

대지를 객체의 끝에 딱! 맞게 조절 해 주셔야 합니다.

 

일단 객체를 모두 선택 후 그룹을 지어줍니다.

! 그룹은 꼭 지어주셔야 해요 !

그리고 그 그룹을 선택한 후 좌측의 도구 메뉴에서

 

 

위 체크 된 아이콘을 클릭 해 줍니다.

이 녀석의 이름은 아트보드 도구입니다.

단축키는 shift + O (알파벳 오) 입니다.

 

 

그 상태에서 우측의 속성-대지 탭을 보시면

[사전 설정: 사용자 정의] 로 되어있는 영역이 있습니다.

이 영역을 클릭하여 [아트워크 테두리에 맞추기] 또는 [선택한 아트에 맞추기] 를 클릭 해 주시면

 

 

위의 이미지처럼 사방이 이미지에 딱 맞게 조절이 됩니다.

이제 거의 다 끝났습니다!

저장하고 업로드 하기만 하면 됩니다.

 

---

 

 

잠깐 [아트워크 테두리에 맞추기] 와 [선택한 아트에 맞추기] 의 차이점에 대해서 설명을 드리자면

 

[아트워크 테두리에 맞추기] 는

화면상에 보이는 모든 아트워크를 포함하여 테두리를 조절 해 줍니다.

그것들을 모두 그룹짓지 않아도 말이죠~

 

만약 작업중인 대지에 별 그림이 있었다면,

별 그림까지 포함하여 모든 영역을 딱 맞게 조절 해 줍니다.

---

 

[선택한 아트에 맞추기]를 선택하시게 되면,

현재 내가 선택 한 오브젝트 영역만큼만 대지를 조절 해 줍니다.

 

 

예를들어 지갑에서 단추 부분만 선택한 후 [선택한 아트에 맞추기]를 하면 위와 같은 상태가 됩니다.

 

 

저장하기

 

이제 정말 마지막 단계입니다.

저장하기 혹은 다른 이름으로 저장하기를 진행 하신 후

파일 형식을 SVG로 체크 해 줍니다.

 

 

 

그러고 나면 아래와 같이 SVG 로 저장하는 옵션 창이 열릴텐데요,

아래와 똑같이 설정 해 주시면 됩니다. ^^

이 설정을 안 지켜주시면 반려 당할 수 있어요~

 

 

 

마지막으로 확인까지 눌러주시면 파일 제작은 끝입니다.

 

 

제출하기

 

미리캔버스에 접속하여 콘텐츠 업로드를 진행 해 줍니다.

 

스탠다드와 프리미엄 라이센스 중 선택을 해 줍시다.

우리는 돈 벌어야 하니까.. 유료로 선택 해 주셔야겠죠 ㅎ

제목과 키워드를 선정 해 주시고,

 

스크롤을 아래로 내리시면

 

 

상술했던 색상 잠금 설정이라는 항목을 볼 수가 있습니다.

 

SVG 파일의 장점은 구매자가 색상을 원하는대로 변경 할 수 있다는 점인데요,

제가 '파란 지갑/녹색 지폐/검은 테두리/흰색 단추' 로 그림을 그려서 올렸어도

이미지를 구매하여 사용하는 사용자는 본인의 취향에 맞게 색상을 변형해서 사용 할 수가 있습니다.

 

 

이렇게요.

색상 잠금 설정은 바로 그 기능을 사용할 수 없도록 제한을 거는 것인데요,

 

 

 

만약 제가 위 이미지와 같이 녹색에 잠금 설정을 했다면,

 

 

 

사용자는 위와 같이 녹색이 사용 된 지폐 영역 부분을 제외한 다른 부분을 본인의 취향대로 설정 할 수 있는 겁니다.

 

저는 이 기능은 잘 사용하지 않고 있습니다. ^^

변형해서 쓰면 쓰는거고 아니면 아닌거라고 생각해요 ㅎㅎ

 

기입 하셔야 할 내용들을 전부 기입했다면 업로드 해 줍니다.

 

이렇게 SVG 파일 업로드에 대해 알아봤습니다.

다들 좋은 결과 있으시길 바랍니다 ^^