배우는 것
- 스티컷 종류를 고르고 편집기가 바꾸는 것을 이해하는 방법
- 사이즈의 sticut option을 종류별로 채우는 방법
- 완료할 때 편집기가 검사하는 것
직접 해보기
1
상품을 만듭니다
상품과 ps_code 만들기대로 상품과 사이즈를 만듭니다.
2
스티컷 종류를 고릅니다
상품 설정 자산 그룹의
sticut-mode에서 종류를 고르고 Update로 저장합니다. 아래 상품 설정을 보세요.3
sticut option을 채웁니다
사이즈 Features의 sticut option에서 테두리, 제품 사이즈, 종류별 항목을 정합니다. 아래 sticut option을 보세요.
4
스티컷 플러그인을 연결합니다
확장 설정의 스티컷 플러그인 절의 순서대로 플러그인을 붙입니다. 멀티스티커에서 내장 탭을 쓰려면
sticut-tab을 켭니다.5
템플릿을 올립니다
스티컷 그림이 들어갈 페이지가 있는 템플릿을 템플릿 업로드와 수정대로 올리고 이 상품의
ps_code를 붙입니다.6
Test Order로 편집을 확인합니다
테스트 주문과 렌더링의 Test Order로 편집기를 열어 투명 배경 PNG를 올리고 완료까지 진행합니다. 아래 됐는지 확인을 보세요.
7
렌더 옵션을 정합니다
렌더 옵션에
sticut-control을 넣어 칼선을 맞추는 방식을 정합니다. 같은 ps_code에 content-outer-margin이나 cover-outer-margin(또는 fixed-size 엔티티)이 있으면 그 페이지에는 sticut-control이 적용되지 않습니다. 아크릴처럼 투명 소재면 화이트 레이어도 설정합니다. 뒷면은 sticut option의 뒷면 모드로 편집기에서 만들거나, 렌더의 assemble-page로 붙입니다. 둘 중 하나만 씁니다.8
Manual Render로 생산 파일을 확인합니다
Test Order의 주문 번호로 테스트 주문과 렌더링의 Manual Render를 실행합니다. 칼선 레이어, 화이트, 뒷면이 생산 파일에 맞게 나오면 됩니다.
상품 설정
상품 설정 자산 그룹의 재단(스티컷) 줄입니다. 저장 키는 모두template_option 아래에 있습니다.
화면 이름은 Sticut 설정 창 제목 옆에 보이는 이름입니다. 이 페이지는 이 이름으로 부릅니다. 편집기 화면은 자동 칼선이 붙는 그림을 모양컷이라고 부릅니다.
sticut-mode는 사이즈의 product override(Sticut)와 edicus options로 사이즈마다 바꿀 수 있습니다.
칼선이 만들어지는 방식
편집기는 그림의 투명도로 칼선을 만듭니다. 알파값이 절반 미만인 픽셀을 투명으로 보고, 불투명한 영역의 외곽을 따라 테두리 두께만큼 띄웁니다. 그래서 투명 배경이 아닌 그림, 예를 들어 체커 무늬가 실제 픽셀로 그려진 PNG나 JPEG는 사각형 칼선이 됩니다. 칼선을 만드는 방식은 항상 같고, 대화상자 밖에 남아 있는offset_type 값은 편집기가 읽지 않습니다.
편집기가 바꾸는 것
- 개체를 정렬선에 붙이는 스냅을 끕니다.
- 데스크톱과 기존 모바일 UI(
mobile: true)에서 그림 올리기와 테두리 고르기는 스티컷 플러그인 탭이 맡습니다. 이 플러그인은 확장 설정에서 연결합니다.sticut-tab을 켜면 내장 탭을 씁니다. - 여러 페이지 상품에서는 스티컷 페이지로 가면 사진 탭 대신 스티컷 탭을 열고, 다른 페이지로 가면 사진 탭으로 돌아갑니다.
sticut-page가default면 surface stack의 메인 페이지, 없으면 첫 페이지가 스티컷 페이지입니다. 페이지를 정해 두면 그 페이지에서는 사진 탭을, 다른 페이지에서는 플러그인을 쓸 수 없게 합니다. - 키링, 등신대, 스마트톡에서 추가 편집 허용을 켜면 사진 탭과 텍스트 탭을 강제로 켭니다.
- 키링, 등신대, 스마트톡에서 뒷면 모드가
mirror나free이거나 뒷면 선택 UI를 켜면 여러 페이지를 켭니다.free이고 추가 편집 허용이 켜져 있고 클리핑 모드가cutting-line이 아니면 배경 탭도 켭니다. - 칼선은 후가공 레이어로 문서에 저장되어 렌더로 넘어갑니다. 레이어 이름은 대화상자 후공정 항목의 값(
Cut,KissCut,WorkGuide)이고, 키링과 등신대는 항상Cut입니다. 렌더에서 칼선을 맞추는 방식은 렌더 옵션의sticut-control엔티티가 정합니다.
sticut option
사이즈 Features의 sticut option 버튼을 누르면 Sticut 설정 창이 열립니다. 종류는 상품의sticut-mode를 따르고, 사이즈 override가 있으면 그 값을 따릅니다. 창에 보이는 항목은 종류마다 다르고, 그 종류에 쓰지 않는 값은 적용할 때 지워집니다. 저장 위치는 사이즈의 sticutInfo입니다.
공통 항목
테두리 두께 조정
목록은 최소부터 최대까지 조정 간격으로 만듭니다. 두 데드존 값이 모두 있으면, 그 사이에 드는 값(경곗값 포함)을 목록에서 뺍니다. 칼선이 그림 외곽에 너무 붙으면 생산 품질이 나빠지므로 그 구간을 막는 용도입니다.
- 예: 최소 -1, 최대 2, 간격 0.5, 데드존 -0.5~0.5면 -1, 1, 1.5, 2가 남습니다.
- 값 하나만 빼려면 데드존 최소와 최대를 같은 값으로 둡니다. 둘 다 0이면 0만 빠져 목록이 -0.5에서 0.5로 건너뜁니다.
- 기본값(-1~1)을 그대로 두면 -1부터 1까지가 모두 빠집니다. 데드존이 필요 없으면 허용 범위 밖의 값으로 바꾸세요.
- 초기값은 목록에 남는 값으로 정하세요.
제품 사이즈
키링, 등신대, 룰러, 스마트톡에 있습니다.
완성 크기는 이렇게 정합니다.
- 기준은 그림의 불투명 영역에 테두리 두께를 더한 칼선의 크기입니다. 키링 고리, 등신대 받침, 흔들이 받침은 포함하지 않습니다.
- 처음 올릴 때는 그림 픽셀을 300DPI로 환산한 크기에서 시작해 허용 범위 안으로 맞춥니다. 최대 크기로 불러오기를 켜면 최대 크기에서 시작합니다.
default제한에서 플러그인의 크기 입력은 긴 변 기준입니다. 짧은 변은 그림 비율로 정해집니다.- 그림 비율을 지키므로 30×30mm를 입력해도 그림 비율에 따라 29×30mm처럼 한 변이 작게 나올 수 있습니다. 정상입니다.
뒷면
키링, 등신대, 스마트톡에 있는 뒷면 설정 탭입니다.mirror는 편집기가 앞면 그림을 좌우 반전한 둘째 페이지를 문서에 직접 만듭니다. 뒷면 모드를 none으로 두고 렌더에서 첫 페이지를 반전해 뒤에 붙이는 방법은 렌더 옵션의 assemble-page 2-MIRROR입니다. 두 방법은 뒷면을 만드는 곳이 다릅니다.
종류별 상세
키링 (keyhole)
toggle이면 플러그인에 고리를 그림 안쪽에 뚫을지 고르는 스위치가 생깁니다. 켜면 고리 구멍을 그림 안에 냅니다. 고리 없음 허용을 켜면 사용자가 고리를 뺄 수 있고, 고리 개수 선택 UI 제공을 켜면 1개와 2개 중 고릅니다.
keyhole_data는 사용자가 고를 고리 크기 목록입니다. 항목마다 구멍,테두리:문구1:문구2 형식이고 /로 잇습니다. 숫자는 mm이고, 두 문구는 선택지에 표시할 글자입니다. 예: 3,1.5:3-6mm/4,2:4-8mm. 플러그인은 항목이 2개나 3개일 때의 표시 크기를 정해 두었으므로 그 개수로 맞추세요.
등신대 (stand)
핀 데이터는
본체 폭 상한:기둥 폭[:핀 폭,핀 개수,핀 간격]을 /로 잇습니다. 예를 들어 50:10/150:25:20/99999:50:10,2,5는 본체 폭 50mm까지 기둥 10mm, 150mm까지 기둥 25mm와 핀 20mm, 그 이상은 기둥 50mm와 핀 10mm 두 개(간격 5mm)입니다. 기둥 폭이 음수면 본체 폭에 대한 백분율입니다.
룰러 (ruler): 룰러 타입(extra_type, default), 룰러 위치(extra_position, default·center), 룰러 폭/높이 mm(extra_width_mm 180, extra_height_mm 30), 룰러 이미지 URL(extra_img_url).
스마트톡 (talk)
접합부는 톡을 붙일 자리입니다.
- 접합부 모양이
none이면 마커를 만들지 않고 접합부 검사도 하지 않습니다. - 접합부 렌더 포함을 끄면 마커가 편집기에는 보이지만 렌더 결과에서는 빠집니다.
- 접합부 모양 병합을 켜면 원형 접합부를 칼선에 합쳐, 칼선이 접합부를 감쌉니다.
- 병합하지 않은 접합부가 칼선 밖으로 나가면 완료할 때 막습니다.
talk_img_url은 이미지_URI?w_mm=가로&h_mm=세로 형식으로 쓰고, 두 크기를 모두 넣습니다. 이미지는 접합부 위치를 중심으로 화면과 썸네일에만 보이고 인쇄에는 들어가지 않습니다.
이미지는 다음 순서로 올립니다. Manager Resource 화면에서 Add를 누르고, 종류(type)를 pic으로 고른 뒤 이미지 파일을 넣고 Save합니다. 편집기는 리소스 종류를 보지 않고 주소만 쓰며, pic은 편집기 탭에 나오지 않아 다른 목록에 섞이지 않습니다. 저장한 리소스의 resUri를 복사해 ?w_mm= 앞에 붙입니다. 화면 사용법은 리소스 관리에 있습니다.
스티커 (sticker): 후공정(post_work), 최소/최대 제작 크기 mm(valid_min_size_mm, valid_max_size_mm), 대지 마진 mm(page_margin_mm).
쿠션 (cushion): 후공정(post_work), 외부 여백 mm(outer_margin_mm), 내부 여백 mm(inner_margin_mm), 내부 색상(inner_color, #777777).
멀티스티커 (multi-sticker)
하나의 PNG에 떨어진 조각이 여러 개 있으면 조각마다 칼선이 생깁니다. 조각끼리 칼선간 최소 거리보다 가까우면 충돌로 보고 완료를 막습니다. 충돌 처리 기본값은 ban(겹침 금지)이고, merge면 가까운 칼선을 하나로 합칩니다.
이름표 스티커 tbseal
multi-sticker에서 sticut-fx를 tbseal로 두면, 이름 넣기 UI가 제목과 번호 입력으로 바뀝니다. 템플릿에는 변수 ID가 title, number인 글상자와 title_label, number_label인 받침 개체가 있어야 합니다. 변수와 데이터 병합를 보세요.
- 입력한 글자 폭에 맞춰 받침 폭과 글자 위치를 조정합니다. 번호가 비면 번호와 받침을 숨기고, 둘 다 비면 제목 받침도 숨깁니다.
- 라벨 위치를 상단·하단과 좌측·중앙·우측 중에서 고를 수 있습니다.
- 데스크톱 스티컷 탭의 테두리, 채우기 조절을 숨깁니다.
- 페이지 묶음을 추가하면 배경과
#title,#number로 시작하는 개체만 복사합니다.
완료할 때의 검사
사용자가 완료 버튼을 누르면 편집기가 아래를 검사하고, 걸리면 안내창을 띄우고 멈춥니다. 모든 UI에서 같습니다.됐는지 확인
Manager Resource에서 이 상품의 템플릿을 고르고 테스트 주문과 렌더링의 Test Order로 엽니다. Demo는 사진을 올릴 수 없으므로 스티컷 확인에는 쓰지 않습니다.
- 투명 배경 PNG를 올리면 외곽을 따라 칼선이 생깁니다.
- 테두리 목록에 데드존 값이 빠져 있습니다.
- 허용 크기를 벗어나게 바꾸고 완료를 누르면 막힙니다.
- 주문을 렌더링하면 칼선이 정한 후가공 레이어 이름으로 나옵니다.
다음 단계
화이트 레이어
투명 소재에 쓰는 화이트를 설정합니다.
렌더 옵션
렌더링할 때의 처리를 정합니다.