열기, 가져오기, 내보내기

열기, 저장, 가져오기, 내보내기, 인쇄는 모두 사용자의 컴퓨터에서 이루어집니다. 이 페이지에서는 기본 .cut 문서, Scissor가 읽고 쓸 수 있는 형식, 그리고 아트워크를 들여오고 내보내는 방법을 설명합니다.

모든 것은 기기에 남습니다

Scissor에는 서버도 계정도 없습니다. 여는 파일은 사용자의 컴퓨터에서 브라우저가 읽고, 내보내는 파일은 디스크에 바로 기록됩니다. 아무것도 업로드되지 않으며, 직접 어딘가로 보내지 않는 한 아트워크가 컴퓨터를 떠나는 일은 없습니다. 이는 곧 대신 기댈 클라우드 사본도 없다는 뜻이므로, 다른 데스크톱 문서처럼 작업을 저장하십시오.

아래 단축키에서 ⌘는 Windows와 Linux에서 Ctrl이고, ⌥는 Alt입니다.

.cut 문서

Scissor의 고유 형식은 .cut입니다. 버전이 지정된 JSON 파일로, 모든 레이어, 그룹, 패스, 라이브 모양, 문자, 가져온 그림, 그레이디언트, 효과, 아트보드를 포함한 노드 트리 전체를 남겨 둔 그대로 담고 있습니다. Scissor가 할 수 있는 모든 것을 보존하는 유일한 형식이므로, 작업 중인 작품은 이 형식으로 저장합니다. 내보내기 형식은 아트워크를 다른 프로그램이나 웹으로 옮겨야 할 때만 사용하십시오.

작업 저장

파일 > 저장(⌘S)으로 문서를 저장하고, 다른 이름으로 저장…(⇧⌘S)으로 새 이름으로 저장하며, 사본 저장…(⌥⌘S)으로 원본에서 작업을 계속하면서 스냅샷을 따로 저장합니다.

브라우저가 지원하는 경우 Scissor는 선택한 파일에 대한 핸들을 유지하므로, 데스크톱 응용 프로그램처럼 이후 저장은 대화 상자 없이 같은 위치에 기록됩니다. 지원하지 않는 경우에는 저장할 때마다 새 .cut 파일이 다운로드됩니다. 저장한 파일이 그 사이 이동되었거나 권한이 철회된 경우, Scissor는 다시 저장 위치를 묻습니다.

문서 시작 및 닫기

파일 > 새로 만들기…(⌥⌘N)는 새 문서 대화 상자에서 빈 문서를 엽니다. 여기서 크기와 처음 시작할 아트보드 수를 설정합니다. 파일 > 열기…(⌘O)는 기존 파일을 읽으며, 여러 파일을 한 번에 열 수 있습니다. 활성 문서는 파일 > 닫기(⌥⌘W)로 닫습니다.

다른 형식 열기

파일 > 열기…(⌘O)는 Scissor 고유 문서 이외의 형식도 읽습니다. 여러 파일을 한꺼번에 선택하거나 캔버스로 드래그할 수 있습니다. 어떤 내용이 들어오는지는 형식에 따라 다릅니다.

SVG(.svg)

깊이 있게 읽습니다. 패스와 기본 모양(사각형, 원, 타원, 선, 폴리라인, 다각형), 그룹, 중첩된 svg, use, symbol, 그리고 모든 변형이 들어옵니다. 프레젠테이션 속성, 인라인 스타일, 간단한 <style> 규칙(태그, 클래스, ID 기준), 선형 및 방사형 그레이디언트, 클리핑 패스, 패스를 따라 배치된 문자를 포함한 기본 텍스트, 포함되거나 연결된 이미지도 마찬가지입니다. 색상은 16진수, rgb, hsl, CSS 색상 이름으로 읽고, 길이는 px, 포인트, 파이카, 인치, 밀리미터, 센티미터, em, ex 단위로 읽습니다. 축에 정렬된 사각형, 원, 타원은 라이브 모양으로 들어오므로 고정된 윤곽선이 되지 않고 핸들로 계속 편집할 수 있습니다. 레이어가 있는 SVG는 이름까지 포함해 레이어를 유지한 채 열리며, 숨겨지거나 잠겼던 레이어는 그대로 숨겨지고 잠긴 상태를 유지합니다. 패턴 칠, 마스크, 마커, 필터 효과는 가져오지 않습니다.

PDF 및 PDF 기반 .ai

페이지마다 아트보드 하나가 만들어집니다. 패스, 색상, 선 스타일, 클리핑, 폼 XObject, 글꼴과 위치를 포함한 텍스트, 그림(JPEG, 인덱스 이미지, 소프트 마스크 알파가 있는 스텐실 마스크 포함)이 모두 들어옵니다. 축 방향 및 방사형 음영은 직접 칠해진 경우든 패턴 칠을 통한 경우든 읽습니다.

EPS(.eps, .epsf)

EPS 파일은 PostScript 프로그램이므로 Scissor가 이를 실행합니다. 패스, 변형, 클리핑, 회색, RGB, CMYK, HSB, 별색, 선 두께, 단면, 모퉁이, 점선, 구멍이 있는 복합 패스, 글꼴이 있는 텍스트가 모두 들어오며, %%BoundingBox 주석이 아트보드가 됩니다(파일에 %%HiResBoundingBox가 있으면 그것이 우선합니다). 흔히 쓰는 약식 연산자가 내장되어 있어 이를 사용하는 파일도 자체 프롤로그를 실행하지 않고 읽을 수 있으며, DOS EPS의 바이너리 래퍼는 먼저 벗겨 냅니다. EPS에 포함된 래스터 이미지는 건너뜁니다.

PSD(.psd)

픽셀 레이어는 그룹 안에서 편집 가능한 픽셀 레이어가 되며, 이름, 불투명도, 혼합 모드, 숨김 상태를 유지합니다. 레이어 마스크는 알파에 합쳐지고, 벡터 마스크와 파일에 저장된 패스는 편집 가능한 패스로, 문자 레이어는 편집 가능한 텍스트로 들어옵니다. 그리기에 관여하는 레이어 스타일(그림자 효과, 내부 그림자, 광선)은 라이브 효과로 들어옵니다.

래스터 그림(.png, .jpg, .gif, .webp, .bmp, .avif)도 열 수 있습니다. 파일 대화 상자에서 열면 그림 크기에 맞춘 아트보드 하나로 된 별도의 문서가 되고, 이미 열려 있는 아트워크 위에 놓으면 그 문서 안으로 가져옵니다.

비공개 고유 형식을 쓰는 디자인 프로그램의 파일은 다른 누구도 읽을 수 없으므로 Scissor도 열지 않습니다. 대신 해당 프로그램에서 SVG나 PDF로 내보내십시오. Scissor는 둘 다 읽습니다.

.ai를 읽기만 하고 쓰지 않는 이유

최신 .ai 파일은 PDF이므로 PDF 가져오기로 열립니다. .ai로 쓰는 것은 다른 문제입니다. 이 확장자는 다른 프로그램의 문서를 가리키며, 그 형식이라고 하면서 Scissor 고유의 구조를 담은 파일은 다음에 여는 사람을 혼란스럽게 할 것입니다. Scissor는 자체 작업에는 .cut을, 아트워크를 옮겨야 할 때는 PDF나 SVG를 씁니다.

아트워크 가져오기

파일 > 가져오기…(⇧⌘P)는 새 문서를 시작하는 대신 이미 열려 있는 문서에 SVG와 래스터 그림(PNG, JPEG, GIF, WebP)을 가져옵니다. 진행 중인 레이아웃에 로고, 사진, 스캔한 선화를 넣을 때 사용합니다.

가져온 SVG는 편집 가능한 아트워크로 들어옵니다. 모양, 패스, 문자가 평면 그림이 아니라 선택하고 모양을 바꿀 수 있는 개체로 문서에 놓입니다. 래스터 이미지(PNG, JPEG, GIF, WebP)는 원래 크기의 편집 가능한 픽셀 레이어로 들어오므로, 바로 칠하고, 마스크를 씌우고, 조정하고, 필터를 적용하고, 벡터화로 추적할 수 있습니다. 픽셀은 문서 안에 보관되므로 이동되거나 사라질 수 있는 연결 파일을 찾을 일이 없습니다. 아주 큰 사진은 하나의 표면에 맞도록 축소됩니다.

파일을 캔버스로 드래그하면 가져오기와 같은 결과가 되지만, .cut, PDF, .ai, .psd, EPS 파일은 별도의 문서로 열립니다. 클립보드에서 그림을 붙여 넣어도 가져오기가 됩니다. 완성된 라이브 아트워크를 픽셀로 바꾸려면 개체 > 래스터화를 사용합니다. 선택 항목이 2배 크기의 이미지로 대체됩니다.

복사, 잘라내기, 붙여넣기

복사(⌘C)와 잘라내기(⌘X)는 선택 항목을 클립보드에 넣고, 붙여넣기(⌘V)는 보기의 중앙 근처에 다시 놓습니다. Scissor는 앱 안에서 주고받을 수 있도록 손실 없는 자체 사본을 보관하며, 동시에 선택 항목을 SVG로 시스템 클립보드에 기록하므로 아트워크를 다른 프로그램에 바로 붙여 넣을 수 있습니다.

세 가지 변형으로 붙여 넣을 위치를 정할 수 있습니다. 앞에 붙이기(⌘F)와 뒤에 붙이기(⌘B)는 쌓기 순서에서 현재 선택 항목의 바로 위나 아래에 놓고, 제자리에 붙이기(⇧⌘V)는 복사한 곳과 같은 좌표에 놓습니다. 복사한 내용은 SVG로도 전달되므로, 다른 곳에서 복사한 텍스트나 아트워크를 붙여 넣으면 편집 가능한 개체로 들어옵니다.

내보내기

내보내기는 .cut 문서는 그대로 두고, 공유나 웹을 위한 형식으로 아트워크의 사본을 기록합니다. 파일 > 내보내기 하위 메뉴에는 단일 파일 명령이 있으며, 다른 두 가지 경로로 여러 파일을 한 번에 처리할 수 있습니다.

단일 파일

SVG로 내보내기…는 활성 아트보드를 SVG로 기록합니다. 기록은 꼼꼼합니다. 라이브 사각형, 원, 타원은 편집 가능하도록 실제 <rect>, <circle>, <ellipse> 요소로 기록되고, 선형 및 방사형 그레이디언트, 패턴 칠, 클리핑 및 녹아웃 그룹, 불투명도, 혼합 모드, 격리가 모두 유지됩니다. 그림자 효과, 흐림 효과, 광선, 페더는 SVG 필터로 기록되며, 문자는 패스 위의 문자, OpenType 기능 설정, 윤곽선이 있는 칠까지 포함하여 텍스트로 남습니다. 어떤 SVG 그레이디언트로도 표현할 수 없는 자유형 그레이디언트와 그레이디언트 메시는 작은 색상 셀 여러 개로 기록되어 어떤 뷰어에서든 올바르게 그려집니다. 가져온 그림과 픽셀 레이어는 <image> 요소로 포함됩니다.

PNG로 내보내기…, PNG @2x로 내보내기…, PNG(투명)로 내보내기…는 활성 아트보드를 원래 크기의 1배 또는 2배 PNG로 렌더링하며, 마지막 명령은 배경을 투명하게 유지합니다. JPEG로 내보내기…와 WebP로 내보내기…는 다른 래스터 형식으로 기록합니다. JPEG는 투명도가 없으므로 항상 아트보드 배경을 유지합니다.

PDF로 내보내기…는 문서 전체를 아트보드당 한 페이지씩 PDF로 기록합니다. 자체 개발한 기록기로 벡터 패스, 그레이디언트, 불투명도, 클리핑, 텍스트, 가져온 그림을 투명도와 함께 유지하므로, 결과물은 아트워크를 평면화한 그림이 아니라 다른 곳에서도 편집 가능한 상태로 남습니다.

선택 항목 내보내기…는 선택한 개체만 고른 범위에 맞게 잘라 SVG로 기록합니다. 복잡한 아트보드에서 아이콘 하나나 모양 하나만 꺼내고 싶을 때 사용합니다.

화면용으로 내보내기

파일 > 내보내기 > 화면용으로 내보내기…(⌥⌘E)는 한 번에 여러 파일을 기록하며, 여러 크기의 에셋 세트를 만드는 방법입니다. 원하는 아트보드와 분할 영역을 체크하고, PNG, JPEG, WebP, SVG를 원하는 대로 조합하여 체크한 다음, 1x, 2x, 3x처럼 배율을 목록으로 입력합니다. 체크한 각 페이지가 체크한 각 형식과 각 배율로 기록되므로, 한 번 실행으로 여러 파일을 모두 만들 수 있습니다. SVG에는 고정된 크기가 없으므로 벡터 출력은 배율을 무시합니다. 브라우저가 허용하면 폴더를 골라 모든 파일을 그 안에 기록하고, 그렇지 않으면 파일이 각각 따로 다운로드됩니다.

분할 영역

분할 영역은 캔버스의 사각형 영역을 따로 내보내도록 표시하므로, 한 아트보드에서 여러 조각을 잘라 낼 수 있습니다. 개체 > 분할 영역에서 만듭니다. 만들기는 선택 항목을 분할 영역으로 바꾸고, 안내선에서 만들기는 아트보드를 안내선을 따라 자르며, 선택 영역에서 만들기는 선택한 개체마다 분할 영역을 하나씩 만듭니다. 분할 영역 옵션…은 분할 영역의 이름, 형식, 배율을 설정하고, 풀기는 선택한 분할 영역을 제거하며, 모두 삭제는 모두 지웁니다. 분할 영역 도구(⇧K)로 직접 그릴 수도 있습니다. 분할 영역은 화면용으로 내보내기 목록에 아트보드와 함께 나타납니다.

에셋 패널

에셋 패널(창 메뉴)은 아트보드 전체가 아니라 개별 아트워크 조각을 내보내므로, 아이콘 세트나 컴포넌트 시트를 만들 때 적합합니다. 아트워크를 선택하고 선택 항목 추가를 눌러 목록에 추가한 다음 각 항목의 이름을 바꾸십시오. 이름이 파일 이름이 됩니다. 형식(PNG, JPEG, WebP, SVG)과 배율을 한 번 고른 다음 내보내기를 누르면 모든 에셋이 모든 조합으로 기록됩니다. 각 에셋은 자체 경계에 맞게 잘려 따로 렌더링됩니다.

인쇄

파일 > 인쇄…(⌘P)는 활성 아트보드를 브라우저의 인쇄 대화 상자로 보냅니다. 페이지는 아트보드의 비율에 맞춰 가로 또는 세로 방향으로 설정되고 12 mm 여백이 적용되며, 아트워크가 그 안에 맞춰집니다. 먼저 파일 > 문서 설정…(⌥⌘P)에서 아트보드 크기를 설정하십시오.