AI, EPS파일을 SVG로 만드는 방법
소스 분리하기
1) 하나의 EPS 파일 안에 여러 개의 소스가 있는 경우, 각각의 요소를 분리하여 SVG로 만들어야 합니다.
2) SVG는 가로 또는 세로 중 긴 쪽 기준으로 최대 6,000px 이내의 사이즈로 제작 해야 합니다.
객체 정리하기
1) 일러스트레이션 메뉴의 Object > Path > Outline Stroke 를 사용하여 윤곽선을 만들어 주세요.
2) 텍스트는 마우스 우클릭 > Create Outlines 를 해주세요.
객체별 색상값 정리하기
명암(Shadow)영역은 #000000, 하이라이트(Highlight)영역은 #FFFFFF로 색상값을 설정하고,
투명도(Opacity)를 조절하여 만들어야 합니다.
* 사용 금지 색상
SVG(벡터) 요소의 색상을 #FFFFFF 혹은, #353840으로 지정할 경우,
미리캔버스 일반/다크모드 에디터와 배경 색상이 동일해 요소 리스트에서 형태가 보이지 않습니다.
#FFFFFF 혹은 #353840 색상을 디자인에 사용해야 하는 경우, Adobe Illustrator 프로그램에서
다른 색상으로 교체 후 SVG 로 등록, 에디터 내에서 색상을 변경해 사용합니다.
(SVG 컨텐츠 유형의 특성상 에디터 내에서 요소의 색상을 자유자재로 변경 가능한 점 참고 부탁드립니다!)
아트보드 사이즈 조정하기
1) 일러스트레이터 메뉴의 Object > Artboard > Fit to Artwork Bounds를 사용하여 분리한 소스의
사이즈에 맞게 아트보드의 크기를 조정해 줍니다.
2) 레이어에 있는 모든 오브젝트를 선택하여 그룹화(Group)해줍니다.
SVG 요소 제작시 주의사항, 사용하지 말아주세요!
1) 패턴(Pattern)기능은 사용하지 말아주세요.
2) 클리핑 마스크(Clipping Mask)기능은 사용하지 말아주세요. 사용했을 경우 마우스 우클릭 > Release Clipping Mask를 해주세요.
3) 색상견본(Swatches)창은 사용하지 말아주세요.
4) SVG파일에는 벡터 요소만 넣어주세요. 비트맵 이미지는 PNG 형식으로 저장해주세요.
SVG 요소 제작 시 한번 더 확인 해주세요!
1) 패스 윤곽선 따기(Outline Stroke)를 하셨는지 체크해주세요.
2) 텍스트 아웃라인(Create Outlines)를 하셨는지 체크해주세요.
3) 그라데이션(Gradient) 사용 시 프로그램 버전을 꼭 체크해주세요.
CC 버전 기능 사용가능 / CS5, CS6 버전 기능 사용 불가
객체 별 선 또는 면 정리하기
1) 객체 전체를 선택하여 다른 레이어에 복사합니다.
2) 패스파인더의 합치기로 하나의 객체로 만들어 줍니다.
3) 크랙이 보이는 영역 아래의 객체를 깔아줍니다.
4) 미리캔버스 에디터에서 배경 > 단색 > 검은색을 선택한 후, 크랙이 보이는지 확인합니다.
SVG 파일로 저장하기
1) SVG 로 저장하기 전, 모든 오브젝트를 선택하여 그룹(Group) 해주는 것을 잊지 마세요.
2) SVG 저장 옵션은 SVG 1.1을 기준으로 저장하세요.
3) 상세한 저장 옵션은 아래의 이미지를 참조하여 주세요.