왕초보도 가능한 미리캔버스 기여자 svg 파일 만드는 법

이 글은 일러스트레이터를 '기본'정도는 사용할 줄 알아야 이해하실 수 있는 글입니다. 일러스트레이터를 처음 시작하시는 분들은 아래 글을 먼저 읽어주세요!

 

일러스트레이터 왕초보가 고른 기초 강의 유튜브 영상 TOP3

 

---

저는 포토샵만 할 줄 알지, 일러스트레이터의 '일'도 모르는 사람이었어요. 그런데 지금은 많이 연습해보면서 만든 파일들을 꽤 많이 모두 업로드하는 중이에요.

 

제가 연습하며 정리한 파일들

 

처음에 svg라는 파일 자체를 잘 모르니 어떻게 만들어야하는지 모르겠는데, 검색을 해도 찾기가 힘들어서 이렇게 글을 씁니다. 일러스트레이터를 잘 모르지만 svg 파일을 만들어서 미리캔버스 기여자 요소 등록을 원하는 분들에게 도움이 되었으면 좋겠습니다.

 

색상의 갯수별로 목차를 설정해두겠습니다. 원하는 색상 숫자로 찾아주세요.

 

 

색상 1개 사용한 svg

색상 1개를 사용하는 svg는 대부분 단순한 이미지들이겠죠? 저같은 경우에는 멀리서 날아다니는 새들이나 꾸미기용 잎, 꽃 들이 색상 1개만 사용하는 요소로 등록하고 있어요.

 

1개 색상을 사용해서 만든 파일들은 아주 쉽습니다. 일러스트레이터로 먼저 원하는 형태를 만듭니다. 저는 간단한 꾸밈 모양을 만들어볼게요.

 

이미지 순서대로 클릭하면 저장 완료

 

1개 색상 요소를 만든 후에 [오른쪽 클릭 후 '선택 항목 내보내기']를 눌러 [SVG] 파일로 설정한 후 [자산 내보내기]를 누릅니다.

 

그렇게 생성된 SVG 파일을 미리캔버스 디자인허브에 콘텐츠 업로드를 통해 업로드하여 등록하시면 됩니다.

 

색상 2개 이상 사용한 svg

이번에는 색상 2개를 사용한 svg 파일 만드는 방법입니다. 

 

2개 색상은 '선택 항목 내보내기'가 아닌 '내보내기 위해 모으기'를 눌러야합니다. 아래 이미지를 참고해주세요.

SVG 파일인지 반드시 확인하기

 

2개 이상의 색상을 사용한 요소들은 색이 미묘하게 달라도 미리캔버스에서는 3가지 이상의 색으로 인식합니다. 그러니 꼭 색상들을 정리해서 저장하는 버릇을 들이는 것이 좋습니다.

 

특히 4~5개 색을 사용한 경우에는 더 꼼꼼히 확인해야겠죠.

 

그림자나 빛을 사용한 svg

불투명도 15~30% 사이가 그림자로 적당합니다.

 

그림자가 들어가야 하는 요소를 만들었다면 그림자 요소들을 모두 [#000000] 색상으로 지정하고 불투명도를 15~30%정도로 낮춰서 저장합니다. 반대로 빛을 사용했다면 [#FFFFFF] 색상을 사용해야겠죠!

 

불투명도를 낮춰 저장한 후 미리캔버스 디자인허브에서 파일을 불러와 확인하면 아래처럼 검정색과 흰색을 확인할 수 있습니다. 이 검정색과 흰색을 클릭해서 '잠금'시켜두고 등록하면 됩니다.

 

잠금 설정 전, 잠금 설정 후

그림자와 빛 부분이 함께 있는 요소의 잠금 예시

 

색상을 너무 많이 사용한 경우

색상을 너무 많이 사용한 경우 예시

색상을 너무 많이 사용하게되면 위 이미지처럼 색상 설정칸이 너무 복잡해집니다. 이런 경우에는 사용하는 사람이 색상 지정을 하기도 힘들고, 어느 부분이 어떤 색상인지 체크하기도 힘듭니다. 그래서 같은 색상이지만 어두운 부분, 밝은 부분이 있는 요소라면 검정색과 흰색을 이용해 불투명도만 조절해서 요소를 만들기를 권장하고있습니다.

 

그 점을 응용한다면 꼭 그림자나 빛이 검정이나 흰색이 아니어도 된다는 뜻이 되겠지요!

 

---

 

이렇게 해서 기본적인 svg파일을 만드는 방법과 그림자, 색상들을 사용 및 설정하는 팁을 알려드렸습니다. 일러스트레이터를 공부하면서 나오는 모든 요소들이 미리캔버스 등록 요소가 된다는 사실. 아주 재미있지 않나요? 많은 수익을 내주는 요소가 될 수도 있으니 꼼꼼히 정리해두고 모두 업로드하는 기여자가 됩시다!